/* _comp */

.opacity\=0 {
	opacity: 0;
}

.td\=line-through {
	text-decoration: line-through;
}

.hover-td\=line-through:hover {
	text-decoration: line-through;
}

template {
	display: none !important;
}


.border.bs\=dashed {
	border-style: dashed;
}

.border-t.bs\=dashed {
	border-top-style: dashed;
}

.border-r.bs\=dashed {
	border-right-style: dashed;
}

.border-b.bs\=dashed {
	border-bottom-style: dashed;
}

.border-l.bs\=dashed {
	border-left-style: dashed;
}

[data-comp-name] {
	position: relative;
}


.last-child-border-b\=0>.border-b:last-child {
	border-bottom-width: 0;
}

[data-comp-name]:before {

	content: attr(data-comp-name);
	position: absolute;
	top: 2%;
	/* left: 2%; */
	left: 0;
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 10px;
	font-weight: 700;
	color: var(--text1);
	/* background-color: var(--surface1); */
	/* background-color: #f3f3ff; */
	/* opacity: .4; */

}

.prod [data-comp-name]:before {
	display: none;
}

._on-dark[data-comp-name]:before {
	color: var(--text-light);
}





[class*="ui-breadcrumb"]>*+*:before {
	position: relative;
	left: -2px;
	padding: 0 2px;
	content: "/\00a0";
	color: #ccc;
}


.hand-col {
	overflow: hidden;
}

.hand-img1,
.hand-img2 {
	bottom: 1%;
	right: -22%;
	transform: rotate(60deg);
	z-index: 20;
}

.hand-img2 {
	bottom: -3%;
}

.hand-overlay {
	border-radius: 60%;
	z-index: 60;
	left: 4%;
	transform: rotate(42deg);
	bottom: -26%;
}


@media (min-width: 568px) {


	.hand-overlay {

		left: 28%;
		transform: rotate(-35deg);
		bottom: -13%;
	}


	.hand-col {
		overflow: visible;
	}


	.hand-img1,
	.hand-img2 {
		bottom: -8%;
		right: 32%;
		transform: rotate(-8deg);

	}


	.hand-img1 {
		right: 29.3%;
	}
}








[class*="fs="]._stroke {
	text-shadow: 1px 1px 1px #111, -1px 1px 1px #111, -1px -1px 0 #1111, 1px -1px 0 #111;
	opacity: .08;
}


.font-medium {
	--tw-font-weight: var(--font-weight-medium);
	font-weight: var(--font-weight-medium);
}

.text-lg {
	font-size: var(--text-lg);
	line-height: var(--tw-leading, var(--text-lg--line-height));
}

.mb-1 {
	margin-bottom: calc(var(--spacing) * 1);
}

[dir=ltr] .loading-shimmer-pure-text-inverted {
	background-position: -100% 0;
}

.loading-shimmer-pure-text-inverted {
	text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
	animation-delay: .5s;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-name: loading-shimmer;
	background: var(--text-primary) gradient(linear, 100% 0, 0 0, from(var(--text-primary)), color-stop(.5, var(--text-quaternary)), to(var(--text-primary)));
	background: var(--text-primary) -webkit-gradient(linear, 100% 0, 0 0, from(var(--text-primary)), color-stop(.5, var(--text-quaternary)), to(var(--text-primary)));
	-webkit-background-clip: text;
	background-clip: text;
	background-repeat: no-repeat;
	background-size: 50% 200%;
	display: inline-block;
}

@keyframes loading-shimmer {
	0% {
		background-position: -100% 0;
	}

	100% {
		background-position: 250% 0;
	}

}

._set1 .d-none,
._settings .d-none {
	display: none;
}


.ui-hr.divider {
	width: 100%;
	height: 1px;
	background-color: transparent;
	background-image: linear-gradient(90deg, rgba(206, 211, 246, 0) 0, #bbb 38%, #bbb 64%, rgba(206, 211, 246, 0) 99%);
	opacity: .4;
	border: none;
	margin: 0;
}


.dark-hero-overlay:after {
	content: "";
	position: absolute;
	top: 0;
}

.dark-hero-overlay:after {
	/* background: linear-gradient(180deg, hsla(0, 0%, 88%, 0) 29.9%, #f3f4f4); */
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 8;
}


.dark-hero-overlay::after {
	background: linear-gradient(180deg, hsla(0, 0%, 5%, 0) 29.9%, #0e0e0e);
}

.ui-icon svg {
	width: 100%;
}

.ui-icon-ring:before {
	background-color: transparent;
	border: 1px solid currentColor;
	border-radius: inherit;
	content: "";
	flex-shrink: 0;
	justify-content: center;
	/* transition: all .15s ease-in-out; */
	position: absolute;
	width: 126%;
	height: 126%;
}



.ui-media-alt2[class*="ui-media-h"]>* {
	position: absolute;
	width: 100%;
	height: 100%;
}

.ui-media2:not(.ui-media-h\=auto) img,
.ui-media2:not(.ui-media-h\=auto) video,
.ui-media2:not(.ui-media-h\=auto) .the-media {
	display: block;
	margin: auto;
	/* width: 0; */
	/* height: 0; */
	visibility: visible;
	border: 0;
	min-width: 100%;
	max-width: 100%;
	min-height: 100%;
	/* max-height: 100%; */
	position: absolute;
	top: 0;
	left: 0;
}

.fit-object>* {
	object-fit: cover;
	object-position: center top;
}


.backDrop::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	border-color: currentColor;
	border-width: inherit;
	border-style: inherit;
	left: auto;
	left: -8%;
	top: -8%;
	border-radius: inherit;
}


.text-circle__element {
	/* animation: spinZ 20s linear infinite; */
	border-radius: 50%;
	color: currentColor;
	font-size: 10px;
	height: 100%;
	text-align: center;
	width: 100%;
}

.text-circle__element>span {
	bottom: 0;
	display: inline-block;
	font-size: 9px;
	left: 0;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: 0;
	transition: all .5s cubic-bezier(0, 0, 0, 1);
}



.dot-bg2 {
	--dot-bg: var(--color12);
	/* --dot-color: rgb(0, 0, 0); */
	/* --dot-color: var(--color12); */
	--dot-color: rgb(219 220 228);
	--dot-size: 2px;
	--dot-space: 32px;
	background: linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), var(--dot-color);
}


.global-loader__spinner {
	transform-origin: center;
	/* animation: gl-spinner 1s infinite linear; */
}

@keyframes gl-spinner {
	100% {
		transform: rotate(360deg);
	}
}


















.ui-transform-els .trans-el {
	opacity: 0;
	z-index: 1;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: opacity, transform;
	-o-transition-property: opacity, transform;
	transition-property: opacity, transform;
	will-change: transform;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	-o-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	-webkit-transition-duration: 0.45s;
	-o-transition-duration: 0.45s;
	transition-duration: 0.45s;
	transition: transform 0.35s ease, opacity 0.25s ease;
	width: 100%;
}

.ui-transform-els .trans-1 {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	z-index: 10;
}

.ui-transform-els .trans-el:not(:first-child) {
	margin-left: -100%;
}

.ui-transform-els .trans-2,
.ui-transform-els .trans-3,
.ui-transform-els .trans-4 {
	opacity: 0;
	-webkit-transform: translate3d(16px, 0, 0);
	-ms-transform: translate3d(16px, 0, 0);
	transform: translate3d(16px, 0, 0);
}

.ui-transform-els.switch-trans-2 .trans-1 {
	opacity: 0;
	-webkit-transform: translate3d(-16px, 0, 0);
	-ms-transform: translate3d(-16px, 0, 0);
	transform: translate3d(-16px, 0, 0);
	z-index: 1;
	pointer-events: none;
}

.ui-transform-els.switch-trans-2 .trans-2 {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 5;
}

.ui-transform-els.switch-trans-2 .trans-3 {
	z-index: 3;
	pointer-events: none;
}

.ui-transform-els.switch-trans-3 .trans-1,
.ui-transform-els.switch-trans-3 .trans-2 {
	opacity: 0;
}

.ui-transform-els.switch-trans-3 .trans-2 {
	opacity: 0;
	-webkit-transform: translate3d(-16px, 0, 0);
	-ms-transform: translate3d(-16px, 0, 0);
	transform: translate3d(-16px, 0, 0);
}

.ui-transform-els.switch-trans-3 .trans-3 {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 13;
}

.ui-transform-els.switch-trans-4 .trans-1,
.ui-transform-els.switch-trans-4 .trans-2 {
	opacity: 0;
}

.ui-transform-els.switch-trans-4 .trans-3 {
	opacity: 0;
	-webkit-transform: translate3d(-16px, 0, 0);
	-ms-transform: translate3d(-16px, 0, 0);
	transform: translate3d(-16px, 0, 0);
}

.ui-transform-els.switch-trans-4 .trans-4 {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 13;
}

.xx-step-els>*:not(:first-child) {
	margin-left: -100%;
}


.xx-step-els>* {
	opacity: 0;
	z-index: 1;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: opacity, transform;
	-o-transition-property: opacity, transform;
	transition-property: opacity, transform;
	will-change: transform;

	-webkit-transform: translate3d(10px, 0, 0);
	-ms-transform: translate3d(10px, 0, 0);
	transform: translate3d(10px, 0, 0);

	-webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	-o-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	-webkit-transition-duration: 0.25s;
	-o-transition-duration: 0.25s;
	transition-duration: 0.25s;
	transition: transform 0.25s ease, opacity 0.15s ease;
	width: 100%;

	/* pointer-events: none; */
}

.xx-step-els[data-current-step="1"]>*:last-child {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);

	z-index: 1;
}

.xx-step-els[data-current-step="1"]>*:first-child {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	z-index: 10;
}

