@keyframes bounceRight {
	0% {
		animation-timing-function: ease-in;
		opacity: 1;
		transform: translateX(0px)
	}

	5% {
		animation-timing-function: ease-in;
		opacity: 1;
		transform: translateX(10px)
	}

	10% {
		animation-timing-function: ease-in;
		opacity: 1;
		transform: translateX(20px)
	}

	24% {
		opacity: 1
	}

	40% {
		animation-timing-function: ease-in;
		transform: translateX(22px)
	}

	65% {
		animation-timing-function: ease-in;
		transform: translateX(16px)
	}

	82% {
		animation-timing-function: ease-in;
		transform: translateX(6.5px)
	}

	93% {
		animation-timing-function: ease-in;
		transform: translateX(4px)
	}

	25%,
	55%,
	75%,
	87%,
	98% {
		animation-timing-function: ease-out;
		transform: translateX(0px)
	}

	100% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateX(0px)
	}
}

.animation-bounce-right {
	animation: bounceRight 3s ease-in-out .2s infinite normal both
}

.animation-bounce-right:hover {
	animation-play-state: paused
}

@keyframes spinner {
	0% {
		transform: rotateZ(0deg)
	}

	100% {
		transform: rotateZ(360deg)
	}
}

.spinny {
	animation: spinner var(--animation-speed, 1s) linear forwards infinite
}

@keyframes scale-x {
	0% {
		transform: scaleX(0)
	}

	100% {
		transform: scaleX(1)
	}
}

@keyframes scroll {
	to {
		transform: translateX(calc(-50% - 5px))
	}
}

@keyframes shine {
	0% {
		left: -80%;
		transition-property: left
	}

	45%,
	100% {
		left: 80%;
		transition-property: left
	}
}

.effect-shine {
	position: relative;
	overflow: hidden
}

.effect-shine::before {
	--shine-degree: 120deg;
	--shine-color: rgba(255, 255, 255, 0.5);
	--shine-effect: linear-gradient(var(--shine-degree), transparent 40%, var(--shine-color) 50%, transparent 60%);
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--shine-effect);
	animation: shine 3s linear infinite
}

@keyframes loadCardLeft {
	0% {
		transform: rotate(0deg) translate(100px, 0px)
	}

	100% {
		transform: rotate(-9deg) translate(var(--move-amount-x, 0), 20px)
	}
}

@keyframes loadCardRight {
	0% {
		transform: rotate(0deg) translate(-100px, 0px)
	}

	100% {
		transform: rotate(9deg) translate(var(--move-amount-x, 0), 20px)
	}
}

@keyframes cardFloat {

	0%,
	100% {
		translate: 0 0
	}

	25% {
		translate: 0 3px
	}

	75% {
		translate: 0 -3px
	}
}

