@import url(https://fonts.googleapis.com/css?family=Droid+Sans+Mono);

		button.modalCloseBtn {
			color: #fff;
			position: fixed !important;
			z-index: 9999991 !important;
			background-color: transparent !important;
			top: 10px !important;
			right: 50px !important;
			min-width: 34px !important;
			min-height: 34px !important;
			padding: 0 !important
		}

		@media (max-width:767px) {
			button.modalCloseBtn {
				top: 10px !important;
				right: 10px !important
			}
		}

		button.modalCloseBtn svg {
			height: 32px;
			width: 32px
		}

		.reuseModalHolder {
			border: 0 !important;
			background-color: transparent !important
		}

		.reuseModalHolder.search-modal,
		.reuseModalHolder.video-modal {
			background-color: hsla(0, 0%, 100%, .96) !important;
			overflow-y: auto !important
		}

		.reuseModalHolder.search-modal .innerRndComponent,
		.reuseModalHolder.video-modal .innerRndComponent {
			display: flex !important;
			align-items: center !important;
			justify-content: center !important
		}

		.reuseModalHolder.search-modal .innerRndComponent iframe,
		.reuseModalHolder.video-modal .innerRndComponent iframe {
			max-width: 700px !important;
			max-height: 380px !important;
			width: 100% !important;
			height: 100% !important;
			border-radius: 5px !important
		}

		.reuseModalHolder.video-modal {
			background-color: transparent !important
		}

		.reuseModalHolder .innerRndComponent {
			padding-right: 0 !important
		}

		.reuseModalCloseBtn {
			cursor: pointer !important
		}

		.reuseModalOverlay,
		.reuseModalParentWrapper {
			z-index: 99999 !important
		}

		@media (min-width:768px) {
			.reuseModalHolder.login-modal {
				top: 0 !important;
				left: 0 !important;
				max-width: 100% !important;
				max-height: 100% !important
			}
		}

		.reuseModalHolder.search-modal {
			top: 0 !important;
			left: 0 !important;
			max-width: 100% !important;
			max-height: 100% !important;
			width: 100%;
			height: 100%
		}

		.reuseModalHolder.login-modal .innerRndComponent {
			overflow-y: auto
		}

		.reuseModalHolder.demo_switcher_modal {
			max-width: 100% !important;
			max-height: 100% !important;
			left: 0 !important;
			top: 0 !important;
			background-color: rgba(16, 30, 77, .9) !important;
			border: 0 initial !important;
			border-color: initial !important;
			-o-border-image: initial !important;
			border-image: initial !important
		}

		.reuseModalHolder.demo_switcher_modal .innerRndComponent {
			overflow: auto;
			border-radius: 8px !important
		}

		@media (min-width:1201px) {
			.reuseModalHolder.demo_switcher_modal .innerRndComponent {
				width: calc(100% + 20px);
				margin-right: -20px
			}
		}

		.reuseModalHolder {
			padding: 0 !important
		}

		.reuseModalOverlay {
			content: "";
			position: absolute;
			bottom: 0;
			right: 0;
			background-color: rgba(0, 0, 0, .7);
			position: fixed
		}

		.reuseModalOverlay,
		.reuseModalParentWrapper {
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			z-index: 9999
		}

		.reuseModalParentWrapper {
			position: fixed
		}

		.reuseModalHolder,
		.reuseModalParentWrapper {
			display: flex;
			overflow: hidden;
			box-sizing: border-box
		}

		.reuseModalHolder {
			width: 100%;
			height: 100%;
			border: 1px solid #ddd;
			background: #f0f0f0;
			padding: 30px;
			z-index: 99999
		}

		.innerRndComponent {
			width: 100%;
			height: 100%;
			box-sizing: content-box
		}

		.reuseModalCloseBtn {
			position: fixed;
			top: 10px;
			right: 20px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 30px;
			height: 30px;
			color: #fff;
			background-color: transparent;
			outline: 0;
			border: 0;
			cursor: pointer;
			z-index: 9999999
		}

		* {
			box-sizing: border-box
		}

		#app {
			width: 100%;
			min-height: 100vh;
			justify-content: center;
			align-items: center;
			background-color: #fbab7e;
			background-image: linear-gradient(62deg, #fbab7e, #f7ce68)
		}

		#app,
		header {
			display: flex;
			position: relative
		}

		header h1 {
			font-family: Droid Sans Mono, monospace;
			font-weight: 300;
			text-transform: uppercase;
			letter-spacing: .1em;
			color: #000
		}

		.NormalClock {
			display: flex;
			justify-content: space-between;
			width: 500px;
			align-items: center
		}

		.NormalUnitContainer {
			display: block;
			position: relative;
			width: 140px;
			height: auto;
			perspective-origin: 50% 50%;
			perspective: 300px;
			border-radius: 5px;
			background-color: #fff
		}

		.NormallowerCard,
		.NormalupperCard {
			display: flex;
			position: relative;
			justify-content: center;
			width: 100%;
			height: 100%;
			overflow: hidden
		}

		.NormallowerCard span,
		.NormalupperCard span {
			font-size: 4em;
			font-family: Roboto, monospace;
			font-weight: 300;
			color: #000
		}

		.NormalupperCard {
			align-items: flex-end;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px
		}

		.NormallowerCard {
			align-items: flex-start;
			border-bottom-left-radius: 3px;
			border-bottom-right-radius: 3px
		}

		.NormallowerCard span {
			transform: translateY(-50%)
		}

		.NormalCard {
			display: flex;
			justify-content: center;
			position: absolute;
			left: 0;
			width: 100%;
			height: 50%;
			overflow: hidden;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden
		}

		.NormalCard span {
			font-family: Roboto, monospace;
			font-size: 4em;
			font-weight: 300;
			color: #000
		}

		.NormalCard.unfold {
			top: 50%;
			align-items: flex-start;
			transform-origin: 50% 0;
			transform: rotateX(180deg);
			background-color: #fff;
			border-bottom-left-radius: 3px;
			border-bottom-right-radius: 3px
		}

		.NormalCard.unfold span {
			transform: translateY(-50%)
		}

		.NormalCard.fold {
			top: 0;
			align-items: flex-end;
			transform-origin: 50% 100%;
			transform: rotateX(0deg);
			background-color: #fff;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px
		}

		.NormalCard.fold span {
			transform: translateY(50%)
		}

		.digitLabel {
			font-size: 14px;
			font-family: Roboto;
			color: #000;
			text-transform: uppercase;
			letter-spacing: 3px;
			margin-top: 12px;
			text-align: center
		}

		html {
			font-family: sans-serif;
			-ms-text-size-adjust: 100%;
			-webkit-text-size-adjust: 100%
		}

		body {
			margin: 0
		}

		article,
		aside,
		details,
		figcaption,
		figure,
		footer,
		header,
		main,
		menu,
		nav,
		section,
		summary {
			display: block
		}

		audio,
		canvas,
		progress,
		video {
			display: inline-block
		}

		audio:not([controls]) {
			display: none;
			height: 0
		}

		progress {
			vertical-align: baseline
		}

		[hidden],
		template {
			display: none
		}

		a {
			background-color: transparent;
			-webkit-text-decoration-skip: objects
		}

		a:active,
		a:hover {
			outline-width: 0
		}

		abbr[title] {
			border-bottom: none;
			text-decoration: underline;
			-webkit-text-decoration: underline dotted;
			text-decoration: underline dotted
		}

		b,
		strong {
			font-weight: inherit;
			font-weight: bolder
		}

		dfn {
			font-style: italic
		}

		h1 {
			font-size: 2em;
			margin: .67em 0
		}

		mark {
			background-color: #ff0;
			color: #000
		}

		small {
			font-size: 80%
		}

		sub,
		sup {
			font-size: 75%;
			line-height: 0;
			position: relative;
			vertical-align: baseline
		}

		sub {
			bottom: -.25em
		}

		sup {
			top: -.5em
		}

		img {
			border-style: none
		}

		svg:not(:root) {
			overflow: hidden
		}

		code,
		kbd,
		pre,
		samp {
			font-family: monospace, monospace;
			font-size: 1em
		}

		figure {
			margin: 1em 40px
		}

		hr {
			box-sizing: content-box;
			height: 0;
			overflow: visible
		}

		button,
		input,
		optgroup,
		select,
		textarea {
			font: inherit;
			margin: 0
		}

		optgroup {
			font-weight: 700
		}

		button,
		input {
			overflow: visible
		}

		button,
		select {
			text-transform: none
		}

		[type=reset],
		[type=submit],
		button,
		html [type=button] {
			-webkit-appearance: button
		}

		[type=button]::-moz-focus-inner,
		[type=reset]::-moz-focus-inner,
		[type=submit]::-moz-focus-inner,
		button::-moz-focus-inner {
			border-style: none;
			padding: 0
		}

		[type=button]:-moz-focusring,
		[type=reset]:-moz-focusring,
		[type=submit]:-moz-focusring,
		button:-moz-focusring {
			outline: 1px dotted ButtonText
		}

		fieldset {
			border: 1px solid silver;
			margin: 0 2px;
			padding: .35em .625em .75em
		}

		legend {
			box-sizing: border-box;
			color: inherit;
			display: table;
			max-width: 100%;
			padding: 0;
			white-space: normal
		}

		textarea {
			overflow: auto
		}

		[type=checkbox],
		[type=radio] {
			box-sizing: border-box;
			padding: 0
		}

		[type=number]::-webkit-inner-spin-button,
		[type=number]::-webkit-outer-spin-button {
			height: auto
		}

		[type=search] {
			-webkit-appearance: textfield;
			outline-offset: -2px
		}

		[type=search]::-webkit-search-cancel-button,
		[type=search]::-webkit-search-decoration {
			-webkit-appearance: none
		}

		::-webkit-input-placeholder {
			color: inherit;
			opacity: .54
		}

		::-webkit-file-upload-button {
			-webkit-appearance: button;
			font: inherit
		}

		html {
			font: 112.5%/1.45em georgia, serif;
			box-sizing: border-box;
			overflow-y: scroll
		}

		*,
		:after,
		:before {
			box-sizing: inherit
		}

		body {
			color: rgba(0, 0, 0, .8);
			font-family: georgia, sans-serif;
			font-weight: 400;
			word-wrap: break-word;
			-webkit-font-kerning: normal;
			font-kerning: normal;
			-ms-font-feature-settings: "kern", "liga", "clig", "calt";
			font-feature-settings: "kern", "liga", "clig", "calt"
		}

		img {
			max-width: 100%;
			padding: 0;
			margin: 0 0 1.45rem
		}

		h1 {
			font-size: 2.25rem
		}

		h1,
		h2 {
			padding: 0;
			margin: 0 0 1.45rem;
			color: inherit;
			font-weight: 700;
			text-rendering: optimizeLegibility;
			line-height: 1.1
		}

		h2 {
			font-size: 1.62671rem
		}

		h3 {
			font-size: 1.38316rem
		}

		h3,
		h4 {
			padding: 0;
			margin: 0 0 1.45rem;
			color: inherit;
			font-weight: 700;
			text-rendering: optimizeLegibility;
			line-height: 1.1
		}

		h4 {
			font-size: 1rem
		}

		h5 {
			font-size: .85028rem
		}

		h5,
		h6 {
			padding: 0;
			margin: 0 0 1.45rem;
			color: inherit;
			font-weight: 700;
			text-rendering: optimizeLegibility;
			line-height: 1.1
		}

		h6 {
			font-size: .78405rem
		}

		hgroup {
			padding: 0;
			margin: 0 0 1.45rem
		}

		ol,
		ul {
			padding: 0;
			margin: 0 0 1.45rem 1.45rem;
			list-style-position: outside;
			list-style-image: none
		}

		dd,
		dl,
		figure,
		p {
			padding: 0;
			margin: 0 0 1.45rem
		}

		pre {
			margin: 0 0 1.45rem;
			font-size: .85rem;
			line-height: 1.42;
			background: rgba(0, 0, 0, .04);
			border-radius: 3px;
			overflow: auto;
			word-wrap: normal;
			padding: 1.45rem
		}

		table {
			font-size: 1rem;
			line-height: 1.45rem;
			border-collapse: collapse;
			width: 100%
		}

		fieldset,
		table {
			padding: 0;
			margin: 0 0 1.45rem
		}

		blockquote {
			padding: 0;
			margin: 0 1.45rem 1.45rem
		}

		form,
		iframe,
		noscript {
			padding: 0;
			margin: 0 0 1.45rem
		}

		hr {
			padding: 0;
			margin: 0 0 calc(1.45rem - 1px);
			background: rgba(0, 0, 0, .2);
			border: none;
			height: 1px
		}

		address {
			padding: 0;
			margin: 0 0 1.45rem
		}

		b,
		dt,
		strong,
		th {
			font-weight: 700
		}

		li {
			margin-bottom: .725rem
		}

		ol li,
		ul li {
			padding-left: 0
		}

		li>ol,
		li>ul {
			margin-left: 1.45rem;
			margin-bottom: .725rem;
			margin-top: .725rem
		}

		blockquote :last-child,
		li :last-child,
		p :last-child {
			margin-bottom: 0
		}

		li>p {
			margin-bottom: .725rem
		}

		code,
		kbd,
		samp {
			font-size: .85rem;
			line-height: 1.45rem
		}

		abbr,
		abbr[title],
		acronym {
			border-bottom: 1px dotted rgba(0, 0, 0, .5);
			cursor: help
		}

		abbr[title] {
			text-decoration: none
		}

		td,
		th,
		thead {
			text-align: left
		}

		td,
		th {
			border-bottom: 1px solid rgba(0, 0, 0, .12);
			font-feature-settings: "tnum";
			-moz-font-feature-settings: "tnum";
			-ms-font-feature-settings: "tnum";
			-webkit-font-feature-settings: "tnum";
			padding: .725rem .96667rem calc(.725rem - 1px)
		}

		td:first-child,
		th:first-child {
			padding-left: 0
		}

		td:last-child,
		th:last-child {
			padding-right: 0
		}

		code,
		tt {
			background-color: rgba(0, 0, 0, .04);
			border-radius: 3px;
			font-family: SFMono-Regular, Consolas, Roboto Mono, Droid Sans Mono, Liberation Mono, Menlo, Courier, monospace;
			padding: .2em 0
		}

		pre code {
			background: none;
			line-height: 1.42
		}

		code:after,
		code:before,
		tt:after,
		tt:before {
			letter-spacing: -.2em;
			content: " "
		}

		pre code:after,
		pre code:before,
		pre tt:after,
		pre tt:before {
			content: ""
		}

		@media only screen and (max-width:480px) {
			html {
				font-size: 100%
			}
		}

/* sc-component-id: buttonstyle__ButtonStyle-rnuphx-0 */
		.ggHLFe {
			cursor: pointer;
			display: -webkit-inline-box;
			display: -webkit-inline-flex;
			display: -ms-inline-flexbox;
			display: inline-flex;
			-webkit-align-items: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			-webkit-box-pack: center;
			-webkit-justify-content: center;
			-ms-flex-pack: center;
			justify-content: center;
			color: #ffffff;
			background-color: #028489;
			min-height: 48px;
			min-width: 48px;
			border-radius: 3px;
			font-family: inherit;
			font-size: 16px;
			font-weight: 500;
			-webkit-text-decoration: none;
			text-decoration: none;
			text-transform: capitalize;
			padding-top: 8px;
			padding-bottom: 8px;
			padding-left: 15px;
			padding-right: 15px;
			border: 0;
			-webkit-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}

		.ggHLFe span.btn-text {
			padding-left: 4px;
			padding-right: 4px;
		}

		.ggHLFe span.btn-icon {
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
		}

		.ggHLFe span.btn-icon>div {
			display: -webkit-box !important;
			display: -webkit-flex !important;
			display: -ms-flexbox !important;
			display: flex !important;
		}

		.ggHLFe:focus {
			outline: none;
		}

		.ggHLFe.is-material {
			box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
		}

		.ggHLFe.is-loading .btn-text {
			padding-left: 8px;
			padding-right: 8px;
		}

		/* sc-component-id: demoSwitcherstyle__DemoSwitcherWrapper-sc-1wxip0k-0 */
		.dfYMfx {
			width: 40px;
			position: fixed;
			z-index: 99991;
			right: 0;
			top: calc(50% - 110px / 2);
		}

		@media (max-width:767px) {
			.dfYMfx {
				width: 34px;
			}
		}

		.dfYMfx .reusecore__button {
			width: 100%;
			min-width: 100%;
			padding: 12px 0 10px;
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
			font-weight: 400;
			font-size: 12px;
			-webkit-letter-spacing: 1px;
			-moz-letter-spacing: 1px;
			-ms-letter-spacing: 1px;
			letter-spacing: 1px;
			text-transform: uppercase;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
			background-color: rgb(47, 128, 237);
			-webkit-transition: padding-right 0.3s ease;
			transition: padding-right 0.3s ease;
		}

		@media (max-width:767px) {
			.dfYMfx .reusecore__button {
				padding: 7px 0 7px;
			}
		}

		.dfYMfx .reusecore__button .btn-text {
			-webkit-writing-mode: vertical-rl;
			-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
			text-orientation: upright;
		}

		.dfYMfx .reusecore__button .btn-icon {
			-webkit-box-pack: center;
			-webkit-justify-content: center;
			-ms-flex-pack: center;
			justify-content: center;
			margin: 0;
		}

		.dfYMfx .reusecore__button .btn-icon svg {
			fill: '#ffffff';
			-webkit-animation: jglaHQ 4s linear infinite;
			animation: jglaHQ 4s linear infinite;
		}

		@media (min-width:768px) {
			.dfYMfx .reusecore__button:hover {
				padding-right: 12px;
			}
		}

		/* sc-component-id: rtl__InjectRTL-sc-1wofo4r-0 */
		.GshFK {
			font-family: 'Roboto', sans-serif;
		}

		/* sc-component-id: SwitcherButtonstyle__EnvatoButtonWrapper-sc-17vwdjb-0 */
		.biFdPV {
			position: fixed;
			bottom: 33px;
			right: 20px;
			width: 65px;
			height: 65px;
			border-radius: 50%;
			overflow: hidden;
			z-index: 9;
			background: rgb(47, 128, 237);
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			-webkit-justify-content: center;
			-ms-flex-pack: center;
			justify-content: center;
			-webkit-align-items: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			cursor: pointer;
		}

		.biFdPV.stopAnimation {
			-webkit-animation: 0;
			animation: 0;
		}

		.biFdPV.stopAnimation img {
			width: 22px;
		}

		@media (min-width:768px) {
			.biFdPV {
				-webkit-animation: 0.7s gXGDoR infinite ease-in-out;
				animation: 0.7s gXGDoR infinite ease-in-out;
				-webkit-animation-direction: alternate;
				animation-direction: alternate;
			}
		}

		@media (max-width:767px) {
			.biFdPV {
				bottom: 15px;
				right: 10px;
				width: 40px;
				height: 40px;
			}
		}

		.biFdPV img {
			width: 100%;
			height: auto;
			display: block;
			height: 30px;
			width: 40px;
			margin-bottom: 0;
			cursor: pointer;
		}

		@media (max-width:767px) {
			.biFdPV img {
				height: 20px;
				width: 25px;
			}
		}

		.biFdPV img .envato-buy-button {
			width: 100%;
			border-radius: 0;
		}

		/* sc-component-id: LanguageSwitcher__Wrapper-w05u9i-5 */
		.kGiPzG {
			position: fixed;
			bottom: 20px;
			right: 20px;
			z-index: 9999;
		}

		/* sc-component-id: TextField__FieldWrapper-sc-1qgjuys-0 */
		.ftsYsS {
			position: relative;
		}

		@media (max-width:600px) {
			.ftsYsS {
				width: 100%;
			}
		}

		/* sc-component-id: TextField__Input-sc-1qgjuys-4 */
		.fHarcA {
			background-color: rgb(239, 245, 249);
			border: transparent;
			height: 48px;
			border-radius: 28px;
			padding-left: 30px;
			width: 316px;
			padding-right: 30px;
		}

		@media (max-width:600px) {
			.fHarcA {
				width: 100%;
			}
		}

		.fHarcA::-webkit-input-placeholder {
			font-size: 15px;
			font-family: 'Roboto';
			color: rgb(142, 147, 154);
		}

		.fHarcA::-moz-placeholder {
			font-size: 15px;
			font-family: 'Roboto';
			color: rgb(142, 147, 154);
		}

		.fHarcA:-ms-input-placeholder {
			font-size: 15px;
			font-family: 'Roboto';
			color: rgb(142, 147, 154);
		}

		.fHarcA::placeholder {
			font-size: 15px;
			font-family: 'Roboto';
			color: rgb(142, 147, 154);
		}

		.fHarcA:focus {
			outline: none;
		}

		/* sc-component-id: ConatctFormstyle__Form-sc-1oadt3-0 */
		.bLusgr {
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			max-width: 100%;
			margin-top: 40px;
			z-index: 2;
		}

		@media (max-width:1440px) {
			.bLusgr {
				margin-top: 40px;
			}
		}

		@media (max-width:600px) {
			.bLusgr {
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				width: 100%;
				margin-top: 25px;
			}
		}

		@media (max-width:575px) {
			.bLusgr {
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-webkit-align-items: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				margin-bottom: 25px;
			}

			.bLusgr button {
				width: 100%;
			}
		}

		.bLusgr button {
			margin-left: 15px;
			margin-right: 15px;
			border-radius: 28px;
			background-image: -moz-linear-gradient(-31deg, rgb(86, 204, 242) 0%, rgb(47, 128, 237) 100%);
			background-image: -webkit-linear-gradient(-31deg, rgb(86, 204, 242) 0%, rgb(47, 128, 237) 100%);
			background-image: -ms-linear-gradient(-31deg, rgb(86, 204, 242) 0%, rgb(47, 128, 237) 100%);
			padding: 13px 33px 15px 34px;
			height: 48px;
			-webkit-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}

		@media (min-width:767px) {
			.bLusgr button {
				min-width: 150px;
				padding: 12px 15px 15px;
			}
		}

		.bLusgr button:hover {
			box-shadow: 0px 5px 11px 0 rgba(47, 128, 237, 0.57);
		}

		.bLusgr button .btn-text {
			padding: 0;
		}

		@media (max-width:600px) {
			.bLusgr button {
				margin-left: 0;
				margin-top: 15px;
				margin-right: 0;
			}
		}

		/* sc-component-id: Container-sc-1ab0bzv-0 */
		.iMlVqW {
			max-width: 1200px;
			margin: 0 auto;
			width: 85%;
		}

		@media (min-width:601px) {
			.iMlVqW {
				width: 90%;
			}
		}

		@media (min-width:993px) {
			.iMlVqW {
				width: 80%;
			}
		}

		/* sc-component-id: SocialShare__Wrapper-h9wts-0 */
		.qJGGM {
			position: relative;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-align-items: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}

		/* sc-component-id: SocialShare__Item-h9wts-1 */
		.fvcUgI {
			margin: 0 9px;
		}

		.fvcUgI a {
			color: #fff;
			-webkit-transition: 0.15s ease-in-out;
			transition: 0.15s ease-in-out;
		}

		.fvcUgI a:hover {
			color: #3444f1;
		}

		/* sc-component-id: threestyle__LogoImageContainer-fgudir-0 */
		.cOFomP {
			text-align: center;
			padding-top: 40px;
		}

		@media (max-width:1600px) {
			.cOFomP {
				padding-top: 30px;
			}
		}

		.cOFomP img {
			margin: 0;
		}

		/* sc-component-id: threestyle__MainWrapper-fgudir-1 */
		.gTTDkR {
			background: #fff;
			position: relative;
			height: 100%;
			min-height: 100vh;
			overflow: hidden;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			-webkit-justify-content: space-between;
			-ms-flex-pack: justify;
			justify-content: space-between;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
		}

		/* sc-component-id: threestyle__ParticleContainer-fgudir-2 */
		.jtWsEo {
			position: absolute;
			width: 100%;
			height: 100%;
			opacity: 0.85;
		}

		.jtWsEo particle {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0px;
			left: 0px;
		}

		/* sc-component-id: threestyle__NormalClockWrapper-fgudir-3 */
		.dGDUzE {
			position: relative;
			margin-bottom: 50px;
		}

		@media (max-width:1600px) {
			.dGDUzE {
				margin-bottom: 30px;
			}
		}

		@media (max-width:600px) {
			.dGDUzE {
				width: 100%;
			}
		}

		.dGDUzE .NormalClock {
			width: 600px;
		}

		@media (max-width:600px) {
			.dGDUzE .NormalClock {
				width: 100%;
			}
		}

		.dGDUzE .NormalClock .NormalUnitContainer {
			background: transparent;
		}

		@media (max-width:600px) {
			.dGDUzE .NormalClock .NormalUnitContainer {
				width: 100px;
				height: auto;
			}
		}

		@media (max-width:420px) {
			.dGDUzE .NormalClock .NormalUnitContainer {
				width: 80px;
			}
		}

		.dGDUzE .NormalClock .NormalUnitContainer .NormalupperCard span {
			font-size: 60px;
			font-family: 'Frank Ruhl Libre';
			color: rgb(17, 35, 53);
			font-weight: 400;
			line-height: 1;
			text-align: center;
			-webkit-letter-spacing: 0.025em;
			-moz-letter-spacing: 0.025em;
			-ms-letter-spacing: 0.025em;
			letter-spacing: 0.025em;
		}

		@media (max-width:1440px) {
			.dGDUzE .NormalClock .NormalUnitContainer .NormalupperCard span {
				font-size: 36px;
				line-height: 46px;
			}
		}

		@media (max-width:600px) {
			.dGDUzE .NormalClock .NormalUnitContainer .NormalupperCard span {
				font-size: 30px;
				line-height: 36px;
			}
		}

		.dGDUzE .NormalClock .NormalUnitContainer .NormallowerCard span {
			font-size: 60px;
			font-family: 'Frank Ruhl Libre';
			color: rgb(17, 35, 53);
			font-weight: 400;
			line-height: 1;
			text-align: center;
			-webkit-letter-spacing: 0.025em;
			-moz-letter-spacing: 0.025em;
			-ms-letter-spacing: 0.025em;
			letter-spacing: 0.025em;
		}

		@media (max-width:1440px) {
			.dGDUzE .NormalClock .NormalUnitContainer .NormallowerCard span {
				font-size: 36px;
				line-height: 46px;
			}
		}

		@media (max-width:600px) {
			.dGDUzE .NormalClock .NormalUnitContainer .NormallowerCard span {
				font-size: 30px;
				line-height: 36px;
			}
		}

		.dGDUzE .NormalClock .NormalUnitContainer .NormalCard span {
			font-size: 60px;
			font-family: 'Frank Ruhl Libre';
			color: rgb(17, 35, 53);
			font-weight: 400;
			line-height: 1;
			text-align: center;
			-webkit-letter-spacing: 0.025em;
			-moz-letter-spacing: 0.025em;
			-ms-letter-spacing: 0.025em;
			letter-spacing: 0.025em;
		}

		@media (max-width:1440px) {
			.dGDUzE .NormalClock .NormalUnitContainer .NormalCard span {
				font-size: 36px;
				line-height: 46px;
			}
		}

		@media (max-width:600px) {
			.dGDUzE .NormalClock .NormalUnitContainer .NormalCard span {
				font-size: 30px;
				line-height: 36px;
			}
		}

		.dGDUzE .NormalClock .NormalUnitContainer .digitLabel {
			font-size: 14px;
			font-family: 'Frank Ruhl Libre';
			color: rgb(136, 155, 183);
			text-transform: uppercase;
			text-align: center;
			font-weight: 500;
			-webkit-letter-spacing: 2px;
			-moz-letter-spacing: 2px;
			-ms-letter-spacing: 2px;
			letter-spacing: 2px;
		}

		@media (max-width:1440px) {
			.dGDUzE .NormalClock .NormalUnitContainer .digitLabel {
				margin-top: 5px;
			}
		}

		@media (max-width:600px) {
			.dGDUzE .NormalClock .NormalUnitContainer .digitLabel {
				-webkit-letter-spacing: 1px;
				-moz-letter-spacing: 1px;
				-ms-letter-spacing: 1px;
				letter-spacing: 1px;
			}
		}

		@media (max-width:420px) {
			.dGDUzE .NormalClock .NormalUnitContainer .digitLabel {
				font-size: 12px;
			}
		}

		/* sc-component-id: threestyle__MainContentSection-fgudir-4 */
		.eTJzO {
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
			-webkit-box-pack: center;
			-webkit-justify-content: center;
			-ms-flex-pack: center;
			justify-content: center;
			-webkit-align-items: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			position: relative;
			padding: 60px 0;
		}

		@media (max-width:1099px) {
			.eTJzO {
				height: 100%;
				min-height: calc(100vh - 260px);
			}
		}

		@media (max-width:600px) {
			.eTJzO {
				margin-top: 0px;
			}
		}

		.eTJzO .mainContainer {
			z-index: 99;
			position: relative;
		}

		.eTJzO form {
			margin-bottom: 0;
		}

		.eTJzO h2 {
			font-size: 48px;
			font-family: 'Frank Ruhl Libre';
			color: rgb(17, 35, 53);
			line-height: 1.35;
			text-align: center;
			max-width: 760px;
			font-weight: 500;
			-webkit-letter-spacing: -0.5px;
			-moz-letter-spacing: -0.5px;
			-ms-letter-spacing: -0.5px;
			letter-spacing: -0.5px;
			margin-bottom: 30px;
		}

		@media (max-width:1440px) {
			.eTJzO h2 {
				font-size: 36px;
				max-width: 570px;
				margin-bottom: 25px;
			}
		}

		@media (max-width:768px) {
			.eTJzO h2 {
				font-size: 30px;
				margin-bottom: 15px;
				max-width: 450px;
			}
		}

		@media (max-width:480px) {
			.eTJzO h2 {
				font-size: 24px;
				max-width: 100%;
			}
		}

		.eTJzO p {
			font-size: 17px;
			font-family: 'Frank Ruhl Libre';
			color: rgba(17, 35, 53, 0.6);
			line-height: 1.941;
			text-align: center;
			max-width: 420px;
		}

		@media (max-width:1440px) {
			.eTJzO p {
				font-size: 16px;
			}
		}

		@media (max-width:768px) {
			.eTJzO p {
				font-size: 16px;
			}
		}

		@media (max-width:480px) {
			.eTJzO p {
				font-size: 15px;
				max-width: 100%;
			}
		}

		/* sc-component-id: threestyle__FooterSection-fgudir-6 */
		.gtLcHb {
			position: relative;
			padding-bottom: 40px;
		}

		@media (max-width:1600px) {
			.gtLcHb {
				padding-bottom: 30px;
			}
		}

		.gtLcHb .social_profiles {
			-webkit-box-pack: center;
			-webkit-justify-content: center;
			-ms-flex-pack: center;
			justify-content: center;
		}

		.gtLcHb .social_profiles .social_profile_item {
			border-radius: 50%;
			background-color: rgb(239, 245, 249);
			width: 46px;
			height: 46px;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: center;
			-webkit-justify-content: center;
			-ms-flex-pack: center;
			justify-content: center;
			-webkit-align-items: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			-webkit-transition: all 0.5s ease;
			transition: all 0.5s ease;
			cursor: pointer;
		}

		.gtLcHb .social_profiles .social_profile_item a {
			color: rgb(17, 35, 53);
			font-size: 17px;
		}

		.gtLcHb .social_profiles .social_profile_item:hover {
			background-color: rgba(47, 128, 237, 0.8);
		}

		.gtLcHb .social_profiles .social_profile_item:hover a {
			color: #fff;
		}

		.gtLcHb p {
			margin-top: 30px;
			font-size: 14px;
			font-family: 'Roboto';
			color: rgb(142, 147, 154);
			line-height: 2.357;
			text-align: center;
			margin-bottom: 0;
		}

		@media (max-width:1440px) {
			.gtLcHb p {
				margin-top: 15px;
			}
		}

/* sc-component-id: sc-keyframes-gXGDoR */
		@-webkit-keyframes gXGDoR {
			from {
				-webkit-transform: translateY(5px) scale(.8);
				-ms-transform: translateY(5px) scale(.8);
				transform: translateY(5px) scale(.8);
			}

			to {
				-webkit-transform: translateY(0px) scale(1);
				-ms-transform: translateY(0px) scale(1);
				transform: translateY(0px) scale(1);
			}
		}

		@keyframes gXGDoR {
			from {
				-webkit-transform: translateY(5px) scale(.8);
				-ms-transform: translateY(5px) scale(.8);
				transform: translateY(5px) scale(.8);
			}

			to {
				-webkit-transform: translateY(0px) scale(1);
				-ms-transform: translateY(0px) scale(1);
				transform: translateY(0px) scale(1);
			}
		}

		/* sc-component-id: sc-keyframes-jglaHQ */
		@-webkit-keyframes jglaHQ {
			0% {
				-webkit-transform: rotate(0deg);
				-ms-transform: rotate(0deg);
				transform: rotate(0deg);
			}

			50% {
				-webkit-transform: rotate(180deg);
				-ms-transform: rotate(180deg);
				transform: rotate(180deg);
			}

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

		@keyframes jglaHQ {
			0% {
				-webkit-transform: rotate(0deg);
				-ms-transform: rotate(0deg);
				transform: rotate(0deg);
			}

			50% {
				-webkit-transform: rotate(180deg);
				-ms-transform: rotate(180deg);
				transform: rotate(180deg);
			}

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


/* Custom overrides for minimizing space between Logo and Countdown */
.threestyle__LogoImageContainer-fgudir-0 { padding-bottom: 0 !important; margin-bottom: 0 !important; }
.threestyle__MainContentSection-fgudir-4 { padding-top: 10px !important; }

/* ========================================================
   VROOMIX CUSTOM ANIMATED BACKGROUND & GLASSMORPHISM
   ======================================================== */

/* Creative Animated Gradient Background */
.threestyle__MainWrapper-fgudir-1.gTTDkR {
    background: linear-gradient(-45deg, #141E30, #243B55, #0B0C10, #141E30);
    background-size: 400% 400%;
    animation: gradientBG 15s ease infinite;
    position: relative;
    z-index: 1;
}

@keyframes gradientBG {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Ensure text is readable on dark background */
.threestyle__MainWrapper-fgudir-1 h2,
.threestyle__MainWrapper-fgudir-1 h2 span,
.NormalupperCard span,
.digitLabel label span,
.digitLabel,
.threestyle__MainWrapper-fgudir-1 p {
    color: #ffffff !important;
    text-shadow: 0px 2px 4px rgba(0,0,0,0.5);
}

/* Glassmorphism for Countdown Cards */
.NormalUnitContainer {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border-radius: 16px !important;
    padding: 10px;
}

/* Optional: Adding floating glowing orbs for extra creativity */
.threestyle__ParticleContainer-fgudir-2.jtWsEo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
    opacity: 1 !important;
}

.threestyle__ParticleContainer-fgudir-2.jtWsEo::before,
.threestyle__ParticleContainer-fgudir-2.jtWsEo::after {
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    filter: blur(80px);
    animation: floatOrb 10s ease-in-out infinite alternate;
}

.threestyle__ParticleContainer-fgudir-2.jtWsEo::before {
    background: rgba(238, 9, 121, 0.4); /* Neon Red/Pink */
    top: 10%;
    left: 20%;
}

.threestyle__ParticleContainer-fgudir-2.jtWsEo::after {
    background: rgba(255, 106, 0, 0.4); /* Neon Orange */
    bottom: 10%;
    right: 20%;
    animation-delay: -5s;
}

@keyframes floatOrb {
    0% { transform: translate(0, 0) scale(1); }
    100% { transform: translate(50px, 100px) scale(1.2); }
}

/* Fix logo size if needed */
.cOFomP img {
    filter: drop-shadow(0px 4px 6px rgba(0,0,0,0.4));
}