.xx-step-els[data-current-step="2"]>*:nth-child(1) {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

.xx-step-els[data-current-step="2"]>*:nth-child(2) {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	z-index: 10;
}



.xx-step-els[data-current-step="3"]>*:nth-child(2) {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

.xx-step-els[data-current-step="3"]>*:nth-child(3) {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	z-index: 10;
}


.xx-step-els[data-current-step="4"]>*:nth-child(3) {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

.xx-step-els[data-current-step="4"]>*:nth-child(4) {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	z-index: 10;
}




.xx-step-els[data-current-step="5"]>*:nth-child(4) {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

.xx-step-els[data-current-step="5"]>*:nth-child(5) {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	z-index: 10;
}



.xx-step-els[data-current-step="6"]>*:nth-child(5) {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

.xx-step-els[data-current-step="6"]>*:nth-child(6) {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	z-index: 10;
}


.xx-step-els[data-current-step="7"]>*:nth-child(6) {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

.xx-step-els[data-current-step="7"]>*:nth-child(7) {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	z-index: 10;
}

.xx-step-els[data-current-step="8"]>*:nth-child(7) {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

.xx-step-els[data-current-step="8"]>*:nth-child(8) {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	z-index: 10;
}


.xx-step-els[data-current-step="9"]>*:nth-child(8) {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

.xx-step-els[data-current-step="9"]>*:nth-child(9) {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	z-index: 10;
}


.xx-step-els[data-current-step="10"]>*:nth-child(9) {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

.xx-step-els[data-current-step="10"]>*:nth-child(10) {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	z-index: 10;
}

.xx-step-els[data-current-step="11"]>*:nth-child(10) {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

.xx-step-els[data-current-step="11"]>*:nth-child(11) {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	z-index: 10;
}


.xx-step-els[data-current-step="12"]>*:nth-child(11) {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

.xx-step-els[data-current-step="12"]>*:nth-child(12) {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	z-index: 10;
}


.xx-step-els[data-current-step="13"]>*:nth-child(12) {
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	-ms-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
}

.xx-step-els[data-current-step="13"]>*:nth-child(13) {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	z-index: 10;
}






.td-underline::after {
	content: "";
	position: relative;
	display: block;
	width: 100%;
	height: 1px;
	background-color: currentColor;
}

.td-underline-2::after {
	height: 2px;
}

.td-underline-3::after {
	height: 3px;
}

.td-underline-4::after {
	height: 4px;
}

.td-underline-5::after {
	height: 5px;
}

.td-underline-6::after {
	height: 6px;
}
















/* modalx.css */

#xx-modal {
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
	visibility: hidden;
	display: none;
}

#xx-modal.ready-modal {
	display: block;
	visibility: visible;
	z-index: 5000;
}

#xx-modal .xx-modal-window,
#xx-modal .xx-modal-window+.modal-window {
	/* display: block; */
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 20;

}

#pageModal .ready-modal-window.modal-window {
	visibility: visible;
}

#pageModal .modal-window {
	visibility: hidden;
}

.xx-modal-window .xx-modal-overlay {
	position: absolute;
	z-index: 1;
	background: rgba(55, 58, 71, 0.9);
	background: rgba(55, 58, 71, 0.5);
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-backface-visibility: hidden;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.modal--open .xx-modal-overlay {
	opacity: 1;
	pointer-events: auto;
}


/* // @@ style  */
.modal-overlay {
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.xx-modal-content {
	position: relative;
	z-index: 10;
	overflow: hidden;
	will-change: transform, opacity;
}

.xx-modal-window.from-up--center--down.modal--open .xx-modal-content,
.xx-modal-window.from-up--center--down.modal--close .xx-modal-content {
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.xx-modal-window.from-up--center--down.modal--open .xx-modal-content {
	-webkit-animation-name: anim-open;
	animation-name: anim-open;
	-webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.xx-modal-window.from-up--center--down.modal--close .xx-modal-content {
	-webkit-animation-name: anim-close;
	animation-name: anim-close;
}

/* .xx-modal-window.modal--open h2,
.xx-modal-window.modal--open button {
	-webkit-animation: anim-elem 0.4s both;
	animation: anim-elem 0.4s both;
}

.xx-modal-window.modal--open h2 {
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
}

.xx-modal-window.modal--open button {
	-webkit-animation-delay: 0.15s;
	animation-delay: 0.15s;
} */

@-webkit-keyframes anim-open {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -400px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}
}

@keyframes anim-open {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -400px, 0);
		transform: translate3d(0, -400px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes anim-close {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100px, 0);
	}
}

@keyframes anim-close {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100px, 0);
		transform: translate3d(0, 100px, 0);
	}
}

/* Inner elements animations */

/* @-webkit-keyframes anim-elem {
	0% { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
}

@keyframes anim-elem {
	0% { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
} */


.xx-modal-window.from-bottom--up--back-down .xx-modal-overlay {
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.xx-modal-window.from-bottom--up--back-down.modal--open .xx-modal-content,
.xx-modal-window.from-bottom--up--back-down.modal--close .xx-modal-content {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;

	-webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.xx-modal-window.from-bottom--up--back-down.modal--close .xx-modal-content {
	-webkit-animation-duration: 0.28s;
	animation-duration: 0.28s;
}

.xx-modal-window.from-bottom--up--back-down.modal--open .xx-modal-content {
	-webkit-animation-name: bottom-up-anim-open;
	animation-name: bottom-up-anim-open;
}

.xx-modal-window.from-bottom--up--back-down.modal--close .xx-modal-content {
	-webkit-animation-name: bottom-up-anim-close;
	animation-name: bottom-up-anim-close;
}


@-webkit-keyframes bottom-up-anim-open {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}
}

@keyframes bottom-up-anim-open {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes bottom-up-anim-close {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 100%, 0);
	}
}

@keyframes bottom-up-anim-close {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 110%, 0);
	}
}

/* Inner elements animations */

@-webkit-keyframes anim-elem {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 25px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}
}

@keyframes anim-elem {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}




.xx-modal-window.from-bottom--up--back-down .xx-modal-overlay {
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.xx-modal-window.from-bottom--up--back-down.modal--open .xx-modal-content,
.xx-modal-window.from-bottom--up--back-down.modal--close .xx-modal-content {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;

	-webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.xx-modal-window.from-bottom--up--back-down.modal--close .xx-modal-content {
	-webkit-animation-duration: 0.28s;
	animation-duration: 0.28s;
}

.xx-modal-window.from-bottom--up--back-down.modal--open .xx-modal-content {
	-webkit-animation-name: bottom-up-anim-open;
	animation-name: bottom-up-anim-open;
}

.xx-modal-window.from-bottom--up--back-down.modal--close .xx-modal-content {
	-webkit-animation-name: bottom-up-anim-close;
	animation-name: bottom-up-anim-close;
}


@-webkit-keyframes bottom-up-anim-open {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}
}

@keyframes bottom-up-anim-open {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes bottom-up-anim-close {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 100%, 0);
	}
}

@keyframes bottom-up-anim-close {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 110%, 0);
	}
}









.xx-modal-window.screen-overlays-style .xx-modal-overlay {
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.xx-modal-window.screen-overlays-style.modal--open .xx-modal-content,
.xx-modal-window.screen-overlays-style.modal--close .xx-modal-content {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;

	-webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.xx-modal-window.screen-overlays-style.modal--close .xx-modal-content {
	-webkit-animation-duration: 0.28s;
	animation-duration: 0.28s;
}

.xx-modal-window.screen-overlays-style.modal--open .xx-modal-content {
	-webkit-animation-name: screen-in-anim-open;
	animation-name: screen-in-anim-open;
}

.xx-modal-window.screen-overlays-style.modal--close .xx-modal-content {
	-webkit-animation-name: screen-out-anim-out;
	animation-name: screen-out-anim-out;
}

.ui-content-col,
.xx-modal-content .ui-screen-content {
	transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);
}

.xscreen_1 .ui-content-col,
.xscreen_2 .xx-modal-window:nth-child(1) .xx-modal-content .ui-screen-content,
.xscreen_3 .xx-modal-window:nth-child(2) .xx-modal-content .ui-screen-content,
.xscreen_4 .xx-modal-window:nth-child(3) .xx-modal-content .ui-screen-content,
.xscreen_5 .xx-modal-window:nth-child(4) .xx-modal-content .ui-screen-content,
.xscreen_6 .xx-modal-window:nth-child(5) .xx-modal-content .ui-screen-content {

	transform: translate3d(-10%, 0, 0);
}


@-webkit-keyframes screen-in-anim-open {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}
}

@keyframes screen-in-anim-open {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes screen-out-anim-out {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(100%, 0, 0);
	}
}

@keyframes screen-out-anim-out {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}


















.ui-media-avatar img {
	display: block;
	border-radius: inherit;
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: 100%;
}

.ui-spike-box:after,
.ui-spike-box:before {
	color: inherit;
	position: absolute;
	content: '';
	background-color: currentColor;
}

.ui-spike-box:after {
	width: 100%;
	height: 1px;
	top: 50%;
	left: 0;
	margin-top: -1px;
}

.ui-spike-box:before {
	width: 1px;
	height: 100%;
	left: 50%;
	margin-left: -1px;
}

.ui-spike-box-2 {
	margin-left: -100%;
	transform: rotate(45deg);
}

.rotate\=22 {
	transform: rotate(22deg);
}

.rotate\=45 {
	transform: rotate(45deg);
}

.rotate\=90 {
	transform: rotate(90deg);
}

.rotate\=135 {
	transform: rotate(135deg);
}

.rotate\=180 {
	transform: rotate(180deg);
}

.rotate\=270 {
	transform: rotate(270deg);
}

.rotate\=-22 {
	transform: rotate(-22deg);
}

.rotate\=-45 {
	transform: rotate(-45deg);
}

.rotate\=-90 {
	transform: rotate(-90deg);
}

.rotate\=-135 {
	transform: rotate(-135deg);
}

.rotate\=-180 {
	transform: rotate(-180deg);
}

.rotate\=-270 {
	transform: rotate(-270deg);
}



.ui-btn.top-left {
	background-color: #ef3c2d !important;
	color: white !important;
	/* font-family: Georgia, serif; */
	/* font-size: 1.2rem; */
	padding: 1rem 2rem;
	border-radius: 0 !important;
	cursor: pointer;
	clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%, 0% 20%);
	border: 0;
}

/* simple hover state */
.ui-btn.top-left:hover {
	filter: brightness(1.1);
}

.bg\=red_ {
	background-color: #ef3c2d;
}

.clip-top-left {

	/* 🔺 Cuts top-left */
	clip-path: polygon(20% 0,
			/* angled inward */
			100% 0,
			/* top-right */
			100% 100%,
			/* bottom-right */
			0 100%,
			/* bottom-left */
			0 20%
			/* end angle */
		);
	/* transition: filter 0.2s ease; */
}

.clip-buttom-left {

	/* 🔺 Cuts top-right and bottom-left */
	clip-path: polygon(0 0,
			/* top-left */
			100% 0,
			/* before top-right cut */
			100% 100%,
			/* angled top-right */
			20% 100%,
			/* angled bottom-left */
			0 80%
			/* before bottom-left corner */
		);
	/* transition: filter 0.2s ease; */
}

.clip-buttom-left {

	/* 🔺 Cuts top-right and bottom-left */
	clip-path: polygon(0 0,
			/* top-left */
			100% 0,
			/* before top-right cut */
			100% 100%,
			/* angled top-right */
			20% 100%,
			/* angled bottom-left */
			0 80%
			/* before bottom-left corner */
		);
	/* transition: filter 0.2s ease; */
}