:root {
	--primary-color: #D82B1B;
	--primary-color-light: #FA6E63;
	--primary-gradient: linear-gradient(262.6deg, #FA6E63 1.44%, #D82B1B 69.29%);
	--main-text-color: #0E0C22;
	--mute-text-color: #0E0C2299;
	--secondary-text-color: white;
	--black-80: rgba(0, 0, 0, 0.8);
	--neutral-900: rgb(17, 29, 55);
	--neutral-700: rgb(66, 82, 110);
	--common-border-radius: 12px;
	--box-shadow-danger: 0px 10px 70px -20px #D92C1CB2;
	--box-shadow-primary: 0px 12px 80px -15px #0E0C221A;
	--box-shadow-muted: 0px 12px 14px -9px #00000033
}

@font-face {
	font-family: "Inter";
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	font-optical-sizing: auto;
	src: url("../assets/fonts/Inter_VF_opsz_wght.ttf")
}

@font-face {
	font-family: "Inter";
	font-weight: 100 900;
	font-style: italic;
	font-display: swap;
	font-optical-sizing: auto;
	src: url("../assets/fonts/Inter_Italic_VF_opsz_wght.ttf")
}

@font-face {
	font-family: "Manrope";
	font-weight: 100 900;
	font-display: swap;
	font-optical-sizing: auto;
	src: url("../assets/fonts/Manrope_VF_wght.ttf")
}

p {
	margin: 0;
	padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0
}

.primary-gradient-text {
	background: var(--Red-Gradient, linear-gradient(263deg, #FA6E63 1.44%, #D82B1B 49.29%));
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	text-fill-color: rgba(0, 0, 0, 0);
	background-clip: text
}

.m-0 {
	margin: 0px
}

.m-lg-0 {
	margin: 0px
}

@media(max-width: 575.98px) {
	.m-lg-0 {
		margin: 0
	}
}

.m-sm-0 {
	margin: 0
}

@media(max-width: 575.98px) {
	.m-sm-0 {
		margin: 0px
	}
}

.p-0 {
	padding: 0px
}

.m-1 {
	margin: 5px
}

.m-lg-1 {
	margin: 5px
}

@media(max-width: 575.98px) {
	.m-lg-1 {
		margin: 0
	}
}

.m-sm-1 {
	margin: 0
}

@media(max-width: 575.98px) {
	.m-sm-1 {
		margin: 5px
	}
}

.p-1 {
	padding: 5px
}

.m-2 {
	margin: 10px
}

.m-lg-2 {
	margin: 10px
}

@media(max-width: 575.98px) {
	.m-lg-2 {
		margin: 0
	}
}

.m-sm-2 {
	margin: 0
}

@media(max-width: 575.98px) {
	.m-sm-2 {
		margin: 10px
	}
}

.p-2 {
	padding: 10px
}

.m-3 {
	margin: 15px
}

.m-lg-3 {
	margin: 15px
}

@media(max-width: 575.98px) {
	.m-lg-3 {
		margin: 0
	}
}

.m-sm-3 {
	margin: 0
}

@media(max-width: 575.98px) {
	.m-sm-3 {
		margin: 15px
	}
}

.p-3 {
	padding: 15px
}

.m-4 {
	margin: 20px
}

.m-lg-4 {
	margin: 20px
}

@media(max-width: 575.98px) {
	.m-lg-4 {
		margin: 0
	}
}

.m-sm-4 {
	margin: 0
}

@media(max-width: 575.98px) {
	.m-sm-4 {
		margin: 20px
	}
}

.p-4 {
	padding: 20px
}

.m-5 {
	margin: 25px
}

.m-lg-5 {
	margin: 25px
}

@media(max-width: 575.98px) {
	.m-lg-5 {
		margin: 0
	}
}

.m-sm-5 {
	margin: 0
}

@media(max-width: 575.98px) {
	.m-sm-5 {
		margin: 25px
	}
}

.p-5 {
	padding: 25px
}

.m-auto {
	margin: auto
}

.m-lg-auto {
	margin: auto
}

@media(max-width: 575.98px) {
	.m-lg-auto {
		margin: unset
	}
}

.m-lg-auto {
	margin: unset
}

@media(max-width: 575.98px) {
	.m-lg-auto {
		margin: auto
	}
}

.p-auto {
	padding: auto
}

.mt-0 {
	margin-top: 0px
}

.mt-lg-0 {
	margin-top: 0px
}

@media(max-width: 575.98px) {
	.mt-lg-0 {
		margin-top: 0
	}
}

.mt-sm-0 {
	margin-top: 0
}

@media(max-width: 575.98px) {
	.mt-sm-0 {
		margin-top: 0px
	}
}

.pt-0 {
	padding-top: 0px
}

.mt-1 {
	margin-top: 5px
}

.mt-lg-1 {
	margin-top: 5px
}

@media(max-width: 575.98px) {
	.mt-lg-1 {
		margin-top: 0
	}
}

.mt-sm-1 {
	margin-top: 0
}

@media(max-width: 575.98px) {
	.mt-sm-1 {
		margin-top: 5px
	}
}

.pt-1 {
	padding-top: 5px
}

.mt-2 {
	margin-top: 10px
}

.mt-lg-2 {
	margin-top: 10px
}

@media(max-width: 575.98px) {
	.mt-lg-2 {
		margin-top: 0
	}
}

.mt-sm-2 {
	margin-top: 0
}

@media(max-width: 575.98px) {
	.mt-sm-2 {
		margin-top: 10px
	}
}

.pt-2 {
	padding-top: 10px
}

.mt-3 {
	margin-top: 15px
}

.mt-lg-3 {
	margin-top: 15px
}

@media(max-width: 575.98px) {
	.mt-lg-3 {
		margin-top: 0
	}
}

.mt-sm-3 {
	margin-top: 0
}

@media(max-width: 575.98px) {
	.mt-sm-3 {
		margin-top: 15px
	}
}

.pt-3 {
	padding-top: 15px
}

.mt-4 {
	margin-top: 20px
}

.mt-lg-4 {
	margin-top: 20px
}

@media(max-width: 575.98px) {
	.mt-lg-4 {
		margin-top: 0
	}
}

.mt-sm-4 {
	margin-top: 0
}

@media(max-width: 575.98px) {
	.mt-sm-4 {
		margin-top: 20px
	}
}

.pt-4 {
	padding-top: 20px
}

.mt-5 {
	margin-top: 25px
}

.mt-lg-5 {
	margin-top: 25px
}

@media(max-width: 575.98px) {
	.mt-lg-5 {
		margin-top: 0
	}
}

.mt-sm-5 {
	margin-top: 0
}

@media(max-width: 575.98px) {
	.mt-sm-5 {
		margin-top: 25px
	}
}

.pt-5 {
	padding-top: 25px
}

.mt-auto {
	margin-top: auto
}

.mt-lg-auto {
	margin-top: auto
}

@media(max-width: 575.98px) {
	.mt-lg-auto {
		margin: unset
	}
}

.mt-lg-auto {
	margin-top: unset
}

@media(max-width: 575.98px) {
	.mt-lg-auto {
		margin-t: auto
	}
}

.pt-auto {
	padding-top: auto
}

.mb-0 {
	margin-bottom: 0px
}

.mb-lg-0 {
	margin-bottom: 0px
}

@media(max-width: 575.98px) {
	.mb-lg-0 {
		margin-bottom: 0
	}
}

.mb-sm-0 {
	margin-bottom: 0
}

@media(max-width: 575.98px) {
	.mb-sm-0 {
		margin-bottom: 0px
	}
}

.pb-0 {
	padding-bottom: 0px
}

.mb-1 {
	margin-bottom: 5px
}

.mb-lg-1 {
	margin-bottom: 5px
}

@media(max-width: 575.98px) {
	.mb-lg-1 {
		margin-bottom: 0
	}
}

.mb-sm-1 {
	margin-bottom: 0
}

@media(max-width: 575.98px) {
	.mb-sm-1 {
		margin-bottom: 5px
	}
}

.pb-1 {
	padding-bottom: 5px
}

.mb-2 {
	margin-bottom: 10px
}

.mb-lg-2 {
	margin-bottom: 10px
}

@media(max-width: 575.98px) {
	.mb-lg-2 {
		margin-bottom: 0
	}
}

.mb-sm-2 {
	margin-bottom: 0
}

@media(max-width: 575.98px) {
	.mb-sm-2 {
		margin-bottom: 10px
	}
}

.pb-2 {
	padding-bottom: 10px
}

.mb-3 {
	margin-bottom: 15px
}

.mb-lg-3 {
	margin-bottom: 15px
}

@media(max-width: 575.98px) {
	.mb-lg-3 {
		margin-bottom: 0
	}
}

.mb-sm-3 {
	margin-bottom: 0
}

@media(max-width: 575.98px) {
	.mb-sm-3 {
		margin-bottom: 15px
	}
}

.pb-3 {
	padding-bottom: 15px
}

.mb-4 {
	margin-bottom: 20px
}

.mb-lg-4 {
	margin-bottom: 20px
}

@media(max-width: 575.98px) {
	.mb-lg-4 {
		margin-bottom: 0
	}
}

.mb-sm-4 {
	margin-bottom: 0
}

@media(max-width: 575.98px) {
	.mb-sm-4 {
		margin-bottom: 20px
	}
}

.pb-4 {
	padding-bottom: 20px
}

.mb-5 {
	margin-bottom: 25px
}

.mb-lg-5 {
	margin-bottom: 25px
}

@media(max-width: 575.98px) {
	.mb-lg-5 {
		margin-bottom: 0
	}
}

.mb-sm-5 {
	margin-bottom: 0
}

@media(max-width: 575.98px) {
	.mb-sm-5 {
		margin-bottom: 25px
	}
}

.pb-5 {
	padding-bottom: 25px
}

.mb-auto {
	margin-bottom: auto
}

.mb-lg-auto {
	margin-bottom: auto
}

@media(max-width: 575.98px) {
	.mb-lg-auto {
		margin: unset
	}
}

.mb-lg-auto {
	margin-bottom: unset
}

@media(max-width: 575.98px) {
	.mb-lg-auto {
		margin-b: auto
	}
}

.pb-auto {
	padding-bottom: auto
}

.ml-0 {
	margin-left: 0px
}

.ml-lg-0 {
	margin-left: 0px
}

@media(max-width: 575.98px) {
	.ml-lg-0 {
		margin-left: 0
	}
}

.ml-sm-0 {
	margin-left: 0
}

@media(max-width: 575.98px) {
	.ml-sm-0 {
		margin-left: 0px
	}
}

.pl-0 {
	padding-left: 0px
}

.ml-1 {
	margin-left: 5px
}

.ml-lg-1 {
	margin-left: 5px
}

@media(max-width: 575.98px) {
	.ml-lg-1 {
		margin-left: 0
	}
}

.ml-sm-1 {
	margin-left: 0
}

@media(max-width: 575.98px) {
	.ml-sm-1 {
		margin-left: 5px
	}
}

.pl-1 {
	padding-left: 5px
}

.ml-2 {
	margin-left: 10px
}

.ml-lg-2 {
	margin-left: 10px
}

@media(max-width: 575.98px) {
	.ml-lg-2 {
		margin-left: 0
	}
}

.ml-sm-2 {
	margin-left: 0
}

@media(max-width: 575.98px) {
	.ml-sm-2 {
		margin-left: 10px
	}
}

.pl-2 {
	padding-left: 10px
}

.ml-3 {
	margin-left: 15px
}

.ml-lg-3 {
	margin-left: 15px
}

@media(max-width: 575.98px) {
	.ml-lg-3 {
		margin-left: 0
	}
}

.ml-sm-3 {
	margin-left: 0
}

@media(max-width: 575.98px) {
	.ml-sm-3 {
		margin-left: 15px
	}
}

.pl-3 {
	padding-left: 15px
}

.ml-4 {
	margin-left: 20px
}

.ml-lg-4 {
	margin-left: 20px
}

@media(max-width: 575.98px) {
	.ml-lg-4 {
		margin-left: 0
	}
}

.ml-sm-4 {
	margin-left: 0
}

@media(max-width: 575.98px) {
	.ml-sm-4 {
		margin-left: 20px
	}
}

.pl-4 {
	padding-left: 20px
}

.ml-5 {
	margin-left: 25px
}

.ml-lg-5 {
	margin-left: 25px
}

@media(max-width: 575.98px) {
	.ml-lg-5 {
		margin-left: 0
	}
}

.ml-sm-5 {
	margin-left: 0
}

@media(max-width: 575.98px) {
	.ml-sm-5 {
		margin-left: 25px
	}
}

.pl-5 {
	padding-left: 25px
}

.ml-auto {
	margin-left: auto
}

.ml-lg-auto {
	margin-left: auto
}

@media(max-width: 575.98px) {
	.ml-lg-auto {
		margin: unset
	}
}

.ml-lg-auto {
	margin-left: unset
}

@media(max-width: 575.98px) {
	.ml-lg-auto {
		margin-l: auto
	}
}

.pl-auto {
	padding-left: auto
}

.mr-0 {
	margin-right: 0px
}

.mr-lg-0 {
	margin-right: 0px
}

@media(max-width: 575.98px) {
	.mr-lg-0 {
		margin-right: 0
	}
}

.mr-sm-0 {
	margin-right: 0
}

@media(max-width: 575.98px) {
	.mr-sm-0 {
		margin-right: 0px
	}
}

.pr-0 {
	padding-right: 0px
}

.mr-1 {
	margin-right: 5px
}

.mr-lg-1 {
	margin-right: 5px
}

@media(max-width: 575.98px) {
	.mr-lg-1 {
		margin-right: 0
	}
}

.mr-sm-1 {
	margin-right: 0
}

@media(max-width: 575.98px) {
	.mr-sm-1 {
		margin-right: 5px
	}
}

.pr-1 {
	padding-right: 5px
}

.mr-2 {
	margin-right: 10px
}

.mr-lg-2 {
	margin-right: 10px
}

@media(max-width: 575.98px) {
	.mr-lg-2 {
		margin-right: 0
	}
}

.mr-sm-2 {
	margin-right: 0
}

@media(max-width: 575.98px) {
	.mr-sm-2 {
		margin-right: 10px
	}
}

.pr-2 {
	padding-right: 10px
}

.mr-3 {
	margin-right: 15px
}

.mr-lg-3 {
	margin-right: 15px
}

@media(max-width: 575.98px) {
	.mr-lg-3 {
		margin-right: 0
	}
}

.mr-sm-3 {
	margin-right: 0
}

@media(max-width: 575.98px) {
	.mr-sm-3 {
		margin-right: 15px
	}
}

.pr-3 {
	padding-right: 15px
}

.mr-4 {
	margin-right: 20px
}

.mr-lg-4 {
	margin-right: 20px
}

@media(max-width: 575.98px) {
	.mr-lg-4 {
		margin-right: 0
	}
}

.mr-sm-4 {
	margin-right: 0
}

@media(max-width: 575.98px) {
	.mr-sm-4 {
		margin-right: 20px
	}
}

.pr-4 {
	padding-right: 20px
}

.mr-5 {
	margin-right: 25px
}

.mr-lg-5 {
	margin-right: 25px
}

@media(max-width: 575.98px) {
	.mr-lg-5 {
		margin-right: 0
	}
}

.mr-sm-5 {
	margin-right: 0
}

@media(max-width: 575.98px) {
	.mr-sm-5 {
		margin-right: 25px
	}
}

.pr-5 {
	padding-right: 25px
}

.mr-auto {
	margin-right: auto
}

.mr-lg-auto {
	margin-right: auto
}

@media(max-width: 575.98px) {
	.mr-lg-auto {
		margin: unset
	}
}

.mr-lg-auto {
	margin-right: unset
}

@media(max-width: 575.98px) {
	.mr-lg-auto {
		margin-r: auto
	}
}

.pr-auto {
	padding-right: auto
}

.mx-0 {
	margin-inline: 0px
}

.mx-lg-0 {
	margin-inline: 0px
}

@media(max-width: 575.98px) {
	.mx-lg-0 {
		margin-inline: 0
	}
}

.mx-sm-0 {
	margin-inline: 0
}

@media(max-width: 575.98px) {
	.mx-sm-0 {
		margin-inline: 0px
	}
}

.px-0 {
	padding-inline: 0px
}

.mx-1 {
	margin-inline: 5px
}

.mx-lg-1 {
	margin-inline: 5px
}

@media(max-width: 575.98px) {
	.mx-lg-1 {
		margin-inline: 0
	}
}

.mx-sm-1 {
	margin-inline: 0
}

@media(max-width: 575.98px) {
	.mx-sm-1 {
		margin-inline: 5px
	}
}

.px-1 {
	padding-inline: 5px
}

.mx-2 {
	margin-inline: 10px
}

.mx-lg-2 {
	margin-inline: 10px
}

@media(max-width: 575.98px) {
	.mx-lg-2 {
		margin-inline: 0
	}
}

.mx-sm-2 {
	margin-inline: 0
}

@media(max-width: 575.98px) {
	.mx-sm-2 {
		margin-inline: 10px
	}
}

.px-2 {
	padding-inline: 10px
}

.mx-3 {
	margin-inline: 15px
}

.mx-lg-3 {
	margin-inline: 15px
}

@media(max-width: 575.98px) {
	.mx-lg-3 {
		margin-inline: 0
	}
}

.mx-sm-3 {
	margin-inline: 0
}

@media(max-width: 575.98px) {
	.mx-sm-3 {
		margin-inline: 15px
	}
}

.px-3 {
	padding-inline: 15px
}

.mx-4 {
	margin-inline: 20px
}

.mx-lg-4 {
	margin-inline: 20px
}

@media(max-width: 575.98px) {
	.mx-lg-4 {
		margin-inline: 0
	}
}

.mx-sm-4 {
	margin-inline: 0
}

@media(max-width: 575.98px) {
	.mx-sm-4 {
		margin-inline: 20px
	}
}

.px-4 {
	padding-inline: 20px
}

.mx-5 {
	margin-inline: 25px
}

.mx-lg-5 {
	margin-inline: 25px
}

@media(max-width: 575.98px) {
	.mx-lg-5 {
		margin-inline: 0
	}
}

.mx-sm-5 {
	margin-inline: 0
}

@media(max-width: 575.98px) {
	.mx-sm-5 {
		margin-inline: 25px
	}
}

.px-5 {
	padding-inline: 25px
}

.mx-auto {
	margin-inline: auto
}

.mx-lg-auto {
	margin-inline: auto
}

@media(max-width: 575.98px) {
	.mx-lg-auto {
		margin: unset
	}
}

.mx-lg-auto {
	margin-inline: unset
}

@media(max-width: 575.98px) {
	.mx-lg-auto {
		margin-x: auto
	}
}

.px-auto {
	padding-inline: auto
}

.my-0 {
	margin-block: 0px
}

.my-lg-0 {
	margin-block: 0px
}

@media(max-width: 575.98px) {
	.my-lg-0 {
		margin-block: 0
	}
}

.my-sm-0 {
	margin-block: 0
}

@media(max-width: 575.98px) {
	.my-sm-0 {
		margin-block: 0px
	}
}

.py-0 {
	padding-block: 0px
}

.my-1 {
	margin-block: 5px
}

.my-lg-1 {
	margin-block: 5px
}

@media(max-width: 575.98px) {
	.my-lg-1 {
		margin-block: 0
	}
}

.my-sm-1 {
	margin-block: 0
}

@media(max-width: 575.98px) {
	.my-sm-1 {
		margin-block: 5px
	}
}

.py-1 {
	padding-block: 5px
}

.my-2 {
	margin-block: 10px
}

.my-lg-2 {
	margin-block: 10px
}

@media(max-width: 575.98px) {
	.my-lg-2 {
		margin-block: 0
	}
}

.my-sm-2 {
	margin-block: 0
}

@media(max-width: 575.98px) {
	.my-sm-2 {
		margin-block: 10px
	}
}

.py-2 {
	padding-block: 10px
}

.my-3 {
	margin-block: 15px
}

.my-lg-3 {
	margin-block: 15px
}

@media(max-width: 575.98px) {
	.my-lg-3 {
		margin-block: 0
	}
}

.my-sm-3 {
	margin-block: 0
}

@media(max-width: 575.98px) {
	.my-sm-3 {
		margin-block: 15px
	}
}

.py-3 {
	padding-block: 15px
}

.my-4 {
	margin-block: 20px
}

.my-lg-4 {
	margin-block: 20px
}

@media(max-width: 575.98px) {
	.my-lg-4 {
		margin-block: 0
	}
}

.my-sm-4 {
	margin-block: 0
}

@media(max-width: 575.98px) {
	.my-sm-4 {
		margin-block: 20px
	}
}

.py-4 {
	padding-block: 20px
}

.my-5 {
	margin-block: 25px
}

.my-lg-5 {
	margin-block: 25px
}

@media(max-width: 575.98px) {
	.my-lg-5 {
		margin-block: 0
	}
}

.my-sm-5 {
	margin-block: 0
}

@media(max-width: 575.98px) {
	.my-sm-5 {
		margin-block: 25px
	}
}

.py-5 {
	padding-block: 25px
}

.my-auto {
	margin-block: auto
}

.my-lg-auto {
	margin-block: auto
}

@media(max-width: 575.98px) {
	.my-lg-auto {
		margin: unset
	}
}

.my-lg-auto {
	margin-block: unset
}

@media(max-width: 575.98px) {
	.my-lg-auto {
		margin-y: auto
	}
}

.py-auto {
	padding-block: auto
}

.d-flex {
	--flex-wrap: nowrap;
	--gap: 10px;
	display: flex;
	flex-wrap: var(--flex-wrap);
	gap: var(--gap)
}

.flex-row {
	flex-direction: row
}

.flex-column {
	flex-direction: column
}

.justify-content-start {
	justify-content: start !important
}

.align-items-start {
	align-items: start !important
}

.justify-content-end {
	justify-content: end !important
}

.align-items-end {
	align-items: end !important
}

.justify-content-between {
	justify-content: space-between !important
}

.align-items-between {
	align-items: space-between !important
}

.justify-content-around {
	justify-content: space-around !important
}

.align-items-around {
	align-items: space-around !important
}

.justify-content-evenly {
	justify-content: space-evenly !important
}

.align-items-evenly {
	align-items: space-evenly !important
}

.justify-content-center {
	justify-content: center !important
}

.align-items-center {
	align-items: center !important
}

.justify-content-baseline {
	justify-content: baseline !important
}

.align-items-baseline {
	align-items: baseline !important
}

.justify-content-top {
	justify-content: top !important
}

.align-items-top {
	align-items: top !important
}

.text-white {
	color: white
}

.bg-white {
	background: white
}

.text-black {
	color: black
}

.bg-black {
	background: black
}

.text-red {
	color: red
}

.bg-red {
	background: red
}

.text-green {
	color: green
}

.bg-green {
	background: green
}

.text-yellow {
	color: yellow
}

.bg-yellow {
	background: yellow
}

.h-0 {
	height: 0%
}

.w-0 {
	width: 0%
}

.h-0__vh {
	height: 0vh
}

.w-0__vw {
	width: 0vw
}

.h-25 {
	height: 25%
}

.w-25 {
	width: 25%
}

.h-25__vh {
	height: 25vh
}

.w-25__vw {
	width: 25vw
}

.h-50 {
	height: 50%
}

.w-50 {
	width: 50%
}

.h-50__vh {
	height: 50vh
}

.w-50__vw {
	width: 50vw
}

.h-75 {
	height: 75%
}

.w-75 {
	width: 75%
}

.h-75__vh {
	height: 75vh
}

.w-75__vw {
	width: 75vw
}

.h-100 {
	height: 100%
}

.w-100 {
	width: 100%
}

.h-100__vh {
	height: 100vh
}

.w-100__vw {
	width: 100vw
}

.h-fit {
	height: -moz-fit-content;
	height: fit-content
}

.w-fit {
	width: -moz-fit-content;
	width: fit-content
}

.mobile-only {
	display: none
}

@media(max-width: 575.98px) {
	.mobile-only {
		display: initial
	}
}

:root {
	font-size: 14px
}

* {
	box-sizing: border-box !important
}

html,
body {
	margin: 0 !important;
	padding: 0 !important;
	color: var(--main-text-color);
	font-family: "Inter", sans-serif;
	font-weight: 400;
	scroll-behavior: smooth;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.mt-7 {
	margin-top: 40px
}

.mt-10 {
	margin-top: 100px
}

.h-100vh {
	height: 100vh
}

.bg-white {
	background-color: #fff
}

button,
.button {
	--button-justify: center;
	--button-align: center;
	--button-gap: 8px;
	--icon-move-distance: 400px;
	align-items: var(--button-align);
	background: linear-gradient(180deg, rgba(235, 237, 239, 0.7) 0%, rgba(255, 255, 255, 0.7) 100%);
	border-radius: var(--common-border-radius);
	border: none;
	cursor: pointer;
	display: flex;
	font-family: "Inter", sans-serif;
	font-size: 1rem;
	font-weight: 600;
	gap: var(--button-gap);
	height: 50px;
	justify-content: var(--button-justify);
	padding: 20px;
	transition: all .3s ease-in-out;
	text-align: center;
	vertical-align: middle
}

button .moveable-icons,
.button .moveable-icons {
	transition: all .2s ease-in-out
}

button:hover,
.button:hover {
	box-shadow: var(--box-shadow-primary);
	text-decoration: none
}

button:hover .moveable-icons,
.button:hover .moveable-icons {
	transform: translateX(var(--icon-move-distance))
}

button:hover .bouncy-icons,
.button:hover .bouncy-icons {
	animation: bounceRight 3s ease-in-out .2s infinite normal both
}

button:disabled,
.button:disabled {
	background: #e7e1e7;
	color: #9c9ba4
}

button:disabled svg,
button:disabled img,
.button:disabled svg,
.button:disabled img {
	filter: grayscale(1) brightness(0.67)
}

button:disabled:hover,
.button:disabled:hover {
	box-shadow: unset;
	color: #9c9ba4;
	cursor: not-allowed
}

button:disabled:hover .moveable-icons,
.button:disabled:hover .moveable-icons {
	--icon-move-distance: 10px;
	transform: translateX(var(--icon-move-distance))
}

button>*,
.button>* {
	pointer-events: none
}

.button__primary {
	background-image: var(--primary-gradient);
	color: var(--secondary-text-color)
}

.button__primary:hover {
	color: var(--secondary-text-color)
}

.button__secondary {
	background: #fff;
	color: #111d37;
	border: 1px solid rgba(14, 12, 34, .1019607843)
}

.button__tertiary {
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.1019607843) 0%, rgba(255, 255, 255, 0.0392156863) 100%);
	box-shadow: var(--box-shadow-mute)
}

.button__large {
	font-size: 1.2rem;
	height: 80px
}

.button__clear {
	padding: 0;
	border: 0;
	border-radius: unset;
	height: -moz-fit-content;
	height: fit-content;
	width: -moz-fit-content;
	width: fit-content;
	background: unset;
	display: inline-block
}

.button__clear:hover {
	box-shadow: unset
}

.button__link {
	padding: 0;
	border: 0;
	border-radius: unset;
	height: -moz-fit-content;
	height: fit-content;
	width: -moz-fit-content;
	width: fit-content;
	background: unset;
	display: inline-block;
	text-decoration: underline
}

.button__link:hover {
	box-shadow: unset
}

.button__width-0 {
	width: 0%
}

.button__width-25 {
	width: 25%
}

.button__width-50 {
	width: 50%
}

.button__width-75 {
	width: 75%
}

.button__width-100 {
	width: 100%
}

.button-black {
	height: 80px;
	padding: 12px 48px 12px 56px;
	width: -moz-fit-content;
	width: fit-content;
	border-radius: 18px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.04) 100%);
	box-shadow: 0px 12px 14px -9px rgba(0, 0, 0, .2);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px)
}

.input__field {
	height: 60px;
	padding: 10px 20px 10px 20px;
	gap: 10px;
	border-radius: 12px;
	background: #fff;
	border: 1px solid #eeebef;
	box-shadow: 0px 20px 20px -16px rgba(40, 2, 50, .1019607843);
	transition: all .61s ease;
	color: #111d37;
	font-weight: 400;
	font-size: 16px;
	line-height: 21px;
	outline: none
}

