/* USP vertical section height on big screens */
			@media screen and (min-width: 1922px)
			{
				.usps__child
				{
					height: 60vh;
				}
			}

			/* Hero */
			body
			{
				--translate-x: 0;
				--translate-y: 0;
			}

			.curtain
			{
				transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
				transform-style: preserve-3d;
			}
		}

		.hero__animation,  .hero__imgs
		{
			pointer-events: none;
		}

		.hero__svg
		{
			width: 100%;
			max-width: 625px;
			max-height: 700px;
			height: 100%;
		}

		.ds-hero
		{
			filter: drop-shadow(0 4px 54px rgba(0, 0, 0, 0.5));
			-webkit-filter: drop-shadow(0 4px 54px rgba(0, 0, 0, 0.5));
			will-change: filter;
		}

		@media only screen and (max-width: 1440.9px)
		{
			.hero__svg
			{
				width: 100%;
				max-width: 625px;
				max-height: 550px;
				height: 100%;
			}

		}

		@media only screen and (max-width: 991.9px)
		{
			.hero__svg
			{
				width: 100%;
				max-width: 625px;
				max-height: 400px;
				height: 100%;
			}

			.svg-contiant-links
			{
				transform-origin: center;
				transform: rotate(90deg);
				width: 100%;
				max-width: 271px;
			}

			.svg-contiant-links .logo-contiant
			{
				transform-origin: center;
				transform: rotate(-90deg);
			}

		}

		@media only screen and (max-width: 475.9px)
		{
			.hero__svg
			{
				width: 100%;
				max-width: 625px;
				max-height: 300px;
				height: 100%;
			}

		}

		.js-hero-img
		{
			transition: transform 0.2s linear;
		}

		.js-hero-img-wrapper[data-target="svg-card--1"] img,  .js-hero-img-wrapper[data-target="svg-card--2"] img,  .js-hero-img-wrapper[data-target="svg-card--3"] img,  .js-hero-img-wrapper[data-target="svg-card--4"] img,  .js-hero-img-wrapper[data-target="svg-card--5"] img
		{
			transform: translateY(calc(var(--translate-y) / 2.5)) translateX(calc(var(--translate-x) / 2.5));
		}

		.js-hero-img-wrapper[data-target="svg-card--1-1"] img,  .js-hero-img-wrapper[data-target="svg-card--2-1"] img,  .js-hero-img-wrapper[data-target="svg-card--3-1"] img,  .js-hero-img-wrapper[data-target="svg-card--4-1"] img
		{
			transform: translateY(calc(var(--translate-y) / -2.2)) translateX(calc(var(--translate-x) / -2.2));
		}

		.svg-arrow
		{
			opacity: 0;
			visibility: hidden;
		}

		/* Marquee */
		.marquee__container
		{
			width: 100%;
			max-width: max-content;
		}

		.marquee__wrapper
		{
			min-width: max-content;
			width: max-content;
			width: max-content;
		}

		.marquee__wrapper:nth-child(1)
		{
			padding: 0 4em;
		}

		.marquee__wrapper:nth-child(2)
		{
			padding-right: 4em;
		}

		/* Underline Text */
		/*.lineChild,  .lineParent
		{
			overflow: visible !important;
		}

		.js-text-underline
		{
			--animation: none;
			position: relative;
			max-width: max-content;
			width: 100%;
		}

		.svg-underline
		{
			z-index: 1;
			position: absolute;
			top: 80%;
			left: 50%;
			transform: translateX(-50%);
			pointer-events: none;
			width: 85%;
			height: auto;
		}

		[data-underline="sm"] .svg-underline
		{
			width: 100%;
		}

		.svg-underline path
		{
			stroke-dasharray: var(--length);
			stroke-dashoffset: var(--length);
			animation-name: var(--animation);
			animation-duration: 0.9s;
			animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
			animation-fill-mode: forwards;
		}

		@keyframes title-underline
		{
			0%
			{
				stroke-dashoffset: var(--length);
			}

			100%
			{
				stroke-dashoffset: 0;
			}

		}

		*/
		/* Icon Success */
		.icon-success path:not(.check-mark)
		{
			transform-origin: center;
			animation: icon-success;
			animation-iteration-count: infinite;
			animation-duration: 12s;
			animation-timing-function: linear;
		}

		@keyframes icon-success
		{
			0%
			{
				transform: rotate(0);
			}

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

		}

		/* Placeholder */
		textarea::placeholder,  input::placeholder
		{
			color: #23596d6b !important;
		}

		/* Text Circle */
		.js-text-circle
		{
			display: inline-block;
			position: relative;
			z-index: 1;
		}

		.js-text-circle .svg-text-circle
		{
			--length: 730.596;
			--animation: none;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -52%);
			width: calc(100% + 4px);
			z-index: -1;
			stroke-dasharray: var(--length);
			stroke-dashoffset: var(--length);
			animation-name: var(--animation);
			animation-fill-mode: forwards;
			animation-duration: 1.2s;
			animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
		}

		@keyframes text-circle
		{
			0%
			{
				stroke-dashoffset: var(--length);
			}

			100%
			{
				stroke-dashoffset: 0;
			}

		}

		/* Three Lines */
		.js-three-lines
		{
			display: inline-block;
			position: relative;
			z-index: 1;
		}

		.js-three-lines .svg-three-lines
		{
			position: absolute;
			top: -22.5px;
			left: 100%;
		}

		.js-three-lines .svg-three-lines path
		{
			opacity: 0;
			visibility: hidden;
		}

		.wizard__parent .js-three-lines
		{
			width: -webkit-max-content;
			width: -moz-max-content;
			width: max-content;
		}

		@media only screen and (max-width: 991px)
		{
			.js-three-lines .svg-three-lines
			{
				width: 25px;
			}

		}