.clip-buttom-right {

	/* 🔺 Cuts top-right and bottom-left */
	clip-path: polygon(0 0,
			/* top-left */
			100% 0,
			/* top-right */
			100% 80%,
			/* start angle */
			80% 100%,
			/* angled in */
			0 100%
			/* bottom-left */
		);
	/* transition: filter 0.2s ease; */
}



.aspect-ratio\=3-2 {
	aspect-ratio: 3 / 2;
}

.aspect-ratio\=5-4 {
	aspect-ratio: 5 / 4;
}

.aspect-ratio\=3-2p4 {
	aspect-ratio: 3 / 2.4;
}

.aspect-ratio\=6-10 {
	aspect-ratio: 6 / 10;
}

.aspect-ratio\=10-12 {
	aspect-ratio: 10 / 12;
}



.aspect-ratio\=13-16 {
	aspect-ratio: 13 / 16;
}



.aspect-ratio\=16-2 {
	aspect-ratio: 16 / 2;
}

.aspect-ratio\=16-4 {
	aspect-ratio: 16 / 4;
}

.aspect-ratio\=16-8 {
	aspect-ratio: 16 / 8;
}

.aspect-ratio\=16-9 {
	aspect-ratio: 16 / 9;
}

.aspect-ratio\=16-10 {
	aspect-ratio: 16 / 10;
}

.aspect-ratio\=16-11 {
	aspect-ratio: 16 / 11;
}

.aspect-ratio\=16-12 {
	aspect-ratio: 16 / 12;
}

.aspect-ratio\=16-13 {
	aspect-ratio: 16 / 13;
}

.aspect-ratio\=16-14 {
	aspect-ratio: 16 / 14;
}

.aspect-ratio\=16-15 {
	aspect-ratio: 16 / 15;
}




/* $breakpoints: ( // null: null, 
sm: "576px", 
md: "768px", 
lg: "992px", 
xl: "1200px", 
xxl: "1440px", 
fhd: "1920px" 
);  */

@media (min-width: 576px) {

	.sm\(aspect-ratio\=3-2\) {
		aspect-ratio: 3 / 2;
	}

	.sm\(aspect-ratio\=3-2p4\) {
		aspect-ratio: 3 / 2.4;
	}

	.sm\(aspect-ratio\=6-10\) {
		aspect-ratio: 6 / 10;
	}

	.sm\(aspect-ratio\=13-16\) {
		aspect-ratio: 13 / 16;
	}



	.sm\(aspect-ratio\=16-2\) {
		aspect-ratio: 16 / 2;
	}

	.sm\(aspect-ratio\=16-4\) {
		aspect-ratio: 16 / 4;
	}

	.sm\(aspect-ratio\=16-8\) {
		aspect-ratio: 16 / 8;
	}

	.sm\(aspect-ratio\=16-9\) {
		aspect-ratio: 16 / 9;
	}

	.sm\(aspect-ratio\=16-10\) {
		aspect-ratio: 16 / 10;
	}

	.sm\(aspect-ratio\=16-11\) {
		aspect-ratio: 16 / 11;
	}

	.sm\(aspect-ratio\=16-12\) {
		aspect-ratio: 16 / 12;
	}

	.sm\(aspect-ratio\=16-13\) {
		aspect-ratio: 16 / 13;
	}

	.sm\(aspect-ratio\=16-14\) {
		aspect-ratio: 16 / 14;
	}

	.sm\(aspect-ratio\=16-15\) {
		aspect-ratio: 16 / 15;
	}




	.sm\(aspect-ratio\=10-12\) {
		aspect-ratio: 10 / 12;
	}


}

@media (min-width: 768px) {

	.md\(aspect-ratio\=3-2\) {
		aspect-ratio: 3 / 2;
	}

	.md\(aspect-ratio\=3-2p4\) {
		aspect-ratio: 3 / 2.4;
	}

	.md\(aspect-ratio\=6-10\) {
		aspect-ratio: 6 / 10;
	}

	.md\(aspect-ratio\=13-16\) {
		aspect-ratio: 13 / 16;
	}

	
	
	.md\(aspect-ratio\=16-2\) {
		aspect-ratio: 16 / 2;
	}

	.md\(aspect-ratio\=16-4\) {
		aspect-ratio: 16 / 4;
	}

	.md\(aspect-ratio\=16-8\) {
		aspect-ratio: 16 / 8;
	}

	.md\(aspect-ratio\=16-9\) {
		aspect-ratio: 16 / 9;
	}

	.md\(aspect-ratio\=16-10\) {
		aspect-ratio: 16 / 10;
	}

	.md\(aspect-ratio\=16-11\) {
		aspect-ratio: 16 / 11;
	}

	.md\(aspect-ratio\=16-12\) {
		aspect-ratio: 16 / 12;
	}

	.md\(aspect-ratio\=16-13\) {
		aspect-ratio: 16 / 13;
	}

	.md\(aspect-ratio\=16-14\) {
		aspect-ratio: 16 / 14;
	}

	.md\(aspect-ratio\=16-15\) {
		aspect-ratio: 16 / 15;
	}



	.md\(aspect-ratio\=10-12\) {
		aspect-ratio: 10 / 12;
	}


}

@media (min-width: 992px) {

	.lg\(aspect-ratio\=3-2\) {
		aspect-ratio: 3 / 2;
	}

	.lg\(aspect-ratio\=3-2p4\) {
		aspect-ratio: 3 / 2.4;
	}

	.lg\(aspect-ratio\=6-10\) {
		aspect-ratio: 6 / 10;
	}

	.lg\(aspect-ratio\=13-16\) {
		aspect-ratio: 13 / 16;
	}

	..lg\(aspect-ratio\=16-2\) {
		aspect-ratio: 16 / 2;
	}

	.lg\(aspect-ratio\=16-4\) {
		aspect-ratio: 16 / 4;
	}

	.lg\(aspect-ratio\=16-8\) {
		aspect-ratio: 16 / 8;
	}

	.lg\(aspect-ratio\=16-9\) {
		aspect-ratio: 16 / 9;
	}

	.lg\(aspect-ratio\=16-10\) {
		aspect-ratio: 16 / 10;
	}

	.lg\(aspect-ratio\=16-11\) {
		aspect-ratio: 16 / 11;
	}

	.lg\(aspect-ratio\=16-12\) {
		aspect-ratio: 16 / 12;
	}

	.lg\(aspect-ratio\=16-13\) {
		aspect-ratio: 16 / 13;
	}

	.lg\(aspect-ratio\=16-14\) {
		aspect-ratio: 16 / 14;
	}

	.lg\(aspect-ratio\=16-15\) {
		aspect-ratio: 16 / 15;
	}



	.lg\(aspect-ratio\=10-12\) {
		aspect-ratio: 10 / 12;
	}


}

@media (min-width: 1200px) {

	.xl\(aspect-ratio\=3-2\) {
		aspect-ratio: 3 / 2;
	}

	.xl\(aspect-ratio\=3-2p4\) {
		aspect-ratio: 3 / 2.4;
	}

	.xl\(aspect-ratio\=6-10\) {
		aspect-ratio: 6 / 10;
	}

	.xl\(aspect-ratio\=13-16\) {
		aspect-ratio: 13 / 16;
	}

	
	
	.xl\(aspect-ratio\=16-2\) {
		aspect-ratio: 16 / 2;
	}

	.xl\(aspect-ratio\=16-4\) {
		aspect-ratio: 16 / 4;
	}

	.xl\(aspect-ratio\=16-8\) {
		aspect-ratio: 16 / 8;
	}

	.xl\(aspect-ratio\=16-9\) {
		aspect-ratio: 16 / 9;
	}

	.xl\(aspect-ratio\=16-10\) {
		aspect-ratio: 16 / 10;
	}

	.xl\(aspect-ratio\=16-11\) {
		aspect-ratio: 16 / 11;
	}

	.xl\(aspect-ratio\=16-12\) {
		aspect-ratio: 16 / 12;
	}

	.xl\(aspect-ratio\=16-13\) {
		aspect-ratio: 16 / 13;
	}

	.xl\(aspect-ratio\=16-14\) {
		aspect-ratio: 16 / 14;
	}

	.xl\(aspect-ratio\=16-15\) {
		aspect-ratio: 16 / 15;
	}





	.xl\(aspect-ratio\=10-12\) {
		aspect-ratio: 10 / 12;
	}


}


@media (min-width: 1440px) {

	.xxl\(aspect-ratio\=3-2\) {
		aspect-ratio: 3 / 2;
	}

	.xxl\(aspect-ratio\=3-2p4\) {
		aspect-ratio: 3 / 2.4;
	}

	.xxl\(aspect-ratio\=6-10\) {
		aspect-ratio: 6 / 10;
	}

	.xxl\(aspect-ratio\=13-16\) {
		aspect-ratio: 13 / 16;
	}

	
	.xxl\(aspect-ratio\=16-2\) {
		aspect-ratio: 16 / 2;
	}

	.xxl\(aspect-ratio\=16-4\) {
		aspect-ratio: 16 / 4;
	}

	.xxl\(aspect-ratio\=16-8\) {
		aspect-ratio: 16 / 8;
	}

	.xxl\(aspect-ratio\=16-9\) {
		aspect-ratio: 16 / 9;
	}

	.xxl\(aspect-ratio\=16-10\) {
		aspect-ratio: 16 / 10;
	}

	.xxl\(aspect-ratio\=16-11\) {
		aspect-ratio: 16 / 11;
	}

	.xxl\(aspect-ratio\=16-12\) {
		aspect-ratio: 16 / 12;
	}

	.xxl\(aspect-ratio\=16-13\) {
		aspect-ratio: 16 / 13;
	}

	.xxl\(aspect-ratio\=16-14\) {
		aspect-ratio: 16 / 14;
	}

	.xxl\(aspect-ratio\=16-15\) {
		aspect-ratio: 16 / 15;
	}

	.xxl\(aspect-ratio\=10-12\) {
		aspect-ratio: 10 / 12;
	}


}


.ui-panel-trigger {
	pointer-events: all;
}

.ui-panel-trigger>* {
	pointer-events: none;
}

.box1 {
	display: block;
	width: 2px;
	height: 2px;
	background-color: #000;
	margin-right: 6px;
	border-radius: 50%;
}

.rotate_180 {
	transform: rotate(180deg);
}

.eq-card .ui-card {
	height: 100%;
}

#ui-dash-content::after {
	content: "";
	display: block;
	position: absolute;
	left: auto;
	right: 0;
	top: 0%;
	bottom: 0;
	width: 30%;
	background-color: rgb(247, 247, 247);
	display: none;

}