.input__field::-moz-placeholder {
	color: rgba(14, 12, 34, .4);
	font-weight: 300
}

.input__field::placeholder {
	color: rgba(14, 12, 34, .4);
	font-weight: 300
}

.custom-checkbox-wrapper {
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.custom-checkbox {
	--width: 23px;
	--height: 23px;
	width: var(--width);
	height: var(--height);
	position: relative;
	margin: 0;
	padding: 0
}

.custom-checkbox input[type=checkbox] {
	width: 100%;
	height: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
	padding: 0;
	cursor: pointer
}

.custom-checkbox input[type=checkbox]:focus-within {
	outline: 0
}

.custom-checkbox span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ede6ed;
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .1) inset;
	border-radius: 5px;
	transition: all .2s ease-in-out;
	transform-origin: center center;
	cursor: pointer;
	background-position: 50% 50%;
	background-size: 0%;
	background-repeat: no-repeat
}

.custom-checkbox input:checked~span {
	background: url("../assets/icons/white-tick.webp") #4285f4;
	background-position: 40% 50%;
	background-size: 50%;
	background-repeat: no-repeat
}

@media(max-width: 575.98px) {
	.custom-checkbox input:checked~span {
		background-position: 40% 45%
	}
}

.custom-checkbox__circle span {
	border-radius: 50%
}

.custom-radio {
	--width: 20px;
	--height: 20px;
	--border-radius: 5px;
	width: var(--width);
	height: var(--height);
	position: relative;
	margin: 0;
	padding: 0
}

.custom-radio__circle {
	--border-radius: 50%
}

.custom-radio input[type=radio] {
	width: 100%;
	height: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
	padding: 0;
	cursor: pointer
}

.custom-radio input[type=radio]:focus-within {
	outline: 0
}

.custom-radio span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #e2dde2;
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .1) inset;
	border-radius: 50%;
	transition: all .2s ease-in-out;
	cursor: pointer;
	background-position: 50% 50%;
	background-size: 0%;
	background-repeat: no-repeat
}

.custom-radio input:checked~span {
	background: url("../assets/icons/white-tick.webp") #4285f4;
	background-position: 50% 50%;
	background-size: 50%;
	background-repeat: no-repeat
}

.range-bar {
	display: flex;
	flex-direction: column;
	align-items: center
}

@media(max-width: 575.98px) {
	.range-bar {
		width: 100%;
		flex-direction: row-reverse;
		gap: 10px;
		margin-top: 30px
	}
}

.range-label {
	font-size: 14px;
	font-weight: 500;
	line-height: 16.94px;
	color: #111d37;
	margin-bottom: 12px
}

.range-label span {
	font-size: 10px;
	font-weight: 500;
	line-height: 12.1px;
	color: rgba(153, 161, 176, .8)
}

.styled-range {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 5px;
	border-radius: 30px;
	background: linear-gradient(to right, #50C970 0%, #50C970 calc(var(--value) / var(--max) * 100%), #E0E0E0 calc(var(--value) / var(--max) * 100%), #E0E0E0 100%);
	outline: none;
	pointer-events: none;
	transition: background .4s ease
}

.styled-range::-webkit-slider-runnable-track {
	height: 5px;
	border-radius: 30px;
	background: rgba(0, 0, 0, 0)
}

.styled-range::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 0;
	height: 0;
	background: rgba(0, 0, 0, 0)
}

.styled-range::-moz-range-track {
	height: 5px;
	border-radius: 30px;
	background: rgba(0, 0, 0, 0)
}

.styled-range::-moz-range-thumb {
	width: 0;
	height: 0;
	background: rgba(0, 0, 0, 0)
}

.styled-range::-ms-track {
	height: 5px;
	border-radius: 30px;
	background: rgba(0, 0, 0, 0);
	border-color: rgba(0, 0, 0, 0)
}

.styled-range {
	--value: 1;
	--max: 4
}

.select-wrapper {
	position: relative !important;
	width: 100%
}

.select-wrapper select {
	display: none
}

.select-selected {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 16px 20px 16px 0px;
	border-radius: 16px;
	border: none;
	outline: none;
	background-color: #fff
}

.select-items div,
.select-selected {
	color: var(--main-text-color);
	cursor: pointer;
	height: 52px;
	padding: 16px 8px 16px 8px;
	gap: 4px
}

.select-items {
	--top: 50%;
	--left: 50%;
	overflow-x: hidden;
	width: 80px;
	padding: 5px;
	border-radius: 16px;
	position: fixed;
	background: #fff;
	border: 1px solid #eeebef;
	box-shadow: -3px 16px 25.6px -12px rgba(40, 2, 50, .1019607843);
	top: var(--top);
	left: var(--left);
	z-index: 99;
	display: flex;
	flex-direction: column;
	gap: 3px
}

.select-hide {
	display: none
}

.select-items div:hover,
.same-as-selected {
	background: #f0f0f0;
	border-radius: 4px;
	cursor: pointer;
	font-weight: 500
}

.bootstrap-select-wrapper {
	width: 110px;
	height: 68px
}

.bootstrap-select-wrapper .form-control {
	width: 100% !important;
	height: 100% !important;
	border-radius: var(--common-border-radius);
	border: unset;
	box-shadow: -3px 16px 25.6px -12px rgba(40, 2, 50, .1019607843);
	cursor: pointer;
	text-align: center
}

.form__card-input[type=number]::-webkit-outer-spin-button,
.form__card-input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.form__card-input[type=number] {
	-moz-appearance: textfield
}

.form__card-header {
	gap: 8px;
	text-align: center
}

@media(max-width: 575.98px) {
	.form__card-header {
		text-align: left;
		width: 100%
	}
}

.form__card-title {
	font-size: 24px;
	font-weight: 600;
	line-height: 31.2px;
	letter-spacing: -0.03em;
	color: var(--main-text-color)
}

@media(max-width: 575.98px) {
	.form__card-title {
		font-size: 32px;
		font-weight: 500;
		line-height: 41.6px;
		text-align: left
	}
}

.form__card-subtitle {
	font-size: 16px;
	font-weight: 500;
	line-height: 21px;
	text-align: left;
	color: #0e0c22;
	margin: 0 !important;
	padding: 0 !important
}

.form__card-description {
	font-size: 14px;
	font-weight: 400;
	line-height: 20.8px;
	color: var(--main-text-color)
}

@media(max-width: 575.98px) {
	.form__card-description {
		font-size: 16px;
		line-height: 25.6px
	}
}

.form__card-body {
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.form__card-field {
	display: flex;
	flex-direction: column;
	gap: 4px
}

.form__card-label {
	font-size: 12px;
	font-weight: 400;
	line-height: 14.52px;
	text-align: left;
	color: rgba(14, 12, 34, .6);
	margin-left: 6px
}

.form__card-label-group {
	display: flex;
	justify-content: space-between;
	gap: 8px
}

.form__card-note {
	font-size: 12px;
	font-weight: 400;
	line-height: 14.52px;
	text-align: left;
	color: #111d37
}

.form__card-note span {
	opacity: 60%
}

.form__card-warning {
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 400;
	text-align: left;
	color: #dc2626;
	vertical-align: middle;
	margin-top: 10px;
	margin-left: 6px;
	gap: 4px
}

@media(max-width: 575.98px) {
	.form__card-warning {
		margin-left: 0
	}
}

.form__card-warning img {
	width: 16px;
	height: 16px
}

dialog.custom-modal-dialog {
	--transition-duration: 300ms;
	isolation: isolate;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -30%);
	width: 454px;
	max-width: 100vw !important;
	max-height: 568px !important;
	margin: 0;
	padding: 0;
	border: none;
	z-index: 100;
	border-radius: 24px;
	opacity: 0;
	transition: all var(--transition-duration) ease-in-out
}

@media(max-width: 575.98px) {
	dialog.custom-modal-dialog {
		width: 100vw;
		height: auto;
		top: unset;
		bottom: 0;
		transform: translate(-50%, 50%);
		border-radius: 24px 24px 0 0 !important;
		max-height: 600px !important
	}
}

dialog.custom-modal-dialog::backdrop {
	transition: all var(--transition-duration) ease-in-out;
	background: rgba(5, 5, 20, 0)
}

dialog.custom-modal-dialog.show-modal {
	transform: translate(-50%, -50%);
	opacity: 1
}

dialog.custom-modal-dialog.show-modal::backdrop {
	background: rgba(5, 5, 20, .8)
}

@media(max-width: 575.98px) {
	dialog.custom-modal-dialog.show-modal {
		transform: translate(-50%, 0%)
	}
}

dialog.custom-modal-dialog .close-btn__style {
	position: absolute;
	top: 5px;
	right: 20px;
	font-size: 1.8rem;
	font-weight: 500;
	cursor: pointer;
	color: rgba(14, 12, 34, .4)
}

dialog.custom-modal-dialog .modal__content {
	padding: 32px;
	height: 100%
}

@media(max-width: 575.98px) {
	dialog.custom-modal-dialog .modal__content {
		padding: 28px 20px 20px 20px !important
	}
}

dialog.custom-modal-dialog .modal__content .modal__info {
	list-style: none
}

body:has(dialog[open]) {
	overflow: hidden
}

body:has(dialog[open]) dialog {
	overflow: auto
}

body::-webkit-scrollbar {
	width: 10px
}

body::-webkit-scrollbar-track {
	background-color: #646464
}

body::-webkit-scrollbar-thumb {
	background-color: #383839
}

nav {
	position: absolute;
	z-index: 100;
	top: 40px;
	left: 70px
}

@media(max-width: 575.98px) {
	nav {
		top: 10px;
		left: 10px
	}
}

@media(min-width: 768px)and (max-width: 991.98px) {
	nav {
		top: 20px;
		left: 20px
	}
}

nav .logo {
	display: block;
	height: 50px
}

@media(max-width: 575.98px) {
	nav .logo {
		width: 47.571px;
		height: 36px;
		flex-shrink: 0
	}
}

nav .logo img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

main {
	scroll-behavior: smooth;
	scrollbar-width: thin
}

@media(max-width: 575.98px) {
	main {
		padding: 0
	}
}

section {
	width: 97%;
	max-width: 1320px;
	margin-inline: auto
}

section>.subheading {
	align-items: center;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.56) 0%, rgba(255, 255, 255, 0.16) 100%);
	border-radius: 40px;
	border: 1px solid #f4f5f7;
	box-shadow: 0px 8px 14px -6px rgba(0, 0, 0, .06);
	display: flex;
	gap: 10px;
	height: 53px;
	margin-top: 8vh;
	padding: 0 12px;
	width: -moz-fit-content;
	width: fit-content
}

@media(max-width: 575.98px) {
	section>.subheading {
		margin-top: 40px
	}
}

section>.subheading img {
	width: 28px;
	height: 28px
}

@media(max-width: 575.98px) {
	section>.subheading img {
		width: 20px;
		height: 20px
	}
}

section>.subheading span {
	font-weight: 400;
	font-size: 18px
}

@media(max-width: 575.98px) {
	section>.subheading span {
		font-size: 13px
	}
}

section>.heading {
	margin-top: 20px;
	font-size: 72px;
	font-weight: 500;
	line-height: 79.2px;
	letter-spacing: -0.03em;
	text-align: center
}

@media(max-width: 575.98px) {
	section>.heading {
		margin-top: 10px;
		font-size: 35px;
		line-height: 41.6px
	}
}

.swiper-container {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden
}

.swiper-container .swiper-pagination {
	width: -moz-fit-content !important;
	width: fit-content !important;
	left: 50%;
	top: unset;
	transform: translate(-50%, 0%)
}

.swiper-container .swiper-pagination-bullet {
	--animation-state: running;
	display: inline-block;
	width: 7px !important;
	height: 7px;
	background-color: #f5f6f0;
	border-radius: 90px !important;
	position: relative;
	overflow: hidden;
	transition: all .3s ease !important;
	margin: 0 5px
}

.swiper-container .swiper-pagination-bullet-active {
	background: rgba(255, 255, 255, .2117647059) !important;
	width: 70px !important;
	border-radius: 90px !important
}

.swiper-container .swiper-pagination-bullet-active::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #999999 0%, #FFFFFF 100%);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform var(--swiper-duration, 5000) linear;
	border-radius: 90px !important
}

.swiper-container .swiper-pagination-bullet.animate::after {
	animation: scale-x var(--swiper-duration, 5000) linear both;
	animation-play-state: var(--animation-state)
}

.hero-section {
	height: 100vh;
	width: 100%;
	max-width: unset;
	--background: "";
	--background-position: 50% 50%;
	--background-size-mobile: 200%;
	background: #000;
	overflow: hidden
}

@media(max-width: 991.98px) {
	.hero-section {
		height: 100svh
	}
}

.hero-section .swiper-container .swiper-wrapper .slide-1 {
	--background: url("../assets/images/hero_slide/hero_slide_1.webp")
}

.hero-section .swiper-container .swiper-wrapper .slide-2 {
	--background: url("../assets/images/hero_slide/hero_slide_2.webp")
}

.hero-section .swiper-container .swiper-wrapper .slide-3 {
	--background: url("../assets/images/hero_slide/hero_slide_3.webp")
}