.rigth-side-col {
	position: sticky;
	top: 0;
}



.datepicker {
	/* width: 300px; */
	font-family: var(--heading-font)
}

.calendar-header {
	/* display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: bold; */
	/* margin-bottom: 8px; */
}

/* .calendar-grid {
	display: grid;
		grid-template-columns: repeat(7, 1fr);
		gap: 6px;
} */

.calendar-grid .weekday {
	text-align: center;
	color: #555;
	font-weight: 600;
	border-bottom: 1px solid #eee;
}

.calendar-grid .day {
	text-align: center;
	padding: 8px;
	border-radius: 4px;
	cursor: pointer;
}

.month-year-hold>div {
	max-height: 240px;
	overflow-y: auto;
}


.day.active {
	background: #eef2ff;
	color: var(--text);
}

.day:hover {
	background: #dde3fc;
}

.day.inactive {
	color: #ccc;
}

.day.today {

	background: rgb(var(--color-z4));
	color: var(--color-light);
}



.day.in-range {
	background-color: #d0e2ff;
}

.day.selected,
.month-option.selected,
.year-option.selected {
	/* border: 2px solid royalblue; */
	/* border-radius: 6px; */
	background: var(--color1);
	color: var(--color-light);
}


.border-all.border\=dashed {
	border-style: dashed;
}

.border-t.border\=dashed {
	border-top-style: dashed;
}

.border-r.border\=dashed {
	border-right-style: dashed;
}

.border-b.border\=dashed {
	border-bottom-style: dashed;
}

.border-l.border\=dashed {
	border-left-style: dashed;
}

.td\=line-through {
	text-decoration: line-through;
}

.active-td\=line-through {
	position: relative;
}

.active-td\=line-through::after {
	content: "";
	position: absolute;
	height: .1rem;
	width: 130%;
	display: none;
	top: 50%;
	left: 0;
	color: inherit;
	background-color: currentColor;
	opacity: .7;
}

[class*="--active"] .active-td\=line-through::after {
	display: block;
}


.br-top-left\=0 {
	border-top-left-radius: 0;
}


[class*="gap-y="]>*:not([class*="w="]) {
	width: 100%;
}

[class*="gap-y="]>*:not([class*="mb="]) {
	margin-bottom: 0;
}


.drop-down-parent {
	position: relative;
}

.drop-down-parent .drop-down {

	display: none;
}


.drop-down-parent.show-drop-down .drop-down {
	display: block;
}

@media (min-width: 992px) {

	.drop-down-parent:hover .drop-down {
		display: block;
	}
}





.loaderBtn:after {
	opacity: 0;
	content: " ";
	display: block;
	width: 1.2em;
	height: 1.2em;
	box-sizing: border-box;
	/* transform-origin: 0 0; */
	transform: translateZ(0) scale(0.5);
	backface-visibility: hidden;

	border-radius: 50%;
	border: 0.3em solid currentColor;
	border-left-color: transparent;

	pointer-events: none;
	position: absolute;
}

.loaderBtn.is__loading {
	opacity: 0.7;
	pointer-events: none;
}

.loaderBtn.is__loading::after {
	opacity: 1;
	position: relative;
	transition: all .3s linear;
	animation: ld-spin 1s infinite linear;
	-webkit-animation: ld-spin 1s infinite linear;
	margin-left: 1em;
}



@keyframes ld-spin {
	0% {
		animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
		transform: rotate(0)
	}

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


.loaderBtn::before {
	content: attr(data-text);
}

.loaderBtn.is__loading::before {
	content: attr(data-loading-text);
}






.card_shimmer .shimmerBG {
	animation-duration: 2.2s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: shimmer;
	animation-timing-function: linear;
	background: #ddd;
	background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
	background-size: 1200px 100%;
}


@-webkit-keyframes shimmer {
	0% {
		background-position: -100% 0;
	}

	100% {
		background-position: 100% 0;
	}
}

@keyframes shimmer {
	0% {
		background-position: -1200px 0;
	}

	100% {
		background-position: 1200px 0;
	}
}

.card_shimmer .media {
	height: 200px;
}

.card_shimmer .title-line {
	height: 24px;
	width: 100%;
	margin-bottom: 12px;
	border-radius: 20px;
}

.card_shimmer .content-line {
	height: 8px;
	width: 100%;
	margin-bottom: 16px;
	border-radius: 8px;
}

.card_shimmer .end {
	width: 40%;
}

.pos\=sticky,
.table-header-sticker {

	position: sticky;
	top: 0;
	z-index: 10;

}





/* // ============== ----- Circlular --- ======== // */

.ui-circular-progress-comp svg,
.ui-circular-progress-comp svg {
	position: relative;
	z-index: 12;
	width: 100%;
	height: 100%;
}

.ui-circular-progress-comp svg circle,
.ui-circular-progress-comp svg circle {
	stroke-dasharray: 10 20;
	transition: stroke-dashoffset 0.35s;
	transform: rotate(-90deg);
	transform-origin: 50% 50%;
}

.ui-circular-progress-comp .bg-span,
.ui-circular-progress-comp .bg-span {
	border-style: solid;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: absolute;
	z-index: 10;
	left: 0;
	/* border-color: #f6f6f6;  */
}

.dot-x {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: currentColor;
	border-radius: 50%;
	margin-left: 4px;
}


/* // ============== ----- Uploader --- ======== // */

.form-upload-wrap:not([class*="d=flex"]) {
	display: inline-flex;
}

.ui-form-file {
	position: relative;
	width: 100%;
}


.form-upload-wrap {
	position: relative;

	/*    overflow: hidden;*/
	text-align: center;
	transition: all 0.4s;
	cursor: pointer;
}

.form-upload-wrap:not([class*="w="]) {
	width: 100%;
}


.form-upload-wrap:not(.file-loaded) .ui-form-file {
	display: none;
}

.form-upload-wrap .form-field[type=file] {
	position: absolute;
	height: 100% !important;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 4;
}


.del-file,
.del-img {
	/* color: #fff; */
	opacity: 0;
	position: absolute;
	top: 50%;
	right: 2%;

	top: 8%;
	right: -11%;

	border-radius: 50%;
	/* background-color: rgb(202, 19, 19); */
	pointer-events: none;
	cursor: pointer;
	-webkit-transition: opacity 0.15s;
	transition: opacity 0.15s;
	z-index: 300;
	width: 25px;
	height: 25px;
	margin-top: -12.5px;
}

.del-file,
.del-img {

	/* top: -5%; */
	/* right: -15%; */

	top: -10%;
	right: 7%;
}

.upload-previewer:not(.file-loaded) img {
	opacity: 0;
}

.ui-form .ui-media.upload-previewer:not([class*="overflow="]) {
	overflow: visible;
}

.ui-form .ui-media.upload-previewer img {
	border-radius: inherit;
}

.file-loaded .del-img,
.form-upload-wrap.file-loaded .del-img,
.upload-previewer.file-loaded .del-img {
	pointer-events: all;
	opacity: 1;
}


.files_upload_indicator,
.upload-previewer+.files_upload_indicator {
	/* background: #5b5772; */
	/* color: #fff; */
	/* border-radius: 12px; */
}

.x-plusIcon {
	/* background: #333; */
	/* height: 50px; */
	position: relative;
	/* width: 8px; */
	width: 100%;
	height: 100%;
	color: inherit;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

}

.x-plusIcon:after,
.x-plusIcon:before {
	/* background: #333; */
	content: "";
	color: inherit;
	background-color: currentColor;
	/* height: ; */
	/* left: -21px;     
    position: absolute;     
    top: 21px;     
    width: 50px; */
}

.x-plusIcon::before {
	width: 1px;
	height: 100%;
	left: 50%;
	position: relative;
}

.x-plusIcon::after {
	height: 1px;
	width: 100%;
}

.file-loaded+.uploader-input-grp {
	visibility: hidden;
}

.input-wrap .upload-previewer {
	z-index: 2;
}

.input-wrap .uploader-input-grp {
	z-index: 5;
}


.files_upload_indicator {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 30;
	/* display: none; */
	visibility: hidden;
	pointer-events: none;
	left: 0;
}

.files_upload_indicator.pos_rel {
	position: relative;
}

.files_upload_indicator>* {
	visibility: hidden;
	position: absolute;
}

.file-uploading-to-server .files_upload_indicator,
.file-uploaded-to-server .files_upload_indicator,
.file-uploaded-to-server-error .files_upload_indicator {
	visibility: visible;
	pointer-events: all;
}

.file-uploading-to-server .upload-running {
	visibility: visible;
	position: relative;
}

.file-uploaded-to-server .upload-done {
	visibility: visible;
	position: relative;
}


.file-uploaded-to-server-error .upload-error {
	visibility: visible;
	position: relative;
}

[data-template],
[data-loop-template],
.file-uploaded-to-server .upload-btn,
.file-uploaded-to-server-error .upload-btn,
.file-uploaded-to-server .input-wrap:not(.ignore-hide),
.file-uploaded-to-server-error .input-wrap:not(.ignore-hide),
.file-uploading-to-server .upload-btn,
.file-uploading-to-server .input-wrap:not(.ignore-hide) {
	display: none !important;
}

.upload-previewer+.files_upload_indicator {

	position: absolute;
	width: 100%;
	height: auto;
	top: auto;
	bottom: 0;
	background-color: rgb(255 255 255 / 87%);
}



.ui-form .video-previewer,
.ui-form .file-type-video.file-uploaded-to-server .upload-previewer,
.ui-form .file-type-video.file-uploaded-to-server-error .upload-previewer {
	display: none;
}


.ui-form .file-type-video.file-uploaded-to-server .video-previewer,
.ui-form .file-type-video.file-uploading-to-server .video-previewer {
	display: block;
}

/*.ui-form  .file-type-video.file-uploaded-to-server-error .video-previewer */

.ui-form .file-type-video.file-uploaded-to-server-error .input-wrap:not(.ignore-hide),
.ui-form .file-type-video.file-uploaded-to-server-error .upload-btn {

	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.ui-form .del-img {
	margin-top: -1.5px;
}

.ui-form .file-uploaded-to-server .del-img {
	opacity: 1;
	pointer-events: all;
}

.ui-form .files_upload_indicator {
	height: auto;
	bottom: 0;
}

.ui-form .cp_comment_field {
	min-height: auto;
	padding-top: 1rem;
}

.has--val .cp_comment_field {
	min-height: 7rem;
}

.comments_hold {
	/* height: 60vh; */
	/* max-height: 22vh; */
	/* overflow-y: auto; */
}

.is--working .ui--icon,
.add_comment_btn.is--working {
	animation: pulse-animation .5s infinite;
}

@keyframes pulse-animation {
	0% {
		box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
	}

	100% {
		box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
	}
}


.show-media.use-loader.loader-sm::before {
	display: none;
}

.form-upload-wrap .input-wrap .field__wrap {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
}



.backDrop20 {
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
}


.flex-0 {
	flex-basis: 0;
	flex-grow: 0;
	flex-shrink: 0;
}

.flex-1 {
	flex: 1;
}



.line\=p85 {
	line-height: .85;
}

.opacity\=0,
/* [class*="hover-opacity=0"], */
.hover-opacity\=0:hover,
.hover-box:hover .hover-opacity\=0 {
	opacity: 0;
}

.hover-opacity\=0-8:hover {
	opacity: 0.8;
}


.opacity\=1,
.hover-opacity\=1:hover,
.hover-box:hover .hover-opacity\=1 {
	opacity: 1;
}

.grido-1-auto-1 {
	display: flex;
	flex-direction: column;
	/* Stack on mobile */
	/* gap: 1rem; */
	/* optional spacing */
}

/* For devices 768px and up */
@media (min-width: 768px) {
	.grido-1-auto-1 {
		flex-direction: row;
		align-items: stretch;
	}

	.grido-1-auto-1 .ui-col {
		flex: 1 1 auto;
	}

	.grido-1-auto-1 .ui-col:first-child,
	.grido-1-auto-1 .ui-col:last-child {
		flex: 0 1 16%;
		/* Don’t grow, shrink if needed, max 30% */
		max-width: 16%;
	}

	.grido-1-auto-1 .ui-col.middle {
		flex: 1 1 auto;
		/* Fill remaining space */
		min-width: 0;
		/* Prevent overflow if content is long */
	}
}

.bw\=1\.5 {
	border-width: 1.5px;
}







.ui-form .checkbox-wrap {

	cursor: pointer;
	/* font-size: 16px; */
	/* color: #33354D; */
	user-select: none;
}

/* hide default checkbox */
.ui-form .checkbox-wrap input {
	display: none !important;
}

/* custom box */
.checkbox-wrap .checkmark {
	/* width: 22px; */
	/* height: 22px; */
	/* border: 2px solid #d1c8d7; */

	/* border-radius: 6px; */
	display: inline-block;
	position: relative;
	transition: all 0.2s ease;
}

/* checked state */
.checkbox-wrap input:checked+.checkmark {
	background-color: var(--c2);
	border-color: var(--c2)
}

/* check icon */

/* input[type='checkbox']:checked:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-image: url(/assets/icons/check-white-4280ab4….svg);
    background-repeat: no-repeat;
} */


.checkbox-wrap input:checked+.checkmark::after {
	/* content: "✔"; */
	content: '';
	/* color: white; */
	font-size: 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 12px;
	transform: translate(-50%, -55%);
	background-image: url('../surf_static/_svgs/check-mark.svg');
	background-repeat: no-repeat;
}



.flex-wrapper {
	display: flex;
	gap: 10px;
	align-items: stretch;
	/* Makes A & B equal height */
}

/* ----------- COLUMN A ------------ */
.colA {
	flex: 0 0 60%;
	/* Left column width */
	height: auto;
}

.colA .cardA {
	height: 100%;
	width: 100%;
	padding: 20px;

	/* A height should depend on content, but constrained */
	min-height: 30vh;
	max-height: 60vh;

	display: flex;
	flex-direction: column;
	justify-content: center;

	background: #f4f4f4;
	border-radius: 10px;
}

/* If you want 55% version: 
.colA { flex: 0 0 55%; }
*/

/* ----------- COLUMN B ------------ */
.colB {
	flex: 1;
	/* Fill remaining space */
	display: flex;
	flex-direction: column;
	gap: 10px;
	/* Vertical gap between C & D */
}

/* C & D split equally */
.colC,
.colD {
	flex: 1;
	/* Equal height */
	display: flex;
}

.cardC,
.cardD {
	flex: 1;
	padding: 20px;
	background: #e9e9e9;
	border-radius: 10px;
}



/* MAIN GRID -------------------------------------------------- */
.main-grid {
	display: flex;
	gap: 10px;
	align-items: stretch;
	/* Makes A & B same height */
}

/* LEFT COLUMN ------------------------------------------------ */
.colA {
	flex: 0 0 40%;
	display: flex;
}

.colA .card {
	flex: 1;
	min-height: 30vh;
	/* max-height: 80vh; */
	max-height: 52rem;

	/* min-height: 30vh; */
	height: 100%;
}

/* RIGHT COLUMN ------------------------------------------------ */
.colB {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* ROWS INSIDE RIGHT COLUMN ----------------------------------- */
.row {
	display: flex;
	gap: 10px;
}

.row .card {
	flex: 1;
}

/* CARD BASE -------------------------------------------------- */
.card {
	/* background: #1e1f22; */
	/* background: var(--bg2); */
	border-radius: 16px;
	overflow: hidden;
	display: flex;

}

.card:not([class*="___"]) {
	border: 1px solid var(--border2);
}

.user-thumb-row {
	height: clamp(10rem, 28vh, 22rem);
}

/* clamp(min, preferred, max) ensures:

It will never go below 6rem

It will try to be 30vh

It will never exceed 8rem */

/* IMAGE CARDS ------------------------------------------------ */
.img-card figure {
	width: 100%;
	height: 100%;
	margin: 0;
}

.img-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}



/* TEXT CARD -------------------------------------------------- */
.text-card {
	padding: 16px;
	/* color: #fff; */
	flex-direction: column;
	justify-content: center;
}

/* STAT CARDS ------------------------------------------------- */
.stat-card {
	padding: 16px;
	/* color: #fff; */
	flex-direction: column;
	justify-content: start;
}

.stat-card h3 {
	opacity: 0.6;
	margin-bottom: 4px;
}

.stat-card .big {
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 6px;
}



.main-grid2 {
	display: flex;
	gap: 16px;
	align-items: stretch;
}

/* LEFT ------------------------------------------------ */
.colA2 {
	flex: 0 0 60%;
	display: flex;
}

.colA2 .card2 {
	flex: 1;
	min-height: 38vh;
	max-height: 60vh;
	border-radius: 20px;
	overflow: hidden;
}

/* RIGHT ------------------------------------------------ */
.colB2 {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
}


/* ROWS */
.row2 {
	display: flex;
	gap: 16px;
}

.row2 .card2 {
	flex: 1;
}


/* CARDS (Base) ---------------------------------------- */
.card2 {
	background: #1e1f22;
	border-radius: 20px;
	overflow: hidden;
	display: flex;
}


/* IMAGE CARDS ----------------------------------------- */
.img-card2 figure {
	width: 100%;
	height: 100%;
	margin: 0;
	display: block;
}

.img-card2 img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}


/* TEXT CARD -------------------------------------------- */
.text-card2 {
	flex-direction: column;
	padding: 20px;
	color: #fff;
	justify-content: center;
	line-height: 1.4;
}

.text-card2 small {
	opacity: 0.6;
	margin-top: 6px;
}


/* STAT CARDS ------------------------------------------- */
.stat-card2 {
	padding: 20px;
	flex-direction: column;
	justify-content: center;
	color: #fff;
}

.stat-card2 h3 {
	opacity: 0.6;
	margin-bottom: 6px;
}

.stat-card2 .big2 {
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 4px;
}




/* Badoo */


.csms-modal__content--bottom-drawer.csms-modal__content--visible {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.csms-modal__content--bottom-drawer {
	border-radius: 24px 24px 0 0;
	margin: auto 0 0;
	max-height: 90%;
	max-width: 528px;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	width: 100%;
}


.ui-app-framer {
	position: relative;
	/* overflow: hidden; */
}

.chat-bubble .chat-txt {
	/* max-width: 60%; */
	/* 🔥 LIMIT width to 60% */
	width: fit-content;
	/* 🔥 Grow only as much as needed */
	word-wrap: break-word;

}



.self-bubble .chat-bubble,
.self-bubble .chat-bubble .meta {
	justify-content: flex-end;
}

.self-bubble .chat-bubble .chat-txt {
	border-top-right-radius: 0;
}

.partner-bubble .chat-bubble .chat-txt {
	border-top-left-radius: 0;
}

.chat-bubble .delivered-icon .lni {
	font-size: 1.2rem;
}



.ct-form .form-field.chat-input {
	width: 100%;
	min-height: 4rem;
	/* initial height */
	max-height: 12rem;
	/* limit */
	padding: 1rem 1.2rem;
	font-size: 1.4rem;
	line-height: 1.4;
	resize: none;
	/* prevent manual dragging */
	/* overflow-y: hidden; */
	/* no scroll until max height reached */
	overflow-y: auto;

	border-radius: 1rem;
	/* border: 1px solid #ddd; */
	border: 1px solid var(--border1);
	outline: none;
	/* background: #fafafa; */
	transition: border-color 0.2s ease;
	field-sizing: content;
}

.ct-form .form-field.chat-input:focus {
	border-color: #c9c9c9;
	background: #fff;
}

.active-chat-user-card {
	background-color: var(--bg2);
	border-right: 4px solid var(--border2);
}


[class*="fs="]._stroke {
	text-shadow: 1px 1px 1px #111, -1px 1px 1px #111, -1px -1px 0 #1111, 1px -1px 0 #111;
	opacity: .08;
}


.hand-col {
	overflow: hidden;
}

.hand-img1,
.hand-img2 {
	bottom: 1%;
	right: -22%;
	right: 2%;
	transform: rotate(60deg);
	z-index: 20;
}

.hand-img2 {
	bottom: -5%;
}

.hand-overlay {
	border-radius: 60%;
	z-index: 60;
	left: 4%;
	transform: rotate(42deg);
	bottom: -26%;
}


@media (min-width: 568px) {


	.hand-overlay {

		left: 13%;
		transform: rotate(-35deg);
		bottom: -6%;
	}


	.hand-col {
		overflow: visible;
	}


	.hand-img1,
	.hand-img2 {
		bottom: -8%;
		right: 32%;
		transform: rotate(-8deg);

		bottom: 10%;
		right: 23%;
		transform: rotate(50deg);

	}


	.hand-img1 {
		right: 29.3%;
	}
}


.lerato-bg1 {
	background:
		radial-gradient(circle at 85% 20%,
			#ffdca2 0%,
			#ffc38f 20%,
			#f7a1b8 45%,
			rgba(255, 160, 255, 0.6) 60%,
			rgba(175, 160, 255, 0) 75%),
		linear-gradient(90deg,
			#dfe3ff 0%,
			#cfd6ff 25%,
			#b6c3ff 50%,
			#9daeff 75%,
			#8fa0ff 100%);
	opacity: .08;
}

.outline {
	outline: 3px solid transparent;
	outline-offset: -3px;
}

@-webkit-keyframes gradient-spin {
	to {
		--angle: 360deg
	}
}

@keyframes gradient-spin {
	to {
		--angle: 360deg
	}
}

@property --angle {
	syntax: '<angle>';
	initial-value: 0deg;
	inherits: false
}

.spin-radius:after,
.spin-radius:before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	padding: 2px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	/* -webkit-animation: 4s gradient-spin linear infinite;
	animation: 4s gradient-spin linear infinite; */
	border-radius: 9999999px;
	background-image: conic-gradient(from var(--angle), transparent 70%, rgba(216, 106, 212, 0.231373), rgba(151, 110, 221, 0.309804), rgba(162, 110, 220, 0.2), rgba(255, 255, 255, 0));
}

.xscroller {

	white-space: nowrap;
	scroll-behavior: smooth;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	overflow: auto hidden;
}


.filter-hold .scroll-backward a {
	left: 0;
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(50%, white));
	background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, white 50%);
}