.hero-section .swiper-container .swiper-wrapper .slide-4 {
	--background: url("../assets/images/hero_slide/hero_slide_4.webp")
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide {
	background-image: var(--background);
	background-position: var(--background-position);
	background-size: cover;
	background-repeat: no-repeat
}

@media(max-width: 575.98px) {
	.hero-section .swiper-container .swiper-wrapper .swiper-slide {
		background-position: 50% 30%;
		background-size: var(--background-size-mobile)
	}
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner {
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 64px;
	position: relative;
	background: linear-gradient(91deg, rgba(0, 0, 0, 0.48) 28.66%, rgba(0, 0, 0, 0.18) 52.65%);
	overflow: hidden
}

@media(max-width: 575.98px) {
	.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner {
		flex-direction: column;
		padding: 10px;
		background: linear-gradient(180deg, #000 18.84%, rgba(0, 0, 0, 0) 35.14%, rgba(0, 0, 0, 0) 43.99%, #000 58.94%)
	}
}

@media(min-width: 576px)and (max-width: 991.98px) {
	.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner {
		flex-direction: column;
		justify-content: center;
		gap: 7vh;
		padding: 44px
	}
}

@media(min-width: 992px)and (max-width: 1199.98px) {
	.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner {
		padding: 34px
	}
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner:before {
	content: "";
	position: absolute;
	top: -30%;
	left: -23%;
	width: 874.062px;
	height: 1124.909px;
	transform: rotate(37.481deg);
	flex-shrink: 0;
	border-radius: 1124.909px;
	background: rgba(30, 26, 4, .84);
	filter: blur(197px);
	z-index: 1
}

@media(max-width: 575.98px) {
	.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner:before {
		display: none
	}
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner:after {
	content: "";
	position: absolute;
	top: 15%;
	right: -25%;
	transform: translate(-50%, -50%);
	width: 781.758px;
	height: 814.737px;
	transform: rotate(37.481deg);
	flex-shrink: 0;
	border-radius: 814.737px;
	background: rgba(25, 14, 7, .9);
	filter: blur(197px)
}

@media(max-width: 575.98px) {
	.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner:after {
		display: none
	}
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .head {
	z-index: 1
}

@media(max-width: 575.98px) {
	.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .head {
		width: 100%
	}
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .head h1.title {
	font-size: 56px;
	font-weight: 500;
	line-height: 72.61px;
	letter-spacing: -1.68px;
	text-align: left;
	color: var(--secondary-text-color)
}

@media(max-width: 575.98px) {
	.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .head h1.title {
		display: block;
		font-size: 30px;
		font-weight: 500;
		letter-spacing: -1.5px;
		text-align: center;
		width: 100%;
		line-height: 36px;
		margin-top: 10vh
	}
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .head h1.title span {
	background: var(--Gradient, linear-gradient(263deg, #FA6E63 1.44%, #D82B1B 69.29%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .head .title.desktop-only {
	display: block
}

@media(max-width: 575.98px) {
	.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .head .title.desktop-only {
		display: none
	}
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .head .foot {
	display: flex;
	padding-top: 40px;
	gap: 20px
}

@media(max-width: 767.98px) {
	.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .head .foot {
		display: none
	}
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .head .foot .service-badge {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding-right: 16px;
	border-right: 1px solid rgba(255, 255, 255, .2)
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .head .foot .service-badge img {
	width: 40px;
	height: 51px
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .head .foot .service-badge h4 {
	font-size: 20px;
	font-weight: 600;
	line-height: 22.4px;
	letter-spacing: -0.4px;
	color: var(--secondary-text-color)
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .head .foot .service-badge h4 span {
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	letter-spacing: .21px;
	color: #d3d7dd
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .head .foot .rating {
	display: flex;
	gap: 8px;
	align-items: center;
	padding-left: 10px;
	box-shadow: 0px 10px 8px -4px rgba(0, 0, 0, .0588235294);
	justify-content: center
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .head .foot .rating .customers {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	width: 120px
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .head .foot .rating .customers img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .head .foot .rating .stars .hero__customer-count {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	line-height: 32px;
	letter-spacing: -0.4px
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .head .foot .rating .stars .hero__stars {
	width: 72px;
	height: 12px;
	vertical-align: center
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .head .foot .rating .stars .hero__customer-feedback {
	font-feature-settings: "liga" off;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	letter-spacing: .21px;
	text-align: left;
	color: #dfe1e5
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .content-card {
	display: flex;
	width: 424px;
	padding: 32px;
	padding-bottom: 23px;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 20px;
	border: 2px solid rgba(255, 255, 255, .1);
	background: linear-gradient(180deg, rgba(67, 66, 66, 0.42) 0%, rgba(65, 67, 64, 0.28) 100%);
	box-shadow: 0px 8px 14px -6px rgba(0, 0, 0, .06);
	-webkit-backdrop-filter: blur(60px);
	backdrop-filter: blur(60px);
	position: relative;
	z-index: 1
}

@media(max-width: 575.98px) {
	.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .content-card {
		width: 90vw;
		padding: 20px;
		padding-bottom: 18px;
		margin-bottom: 25px;
		border-radius: 20px;
		background: rgba(255, 255, 255, .09);
		-webkit-backdrop-filter: blur(30px);
		backdrop-filter: blur(30px)
	}
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .content-card .head {
	width: 100%;
	margin-bottom: 20px;
	font-size: 23px;
	font-weight: 700;
	letter-spacing: -0.23px;
	color: #fff
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .content-card .head svg {
	height: 27.202px
}

@media(max-width: 575.98px) {
	.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .content-card .head {
		margin-bottom: 12px
	}

	.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .content-card .head svg {
		height: 24px
	}
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .content-card .hr {
	height: 1px;
	align-self: stretch;
	border-radius: 30px;
	opacity: .2;
	background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0) 100%)
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .content-card img.best-plan {
	position: absolute;
	top: 20px;
	right: -22px;
	height: 65.53px
}

@media(max-width: 575.98px) {
	.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .content-card img.best-plan {
		top: 10px;
		height: 60px;
		right: -20px
	}
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .content-card .benefits {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-top: 24px
}

@media(max-width: 575.98px) {
	.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .content-card .benefits {
		margin-top: 16px;
		margin-bottom: 10px
	}
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .content-card .benefits .benefit {
	display: flex;
	align-items: baseline;
	gap: 10px
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .content-card .benefits .benefit .list-icon {
	width: 18px;
	height: 18px
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .content-card .benefits .benefit .list-icon img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .content-card .benefits .benefit .list-content {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 16px;
	font-weight: 400;
	color: #99a1b0;
	width: calc(100% - 18px - 10px)
}

@media(max-width: 575.98px) {
	.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .content-card .benefits .benefit .list-content {
		font-size: 12px
	}
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .content-card .benefits .benefit .list-content .title {
	font-size: 18px;
	font-weight: 600;
	color: #d3d7dd
}

@media(max-width: 575.98px) {
	.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .content-card .benefits .benefit .list-content .title {
		font-size: 14px
	}
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .content-card .button__primary {
	margin-top: 24px;
	width: 100%;
	font-size: 16px;
	height: 60px;
	gap: 12px
}

@media(max-width: 575.98px) {
	.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .content-card .button__primary {
		height: 48px;
		margin-top: auto;
		font-size: 14px;
		font-weight: 500 !important
	}
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .content-card .button__primary>svg>path {
	fill: #fff
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .content-card .hero-know-more {
	width: 100%;
	margin-top: 21px;
	text-align: center;
	color: var(--BW-White, #FFF);
	opacity: .5;
	font-size: 16px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .content-card .hero-know-more svg {
	width: 10px;
	height: 13px
}

.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .content-card .hero-know-more svg>path {
	stroke: #adacac
}

@media(max-width: 575.98px) {
	.hero-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .content-card .hero-know-more {
		margin-top: 16px;
		font-size: 14px;
		font-weight: 400
	}
}

@media(max-width: 575.98px) {
	.hero-section .swiper-container .swiper-wrapper .slide-1 {
		background-position: 50% 20% !important
	}

	.hero-section .swiper-container .swiper-wrapper .slide-2 {
		background-position: 50% 40%;
		background-size: 220% !important
	}

	.hero-section .swiper-container .swiper-wrapper .slide-3 {
		background-position: 50% 25%;
		background-size: 400% !important
	}

	.hero-section .swiper-container .swiper-wrapper .slide-4 {
		background-position: 50% 20%
	}

	.hero-section .swiper-container .swiper-wrapper .slide-4 .swiper-slide__inner {
		background: linear-gradient(180deg, #000 18.84%, rgba(0, 0, 0, 0) 35.14%, rgba(0, 0, 0, 0) 43.99%, #000 54.94%)
	}
}

@media(max-width: 991.98px) {
	.hero-section .swiper-container .swiper-pagination {
		width: 100% !important
	}

	.hero-section .swiper-container .swiper-pagination-bullet {
		width: 22% !important;
		height: 2px
	}

	.hero-section .swiper-container .swiper-pagination-bullet-active {
		width: 22% !important
	}
}

.flow2-hero {
	--background-opacity: 1;
	height: calc(100vh - 20px);
	width: 100%;
	max-width: unset;
	background: url("../assets/images/bg-form-3.webp"), url("../assets/images/bg-form-2.webp"), linear-gradient(180deg, rgba(241, 241, 253, var(--background-opacity)) 0%, rgba(247, 235, 250, var(--background-opacity)) 60%, rgba(254, 255, 254, calc(var(--background-opacity) + 0.1)) 100%);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-blend-mode: overlay;
	overflow: hidden
}

@media(max-width: 991.98px) {
	.flow2-hero {
		height: 100svh
	}
}

.flow2-hero .flow2-container {
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 64px 100px;
	position: relative;
	background: rgba(0, 0, 0, 0)
}

@media(max-width: 991.98px) {
	.flow2-hero .flow2-container {
		flex-direction: column;
		justify-content: center;
		padding: 0px
	}
}

@media(min-width: 992px)and (max-width: 1199.98px) {
	.flow2-hero .flow2-container {
		padding: 34px
	}
}

.flow2-hero .flow2-container .stars-header {
	margin-bottom: -4px
}

.flow2-hero .flow2-container .supercard {
	width: -moz-fit-content;
	width: fit-content;
	display: flex;
	padding: 12px 28px 12px 26px;
	justify-content: center;
	align-items: center;
	gap: 6px;
	border-radius: 40px;
	border: 2px solid rgba(255, 255, 255, .1);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.56) 0%, rgba(255, 255, 255, 0.16) 100%);
	box-shadow: 0px 8px 14px -6px rgba(0, 0, 0, .06);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	margin-bottom: 18px;
	vertical-align: middle
}

@media(max-width: 575.98px) {
	.flow2-hero .flow2-container .supercard {
		height: 36px;
		padding: 8px 16px;
		margin-bottom: 12px
	}
}

.flow2-hero .flow2-container .supercard img {
	width: 28px;
	height: 28px;
	opacity: .8
}

@media(max-width: 767.98px) {
	.flow2-hero .flow2-container .supercard img {
		width: 20px;
		height: 20px
	}
}

.flow2-hero .flow2-container .supercard>span {
	color: var(--Neutrals-900, #111D37);
	text-align: center;
	font-variant-numeric: lining-nums tabular-nums;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 28.8px
}

.flow2-hero .flow2-container .supercard>span>span {
	font-weight: 700
}

@media(max-width: 767.98px) {
	.flow2-hero .flow2-container .supercard>span>span {
		font-weight: 500
	}
}

@media(max-width: 767.98px) {
	.flow2-hero .flow2-container .supercard>span {
		font-size: 12px;
		line-height: 19.2px;
		margin-top: 4px
	}
}

@media(max-width: 575.98px) {
	.flow2-hero .flow2-container .head {
		width: 100%;
		display: none
	}
}

@media(min-width: 576px)and (max-width: 991.98px) {
	.flow2-hero .flow2-container .head {
		display: flex;
		flex-direction: column;
		align-items: center
	}
}

.flow2-hero .flow2-container .head h1.title {
	font-size: 72px;
	font-weight: 500;
	line-height: 72.61px;
	letter-spacing: -2.16px;
	text-align: left;
	color: var(--Neutrals-900, #111D37);
	margin-bottom: 60px
}

@media(max-width: 575.98px) {
	.flow2-hero .flow2-container .head h1.title {
		display: block;
		font-size: 30px;
		font-weight: 500;
		letter-spacing: -1.5px;
		text-align: center;
		width: 100%;
		line-height: 36px;
		margin-top: 10vh
	}
}

@media(min-width: 768px)and (max-width: 991.98px) {
	.flow2-hero .flow2-container .head h1.title {
		text-align: center;
		margin-bottom: 30px
	}
}

.flow2-hero .flow2-container .head h1.title span {
	background: var(--Gradient, linear-gradient(263deg, #FA6E63 1.44%, #D82B1B 69.29%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.flow2-hero .flow2-container .head .title.desktop-only {
	display: block
}

@media(max-width: 575.98px) {
	.flow2-hero .flow2-container .head .title.desktop-only {
		display: none
	}
}

.flow2-hero .flow2-container .head .foot {
	display: flex;
	gap: 20px
}

@media(max-width: 991.98px) {
	.flow2-hero .flow2-container .head .foot {
		display: none
	}
}

.flow2-hero .flow2-container .head .foot .service-badge {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
	padding-right: 16px;
	border-right: 1px solid #e8dee5
}

.flow2-hero .flow2-container .head .foot .service-badge img {
	width: 40px;
	height: 51px
}

.flow2-hero .flow2-container .head .foot .service-badge h4 {
	font-size: 20px;
	font-weight: 600;
	line-height: 22.4px;
	letter-spacing: -0.02em;
	display: flex;
	flex-direction: column;
	color: var(--Neutrals-900, #111D37);
	gap: -2px
}

.flow2-hero .flow2-container .head .foot .service-badge h4 span:last-of-type {
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	letter-spacing: .015em;
	color: var(--Neutrals-700, #42526E)
}

.flow2-hero .flow2-container .head .foot .rating {
	display: flex;
	gap: 8px;
	align-items: center;
	padding-left: 10px;
	justify-content: center
}

.flow2-hero .flow2-container .head .foot .rating .customers {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	width: 120px
}

.flow2-hero .flow2-container .head .foot .rating .customers img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.flow2-hero .flow2-container .head .foot .rating .stars {
	gap: -10px
}

.flow2-hero .flow2-container .head .foot .rating .stars .hero__customer-count {
	color: var(--Neutrals-900, #111D37);
	font-size: 20px;
	font-weight: 600;
	line-height: 32px;
	letter-spacing: -0.02em
}

.flow2-hero .flow2-container .head .foot .rating .stars .hero__stars {
	width: 72px;
	height: 12px;
	vertical-align: center
}

.flow2-hero .flow2-container .head .foot .rating .stars .hero__customer-feedback {
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	letter-spacing: .21px;
	text-align: left;
	color: var(--Neutrals-700, #42526E)
}

.flow2-hero .flow2-container .content-card {
	display: flex;
	width: 432px;
	height: 540px;
	padding: 32px;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 24px;
	border: 2px solid rgba(255, 255, 255, .3);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.25) 100%);
	box-shadow: -4px 31px 32px -10px rgba(47, 16, 55, .06);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	position: relative;
	z-index: 1
}

@media(max-width: 575.98px) {
	.flow2-hero .flow2-container .content-card {
		width: 100vw;
		height: 100%;
		padding: 20px;
		margin-bottom: 0px;
		border-radius: 20px;
		background: rgba(255, 255, 255, .09);
		-webkit-backdrop-filter: blur(30px);
		backdrop-filter: blur(30px)
	}
}

.flow2-hero .flow2-container .content-card .form__card-warning {
	margin-top: 14px
}

.flow2-hero .flow2-container .content-card .custom-checkbox span {
	background: #e8dfe8;
	background-position: 50% 50%
}

.flow2-hero .flow2-container .content-card .custom-checkbox input:checked~span {
	background: url("../assets/icons/white-tick.webp") #4285f4;
	background-position: 50% 50%;
	background-size: 50%;
	background-repeat: no-repeat;
	background-origin: center
}

@media(max-width: 575.98px) {
	.flow2-hero .flow2-container .content-card .custom-checkbox input:checked~span {
		background-position: 50% 45%
	}
}

.flow2-hero .flow2-container .content-card .button__primary {
	margin-top: 14px;
	width: 100%;
	font-size: 16px;
	display: flex;
	gap: 12px
}

@media(max-width: 575.98px) {
	.flow2-hero .flow2-container .content-card .button__primary {
		margin-top: auto;
		font-size: 14px;
		font-weight: 500 !important
	}
}

.flow2-hero .flow2-container .content-card .button__primary>svg>path {
	fill: #fff
}

.flow2-hero .form__card-header {
	color: #0e0c22;
	text-align: center;
	margin-bottom: 24px;
	display: flex;
	flex-direction: column;
	gap: 8px
}

@media(max-width: 991.98px) {
	.flow2-hero .form__card-header {
		margin-bottom: 44px;
		gap: 12px;
		align-items: center
	}
}

.flow2-hero .form__card-header .form__card-title {
	font-size: 24px;
	font-weight: 600;
	line-height: 31.2px;
	letter-spacing: -0.72px;
	text-align: left
}

@media(max-width: 991.98px) {
	.flow2-hero .form__card-header .form__card-title {
		font-size: 32px;
		font-weight: 500;
		line-height: 35.2px;
		letter-spacing: -0.96px;
		margin-bottom: 10px;
		text-align: center
	}
}

.flow2-hero .form__card-header .form__card-description {
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	line-height: 22.4px;
	margin-top: 8px
}

@media(max-width: 575.98px) {
	.flow2-hero .form__card-header .form__card-description {
		font-size: 14px;
		font-weight: 400;
		line-height: 22.4px;
		color: #0e0c22;
		text-align: center;
		font-feature-settings: "liga" off, "clig" off;
		line-height: 16.8px;
		margin-top: 0
	}
}

.flow2-hero .form__card .input__field {
	font-size: 14px
}

.flow2-hero .form__card .input__field ::-moz-placeholder {
	font-size: 14px;
	font-weight: 300;
	line-height: 21px;
	text-align: left
}

.flow2-hero .form__card .input__field ::placeholder {
	font-size: 14px;
	font-weight: 300;
	line-height: 21px;
	text-align: left
}

.flow2-hero .form__card #start_leadform_flow2 {
	height: 60px
}

.flow2-hero .form__card .desktop-only {
	display: initial
}

@media(max-width: 575.98px) {
	.flow2-hero .form__card .desktop-only {
		display: none
	}
}

.flow2-hero .form__card .mobile-only {
	display: none;
	margin-top: 4vh
}

@media(max-width: 575.98px) {
	.flow2-hero .form__card .mobile-only {
		display: flex
	}
}

.flow2-hero .form__card-body {
	display: flex;
	flex-direction: column
}

.flow2-hero .form__card-body .form__card-field:first-of-type {
	margin-bottom: 28px
}

@media(max-width: 575.98px) {
	.flow2-hero .form__card-body .form__card-field:first-of-type {
		margin-bottom: 36px
	}
}

.flow2-hero .form__card-body .lead-form__checkbox-group {
	margin-top: 16px
}

@media(max-width: 575.98px) {
	.flow2-hero .form__card-body .lead-form__checkbox-group {
		margin-top: 24px
	}
}

.flow2-hero .form__card .custom-checkbox {
	width: 20px;
	height: 20px
}

.flow2-hero .form__card .custom-checkbox:has(#enable_whatsapp:checked)~.custom-checkbox-wrapper {
	color: #6d687a !important
}

.flow2-hero .form__card .lead-form__checkbox-group {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-left: 5px
}

.flow2-hero .form__card-warning {
	display: none
}

.flow2-hero .form__card .lead-form__input_wrapper {
	position: relative
}

.flow2-hero .form__card .lead-form__input_wrapper img {
	position: absolute;
	top: -4px;
	right: 17px
}

.flow2-hero .form__card .lead-form__phone-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	gap: 4px
}

.flow2-hero .form__card .lead-form__phone-wrapper .lead-form__input_wrapper {
	display: flex;
	align-items: center;
	box-shadow: 0px 20px 20px -16px rgba(40, 2, 50, .1019607843)
}

.flow2-hero .form__card .lead-form__phone-wrapper .lead-form__input_wrapper input {
	box-shadow: none;
	border-radius: 0 12px 12px 0
}

.flow2-hero .form__card .lead-form__checkbox-label {
	font-size: 12px;
	font-weight: 400;
	line-height: 19.2px;
	text-align: center;
	color: rgba(14, 12, 34, .5);
	margin: 0;
	margin-left: 5px
}

.flow2-hero .form__card .lead-form__checkbox-label span {
	font-size: 12px;
	font-weight: 500;
	line-height: 19.2px;
	text-align: center
}

.flow2-hero .form__card .lead-form__country-code {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	padding: 10px 16px 10px 16px;
	border-radius: 12px 0px 0px 12px;
	background-color: #fff;
	border: 1px solid #eeebef;
	border-width: 1px 0px 1px 1px;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: var(--main-text-color)
}

.flow2-hero .form__card .lead-form__footer {
	margin-top: auto;
	width: 100%;
	height: 80px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.flow2-hero .form__card .lead-form__terms {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	text-align: left;
	color: rgba(14, 12, 34, .5019607843)
}

.flow2-hero .form__card .lead-form__terms b {
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	text-align: left;
	color: #313131
}

.flow2-hero .form__card .lead-form__terms button {
	font-family: Inter;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	text-align: left;
	cursor: pointer;
	color: #4285f4
}

.flow2-hero #privacyModal {
	max-height: unset !important;
	min-height: unset !important;
	height: -moz-fit-content !important;
	height: fit-content !important
}

.flow2-hero #privacyModal .modal__content {
	overflow: hidden;
	height: auto !important
}

@media(max-width: 575.98px) {
	.flow2-hero #privacyModal .modal__content {
		padding: 28px 20px 36px 20px
	}
}

.flow2-hero #privacyModal .modal__content .modal__header {
	height: auto !important;
	margin-bottom: 20px
}

@media(max-width: 575.98px) {
	.flow2-hero #privacyModal .modal__content .modal__header {
		height: 130px;
		margin-bottom: 8px
	}
}

.flow2-hero #privacyModal .modal__content .modal__header .modal__title {
	font-size: 28px;
	font-weight: 500;
	line-height: 36.4px;
	letter-spacing: -0.03em;
	text-align: left;
	color: #0e0c22
}

.flow2-hero #privacyModal .modal__content .modal__header .modal__desc {
	margin-top: 8px;
	font-size: 14px;
	font-weight: 400;
	line-height: 22.4px;
	text-align: left;
	color: #0e0c22;
	padding-left: 5px
}

.flow2-hero #privacyModal .modal__content .modal__info {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-left: 5px;
	margin: unset;
	height: auto !important;
	overflow-y: auto
}

.flow2-hero #privacyModal .modal__content .modal__info-item {
	margin-bottom: 10px
}

@media(max-width: 575.98px) {
	.flow2-hero #privacyModal .modal__content .modal__info-item {
		padding-bottom: 15px
	}
}

.flow2-hero #privacyModal .modal__content .modal__info-item:last-of-type {
	margin-bottom: unset
}

.flow2-hero #privacyModal .modal__content .modal__info-item img {
	width: 30px;
	height: 34px
}

.flow2-hero #privacyModal .modal__content .modal__info-item p {
	text-align: left;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
	color: rgba(14, 12, 34, .6)
}

.sticky-bottom-banner {
	width: 100%;
	display: none;
	justify-content: center;
	align-items: center;
	border-radius: 16px;
	background: #fff;
	overflow: hidden;
	border: 1px solid #eeebef;
	box-shadow: 0px -10px 20px 0px rgba(0, 0, 0, .1);
	z-index: 100
}

@media(max-width: 575.98px) {
	.sticky-bottom-banner {
		display: flex;
		position: sticky;
		position: -webkit-sticky;
		bottom: 0
	}
}

.sticky-bottom-banner .inner {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
	background: linear-gradient(180deg, rgba(235, 237, 239, 0.7) 0%, rgba(255, 255, 255, 0.7) 100%);
	-webkit-backdrop-filter: blur(0.5px);
	backdrop-filter: blur(0.5px)
}

.sticky-bottom-banner .inner .service-badge {
	display: flex;
	gap: 12px;
	align-items: center
}

.sticky-bottom-banner .inner .service-badge h4 {
	margin-top: 2px;
	color: var(--Neutrals-900, #111D37);
	text-align: left;
	font-variant-numeric: lining-nums tabular-nums;
	font-family: Inter;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: -0.3px
}

.sticky-bottom-banner .inner .service-badge h4 span {
	margin-top: -4px;
	color: var(--Neutrals-600, #6D798E);
	font-feature-settings: "liga" off;
	font-family: Inter;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 19.5px;
	letter-spacing: .195px
}

.sticky-bottom-banner .inner .service-badge img {
	width: 42.096px;
	height: 50.739px
}

.sticky-bottom-banner .inner button {
	background: var(--Red-Gradient, linear-gradient(263deg, #FA6E63 1.44%, #D82B1B 69.29%));
	white-space: nowrap
}

.sticky-bottom-banner .inner button span {
	font-size: 16px;
	font-weight: 600
}

.sticky-bottom-banner .inner button svg {
	margin-top: -1px;
	height: 24px;
	width: 24px
}

.sticky-bottom-banner .inner button svg path {
	fill: #fff
}

.section-2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 120px
}

.section-2>.subheading {
	padding: 12px 28px;
	gap: 10px;
	border-radius: 40px;
	border: 1px solid var(--Neutrals-50, #F4F5F7);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.24) 100%);
	box-shadow: 0px 8px 14px -6px rgba(0, 0, 0, .06);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px)
}

@media(max-width: 575.98px) {
	.section-2>.subheading {
		height: 36px;
		padding: 8px 16px
	}
}

.section-2>.subheading span {
	color: var(--Neutrals-900, #111D37);
	text-align: center;
	font-variant-numeric: lining-nums tabular-nums;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 28.8px
}

@media(max-width: 575.98px) {
	.section-2>.subheading span {
		font-size: 13px;
		line-height: 20.8px
	}
}

.section-2 .card-container {
	margin-top: 80px;
	width: -moz-fit-content;
	width: fit-content;
	max-width: 1160px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	margin-bottom: 20px
}

@media(max-width: 991.98px) {
	.section-2 .card-container {
		margin-top: 40px;
		display: block;
		width: 100%
	}
}

@media(min-width: 992px)and (max-width: 1199.98px) {
	.section-2 .card-container {
		gap: 2%
	}
}

.section-2 .card-container .card {
	position: relative;
	width: 100%;
	max-width: 560px;
	height: 800px;
	border-radius: 54px;
	padding: 30px 30px 20px 30px
}

@media(max-width: 575.98px) {
	.section-2 .card-container .card {
		width: 90vw;
		height: 564px;
		margin-inline: auto;
		border-radius: 28px;
		padding: 10px 20px 20px 20px
	}
}

@media(min-width: 576px)and (max-width: 991.98px) {
	.section-2 .card-container .card {
		margin-inline: auto;
		border-radius: 28px;
		padding: 10px 20px 20px 20px
	}
}

.section-2 .card-container .card .card-inner {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.section-2 .card-container .card .card-inner .card-image {
	width: 100% !important
}

.section-2 .card-container .card .card-inner .card-content {
	margin-bottom: 7px;
	position: relative
}

.section-2 .card-container .card .card-inner .card-content .card-header {
	font-weight: 600;
	font-size: 36px;
	line-height: 48px;
	text-align: left;
	font-family: Inter;
	letter-spacing: -0.03em
}

@media(max-width: 575.98px) {
	.section-2 .card-container .card .card-inner .card-content .card-header {
		font-size: 24px;
		line-height: 30.72px
	}
}

.section-2 .card-container .card .card-inner .card-content .card-points {
	margin-top: 10px;
	font-size: 16px;
	color: rgba(0, 0, 0, .8);
	padding-top: 10px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	position: relative
}

@media(max-width: 575.98px) {
	.section-2 .card-container .card .card-inner .card-content .card-points {
		font-size: 14px
	}
}

.section-2 .card-container .card .card-inner .card-content .card-points .card-point {
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative
}

.section-2 .card-container .card .card-inner .card-content .card-points .card-point img {
	position: absolute;
	top: 1px;
	left: 10px
}

.section-2 .card-container .card .card-inner .card-content .card-points .card-point div {
	width: calc(100% - 35px);
	margin-left: auto
}

.section-2 .card-container .card .card-inner .card-content .hero-know-more {
	margin-top: 8px;
	margin-left: 35px;
	color: var(--Red, #DC2626);
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	display: flex;
	align-items: center;
	gap: 8px
}

.section-2 .card-container .card .card-inner .card-content .card-message-button {
	width: 100%;
	margin-top: 48px;
	display: flex;
	justify-content: space-between;
	padding: 25px 20px;
	height: 62px;
	gap: 12px;
	border-radius: 12px
}

@media(max-width: 575.98px) {
	.section-2 .card-container .card .card-inner .card-content .card-message-button {
		background: linear-gradient(262.6deg, #FA6E63 1.44%, #D82B1B 69.29%);
		color: #fff;
		justify-content: center;
		padding: 30px 15px 30px 15px;
		margin-top: 28px
	}
}

.section-2 .card-container .card .card-inner .card-content .card-message-button svg {
	width: 15.64px;
	height: 12.37px
}

.section-2 .card-container .card.card1,
.section-2 .card-container .card.card3 {
	background: linear-gradient(180deg, #EBF3FB 0%, #EEFAFA 50%, #EEFBFA 100%)
}

.section-2 .card-container .card.card2 .card-message-button,
.section-2 .card-container .card.card3 .card-message-button,
.section-2 .card-container .card.card4 .card-message-button {
	box-shadow: 0px 6px 14px -6px rgba(0, 0, 0, .1019607843);
	border: 1px solid var(--Neutrals-200, #DFE1E5);
	border-radius: 8px;
	font-size: 16px;
	font-weight: 600;
	line-height: 19.36px
}

.section-2 .card-container .card.card1 {
	border: 20px solid #e4f2f4;
	padding-top: 10px
}

@media(max-width: 575.98px) {
	.section-2 .card-container .card.card1 {
		border: unset
	}
}

.section-2 .card-container .card.card1 .card-message-button {
	padding: 12px 14px 12px 20px !important;
	border-radius: 16px !important;
	width: 100% !important;
	justify-content: space-between !important;
	height: 68px !important
}

.section-2 .card-container .card.card1 .card-message-button svg {
	height: unset !important;
	width: unset !important
}

.section-2 .card-container .card.card2,
.section-2 .card-container .card.card4 {
	background: linear-gradient(180deg, #F1F1FD 0%, #F7EBFA 50%, #FEF5F6 100%)
}

.section-2 .card-container .card.card2 {
	margin-top: 100px
}

@media(max-width: 991.98px) {
	.section-2 .card-container .card.card2 {
		margin-top: unset
	}
}

.section-2 .card-container .card.card3 {
	margin-top: -100px
}

@media(max-width: 991.98px) {
	.section-2 .card-container .card.card3 {
		margin-top: unset
	}
}

.section-2 .card-container .card.card2 .card-message-button svg,
.section-2 .card-container .card.card3 .card-message-button svg,
.section-2 .card-container .card.card4 .card-message-button svg {
	background: linear-gradient(262.6deg, #FA6E63 1.44%, #D82B1B 69.29%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: rgba(0, 0, 0, 0) !important
}

@media(max-width: 575.98px) {

	.section-2 .card-container .card.card2 .card-message-button svg path,
	.section-2 .card-container .card.card3 .card-message-button svg path,
	.section-2 .card-container .card.card4 .card-message-button svg path {
		fill: #fff
	}
}

.section-2 .card-container .card2 .card-content,
.section-2 .card-container .card3 .card-content,
.section-2 .card-container .card4 .card-content {
	padding: 0 0 20px 25px
}

@media(max-width: 575.98px) {

	.section-2 .card-container .card2 .card-content,
	.section-2 .card-container .card3 .card-content,
	.section-2 .card-container .card4 .card-content {
		padding: unset
	}
}

.section-2 .card-container .card2,
.section-2 .card-container .card3 {
	border-radius: 28px
}

.section-2 .card-container .swiper-container .swiper-wrapper .swiper-slide {
	height: auto !important;
	margin-bottom: 40px
}

.section-2 .card-container .swiper-container .swiper-pagination-bullet {
	background-color: #c8c8c8 !important
}

.section-2 .card-container .swiper-container .swiper-pagination-bullet-active {
	background: #e6e6e6 !important
}

.section-2 .card-container .swiper-container .swiper-pagination-bullet-active::after {
	background: #4285f4 !important
}

.section-2 .card-container.mobile {
	display: none
}

@media(max-width: 991.98px) {
	.section-2 .card-container.mobile {
		display: block
	}
}

@media(max-width: 991.98px) {
	.section-2 .card-container.desktop {
		display: none
	}
}

.why-section {
	width: 100%;
	max-width: 1320px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin-bottom: 120px
}

@media(max-width: 767.98px) {
	.why-section {
		flex-direction: column;
		margin: 0;
		margin-bottom: 130px
	}
}

@media(min-width: 768px)and (max-width: 991.98px) {
	.why-section {
		flex-direction: column;
		margin-inline: auto
	}
}

.why-section:after {
	content: "";
	position: absolute;
	top: 0px;
	left: -120px;
	width: 302px;
	height: 301px;
	flex-shrink: 0;
	border-radius: 302px;
	opacity: .4;
	background: #baa9fc;
	filter: blur(110px);
	z-index: -1
}

@media(max-width: 991.98px) {
	.why-section:after {
		top: 50px;
		left: -30px;
		opacity: .24;
		filter: blur(45px)
	}
}

.why-section .head {
	position: relative;
	display: flex;
	flex-direction: column
}

@media(min-width: 768px)and (max-width: 991.98px) {
	.why-section .head {
		margin-inline: auto;
		align-items: center
	}
}

.why-section .head .subheading {
	width: -moz-fit-content;
	width: fit-content;
	display: flex;
	height: 53px;
	padding: 12px 28px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 40px;
	border: 1px solid var(--Neutrals-50, #F4F5F7);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.24) 100%);
	box-shadow: 0px 8px 14px -6px rgba(0, 0, 0, .06);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	vertical-align: middle;
	margin-bottom: 8px
}

@media(max-width: 575.98px) {
	.why-section .head .subheading {
		height: 36px;
		padding: 8px 16px;
		gap: 6px;
		border: 2px solid rgba(255, 255, 255, .1);
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.56) 0%, rgba(255, 255, 255, 0.16) 100%);
		box-shadow: 0px 8px 14px -6px rgba(0, 0, 0, .06)
	}
}

.why-section .head .subheading span {
	color: var(--Neutrals-900, #111D37);
	font-size: 18px;
	line-height: 160%
}

@media(max-width: 575.98px) {
	.why-section .head .subheading span {
		font-size: 13px
	}
}

.why-section .head .subheading img {
	width: 28px
}

@media(max-width: 575.98px) {
	.why-section .head .subheading img {
		width: 18px
	}
}

.why-section .head .title {
	width: 422px;
	color: var(--Neutrals-900, #111D37);
	font-size: 72px;
	font-weight: 500;
	line-height: 79.2px;
	letter-spacing: -2.16px;
	margin-bottom: 16px
}

@media(max-width: 575.98px) {
	.why-section .head .title {
		margin-top: 8px;
		font-size: 36px;
		width: 100%;
		line-height: 140%;
		text-align: center
	}
}

@media(min-width: 768px)and (max-width: 991.98px) {
	.why-section .head .title {
		text-align: center
	}
}

.why-section .head .text {
	color: var(--Neutrals-700, #42526E);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	width: 386px
}

@media(max-width: 575.98px) {
	.why-section .head .text {
		display: none
	}
}

@media(min-width: 768px)and (max-width: 991.98px) {
	.why-section .head .text {
		text-align: center;
		width: 60%
	}
}

.why-section .head .button__primary {
	margin-top: 32px;
	padding: 20px 32px;
	width: 240px;
	height: 60px;
	gap: 12px
}

.why-section .head .button__primary span {
	font-size: 16px
}

.why-section .head .button__primary svg>path {
	fill: #fff
}

@media(max-width: 575.98px) {
	.why-section .head .button__primary {
		position: absolute;
		bottom: -500px;
		left: 50%;
		transform: translateX(-50%);
		width: 80vw
	}
}

@media(min-width: 768px)and (max-width: 991.98px) {
	.why-section .head .button__primary {
		margin-inline: auto
	}
}

.why-section .swiper-container {
	width: 542.921px;
	height: 576px;
	padding: .035px 3.014px 18.758px 3.826px;
	display: flex;
	margin-inline: unset;
	margin-left: 100px;
	position: relative
}

@media(max-width: 767.98px) {
	.why-section .swiper-container {
		width: 90%;
		margin: 0 auto;
		margin-top: 27px;
		padding: 3px;
		height: -moz-fit-content;
		height: fit-content
	}
}

@media(min-width: 768px)and (max-width: 991.98px) {
	.why-section .swiper-container {
		width: 90%;
		margin: 0 auto;
		margin-top: 7%;
		padding: 3px
	}
}

@media(min-width: 992px)and (max-width: 1199.98px) {
	.why-section .swiper-container {
		margin-left: 2%
	}
}

.why-section .swiper-container .swiper-wrapper {
	height: -moz-fit-content;
	height: fit-content;
	padding-bottom: 30px;
	overflow: visible !important
}

.why-section .swiper-container .swiper-wrapper .swiper-slide {
	width: -moz-fit-content;
	width: fit-content;
	height: -moz-fit-content;
	height: fit-content;
	overflow: visible !important
}

.why-section .swiper-container .swiper-wrapper .swiper-slide .why-cards {
	width: 422px;
	height: 472px;
	margin-inline: 60px;
	margin-block: 25px;
	display: flex;
	padding: 38px 42px;
	flex-direction: column;
	align-items: baseline;
	justify-content: flex-start;
	flex-shrink: 0;
	border-radius: 28px;
	border: 1.357px solid #f2f2f2;
	background: #fff;
	box-shadow: 0px 27.138px 40.707px -27.138px rgba(0, 0, 0, .2)
}

@media(max-width: 575.98px) {
	.why-section .swiper-container .swiper-wrapper .swiper-slide .why-cards {
		height: 350px;
		margin: 0 14px;
		width: 90%;
		padding: 36px 37px 26px 32px
	}
}

@media(min-width: 768px)and (max-width: 991.98px) {
	.why-section .swiper-container .swiper-wrapper .swiper-slide .why-cards {
		margin: 0 auto
	}
}

.why-section .swiper-container .swiper-wrapper .swiper-slide .why-cards .title {
	color: #111d37;
	font-variant-numeric: lining-nums tabular-nums;
	font-size: 34px;
	font-weight: 600;
	letter-spacing: -1.02px;
	line-height: 44.2px;
	margin-bottom: 14px
}

@media(max-width: 575.98px) {
	.why-section .swiper-container .swiper-wrapper .swiper-slide .why-cards .title {
		font-size: 22px;
		line-height: 28.6px;
		letter-spacing: -0.66px
	}
}

.why-section .swiper-container .swiper-wrapper .swiper-slide .why-cards .text {
	font-feature-settings: "liga" off, "clig" off;
	color: var(--Neutrals-700, #42526E);
	font-size: 16px;
	font-weight: 400;
	line-height: 22.4px
}

@media(max-width: 575.98px) {
	.why-section .swiper-container .swiper-wrapper .swiper-slide .why-cards .text {
		font-size: 12px;
		font-feature-settings: "liga" off, "clig" off;
		line-height: 16.8px
	}
}

.why-section .swiper-container .swiper-wrapper .swiper-slide .why-cards img {
	width: 100%
}

.why-section .swiper-container .swiper-wrapper .swiper-slide .why-cards .text+img {
	margin-top: 42px
}

.why-section .swiper-container .swiper-wrapper .swiper-slide .why-cards img+.title {
	margin-top: 20px
}

.why-section .swiper-container .swiper-wrapper .swiper-slide .card-2 {
	overflow: hidden;
	padding-bottom: 48px;
	justify-content: flex-end;
	position: relative
}

.why-section .swiper-container .swiper-wrapper .swiper-slide .card-2::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.6) 30%, #fff 40%);
	z-index: 1
}

.why-section .swiper-container .swiper-wrapper .swiper-slide .card-2 img {
	position: relative;
	left: 50%;
	top: 30px;
	transform: translateX(-50%);
	width: 140%
}

@media(max-width: 575.98px) {
	.why-section .swiper-container .swiper-wrapper .swiper-slide .card-2 img {
		margin-top: unset
	}
}

.why-section .swiper-container .swiper-wrapper .swiper-slide .card-2 .title {
	z-index: 2;
	margin-top: -60px !important
}

@media(max-width: 575.98px) {
	.why-section .swiper-container .swiper-wrapper .swiper-slide .card-2 .title {
		margin-top: unset
	}
}

.why-section .swiper-container .swiper-wrapper .swiper-slide .card-2 .text {
	z-index: 2
}

.why-section .swiper-container .swiper-wrapper .swiper-slide .card-3 img {
	width: 60% !important
}

.why-section .swiper-container .swiper-wrapper .swiper-slide .card-4 img {
	width: 75% !important;
	margin-inline: auto
}

@media(max-width: 575.98px) {
	.why-section .swiper-container .swiper-wrapper .swiper-slide .card-4 img {
		width: 60% !important
	}
}

@media(max-width: 575.98px) {
	.why-section .swiper-container .swiper-wrapper .swiper-slide .card-4 .title {
		margin-top: 42px !important
	}
}

.why-section .swiper-container .swiper-button-next-why-card,
.why-section .swiper-container .swiper-button-prev-why-card {
	padding: 12px;
	border-radius: 50%;
	border: 1px solid #cedcdc;
	width: 44px;
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: calc(90% + 30px);
	transform: translate(-50%, -50%);
	z-index: 100
}

.why-section .swiper-container .swiper-button-next-why-card svg,
.why-section .swiper-container .swiper-button-prev-why-card svg {
	width: 12px;
	height: 12px
}

@media(max-width: 575.98px) {

	.why-section .swiper-container .swiper-button-next-why-card,
	.why-section .swiper-container .swiper-button-prev-why-card {
		display: none
	}
}

.why-section .swiper-container .swiper-button-prev-why-card {
	left: 46%
}

.why-section .swiper-container .swiper-button-prev-why-card svg {
	margin-left: -2px
}

.why-section .swiper-container .swiper-button-next-why-card {
	right: 36%
}

.why-section .swiper-container .swiper-button-next-why-card svg {
	margin-right: -2px
}

.why-section .swiper-container .swiper-button-disabled {
	display: none
}

.section-4 {
	display: none;
	align-items: center;
	height: 89px;
	align-self: stretch;
	border-radius: 8px;
	background: linear-gradient(180deg, #EBF3FB 0%, #EEFAFA 50%, #EEFBFA 100%)
}

@media(max-width: 767.98px) {
	.section-4 {
		display: flex
	}
}

.section-4 .scroller .scroller-inner .scroller-item {
	pointer-events: none;
	display: flex;
	background: rgba(0, 0, 0, 0) !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	letter-spacing: .195px;
	color: #6d798e
}

.section-4 .scroller .scroller-inner .scroller-item img {
	width: 48px !important;
	height: 48px !important
}

.section-4 .scroller .scroller-inner .scroller-item .content {
	display: flex;
	flex-direction: column
}

.section-4 .scroller .scroller-inner .scroller-item .content .title {
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: -0.28px;
	color: #111d37 !important
}

.plans-section {
	display: flex;
	height: auto;
	flex-direction: column;
	align-items: center;
	border-radius: 80px;
	background-color: #000;
	background-image: url("../assets/images/plans_sections_bg.webp");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	z-index: auto;
	padding-bottom: 20px;
	position: relative;
	margin-bottom: 120px;
	overflow: hidden
}

@media(max-width: 575.98px) {
	.plans-section {
		background: unset;
		color: initial;
		margin-bottom: 60px
	}
}

.plans-section>.subheading {
	margin-top: 77px;
	padding: 12px 28px;
	gap: 6px;
	border-radius: 40px;
	border: 2px solid rgba(255, 255, 255, .1);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.01) 100%);
	box-shadow: 0px 11px 16px -6px rgba(0, 0, 0, .2);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px)
}

@media(max-width: 575.98px) {
	.plans-section>.subheading {
		margin-top: 44px;
		height: 36px;
		padding: 8px 16px;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.56) 0%, rgba(255, 255, 255, 0.16) 100%);
		box-shadow: 0px 8px 14px -6px rgba(0, 0, 0, .06)
	}
}

.plans-section>.subheading span {
	color: var(--BW-White, #FFF);
	font-variant-numeric: lining-nums tabular-nums;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	line-height: 160%
}

@media(max-width: 575.98px) {
	.plans-section>.subheading span {
		color: var(--Neutrals-900, #111D37);
		font-variant-numeric: lining-nums tabular-nums;
		font-size: 12px;
		line-height: 160%
	}
}

.plans-section>.heading {
	font-size: 78px;
	line-height: 85.8px;
	margin-bottom: 38px
}

@media(max-width: 575.98px) {
	.plans-section>.heading {
		font-size: 36px;
		line-height: 43.57px
	}
}

.plans-section .tab-groups-header {
	align-items: center;
	border: 1px solid rgba(255, 255, 255, .1);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.042) 0%, rgba(255, 255, 255, 0.042) 100%);
	-webkit-backdrop-filter: blur(99px);
	backdrop-filter: blur(99px);
	border-radius: 16px;
	box-shadow: 0px 8px 74px -6px rgba(37, 7, 7, .24);
	display: flex;
	justify-content: space-between;
	list-style: none;
	margin: 0;
	margin-bottom: 22px;
	padding: 0;
	padding: 6px;
	position: relative;
	vertical-align: middle;
	width: -moz-fit-content;
	width: fit-content
}

@media(max-width: 575.98px) {
	.plans-section .tab-groups-header {
		background: #f6f6f8;
		border: 1px solid #ebecf0;
		height: 62px;
		box-shadow: unset;
		width: 90%;
		padding: 6px 8px;
		margin-bottom: 15px
	}
}

.plans-section .tab-groups-header .tabs-groups-control-item button {
	color: rgba(255, 255, 255, .7);
	font-size: 16px;
	font-weight: 400 !important;
	padding: 22px 18px;
	text-align: center;
	vertical-align: middle;
	font-weight: 400;
	line-height: 19.36px
}

@media(max-width: 575.98px) {
	.plans-section .tab-groups-header .tabs-groups-control-item button {
		color: initial;
		font-size: 12px;
		padding: 12px;
		width: 100%
	}
}

.plans-section .tab-groups-header .tabs-groups-control-item.active {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.072) 0%, rgba(255, 255, 255, 0.045) 100%);
	-webkit-backdrop-filter: blur(0.5px);
	backdrop-filter: blur(0.5px);
	border-radius: 12px;
	overflow: hidden;
	height: 100%;
	position: relative;
	vertical-align: middle;
	display: flex;
	align-items: center;
	border: 1px solid rgba(255, 255, 255, .1)
}

@media(max-width: 575.98px) {
	.plans-section .tab-groups-header .tabs-groups-control-item.active {
		background-color: #fff;
		background-image: linear-gradient(180deg, rgba(235, 237, 239, 0.7) 0%, rgba(255, 255, 255, 0.7) 97%, white 100%);
		color: #000;
		outline: 1px solid rgba(223, 225, 229, .8);
		border: none;
		border-top: 1px solid #fff;
		box-shadow: inset 0px .1em 0 0 #fff, 0px 6px 10px -3px rgba(0, 0, 0, .16)
	}
}

.plans-section .tab-groups-header .tabs-groups-control-item.active button {
	color: #fff;
	font-weight: 500 !important
}

@media(max-width: 575.98px) {
	.plans-section .tab-groups-header .tabs-groups-control-item.active button {
		color: #000
	}
}

.plans-section .tab-groups-header .tabs-groups-control-item.active ::after {
	content: "";
	position: absolute;
	top: 130%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: rgba(230, 232, 231, .8);
	filter: blur(20px)
}

.plans-section .swiper-container {
	width: 99%;
	padding: 30px;
	margin-inline: auto;
	position: relative
}

@media(max-width: 575.98px) {
	.plans-section .swiper-container {
		width: 100%;
		padding: 16px
	}
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide {
	width: -moz-fit-content;
	width: fit-content;
	height: -moz-fit-content;
	height: fit-content
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide:first-of-type {
	margin-left: 7.5px
}

@media(max-width: 575.98px) {
	.plans-section .swiper-container .swiper-wrapper .swiper-slide:first-of-type {
		margin-left: 3.5px
	}
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card {
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 40px;
	box-shadow: 0px 8px 74px -6px rgba(0, 0, 0, .1);
	height: 612px;
	max-height: 702px;
	width: 401px;
	z-index: 0;
	position: relative;
	overflow: hidden
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
	-webkit-backdrop-filter: blur(35px);
	backdrop-filter: blur(35px);
	border-radius: inherit
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card.highlight {
	animation: border-blink 1s ease-in-out infinite
}

@keyframes border-blink {

	0%,
	100% {
		border: 1px solid rgba(255, 255, 255, .1)
	}

	50% {
		border: 1px solid #fff
	}
}

@media(max-width: 575.98px) {
	.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card {
		width: 90vw;
		height: 580px;
		border-radius: 28px;
		background: linear-gradient(159deg, #161E24 3.16%, #400404 98.79%)
	}
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: baseline;
	padding: 36px 32px 20px 32px;
	position: relative;
	z-index: 1;
	border-radius: inherit
}

@media(max-width: 575.98px) {
	.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner {
		padding: 32px 20px 24px 20px
	}
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .title {
	display: flex;
	font-size: 29.647px
}

@media(max-width: 575.98px) {
	.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .title {
		color: #fff
	}
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .title svg {
	height: 36px
}

@media(max-width: 575.98px) {
	.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .title svg {
		height: 31.56px
	}
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .benefits-1 {
	margin-block: 28px 36px;
	display: flex;
	align-items: baseline;
	justify-content: space-between
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .benefits-1>div {
	font-size: 14px;
	font-weight: 500;
	color: #d3d7dd;
	gap: 8px;
	margin-right: 24px;
	white-space: nowrap
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .benefits-1>div div {
	display: block
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .benefits-1>div div:last-of-type {
	margin-top: -8px
}

@media(max-width: 575.98px) {
	.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .benefits-1>div {
		font-size: 12px;
		font-weight: 400
	}
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .benefits-2 {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 24px
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .benefits-2 .benefit {
	display: flex;
	align-items: baseline;
	gap: 16px
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .benefits-2 .benefit .list-icon {
	width: 23px;
	height: 28.43px
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .benefits-2 .benefit .list-icon img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .benefits-2 .benefit .list-content {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 14px;
	font-weight: 400;
	color: #99a1b0;
	width: calc(100% - 23px - 16px)
}

@media(max-width: 575.98px) {
	.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .benefits-2 .benefit .list-content {
		font-size: 12px
	}
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .benefits-2 .benefit .list-content .title {
	font-size: 16px;
	font-weight: 600;
	color: #d3d7dd
}

@media(max-width: 575.98px) {
	.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .benefits-2 .benefit .list-content .title {
		font-size: 14px
	}
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .video {
	display: flex;
	width: 337px;
	height: 64px;
	padding: 4px 20px 4px 4px;
	justify-content: flex-start;
	align-items: center;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, .06);
	background: rgba(255, 255, 255, .04);
	box-shadow: 0px 20px 20px -10px rgba(0, 0, 0, .12)
}

@media(max-width: 575.98px) {
	.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .video {
		width: 100%
	}
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .video .video-thumbnail {
	width: 63px;
	height: 100%;
	border-radius: 7px;
	overflow: hidden
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .video .video-thumbnail img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .video .content {
	margin-left: 12px;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: .18px;
	color: #99a1b0
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .video .content .title {
	font-size: 13px;
	letter-spacing: -0.26px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .video .play-cirlce {
	margin-left: auto;
	position: relative;
	width: 28px;
	height: 100%
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .video .play-cirlce img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .button-black {
	font-size: 20px;
	font-weight: 500;
	margin-top: auto;
	gap: 16px !important
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .button-black svg {
	width: 14px;
	height: 14px
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .button-black svg>path {
	fill: linear-gradient(262.6deg, #FA6E63 1.44%, #D82B1B 69.29%)
}

.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .button-black span {
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}

@media(max-width: 575.98px) {
	.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .button-black {
		width: 100%;
		height: 56px;
		padding: 20px 20px 20px 28px;
		background: linear-gradient(263deg, #FA6E63 1.44%, #D82B1B 69.29%);
		box-shadow: 0px 12px 14px -9px rgba(0, 0, 0, .2);
		font-size: 14px;
		justify-content: space-between;
		border-radius: 12px
	}

	.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .button-black span {
		background: unset;
		background-clip: unset;
		-webkit-background-clip: unset;
		-webkit-text-fill-color: unset;
		color: #fff
	}

	.plans-section .swiper-container .swiper-wrapper .swiper-slide .plan-card .plan-card__inner .button-black svg>path {
		fill: #fff
	}
}

.plans-section .swiper-container .swiper-button-next-custom,
.plans-section .swiper-container .swiper-button-prev-custom {
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.04) 100%) !important;
	border-radius: 50%;
	box-shadow: 0px 14.5px 30px -9px rgba(0, 0, 0, .2);
	height: 60px;
	width: 60px;
	position: absolute;
	z-index: 100;
	top: 50%;
	display: flex;
	justify-content: center;
	align-items: center
}

.plans-section .swiper-container .swiper-button-next-custom img,
.plans-section .swiper-container .swiper-button-prev-custom img {
	width: 25px;
	height: 25px
}

@media(max-width: 575.98px) {

	.plans-section .swiper-container .swiper-button-next-custom,
	.plans-section .swiper-container .swiper-button-prev-custom {
		display: none;
		height: 40px;
		width: 40px
	}

	.plans-section .swiper-container .swiper-button-next-custom img,
	.plans-section .swiper-container .swiper-button-prev-custom img {
		width: 20px;
		height: 20px
	}
}

.plans-section .swiper-container .swiper-button-prev-custom {
	left: 0px
}

.plans-section .swiper-container .swiper-button-next-custom {
	right: 0
}

.plans-section .swiper-container .swiper-button-disabled {
	display: none
}

.plans-section .button__primary {
	position: absolute;
	bottom: -120px;
	width: -moz-fit-content;
	width: fit-content;
	height: auto;
	padding: 20px 40px 20px 60px;
	font-size: 20px;
	font-weight: 500
}

.plans-section .button__primary svg>path {
	fill: #fff
}

@media(max-width: 575.98px) {
	.plans-section .button__primary {
		display: none
	}
}

.testimonials-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 120px
}

@media(max-width: 575.98px) {
	.testimonials-section {
		margin-bottom: 64px
	}
}

.testimonials-section .rating {
	display: flex;
	gap: 12px;
	align-items: center;
	padding-left: 10px;
	justify-content: center
}

@media(max-width: 575.98px) {
	.testimonials-section .rating {
		margin-bottom: 16px;
		gap: 8.81px
	}
}

.testimonials-section .rating .customers {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	width: 130px;
	height: 46px
}

@media(max-width: 575.98px) {
	.testimonials-section .rating .customers {
		width: 100px
	}
}

.testimonials-section .rating .customers img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.testimonials-section .rating .stars {
	display: flex;
	flex-direction: column;
	align-items: baseline;
	gap: -5px
}

@media(max-width: 575.98px) {
	.testimonials-section .rating .stars {
		gap: -15px
	}
}

.testimonials-section .rating .stars .hero__customer-count {
	color: #000;
	font-size: 18px;
	font-weight: 600;
	line-height: 24.8px;
	letter-spacing: -0.36px
}

@media(max-width: 575.98px) {
	.testimonials-section .rating .stars .hero__customer-count {
		font-size: 12px;
		line-height: 19.2px;
		letter-spacing: -0.24px
	}
}

.testimonials-section .rating .stars .hero__stars {
	width: 72px;
	height: 12px;
	vertical-align: center
}

@media(max-width: 575.98px) {
	.testimonials-section .rating .stars .hero__stars {
		height: 8.81px;
		width: 52.84px
	}
}

.testimonials-section .rating .stars .hero__customer-feedback {
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	letter-spacing: .21px;
	text-align: left;
	color: #111d37
}

@media(max-width: 575.98px) {
	.testimonials-section .rating .stars .hero__customer-feedback {
		font-size: 12px;
		line-height: 18px;
		letter-spacing: .18px
	}
}

.testimonials-section .heading {
	font-size: 52px;
	font-weight: 500;
	letter-spacing: -1.56px;
	margin-bottom: 60px
}

@media(max-width: 575.98px) {
	.testimonials-section .heading {
		width: 50%;
		margin-inline: auto;
		line-height: normal;
		letter-spacing: -1.08px;
		font-size: 36px;
		margin-bottom: 32px;
		margin-top: 0
	}
}

.testimonials-section .swiper-container {
	width: 70%;
	position: relative
}

@media(max-width: 991.98px) {
	.testimonials-section .swiper-container {
		width: 95%
	}
}

.testimonials-section .swiper-container .swiper-wrapper {
	width: -moz-fit-content;
	width: fit-content;
	height: -moz-fit-content;
	height: fit-content
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	--width: 320px;
	--height: 400px
}

@media(max-width: 575.98px) {
	.testimonials-section .swiper-container .swiper-wrapper .swiper-slide {
		--width: 98%;
		--height: 210px;
		width: 100vw;
		justify-content: center
	}
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner {
	width: calc(100% - var(--width) - 48px);
	min-height: var(--height);
	display: flex;
	flex-direction: column;
	position: relative;
	gap: 36px
}

@media(max-width: 575.98px) {
	.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner {
		min-height: none;
		width: var(--width);
		gap: 16px
	}
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .header {
	display: flex;
	align-items: center;
	gap: 12px;
	padding-top: 24px
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .header .profile {
	width: 68px;
	height: 68px
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .header .profile img {
	width: 110%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%
}

@media(max-width: 575.98px) {
	.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .header .profile img {
		width: 110%
	}
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .header .d-flex {
	gap: 0px
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .header .d-flex .title {
	color: var(--Neutrals-900, #111D37);
	font-family: Inter;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 120%
}

@media(max-width: 575.98px) {
	.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .header .d-flex .title {
		font-size: 16px
	}
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .header .d-flex .plan {
	color: #515765;
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%
}

@media(max-width: 575.98px) {
	.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .header .d-flex .plan {
		font-size: 12px
	}
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .testimonial-video-box {
	width: var(--width);
	height: var(--height);
	border-radius: 21.053px;
	position: absolute;
	left: calc(-48px - var(--width));
	top: 0 !important;
	transition: all .2s ease-in-out;
	z-index: 1000;
	overflow: hidden
}

@media(max-width: 575.98px) {
	.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .testimonial-video-box {
		position: relative;
		top: unset;
		left: unset;
		width: 100%
	}
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .testimonial-video-box:after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(180deg, rgba(40, 40, 40, 0) 70%, #282828 100%);
	z-index: 5
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .testimonial-video-box * {
	border-radius: inherit
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .testimonial-video-box .overlay-content {
	width: 100%;
	position: absolute;
	bottom: 10px;
	left: 0;
	color: #fff;
	text-align: center;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 130%;
	z-index: 10
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .testimonial-video-box img,
.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .testimonial-video-box video,
.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .testimonial-video-box iframe {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center center;
	object-position: center center;
	transition: all .2s ease-in-out
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .testimonial-video-box .close-video {
	--size: 45px;
	display: none;
	cursor: pointer;
	position: absolute;
	padding: 0px;
	top: 10px;
	right: 8px;
	height: var(--size);
	width: var(--size);
	background: #fff;
	box-shadow: 0px 5.455px 9.091px -2.727px rgba(0, 0, 0, .16);
	justify-content: center;
	align-items: center
}

@media(max-width: 575.98px) {
	.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .testimonial-video-box .close-video {
		--size: 35px
	}
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .testimonial-video-box .close-video svg {
	--size: 20px;
	width: var(--size);
	height: var(--size);
	margin-left: 1px
}

@media(max-width: 575.98px) {
	.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .testimonial-video-box .close-video svg {
		--size: 15px
	}
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .testimonial-video-box .close-video svg path {
	fill: rgba(0, 0, 0, .85);
	transition: all .2s ease-in-out
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .testimonial-video-box .close-video svg:hover>path {
	fill: #000
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .testimonial-video-box .play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-backdrop-filter: blur(13.6842107773px);
	backdrop-filter: blur(13.6842107773px);
	border-radius: 50%;
	cursor: pointer;
	z-index: 15
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .testimonial-video-box .play-button * {
	pointer-events: none
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .testimonial-video-box .play-button path {
	fill: rgba(255, 255, 255, .65)
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .testimonial-video-box:has(>.play-button.hide) {
	width: 710px;
	background: #2d2d2d
}

@media(max-width: 575.98px) {
	.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .testimonial-video-box:has(>.play-button.hide) {
		width: 100%
	}
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .testimonial-video-box:has(>.play-button.hide):after {
	display: none
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .testimonial-video-box:has(>.play-button.hide) img {
	display: none
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .testimonial-video-box:has(>.play-button.hide) video,
.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .testimonial-video-box:has(>.play-button.hide) img,
.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .testimonial-video-box:has(>.play-button.hide) iframe {
	-o-object-position: center center !important;
	object-position: center center !important
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .testimonial-video-box:has(>.play-button.hide) .close-video {
	display: flex
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .testimonial-video-box:has(>.play-button.hide) .overlay-content {
	display: none
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .body {
	color: var(--Neutrals-700, #42526E);
	font-family: Inter;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%
}

@media(max-width: 575.98px) {
	.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .body {
		width: 89%;
		margin-inline: auto;
		font-size: 14px;
		text-align: center;
		letter-spacing: .14px
	}
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner button.button__primary {
	width: 240px;
	height: 60px;
	padding: 20px 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
	border-radius: 12px;
	background: var(--1, linear-gradient(263deg, #FA6E63 1.44%, #D82B1B 69.29%))
}

@media(max-width: 575.98px) {
	.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner button.button__primary {
		width: 100%;
		max-width: none
	}
}

.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .quotes {
	position: absolute;
	right: 0;
	bottom: -50px
}

@media(max-width: 575.98px) {
	.testimonials-section .swiper-container .swiper-wrapper .swiper-slide .swiper-slide__inner .quotes {
		display: none
	}
}

.testimonials-section .swiper-container .swiper-wrapper .slide-2 .testimonial-video-box video {
	-o-object-position: 63% center !important;
	object-position: 63% center !important
}

.testimonials-section .swiper-container .swiper-wrapper .slide-3 .testimonial-video-box video {
	-o-object-position: 70% center !important;
	object-position: 70% center !important
}

.testimonials-section .swiper-container .swiper-button-next-testimonial,
.testimonials-section .swiper-container .swiper-button-prev-testimonial {
	padding: 12px;
	border-radius: 50%;
	border: 1px solid #cedcdc;
	background: #fff;
	width: 44px;
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50px;
	right: 100px;
	transform: translate(-50%, -50%);
	z-index: 200
}

.testimonials-section .swiper-container .swiper-button-next-testimonial svg,
.testimonials-section .swiper-container .swiper-button-prev-testimonial svg {
	width: 12px;
	height: 12px
}

@media(max-width: 575.98px) {

	.testimonials-section .swiper-container .swiper-button-next-testimonial,
	.testimonials-section .swiper-container .swiper-button-prev-testimonial {
		top: 40px;
		width: 32px;
		height: 32px
	}

	.testimonials-section .swiper-container .swiper-button-next-testimonial svg,
	.testimonials-section .swiper-container .swiper-button-prev-testimonial svg {
		width: 9px;
		height: 9px
	}
}

.testimonials-section .swiper-container .swiper-button-prev-testimonial {
	right: 54px
}

@media(max-width: 575.98px) {
	.testimonials-section .swiper-container .swiper-button-prev-testimonial {
		right: calc(2% + 39px)
	}
}

.testimonials-section .swiper-container .swiper-button-prev-testimonial svg {
	margin-left: -2px
}

.testimonials-section .swiper-container .swiper-button-next-testimonial {
	right: 0
}

@media(max-width: 575.98px) {
	.testimonials-section .swiper-container .swiper-button-next-testimonial {
		right: 2%
	}
}

.testimonials-section .swiper-container .swiper-button-next-testimonial svg {
	margin-right: -2px
}

.testimonials-section .swiper-container .swiper-button-disabled {
	display: none
}

.scroller {
	max-width: 1013px
}

.scroller[data-animated=true] {
	overflow: hidden;
	-webkit-mask: linear-gradient(90deg, transparent, rgb(255, 255, 255) 10%, rgb(255, 255, 255) 90%, transparent);
	mask: linear-gradient(90deg, transparent, rgb(255, 255, 255) 10%, rgb(255, 255, 255) 90%, transparent)
}

.scroller[data-animated=true] .scroller-inner {
	flex-wrap: nowrap;
	width: -moz-fit-content;
	width: fit-content;
	animation: scroll var(--_animation-speed, 70s) var(--_animation-direction, forwards) linear infinite
}

.scroller[data-direction=right] {
	--_animation-direction: reverse
}

.scroller .scroller-inner {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	align-items: center
}

.scroller .scroller-inner .scroller-item {
	width: -moz-fit-content;
	width: fit-content;
	height: 52px;
	border-radius: 8px;
	padding: 12px 24px;
	background: #f5f6fa;
	display: flex;
	align-items: center;
	gap: 10px;
	white-space: nowrap
}

.scroller .scroller-inner .scroller-item img,
.scroller .scroller-inner .scroller-item svg {
	height: 20px
}

.scroller .scroller-inner .scroller-item span {
	white-space: nowrap
}

.faq-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 70px
}

@media(max-width: 575.98px) {
	.faq-section {
		margin-bottom: 30px
	}
}

.faq-section .section-header {
	font-size: 52px;
	line-height: 62.93px;
	margin-bottom: 50px
}

@media(max-width: 575.98px) {
	.faq-section .section-header {
		font-size: 20px;
		line-height: 24.2px;
		margin-bottom: 23px
	}
}

.faq-section .scroller-wrapper {
	width: 80%;
	margin-bottom: 60px;
	display: flex;
	flex-direction: column;
	gap: 10px
}

.faq-section .scroller-wrapper .scroller {
	width: 100%
}

.faq-section .cta {
	width: 80%;
	height: 281px;
	background-color: #000;
	background-image: url("../assets/images/get_in_touch_bg.webp");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	border-radius: 24px
}

@media(max-width: 575.98px) {
	.faq-section .cta {
		height: 209px;
		width: 90%;
		background-position: 60% top;
		background-size: 150%
	}
}

.faq-section .cta .content {
	width: 100%;
	height: 100%;
	padding: 42px 48px;
	display: flex;
	flex-direction: column;
	align-items: baseline;
	background: linear-gradient(90deg, rgb(9, 9, 9) 1.44%, rgb(31, 31, 31) 24.29%, transparent 100%);
	border-radius: 24px;
	font-weight: 500
}

@media(max-width: 575.98px) {
	.faq-section .cta .content {
		padding: 20px 25px;
		background: radial-gradient(circle at 100% 0%, transparent 1.44%, rgba(220, 48, 31, 0.4) 10%, rgb(31, 31, 31) 55%, rgb(9, 9, 9) 100%)
	}
}

.faq-section .cta .content>span:first-of-type {
	font-size: 18px;
	line-height: 28.8px
}

@media(max-width: 575.98px) {
	.faq-section .cta .content>span:first-of-type {
		font-size: 13px
	}
}

.faq-section .cta .content>span:last-of-type {
	font-size: 32px;
	line-height: 38.73px;
	margin-bottom: auto
}

@media(max-width: 575.98px) {
	.faq-section .cta .content>span:last-of-type {
		font-size: 24px;
		line-height: 29.05px
	}
}

.faq-section .cta .content button {
	border-radius: 60px;
	font-size: 14px;
	font-weight: 500;
	line-height: 22.4px;
	background: #272727 !important;
	display: flex;
	align-items: center;
	color: #fff;
	padding: 16px 28px 16px 28px;
	gap: 10px;
	height: 54px
}

.faq-section .cta .content button span {
	background: linear-gradient(90deg, #FFFFFF 0%, #999999 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}

@media(max-width: 575.98px) {
	.faq-section .cta .content button {
		width: 100%;
		background: rgba(255, 255, 255, .12) !important;
		box-shadow: 0px 5px 4px -3px rgba(0, 0, 0, .3) inset;
		-webkit-backdrop-filter: blur(30px);
		backdrop-filter: blur(30px)
	}
}

.faq-section .cta .content>span,
.faq-section .cta .content>button>span {
	background: linear-gradient(90deg, #FFFFFF 0%, #999999 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	text-fill-color: rgba(0, 0, 0, 0);
	background-clip: text
}

@media(max-width: 575.98px) {

	.faq-section .cta .content>span,
	.faq-section .cta .content>button>span {
		background: linear-gradient(160deg, #FFFFFF 0%, #999999 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: rgba(0, 0, 0, 0);
		text-fill-color: rgba(0, 0, 0, 0);
		background-clip: text
	}
}

.faq-section .faqs-modal {
	width: 454px;
	height: 630px !important;
	scrollbar-width: none
}

.faq-section .faqs-modal .close-btn,
.faq-section .faqs-modal .close-btn__style {
	z-index: 1
}

@media(max-width: 575.98px) {
	.faq-section .faqs-modal {
		border-radius: 24px 24px 0 0 !important
	}
}

.faq-section .faqs-modal .modal-content {
	padding: 28px 20px 24px 20px;
	border-radius: 24px;
	background: #fff;
	display: flex;
	flex-direction: column;
	height: 100%
}

@media(max-width: 575.98px) {
	.faq-section .faqs-modal .modal-content {
		border-radius: 24px 24px 0 0
	}
}

.faq-section .faqs-modal .modal-content .modal-head {
	margin-bottom: 28px
}

.faq-section .faqs-modal .modal-content .modal-head-title {
	font-size: 24px;
	font-weight: 500;
	line-height: 33.6px;
	letter-spacing: -0.02em;
	text-align: left;
	color: var(--main-text-color)
}

.faq-section .faqs-modal .modal-content .modal-head-desc {
	font-size: 14px;
	font-weight: 400;
	line-height: 22.4px;
	text-align: left;
	color: var(--mute-text-color)
}

.faq-section .faqs-modal .modal-content .faqs-modal-body {
	height: calc(100% - 60px - 70px);
	overflow: hidden
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .search-bar {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 4px;
	height: 60px;
	padding: 10px 0px 10px 20px;
	border-radius: 12px;
	background: #fff;
	border: 1px solid #eeebef;
	box-shadow: 0px 20px 20px -16px rgba(40, 2, 50, .1019607843)
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .search-bar img {
	width: 20px;
	height: 20px
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .search-bar .search-input {
	width: 100%;
	height: 100%;
	padding-left: 4px;
	border: none;
	box-shadow: none
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .search-bar .search-input::-moz-placeholder {
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
	color: var(--mute-text-color)
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .search-bar .search-input::placeholder {
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
	color: var(--mute-text-color)
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .search-bar .search-input:focus {
	outline: none;
	scale: 1
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .faqs-container {
	height: calc(100% - 60px);
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: none;
	padding-block: 24px 15px;
	-webkit-mask: linear-gradient(180deg, transparent, rgb(240, 232, 252) 12%, rgb(240, 232, 252) 90%, transparent);
	mask: linear-gradient(180deg, transparent, rgb(240, 232, 252) 12%, rgb(240, 232, 252) 90%, transparent)
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .faqs-container .faq-category {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	gap: 12px
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .faqs-container .faq-category .webp-container {
	display: flex;
	justify-content: center;
	align-items: center
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .faqs-container .faq-category .webp-container svg {
	width: 36px;
	height: 36px
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .faqs-container .faq-category .faq-category-subtitle {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	text-align: left;
	color: #42526e
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .faqs-container .faq-category .faq-category-title {
	font-size: 14px;
	font-weight: 600;
	line-height: 21px;
	text-align: left;
	color: #202129
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .faqs-container:has(.faq-category.hide) .faqs-list {
	margin-top: 0
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .faqs-container .faqs-list {
	margin: 0;
	margin-top: 16px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 14px
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .faqs-container .faqs-list .faq-item {
	list-style: none;
	padding: 24px 16px 16px 16px;
	border-radius: 12px;
	background: #fff;
	border: 1px solid #ebecf0;
	display: flex;
	flex-direction: column
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .faqs-container .faqs-list .faq-item .faq-question {
	display: flex;
	cursor: pointer
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .faqs-container .faqs-list .faq-item .faq-question .faq-question-icon {
	border: 1.14px solid #ebecf0;
	padding: 6.86px;
	border-radius: 34.29px;
	width: 32px;
	height: 32px;
	pointer-events: none;
	transition: transform .4s ease-in-out
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .faqs-container .faqs-list .faq-item .faq-question .faq-question-title {
	font-size: 16px;
	font-weight: 500;
	line-height: 25.6px;
	letter-spacing: -0.01em;
	text-align: left;
	color: var(--main-text-color);
	pointer-events: none
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .faqs-container .faqs-list .faq-item .faq-ans {
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
	color: var(--mute-text-color);
	margin-top: 12px;
	max-height: 0;
	overflow: hidden;
	transition: all .4s ease-in-out
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .faqs-container .faqs-list .faq-item:has(.faq-question.active) .faq-question .faq-question-icon {
	transform: rotate(-540deg)
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .faqs-container .faqs-list .faq-item:has(.faq-question.active) .faq-ans {
	max-height: 500px;
	display: block
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .faqs-container .faq-not-found {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	gap: 12px;
	margin-top: 1vh
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .faqs-container .faq-not-found .title {
	color: #0e0c22;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: .1px
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .faqs-container .faq-not-found .content {
	color: #6e6d7a;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px;
	letter-spacing: .07px;
	width: 75%
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .faqs-container:has(.faq-not-found) {
	justify-content: center;
	align-items: center
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .faqs-container .people-asked {
	width: 100%;
	height: 100px
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .faqs-container .people-asked-title {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	text-align: left;
	color: #42526e
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .faqs-container .people-asked .related-topics {
	display: flex;
	gap: 8px;
	height: calc(100% - 18px);
	padding: 12px 15px 12px 0px;
	overflow: hidden;
	overflow-x: auto;
	scrollbar-width: none
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .faqs-container .people-asked .related-topics .topic-btn {
	align-items: center;
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.3) 49.5%);
	border-radius: 8px;
	border: 2px solid #fff;
	box-shadow: 0px 8px 14px -6px rgba(0, 0, 0, .07);
	display: flex;
	gap: 8px;
	padding: 10px 20px 10px 20px;
	width: -moz-fit-content;
	width: fit-content;
	white-space: nowrap
}

.faq-section .faqs-modal .modal-content .faqs-modal-body .faqs-container .people-asked .related-topics .topic-btn svg {
	width: 26px;
	height: 26px
}

.faq-section .faqs-modal .modal-content .modal-footer {
	border-top: 0;
	margin: 0;
	padding: 0
}

.faq-section .faqs-modal .modal-content .modal-footer button {
	height: 60px !important
}

footer {
	width: 97%;
	max-width: 1320px;
	margin-inline: auto;
	background: #f4f5f7;
	padding: 60px 52px 60px 52px;
	border-radius: 32px;
	margin-bottom: 35px
}

@media(max-width: 575.98px) {
	footer {
		width: 95%;
		padding: 25px;
		margin-bottom: 10px
	}
}

footer .head {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-bottom: 40px
}

@media(max-width: 575.98px) {
	footer .head {
		flex-direction: column
	}
}

footer .head img {
	width: 86px;
	height: 64px
}

@media(max-width: 575.98px) {
	footer .head img {
		height: 36px;
		width: 48.38px
	}
}

footer .head div {
	font-family: "Avenir", sans-serif;
	font-size: 28px;
	line-height: 34.72px;
	font-weight: 400
}

@media(max-width: 575.98px) {
	footer .head div {
		font-family: "Inter", sans-serif;
		font-size: 16px;
		font-weight: 600;
		line-height: 22.4px;
		text-align: center
	}
}

footer .head div span {
	font-weight: 800;
	color: #e84b3d
}

footer .collapsible-wrapper {
	border-top: 1px solid rgba(0, 0, 0, .08);
	padding-top: 24px
}

footer .collapsible-wrapper .collapsible-header {
	font-family: "Manrope", sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 19.8px;
	text-align: left;
	color: #42526e;
	display: flex;
	justify-content: space-between
}

@media(max-width: 575.98px) {
	footer .collapsible-wrapper .collapsible-header {
		font-family: "Inter", sans-serif;
		font-size: 14px;
		font-weight: 500;
		line-height: 19.6px;
		letter-spacing: .01em;
		text-align: left
	}
}

footer .collapsible-wrapper .collapsible-header button {
	height: 24px;
	width: 24px;
	border-radius: 50%;
	border: 1.5px solid #b6bcc7 !important;
	text-align: center;
	cursor: pointer;
	position: relative
}

footer .collapsible-wrapper .collapsible-header button .horizontal-line,
footer .collapsible-wrapper .collapsible-header button .vertical-line {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: transform .3s ease-in-out
}

footer .collapsible-wrapper .collapsible-content {
	padding-top: 32px;
	font-family: "Avenir", sans-serif;
	font-size: 14px;
	font-weight: 350;
	line-height: 19.6px;
	text-align: left;
	color: #a8adb6;
	transition: grid-template-rows .2s ease-in-out;
	display: grid;
	grid-template-rows: 1fr
}

@media(max-width: 575.98px) {
	footer .collapsible-wrapper .collapsible-content {
		padding-top: 28px;
		font-size: 12px
	}
}

footer .collapsible-wrapper .collapsible-content.collapsible-hidden {
	grid-template-rows: 0fr
}

footer .collapsible-wrapper .collapsible-content>div {
	overflow: hidden
}

footer .collapsible-wrapper:not(:has(.collapsible-hidden)) .collapsible-header button .horizontal-line {
	transform: translate(-50%, -50%) rotateZ(180deg)
}

footer .collapsible-wrapper:not(:has(.collapsible-hidden)) .collapsible-header button .vertical-line {
	transform: translate(-50%, -50%) rotateZ(-90deg)
}

footer .copyright-text {
	margin-top: 40px;
	font-size: 18px;
	line-height: 19.8px;
	color: #adadad;
	font-weight: 500;
	font-family: "Manrope", sans-serif
}

@media(max-width: 575.98px) {
	footer .copyright-text {
		font-size: 14px
	}
}

footer .copyright-text span {
	font-size: 20px
}

@media(max-width: 575.98px) {
	footer .copyright-text span {
		font-size: 15px
	}
}