.filter-hold .scroll-forward a {
	right: 0;
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, white));
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%);
}




/* Default (mobile) */
.img-ratio-80 {
	aspect-ratio: 5 / 4;
}

.img-ratio\=16-15 {
	aspect-ratio: 16 / 15;
}

.img-ratio\=16-12 {
	aspect-ratio: 16 / 12;
}

.img-ratio\=16-10 {
	aspect-ratio: 16 / 10;
}

.img-ratio\=16-9 {
	aspect-ratio: 16 / 9;
}


/* Tablet */
@media (min-width: 768px) {
	.img-ratio-80 {
		aspect-ratio: 4 / 3;
	}
}

/* Desktop / Wide */
@media (min-width: 1200px) {

	.img-ratio-80 {
		aspect-ratio: 16 / 12;
	}

}

.bg\=bottom-overlay-dark {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 62%, rgba(0, 0, 0, 0.00345888) 63.94%, rgba(0, 0, 0, 0.014204) 65.89%, rgba(0, 0, 0, 0.0326639) 67.83%, rgba(0, 0, 0, 0.0589645) 69.78%, rgba(0, 0, 0, 0.0927099) 71.72%, rgba(0, 0, 0, 0.132754) 73.67%, rgba(0, 0, 0, 0.177076) 75.61%, rgba(0, 0, 0, 0.222924) 77.56%, rgba(0, 0, 0, 0.267246) 79.5%, rgba(0, 0, 0, 0.30729) 81.44%, rgba(0, 0, 0, 0.341035) 83.39%, rgba(0, 0, 0, 0.367336) 85.33%, rgba(0, 0, 0, 0.385796) 87.28%, rgba(0, 0, 0, 0.396541) 89.22%, rgba(0, 0, 0, 0.4) 91.17%);
}

.bg\=bottom-overlay-dark2 {
	background: linear-gradient(to top,
			rgba(0, 0, 0, 0.75) 0%,
			rgba(0, 0, 0, 0.45) 35%,
			rgba(0, 0, 0, 0.15) 65%,
			rgba(0, 0, 0, 0) 100%);

}

.trans\=300-ease {
	transition: all 300ms ease;
}

.text-overflow-dot {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.opacity\=0,
.hover-opacity\=0:hover,
.hover-box:hover .hover-opacity\=0,
.hover-box2:hover .hover2-opacity\=0 {
	opacity: 0;
}

.opacity\=100,
.hover-opacity\=100:hover,
.hover-box:hover .hover-opacity\=100,
.hover-box2:hover .hover2-opacity\=100 {
	opacity: 1;
}


.hover-box .hover-zoom:hover img,
.hover-box .hover-zoom:focus img {
	transform: scale(1.1);
}



.br\=40\% {
	border-radius: 40%;
}


.ui-device-phone {
	/* position: relative; */
	/* width: 120px; */
	width: 100%;
	max-width: 100%;
	padding-bottom: 166%;
	/* border-radius: 30px; */
	/* border-radius: 14px; */
	/* background: #111; */
}

.ui-device-phone .ui-screen {
	display: block;
	position: absolute;
	inset: 6px;
	border-radius: 22px;
	inset: 2px;
	border-radius: inherit;
	/* inherit;  */
	/* 22px; */
	/* background: #fff; */
	overflow: hidden;
}



#page-frame,
.multi-screen-hold {
	position: relative;
	width: 100%;
	height: 100vh;
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	perspective: 1200px;
}

.multi-screen-hold {

	height: 100%;
}



.multi-screen-hold .ui-screen-page {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.multi-screen-hold .current-page-screen {
	visibility: visible;
	z-index: 1;
}

.pt-page-moveFromRight2 {
	-webkit-animation: moveFromRight .42s ease both;
	animation: moveFromRight .42s ease both;
	z-index: 200;
}

.pt-page-moveToLeftEasing2 {
	-webkit-animation: moveToLeft .3s .1s ease-in-out both;
	animation: moveToLeft .3s .1s ease-in-out both;
	z-index: 100;
}


.pt-page-moveFromLeft2 {
	-webkit-animation: moveFromLeft .42s ease both;
	animation: moveFromLeft .42s ease both;
	z-index: 200;
}

.pt-page-moveToRightEasing2 {
	-webkit-animation: moveToRight .3s .1s ease-in-out both;
	animation: moveToRight .3s .1s ease-in-out both;
	z-index: 100;
}


/********************************* keyframes **************************************/

/* move from / to  */

@-webkit-keyframes moveToLeft {
	from {}

	to {
		-webkit-transform: translateX(-100%);
	}
}

@keyframes moveToLeft {
	from {}

	to {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

@-webkit-keyframes moveFromRight {
	from {
		-webkit-transform: translateX(100%);
	}
}

@keyframes moveFromRight {
	from {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
}


@-webkit-keyframes moveToRight {
	from {}

	to {
		-webkit-transform: translateX(100%);
	}
}

@keyframes moveToRight {
	from {}

	to {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
}

@-webkit-keyframes moveFromLeft {
	from {
		-webkit-transform: translateX(-100%);
	}
}

@keyframes moveFromLeft {
	from {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}



.hide-1-2.switch-2 .hide-1,
.hide-1-2:not(.switch-2) .hide-2 {
	display: none;
}


.op\=0\.03 {
	opacity: .03;
}


.op\=0\.8 {
	opacity: .6;
}



.bg-gradi-g09 {
	background: var(----bg-upsell, linear-gradient(0deg, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, .5) 100%), linear-gradient(90deg, #dff69b 0, #95e79b 50%, #a9f9b2 100%));
}

.bg-gradi-g10 {
	background: var(----bg-upsell, linear-gradient(0deg, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, .5) 100%), linear-gradient(90deg, #9ba0f6 0, #dae795 50%, #f9eca9 100%));
}

.shadow\=y6 {
	box-shadow: 0px 34px 54px 0px #0000000D;
}


.shadow\=y7 {
	box-shadow: 0 0 0 1px #8d8c8c;
}

/* font-family: "Afacad", sans-serif; */
/* font-family: "Poppins", sans-serif; */
/* font-family: "Space Grotesk", sans-serif; */
/* font-family: "Syne", sans-serif; */
/* DM Sans / Space Grotesk / Questrial */


.providus-mail-gradi {
	background: #212a35;
	background: linear-gradient(to right, #f7971e, #ffd200);
	color: #ffffff;
	text-align: left;
	border-radius: 12px;
	padding: 20px;
	overflow: hidden
}

.providus-mail-gradi .child {
	background-color: #212a35;
	border-radius: 12px;
	padding: 20px 30px
}

.font\=unbounded,
[class*=" font="] .font\=unbounded,
[class^="font="] .font\=unbounded,
.menu-font\=unbounded .nav-menu>li,
.btn-font\=unbounded .ui-btn:not([class*="font="]),
.heading-font\=unbounded .ui-heading:not([class*="font="]),
.label-font\=unbounded.ui-form label,
.label-font\=unbounded .ui-form label,
[class*="heading-font="] .heading-font\=unbounded .ui-heading:not([class*="font="]),
.drop-down-menu-font\=unbounded .drop-down-menu {
	/* font-family: "Unbounded", "Helvetica Neue", Helvetica, Arial, sans-serif; */
	/* font-family: "Space Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif !important; */
	/* font-family: "Syne", "Helvetica Neue", Helvetica, Arial, sans-serif !important; */
	/* font-family: "Funnel Display", sans-serif; */
	font-optical-sizing: auto;

}

.font\=unbounded,
[class*=" font="] .font\=unbounded,
[class^="font="] .font\=unbounded,
.menu-font\=unbounded .nav-menu>li,
.btn-font\=unbounded .ui-btn:not([class*="font="]),
.heading-font\=unbounded .ui-heading:not([class*="font="]),
.label-font\=unbounded.ui-form label,
.label-font\=unbounded .ui-form label,
[class*="heading-font="] .heading-font\=unbounded .ui-heading:not([class*="font="]),
.drop-down-menu-font\=unbounded .drop-down-menu {
	font-family: "Unbounded", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-optical-sizing: auto;

}


.font\=3,
[class*=" font="] .font\=3,
[class^="font="] .font\=3,
.menu-font\=3 .nav-menu>li,
.btn-font\=3 .ui-btn:not([class*="font="]),
.heading-font\=3 .ui-heading:not([class*="font="]),
.label-font\=3.ui-form label,
.label-font\=3 .ui-form label,
[class*="heading-font="] .heading-font\=3 .ui-heading:not([class*="font="]),
.drop-down-menu-font\=3 .drop-down-menu {

	font-family: "Funnel Display", sans-serif;
	font-optical-sizing: auto;

}

.heading-font\=3 .ui-heading:not([class*="ls="]) {
	letter-spacing: .01em;
}


.font\=4,
[class*=" font="] .font\=4,
[class^="font="] .font\=4,
.menu-font\=4 .nav-menu>li,
.btn-font\=4 .ui-btn:not([class*="font="]),
.heading-font\=4 .ui-heading:not([class*="font="]),
.label-font\=4.ui-form label,
.label-font\=4 .ui-form label,
[class*="heading-font="] .heading-font\=4 .ui-heading:not([class*="font="]),
.drop-down-menu-font\=4 .drop-down-menu {

	font-family: "Ubuntu", sans-serif;
	font-optical-sizing: auto;

}

.heading-font\=4 .ui-heading:not([class*="ls="]) {
	letter-spacing: -0.02em;
}



.font\=5,
[class*=" font="] .font\=5,
[class^="font="] .font\=5,
.menu-font\=5 .nav-menu>li,
.btn-font\=5 .ui-btn:not([class*="font="]),
.heading-font\=5 .ui-heading:not([class*="font="]),
.label-font\=5.ui-form label,
.label-font\=5 .ui-form label,
[class*="heading-font="] .heading-font\=5 .ui-heading:not([class*="font="]),
.drop-down-menu-font\=5 .drop-down-menu {

	font-family: "Canela", sans-serif;
	font-optical-sizing: auto;

}

.heading-font\=5 .ui-heading:not([class*="ls="]) {
	letter-spacing: -0.01em;
}


.font\=ppt-serif,
[class*=" font="] .font\=ppt-serif,
[class^="font="] .font\=ppt-serif,
.menu-font\=ppt-serif .nav-menu>li,
.btn-font\=ppt-serif .ui-btn:not([class*="font="]),
.heading-font\=ppt-serif .ui-heading:not([class*="font="]),
.label-font\=ppt-serif.ui-form label,
.label-font\=ppt-serif .ui-form label,
[class*="heading-font="] .heading-font\=ppt-serif .ui-heading:not([class*="font="]),
.drop-down-menu-font\=ppt-serif .drop-down-menu {

	font-family: 'PP Fragment Sans', sans-serif;
	font-optical-sizing: auto;

}

.heading-font\=ppt-serif .ui-heading:not([class*="ls="]) {
	letter-spacing: -0.01em;
}




/* #4ceacb */
.font\=unbounded {
	/* font-family: "Unbounded", "Helvetica Neue", Helvetica, Arial, sans-serif; */
	/* font-family: "Space Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif !important; */
	/* font-family: "Syne", "Helvetica Neue", Helvetica, Arial, sans-serif !important; */
	/* font-family: "Funnel Sans", sans-serif; */
	font-optical-sizing: auto;

}


.yorCardSelected>.yorCard {
	outline: 2px solid var(--color-outline-primary);
}


.box-fold1:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	border-bottom: 60px solid #9A1663;
	/* //var(--main-accent-color); */
	border-left: 50px solid white;
	width: 0;
}

.after\=1:after {
	/* color: #bac5c6; */
	content: "/";
	/* margin-left: 24px; */
	/* margin-right: 14px; */
}

.td\=99x {
	background-image: linear-gradient(currentColor, currentColor);
	color: inherit;
	/* background-color: currentColor; */
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 0 2px;
	transition: background-size .3s;
	position: relative;
}

.td\=99x:hover,
.hover-box:hover .td\=99x,
.hover-box:hover .td\=99x:hover,
.td-parent:hover .td\=99x,
.td-parent:hover .td\=99x:hover {
	background-size: 100% 2px;
}



.bgx99f {
	--dot-bg: #f8f8fe;
	--dot-color: rgb(219 220 228);
	--dot-size: 2px;
	--dot-space: 32px;
	background: linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), var(--dot-color);
}


.ghxf {
	background-image: linear-gradient(to bottom, transparent 0%, transparent 20%, #dde9ed 20%, #dde9ed 100%);
}

.mx\=fill-container {
	margin-left: var(--neg-container-padding-sideways);
	margin-right: var(--neg-container-padding-sideways);
	/* max-width: 100%; */
	/* width: 100%; */
}

.shadow-sm {
	--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
	box-shadow: var(--tw-shadow);
}


.ui-spike-box::after,
.ui-spike-box::before {
	color: inherit;
	position: absolute;
	content: '';
	background-color: currentColor;
}

.ui-spike-box::after {
	width: 100%;
	height: 1px;
	top: 50%;
	left: 0;
	margin-top: -1px;
}

.ui-spike-box::before {
	width: 1px;
	height: 100%;
	left: 50%;
	margin-left: -1px;
}

.ui-spike-box-2 {
	margin-left: -100%;
	transform: rotate(45deg);
}

@media (min-width: 992px) {

	.lg\(bg\=none\),
	[class*="bg="].lg\(bg\=none\) {
		background-color: transparent;
	}
}

.td\=y {
	text-decoration: underline;
}

/* #4ceacb */

/* #141d2c */
/* #d2ccc7 */

/* #745b41 */
.underline,
a.underline,
.link.underline,
.hover-underline:hover,
a.hover-underline:hover {
	text-decoration: underline;
}


.shadow\=x11,
.hover-shadow\=x11:hover {
	border: 0;
	box-shadow: 0 0 0px 5px rgba(97, 107, 141, 0.05);
}

.shadow\=x11b,
.hover-shadow\=x11b:hover {
	border: 0;
	box-shadow: 0 0 0px 5px rgba(97, 107, 141, 0.02);
}

.shadow\=x12,
.hover-shadow\=x12:hover {
	border: 0;
	box-shadow: 0 0 3px 5px rgba(97, 107, 141, 0.08)
}




.dot-bg2 {
	--dot-bg: #f8f8fe;
	/* --dot-color: rgb(0, 0, 0); */
	/* --dot-color: var(--color12); */
	--dot-color: rgb(219 220 228);
	--dot-size: 2px;
	--dot-space: 32px;
	background: linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), var(--dot-color);
}





.show-up-sm {

	opacity: 0;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;

	-webkit-transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	transform: translate3d(0, 10px, 0);

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	will-change: transform, opacity;

	transition: all 0.3s ease;
}


.in-view-anim.show-up-sm,
.in-view-anim .show-up-sm {

	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.delay\=2 {
	transition-delay: .2s;
}

.delay\=3 {
	transition-delay: .3s;
}

.delay\=4 {
	transition-delay: .4s;
}

.delay\=5 {
	transition-delay: .5s;
}

.delay\=6 {
	transition-delay: .6s;
}

.delay\=7 {
	transition-delay: .7s;
}

.delay\=8 {
	transition-delay: .8s;
}





ui-dash-side,
.ui-dash-side {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	height: 100vh;
	will-change: transform;
	-webkit-transform: translate3d(-102%, 0, 0);
	transform: translate3d(-102%, 0, 0);
	-webkit-transition: transform 300ms;
	transition: transform 300ms;
}

.show-side-nav ui-dash-side,
.show-side-nav .ui-dash-side {
	transform: translate3d(0, 0, 0);
}

@media (min-width: 1200px) {

	ui-dash-side,
	.ui-dash-side {
		position: relative;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: transform 0ms;
		transition: transform 0ms;
	}

	ui-dash-side[class*="pos=sticky"],
	.ui-dash-side[class*="pos=sticky"] {
		position: sticky;
	}
}


.progress-arc {
	transition: stroke-dasharray 0.8s ease;
}

.ui-form .prepend+.form-field:not([class*="pl="]) {
	padding-left: 2.0em;
}

.hidden {
	position: absolute;
	visibility: hidden;
}

[class*="--active"] .hidden.active-show {
	visibility: visible;
	opacity: 1;
}

[class*="--active"] .hidden.active-show:not([class*="pos="]) {

	position: relative;
}

.children-pointer\=none>* {
	pointer-events: none;
}

.hiding-parent:not(.show-child-1) .hide-child-1,
.hiding-parent:not(.show-child-2) .hide-child-2,
.hiding-parent:not(.show-child-3) .hide-child-3,
.hiding-parent:not(.show-child-4) .hide-child-4,
.hiding-parent:not(.show-child-5) .hide-child-5,
.hiding-parent:not(.show-child-6) .hide-child-6 {
	display: none;
}


.el-to-hide-parent:not([class*="--selected"]) .el-to-hide {
	display: none;
}





.fs\=xx4 {
	font-size: 0.8rem;
}

:root {
	--header-height: 6.4rem;
}


.wrapper .h\=100-minus-nav-height {
	height: calc(100vh - var(--header-height));
}


@media (min-width: 590px) {

	.wrapper .h\=100-minus-nav-height-larger-devices {
		height: calc(100vh - var(--header-height));
	}
}


.ui-custom-range input[type=range i]::-webkit-slider-runnable-track {
	min-inline-size: 0;
	align-self: center;
	box-sizing: border-box;
	display: block;
	-webkit-user-modify: read-only !important;
	flex: 1 1 0
}

.ui-custom-range .value_span {
	position: absolute;
	display: block;
	height: 100%;
	width: 40%;
	color: inherit;
	background-color: currentColor;
	left: 10%
}

.ui-custom-range .rangeSlider {


	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	color: inherit;
	outline: 0;
	height: 0;
	border: 0 !important;
	-webkit-transition: .2s;
	transition: opacity .2s;

}



.ui-custom-range .rangeSlider::-webkit-slider-runnable-track {
	height: 0
}

.ui-custom-range .rangeSlider::-moz-range-track {
	height: 0
}

.ui-custom-range .rangeSlider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	background: currentColor;
	cursor: pointer;
	top: -1rem;
	border-radius: 50%;
	position: relative
}

.ui-custom-range .rangeSlider::-moz-range-thumb {
	width: 25px;
	height: 25px;
	background: currentColor;
	cursor: pointer;
	top: -1rem;
	border-radius: 50%;
	position: relative
}

.ui-custom-range .rangeSlider.lKnob::-webkit-slider-thumb {
	width: 22px;
	height: 22px;
	top: -.85rem
}

.ui-custom-range .rangeSlider.lKnob::-moz-range-thumb {
	width: 22px;
	height: 22px;
	top: -.85rem
}

.multi-range .slider+.slider {
	position: absolute;
	opacity: 0
}

.toggle-switch .knob {
	position: relative;
	display: inline-block;
	width: 19px;
	height: 19px;
	max-width: 19px;
	border-radius: 50%;
	-webkit-transition: all .35s cubic-bezier(0.77, 0, .175, 1);
	-moz-transition: all .35s cubic-bezier(0.77, 0, .175, 1)
}

.toggle-switch.clicked .knob {
	transform: translate3d(25px, 0, 0);
	-webkit-transform: translate3d(25px, 0, 0);
	-moz-transform: translate3d(25px, 0, 0);
	-ms-transform: translate3d(25px, 0, 0);
	-o-transform: translate3d(25px, 0, 0)
}



.hide-on-first,
.hide-on-last {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);

}

.last-slide .hide-on-last,
.last-slide .hide-on-last.ui-btn,
.first-slide .hide-on-first,
.first-slide .hide-on-first.ui-btn {
	transform: translate3d(-20px, 0, 0);
	-webkit-transform: translate3d(-20px, 0, 0);
	opacity: 0;

	pointer-events: none;

	transition: transform 0.3s .8s, opacity 0.3s .8s;
	-webkit-transition: transform 0.3s .8s, opacity 0.3s .8s;
}


.ui-btn.disabled {
	opacity: .5;
	pointer-events: none;
	cursor: not-allowed;
}

.anim-card-col:nth-child(1) .anim-card,
.anim-card-1 {
	animation-delay: 0.05s;
}

.anim-card-col:nth-child(2) .anim-card,
.anim-card-2 {
	animation-delay: 0.12s;
}

.anim-card-col:nth-child(3) .anim-card,
.anim-card-3 {
	animation-delay: 0.19s;
}

.anim-card-col:nth-child(4) .anim-card,
.anim-card-4 {
	animation-delay: 0.26s;
}

.anim-card-col:nth-child(5) .anim-card,
.anim-card-5 {
	animation-delay: 0.33s;
}

.anim-card-col:nth-child(6) .anim-card,
.anim-card-6 {
	animation-delay: 0.40s;
}

.anim-card-col:nth-child(7) .anim-card,
.anim-card-7 {
	animation-delay: 0.47s;
}

.anim-card-col:nth-child(8) .anim-card,
.anim-card-8 {
	animation-delay: 0.54s;
}

.anim-card-col:nth-child(9) .anim-card,
.anim-card-9 {
	animation-delay: 0.61s;
}

.anim-card-col:nth-child(10) .anim-card,
.anim-card-10 {
	animation-delay: 0.68s;
}

.anim-card-col:nth-child(11) .anim-card,
.anim-card-11 {
	animation-delay: 0.75s;
}

.anim-card-col:nth-child(12) .anim-card,
.anim-card-12 {
	animation-delay: 0.82s;
}

.anim-card-col:nth-child(13) .anim-card,
.anim-card-13 {
	animation-delay: 0.89s;
}

.anim-card-col:nth-child(14) .anim-card,
.anim-card-14 {
	animation-delay: 0.96s;
}

.anim-card-col:nth-child(15) .anim-card,
.anim-card-15 {
	animation-delay: 1.03s;
}

.anim-card-col:nth-child(16) .anim-card,
.anim-card-16 {
	animation-delay: 1.10s;
}

.anim-card-col:nth-child(17) .anim-card,
.anim-card-17 {
	animation-delay: 1.17s;
}

.anim-card-col:nth-child(18) .anim-card,
.anim-card-18 {
	animation-delay: 1.24s;
}

.anim-card-col:nth-child(19) .anim-card,
.anim-card-19 {
	animation-delay: 1.31s;
}

.anim-card-col:nth-child(20) .anim-card,
.anim-card-20 {
	animation-delay: 1.38s;
}

.anim-card-rendered .anim-card,
.anim-card-rendered [class*="anim-card-"] {
	/* animation: fadeUp 0.4s ease both; */
	animation-name: fadeUp;
	animation-duration: 0.4s;
	animation-timing-function: ease;
	/* animation-delay: 0s; */
	/* Default */
	animation-iteration-count: 1;
	/* Default */
	animation-direction: normal;
	/* Default */
	animation-fill-mode: both;
	animation-play-state: running;
	/* Default */
}

/* The Keyframes Logic */

/* ── ANIMATIONS ──────────────────────────── */

@-webkit-keyframes fadeUp {
	from {
		opacity: 0;
		transform: translateY(16px);
	}

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

@keyframes fadeUp {
	from {
		opacity: 0;
		transform: translateY(16px);
	}

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



@property --alpha {
	syntax: "<number>";
	inherits: false;
	initial-value: 0.6;
}

@-webkit-keyframes bgPulse {

	0% {
		--alpha: 0.6;
	}

	50% {
		--alpha: 0.4;
	}

	100% {
		--alpha: 0.6;
	}
}

@keyframes bgPulse {
	0% {
		--alpha: 0.6;
	}

	50% {
		--alpha: 0.4;
	}

	100% {
		--alpha: 0.6;
	}
}

.animate-bg.__sequence2 {

	/* animation: bgPulse 0.6s ease-in-out infinite; */
}


/* HTML: <div class="loader"></div> */
/* https://css-loaders.com/dots/ */
.loader_circles {
	width: 26px;
	aspect-ratio: 1;
	--_g: no-repeat radial-gradient(farthest-side, var(--c6) 94%, #0000);
	background:
		var(--_g) 0 0,
		var(--_g) 100% 0,
		var(--_g) 100% 100%,
		var(--_g) 0 100%;
	background-size: 40% 40%;
	animation: l38 .5s infinite;
	opacity: 1;
}

.loader_circles2 {

	width: 26px;
	opacity: 0;
	color: inherit;
	aspect-ratio: 1;
	--_g: no-repeat radial-gradient(farthest-side, currentColor 94%, #0000);
	background:
		var(--_g) 0 0,
		var(--_g) 100% 0,
		var(--_g) 100% 100%,
		var(--_g) 0 100%;
	background-size: 40% 40%;
	animation: l38 .5s infinite;
	/* opacity: 1; */
}

.is--processing .loader_circles2 {
	opacity: 1;
}

.ui-btn.is--processing {
	opacity: .7;
	pointer-events: none;
}

@keyframes l38 {
	100% {
		background-position: 100% 0, 100% 100%, 0 100%, 0 0
	}
}


.top-btn8 {
	position: absolute;
	right: -4%;
	top: auto;
	bottom: -5%;
}


[data-image-src] img {
	opacity: 0;
	transition: opacity .2s;
}

[data-image-src].media-loaded img {
	opacity: 1;
}


.txt-clip {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.wrapper .d-none {
	display: none;
}


.ui-panel:not(.panel-open) .panel-content {
	display: none;
}




.blocka {
	padding-top: 40%;
}

.fs_vw17 {

	font-size: 18.0vw;
	text-transform: uppercase;
	line-height: .87;
	font-weight: 400;
	margin-top: 20%;

}

.spinnn {
	position: absolute;
	width: 42.8571vw;
	height: 42.8571vw;
	top: 7%;
	left: 47%;
}



@media (min-width: 480px) {

	.blocka {
		padding-top: 14%;

	}

	.fs_vw17 {

		font-size: 17vw;
		line-height: .77;
		margin-top: 4%;
	}

	.spinnn {
		position: absolute;
		width: 28.5714vw;
		height: 28.5714vw;
		top: 0%;
		left: 47%;
	}



}



.fs_vw17 span {
	position: relative;
	display: block;
}

.fs_vw17 span+span {

	margin-left: .55em;
}

.fs_vw17 span+span+span {
	margin-left: 1.8em;
}



.spinnn img {
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	top: 50%;
	left: 50%;
}



.hero-bg2 {
	background:
		radial-gradient(circle at 20% 30%,
			rgba(180, 190, 220, 0.4),
			transparent 60%),
		radial-gradient(circle at 80% 20%,
			rgba(200, 210, 235, 0.35),
			transparent 55%),
		linear-gradient(180deg,
			#f5f6fa 0%,
			#e9ecf5 40%,
			#dde2ef 100%);

	/* min-height: 100vh; */
}


.hero-bg {
	position: relative;
	background: linear-gradient(135deg,
			#f5f6f8 0%,
			#edf1f6 50%,
			#e7ecf3 100%);
	overflow: hidden;
}

/* very subtle lighting variation */
.hero-bg::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 85% 30%,
			rgba(0, 0, 0, 0.03),
			transparent 60%);
}

/* slight cool tint overlay */
.hero-bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg,
			rgba(120, 140, 180, 0.05),
			rgba(120, 140, 180, 0.02));
}




.dot-bg2 {
	--dot-bg: rgb(var(--c8));
	/* --dot-color: rgb(0, 0, 0); */
	/* --dot-color: var(--color12); */
	--dot-color: rgb(219 220 228);
	--dot-size: 2px;
	--dot-space: 32px;
	background: linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), var(--dot-color);
}


.ghxf2 {
	background-image: linear-gradient(to bottom, transparent 0%, transparent 20%, #edeadd 20%, #eceddd 100%);
}


.backDrop2::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	border-color: currentColor;
	border-width: inherit;
	border-style: inherit;
	left: auto;
	left: -10%;
	top: -10%;
	border-radius: inherit;
}

@media (max-width: 768px) {

	.ui-nav:not(.menu-open) .nav-menu {
		display: none;
	}

	.ui-nav .nav-menu {
		background-color: rgb(var(--mobile-nav-menu-bg));
	}

}





.hand-col {
	overflow: hidden;
}


.hand-img3 {
	bottom: 1%;
	right: -22%;
	transform: rotate(60deg);
	z-index: 20;
}

.hand-img3 {
	bottom: -3%;
}

.hand-overlay {
	border-radius: 60%;
	z-index: 60;
	left: 4%;
	transform: rotate(42deg);
	bottom: -26%;
}


@media (min-width: 568px) {


	.hand-overlay {

		left: 28%;
		transform: rotate(-35deg);
		bottom: -13%;
	}


	.hand-col {
		overflow: visible;
	}



	.hand-img3 {
		bottom: -8%;
		right: 32%;
		transform: rotate(-8deg);

	}


	.hand-img1 {
		right: 29.3%;
	}
}



.fit-mediax img {
	width: 100%;
	height: auto;
	object-fit: cover;

}


.after-1:after {
	/* color: #bac5c6; */
	content: "/";
	/* margin-left: 24px; */
	/* margin-right: 14px; */
}


/* https://css-shape.com/ */
/* HTML: <div class="grid-lines"></div> */
.grid-lines {
  --s: 80px;  /* control the size of the grid */
  --n: 4;     /* control the granularity */
  --t: 2px;   /* the thickness */
  --g: 10px;  /* the gap between dashes */
  
  --c:#556270 25%,#0000 0;
  background: 
    conic-gradient(at var(--g) var(--t),var(--c))
     calc((var(--s)/var(--n) - var(--g) + var(--t))/2) 0/
     calc(var(--s)/var(--n)) var(--s),
    conic-gradient(from 180deg at var(--t) var(--g),var(--c))
     0 calc((var(--s)/var(--n) - var(--g) + var(--t))/2)/
     var(--s) calc(var(--s)/var(--n));
  /* you probably don't need to set any size in your case */
  width: calc(round(down,100%,var(--s)) + var(--t));
  height: calc(4*var(--s) + var(--t));
}



.drop-down-el {
	position: absolute;
	visibility: hidden;
}

[class*="show-drop-down-el"] .drop-down-el {
	visibility: visible;
	opacity: 1;
}

[class*="show-drop-down-el"] .drop-down-el:not([class*="pos="]) {

	position: relative;
}



@media (max-width: 768px) {

     /* .ui-nav:not(.show-menu) .nav-menu {
         display: none;
     } */

    .ui-nav .nav-menu {
        background-color: var(--mobile-nav-menu-bg);
    }

    .wrapper .ui-dash-side {
        z-index: 500;
		height: 100vh;

    }

}