:root {
	--alt-font: "Plus Jakarta Sans", sans-serif;
	--primary-font: "Inter", sans-serif;
	--base-color: #2946f3;
	--white: #ffffff;
	--black: #000000;
	--red: #dc3131;
	--light-red: #feedec;
	--green: #2ebb79;
	--crusoe-green: #d39121;
	--yellow: #ffea23;
	--dark-gray: #232323;
	--medium-gray: #717580;
	--extra-medium-gray: #e4e4e4;
	--light-gray: #a8a8a8;
	--very-light-gray: #f7f7f7;
	--light-medium-gray: #eaeaeb;
	--charcoal-blue: #202329;
	--slate-blue: #262b35;
	--medium-slate-blue: #374162;
	--extra-medium-slate-blue: #23262d;
	--dark-slate-blue: #1f232c;
	--extra-dark-slate-blue: #121418;
	--extra-very-slate-blue: #161620;
	--tussock-yellow: #BC8947;
	--aluminium-gray: #80858F;
	--solitude-blue: #f0f4fd;
	--golden-yellow: #fd961e;
	--selago: #eaedff;
	--white-ice: #d8f5ef;
	--cornflower-blue: #445fed;
	--jade: #00AF6B;
	--orange: #ef991f;
	--majorelle-blue: #724ade;
	--light-majorelle-blue: #f2edfe;
	--spring-wood: #f9f6f3;
	--tropical-blue: #1ea3b1;
	--camarone: #20642b;
	--seal-brown: #0e0708;
	--Wasabi: #8ea63a
}

.alt-font {
	font-family: var(--alt-font)
}

.primary-font {
	font-family: var(--primary-font) !important
}

html {
	font-size: 16px
}

body {
	font-family: var(--primary-font);
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	color: var(--medium-gray);
	-moz-osx-font-smoothing: grayscale;
	word-break: break-word;
	-webkit-font-smoothing: antialiased
}

section {
	padding-top: 110px;
	padding-bottom: 110px
}

section.big-section {
	padding-top: 130px;
	padding-bottom: 130px
}

img {
	max-width: 100%;
	height: auto
}

ul li {
	list-style: none
}

a {
	color: var(--medium-gray);
	-webkit-transition: .3s;
	transition: .3s;
	text-decoration: none
}

a:hover {
	color: var(--base-color);
	text-decoration: none
}

p {
	margin-bottom: 25px
}

.last-paragraph-no-margin p:last-of-type {
	margin-bottom: 0
}

video {
	background-size: cover;
	display: table-cell;
	vertical-align: middle;
	width: 100%
}


[class*=bi-],
[class*=feather] {
	display: inline-block
}

.form-control,
.form-control.is-invalid {
	background-position: right 20px center !important
}

.form-control.is-invalid {
	border-color: #dc3545 !important
}

.g-recaptcha.is-invalid iframe {
	border: 1px solid #dc3545 !important
}

.container,
.container-fluid {
	padding-right: 15px;
	padding-left: 15px
}

.row {
	margin-right: -15px;
	margin-left: -15px
}

.row>* {
	padding-right: 15px;
	padding-left: 15px
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 30px;
	letter-spacing: -.5px;
	font-weight: inherit
}

.h1,
h1 {
	font-size: 4.375rem;
	line-height: 4.375rem
}

.h2,
h2 {
	font-size: 3.438rem;
	line-height: 3.438rem
}

.h3,
h3 {
	font-size: 2.813rem;
	line-height: 3.125rem
}

h4 {
	font-size: 2.375rem;
	line-height: 2.7rem
}

h5 {
	font-size: 2rem;
	line-height: 2.2rem
}

h6 {
	font-size: 1.75rem;
	line-height: 1.95rem
}

.hover-text {
	display: none
}

b,
strong {
	font-weight: 700
}

.fs-12 {
	font-size: 12px
}

.fs-13 {
	font-size: 13px
}

.fs-14 {
	font-size: 14px
}

.fs-15 {
	font-size: 15px
}

.fs-16 {
	font-size: 16px
}

.fs-17 {
	font-size: 17px
}

.fs-18 {
	font-size: 18px
}

.fs-19 {
	font-size: 19px
}

.fs-20 {
	font-size: 20px
}

.fs-22 {
	font-size: 22px
}

.fs-110 {
	font-size: 6.875rem;
	line-height: 6.875rem
}

.fs-225 {
	font-size: 14.063rem;
	line-height: 14.063rem
}

.lh-24 {
	line-height: 24px
}

.lh-32 {
	line-height: 2rem
}

.btn-link.text-white,
.text-white {
	color: var(--white)
}

.btn-link.text-dark-gray,
.text-dark-gray {
	color: var(--dark-gray)
}

.btn-link.text-medium-gray,
.text-medium-gray {
	color: var(--medium-gray)
}

.text-outline {
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--white)
}

.text-outline-color-extra-medium-gray {
	-webkit-text-stroke-color: var(--extra-medium-gray)
}

.ls-0px {
	letter-spacing: 0 !important
}

.ls-05px {
	letter-spacing: .5px !important
}

.ls-1px {
	letter-spacing: 1px !important
}

.ls-minus-1px {
	letter-spacing: -1px !important
}

.ls-minus-2px {
	letter-spacing: -2px !important
}

.ls-minus-7px {
	letter-spacing: -7px !important
}

.icon-small {
	font-size: 18px
}

.separator-line-1px {
	height: 1px
}

.vertical-title-center {
	display: flex;
	height: 100%
}

.vertical-title-center .title {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	writing-mode: vertical-lr
}

.transition,
.transition-inner-all * {
	-webkit-transition: .4s cubic-bezier(.37, 0, .63, 1);
	transition: .4s cubic-bezier(.37, 0, .63, 1)
}

.sticky-wrap {
	position: fixed;
	top: 50%;
	left: 0;
	opacity: 0;
	z-index: 1;
	-webkit-transform: rotate(-90deg) translate(-50%, 50%);
	transform: rotate(-90deg) translate(-50%, 50%);
	transform-origin: 0 50%;
	transition: 1s cubic-bezier(.7, 0, .3, 1) !important
}

.sticky-wrap.shadow-in {
	left: 50px;
	opacity: 1;
	box-shadow: none !important
}

.sticky-wrap.sticky-hidden {
	left: 0;
	opacity: 0
}


.sticky-wrap a,
.sticky-wrap a:hover,
.sticky-wrap div,
.sticky-wrap p,
.sticky-wrap span {
	color: var(--dark-gray) !important
}

.sticky-wrap.sticky-highlight a,
.sticky-wrap.sticky-highlight a:hover,
.sticky-wrap.sticky-highlight div,
.sticky-wrap.sticky-highlight p,
.sticky-wrap.sticky-highlight span {
	color: var(--white) !important
}

.sticky-wrap.sticky-highlight .separator-line-1px {
	background-color: var(--white) !important
}

.overflow-visible {
	overflow: visible !important
}

.overflow-x-hidden {
	overflow-x: hidden !important
}

.overlap-section {
	position: relative
}

.overlap-height {
	transition: height .3s
}

.outside-box-left-1 {
	margin-left: -1vw
}

.outside-box-right-1 {
	margin-right: -1vw
}

.outside-box-right-20 {
	margin-right: -20vw
}

.box-shadow {
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .08);
	box-shadow: 0 0 10px rgba(0, 0, 0, .08);
	-webkit-transition: 350ms ease-in-out;
	transition: 350ms ease-in-out
}

.box-shadow-medium-bottom {
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .08);
	box-shadow: 0 10px 20px rgba(0, 0, 0, .08);
	-webkit-transition: 350ms cubic-bezier(.37, 0, .63, 1);
	transition: 350ms cubic-bezier(.37, 0, .63, 1)
}

.box-shadow-extra-large {
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
	box-shadow: 0 0 30px rgba(0, 0, 0, .08);
	-webkit-transition: 350ms cubic-bezier(.37, 0, .63, 1);
	transition: 350ms cubic-bezier(.37, 0, .63, 1)
}

.box-shadow-double-large {
	-webkit-box-shadow: 0 0 45px rgba(0, 0, 0, .09);
	box-shadow: 0 0 45px rgba(0, 0, 0, .09);
	-webkit-transition: 350ms cubic-bezier(.37, 0, .63, 1);
	transition: 350ms cubic-bezier(.37, 0, .63, 1)
}

.box-shadow-quadruple-large,
.box-shadow-quadruple-large-hover:hover {
	-webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .08);
	box-shadow: 0 20px 60px rgba(0, 0, 0, .08);
	-webkit-transition: 350ms cubic-bezier(.37, 0, .63, 1);
	transition: 350ms cubic-bezier(.37, 0, .63, 1)
}


.box-shadow-quadruple-large-hover:hover {
	-webkit-transform: translate3d(0, -3px, 0);
	transform: translate3d(0, -3px, 0)
}

.form-control,
.form-select,
input,
select,
textarea {
	padding: 12px 25px;
	width: 100%;
	max-width: 100%;
	resize: none;
	outline: 0;
	font-size: 16px;
	border: 1px solid var(--extra-medium-gray);
	color: #b1b2b9;
	line-height: inherit;
	word-break: normal;
	-webkit-transition: .3s;
	transition: .3s
}

.form-select {
	color: var(--medium-gray)
}

.form-select:focus {
	border-color: #dfdfdf
}

.form-control:focus,
input:focus,
select:focus,
textarea:focus {
	border: 1px solid #c2c2c2;
	box-shadow: none !important;
	color: var(--medium-gray)
}

::-webkit-input-placeholder {
	color: #b1b2b9 !important;
	text-overflow: ellipsis
}

::-moz-placeholder {
	color: #b1b2b9 !important;
	text-overflow: ellipsis;
	opacity: 1
}

.search-error {
	border-color: var(--red) !important
}

.select {
	position: relative
}

.select:after {
	content: "\e842";
	font-family: feather !important;
	right: 20px;
	top: 50%;
	height: 34px;
	position: absolute;
	pointer-events: none;
	font-size: 22px;
	margin-top: -15px
}

.form-control.is-invalid:focus {
	box-shadow: none
}

.swiper-pagination-progress {
	width: 220px;
	height: 1px;
	position: relative
}

.swiper-button-next,
.swiper-button-prev {
	outline: 0;
	cursor: pointer;
	height: 45px;
	width: 45px;
	margin-top: 0;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: .3s;
	transition: .3s
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
	opacity: .8
}

.swiper-button-next {
	left: inherit
}

.full-screen {
	height: 100vh
}

.full-screen.top-space-margin {
	height: calc(100vh - 96px)
}

@-webkit-keyframes video-icon-sonar {
	0% {
		opacity: 1;
		-webkit-transform: scale(.1);
		transform: scale(.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@keyframes video-icon-sonar {
	0% {
		opacity: 1;
		-webkit-transform: scale(.1);
		transform: scale(.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

.video-play-icon {
	z-index: 1 !important
}

.video-play-icon.remove-play-icon+.html-video-play {
	opacity: 0 !important
}

.video-play-icon.remove-play-icon+.html-video-play:hover,
.video-play-icon.remove-play-icon:hover+.html-video-play {
	opacity: 1 !important
}

.animation-rotation {
	-webkit-animation: 8s linear infinite rotation
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(359deg)
	}
}

.animation-float {
	animation: 2s linear .5s infinite alternate both float
}

@keyframes float {
	0% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(5px)
	}

	100% {
		transform: translateY(10px)
	}
}

.animation-zoom {
	animation: 2s linear .5s infinite alternate both zoom-in-zoom-out
}

@keyframes zoom-in-zoom-out {

	0%,
	100% {
		transform: scale(1, 1)
	}

	50% {
		transform: scale(1.2, 1.2)
	}
}

[data-shadow-animation] {
	box-shadow: 0 0 0 rgba(0, 0, 0, .1);
	transition: box-shadow .5s cubic-bezier(.7, 0, .3, 1)
}

[data-shadow-animation].shadow-in {
	box-shadow: 0 20px 100px rgba(0, 0, 0, .1)
}

[data-shadow-animation].shadow-in img {
	opacity: 1;
	transition-delay: .35s
}

[data-shadow-animation] img {
	opacity: 0;
	transition: opacity .65s cubic-bezier(.5, 1, .5, 1)
}

[data-parallax-liquid] {
	overflow: hidden;
	will-change: transform;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	transition: transform .8s cubic-bezier(.23, 1, .32, 1)
}

.magic-cursor {
	cursor: none
}

#ball-cursor {
	position: fixed;
	width: 70px;
	height: 70px;
	border: 0 !important;
	background-color: var(--dark-gray);
	box-shadow: 0 0 50px rgba(0, 0, 0, .25);
	border-radius: 100%;
	opacity: 0 !important;
	overflow: hidden;
	transition: opacity .3s ease-in-out .1s;
	text-align: center
}

#ball-cursor:after,
#ball-cursor:before {
	content: "\e843";
	font-family: feather !important;
	color: var(--white);
	font-size: 20px;
	line-height: 70px;
	position: absolute;
	left: 12px;
	top: 0
}

#ball-cursor:after {
	content: "\e844";
	right: 12px;
	left: auto
}

.magic-cursor-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	pointer-events: none;
	z-index: 10000;
	transition: opacity .2s ease-in-out .2s
}

.magic-cursor-wrapper.sliderhover #ball-cursor {
	opacity: 1 !important
}

.magic-cursor-wrapper.vertical #ball-cursor:after,
.magic-cursor-wrapper.vertical #ball-cursor:before {
	content: "\e845";
	left: 50%;
	top: 10px;
	line-height: normal;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.magic-cursor-wrapper.vertical #ball-cursor:after {
	content: "\e842";
	right: auto;
	bottom: 10px;
	top: auto
}

@media (hover:none) {
	.magic-cursor-wrapper {
		display: none
	}
}

.magic-cursor-light #ball-cursor {
	background-color: var(--white)
}

.magic-cursor-light #ball-cursor:after,
.magic-cursor-light #ball-cursor:before {
	color: var(--dark-gray)
}

.magic-cursor-base-color #ball-cursor {
	background-color: var(--base-color)
}

.magic-cursor-base-color #ball-cursor:after,
.magic-cursor-base-color #ball-cursor:before {
	color: var(--white)
}

.magic-view-cursor #ball-cursor {
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background-color: rgba(0, 0, 0, .2);
	width: 180px;
	height: 180px;
	box-shadow: none
}

.magic-view-cursor #ball-cursor:after {
	display: none
}

.magic-view-cursor #ball-cursor:before {
	content: "Explore";
	font-size: 16px;
	color: var(--white) !important;
	font-weight: 400;
	font-family: var(--alt-font) !important;
	text-shadow: 0 0 20px rgba(0, 0, 0, .9);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.magic-drag-cursor #ball-cursor {
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background-color: rgba(0, 0, 0, .2);
	width: 140px;
	height: 140px;
	box-shadow: none
}

.magic-drag-cursor #ball-cursor:after {
	display: none
}

.magic-drag-cursor #ball-cursor:before {
	content: "< DRAG >";
	font-size: 14px;
	color: var(--white) !important;
	font-weight: 600;
	font-family: var(--alt-font) !important;
	text-shadow: 0 0 20px rgba(0, 0, 0, .9);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	word-spacing: 4px;
	width: inherit
}

.magic-drag-cursor.magic-cursor-light #ball-cursor {
	background-color: rgba(255, 255, 255, .2)
}

.magic-drag-cursor.magic-cursor-light #ball-cursor:after,
.magic-drag-cursor.magic-cursor-light #ball-cursor:before {
	color: var(--dark-gray)
}

.magic-round-cursor #ball-cursor {
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	background-color: rgba(0, 0, 0, .2);
	width: 220px;
	height: 220px;
	box-shadow: none
}

.magic-round-cursor #ball-cursor:after,
.magic-round-cursor #ball-cursor:before {
	display: none
}

[data-anime] {
	opacity: 0;
	transition: none
}

[data-anime].appear {
	opacity: 1
}

[data-anime].btn {
	transition: none
}

[data-anime].btn.anime-complete {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.atropos-shadow {
	background-color: transparent !important;
	filter: inherit
}

.atropos-highlight {
	background-image: inherit !important
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.text-white a[href^=tel] {
		color: var(--white)
	}

	.text-dark-gray a[href^=tel] {
		color: var(--text-dark-gray)
	}
}

.swiper-slide [data-fancy-text] {
	opacity: 0
}

.swiper-slide [data-fancy-text].appear,
.swiper-slide.swiper-slide-active [data-anime],
.swiper-slide.swiper-slide-active [data-fancy-text] {
	opacity: 1
}

.swiper-slide [data-anime] {
	opacity: 0;
	transition: .3s ease-in-out
}

.no-animation .anime-text .whitespace {
	display: inline-block
}

.no-animation .anime-text .whitespace::after {
	content: "r";
	opacity: 0;
	font-size: 70%
}

.no-animation [data-anime],
.no-animation [data-fancy-text] {
	opacity: 1;
	transition: none
}

[data-top-bottom] {
	transition: transform .65s cubic-bezier(.23, 1, .32, 1)
}

@media (hover:hover) and (pointer:fine) {
	.custom-cursor .circle-cursor {
		position: fixed;
		left: 0;
		top: 0;
		pointer-events: none;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		visibility: hidden;
		opacity: 0;
		transition: opacity .65s cubic-bezier(.23, 1, .32, 1)
	}

	.custom-cursor .circle-cursor-inner {
		margin-left: -3px;
		margin-top: -3px;
		width: 6px;
		height: 6px;
		z-index: 10000001;
		background-color: var(--base-color)
	}

	.custom-cursor .circle-cursor-inner.cursor-link-hover {
		margin-left: -10px;
		margin-top: -10px;
		width: 20px;
		height: 20px;
		background-color: var(--base-color);
		opacity: .8
	}

	.custom-cursor .circle-cursor-outer {
		margin-left: -15px;
		margin-top: -15px;
		width: 30px;
		height: 30px;
		border: 1px solid var(--base-color);
		z-index: 10000000;
		opacity: .8;
		-webkit-transition: .1s;
		transition: .1s
	}
}

.is-touchable .cursor-page-inner {
	display: none !important
}

.stack-box {
	position: relative;
	z-index: 1;
	height: 300vh
}

.stack-box .stack-item {
	height: 100vh;
	width: 100%;
	position: absolute;
	overflow: hidden;
	z-index: 999;
	display: flex;
	align-items: center
}

.looping-wrapper {
	position: absolute;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 1px;
	height: 100vh;
	left: 50%;
	top: 0
}

.looping-wrapper .el {
	position: absolute;
	opacity: 1;
	width: 2px;
	height: 24vh;
	margin-top: -18vh;
	transform-origin: 50% 100%;
	background: var(--base-color)
}

.page-loader {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: var(--white) !important;
	opacity: 1 !important;
	z-index: 99999
}

.page-loader::after {
	background: 0 0;
	content: "" !important;
	position: absolute;
	left: calc(50% - 25px) !important;
	top: calc(50% - 25px) !important;
	width: 50px !important;
	height: 50px !important;
	opacity: 1 !important;
	right: inherit !important;
	z-index: 9;
	text-align: center;
	border: 2px solid rgba(23, 23, 23, .2);
	border-top-color: rgba(23, 23, 23, .7);
	border-radius: 50%;
	-webkit-animation: 8s linear infinite rotation;
	animation: 1.5s linear infinite rotation
}

.scroll-progress {
	position: fixed;
	right: 20px;
	z-index: 111;
	top: 50%;
	-webkit-transition: .3s linear;
	transition: .3s linear;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	mix-blend-mode: difference
}

.scroll-progress.visible {
	opacity: 1;
	visibility: visible
}

.scroll-progress .scroll-top {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.scroll-progress .scroll-point {
	display: inline-block;
	width: 2px;
	position: absolute;
	background-color: var(--white);
	top: 0;
	left: 0
}

.crafto-progressive-blur {
	height: var(--progressive-blur-height);
	left: 0;
	position: fixed;
	pointer-events: none;
	top: 0;
	width: 100%;
	z-index: 19
}

.crafto-progressive-blur>div {
	height: 100%;
	left: 0;
	position: absolute;
	pointer-events: none;
	top: 0;
	width: 100%
}

.reveal-item-hover {
	position: relative;
	-webkit-transition: .4s cubic-bezier(.37, 0, .63, 1);
	transition: .4s cubic-bezier(.37, 0, .63, 1)
}

.reveal-item-hover .hover-reveal {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	opacity: 0;
	z-index: 10;
	transition: opacity .25s, transform .51s cubic-bezier(.215, .61, .355, 1), -webkit-transform .51s cubic-bezier(.215, .61, .355, 1);
	width: auto
}

.reveal-item-hover .hover-reveal .hover-reveal__inner {
	position: relative;
	overflow: hidden
}

.reveal-item-hover .hover-reveal .hover-reveal__img {
	will-change: transform
}

.reveal-item-hover:hover .hover-reveal {
	opacity: 1
}




@-moz-keyframes example1 {
	0% {
		-moz-transform: translateX(100%)
	}

	100% {
		-moz-transform: translateX(-100%)
	}
}

@-webkit-keyframes example1 {
	0% {
		-webkit-transform: translateX(100%)
	}

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

@keyframes example1 {
	0% {
		-moz-transform: translateX(100%);
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}

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

.bg-base-color {
	background-color: var(--base-color)
}

.bg-dark-gray,
.bg-dark-gray:focus {
	background-color: var(--dark-gray)
}

.bg-extra-medium-gray {
	background-color: var(--extra-medium-gray)
}

.bg-golden-yellow {
	background-color: #2d4572;
}

.bg-gradient-very-light-gray {
	background-image: linear-gradient(to bottom, #f7f8f9, #f9fafb, #fbfbfc, #fdfdfd, #fff)
}

.bg-gradient-very-ghost-white {
	background-image: linear-gradient(to bottom, #f4f6ff, #f7f8ff, #fafaff, #fdfdff, #fff)
}

.bg-transparent {
	background-color: transparent
}

.cover-background {
	background-repeat: no-repeat !important;
	background-size: cover;
	overflow: hidden;
	position: relative;
	background-position: center center !important
}

.border-color-dark-gray {
	border-color: var(--dark-gray) !important
}

.border-color-light-medium-gray {
	border-color: var(--light-medium-gray) !important
}

.border-color-extra-medium-gray {
	border-color: var(--extra-medium-gray) !important
}

.border-purple{
   
   
    backdrop-filter:blur(12px);

    border:3px solid rgba(255,255,255,0.5);

     border-radius: 15px;
    background: linear-gradient(
        274deg,
        rgb(213, 125, 49),
        rgb(21, 58, 98),
        rgba(213, 125, 49, 0.52)
    );

    transition:0.4s ease;
}

.border-color-transparent-dark-very-light {
	border-color: rgba(35, 35, 35, .1) !important
}

.border-color-transparent {
	border-color: transparent !important
}

.border-radius-0px {
	border-radius: 0 !important
}

.border-radius-4px {
	border-radius: 4px !important
}

.border-radius-6px {
	border-radius: 6px !important
}

.border-radius-10px {
	border-radius: 10px !important
}

.border-radius-100px {
	border-radius: 100px !important
}

.parallax {
	position: relative !important;
	background-size: cover !important;
	overflow: hidden;
	background-attachment: fixed !important;
	transition-timing-function: none;
	-webkit-transition-timing-function: none;
	transition-duration: 0s;
	-webkit-transition-duration: 0s
}

.w-200px {
	width: 200px !important
}

.w-50 {
	width: 50% !important
}

.w-80 {
	width: 80% !important
}

.w-85 {
	width: 85% !important
}

.w-90 {
	width: 90% !important
}

.w-95 {
	width: 95% !important
}

.w-100 {
	width: 100% !important
}

.w-auto {
	width: auto !important
}

.h-6px {
	height: 6px !important
}

.h-10px {
	height: 10px !important
}

.h-12px {
	height: 12px !important
}

.h-500px {
	height: 500px !important
}

.h-550px {
	height: 550px !important
}

.extra-small-screen {
	height: 300px !important
}

@media (prefers-reduced-motion:no-preference) {
	:root {
		scroll-behavior: auto
	}
}

.p-15px {
	padding: 15px !important
}

.p-35px {
	padding: 35px !important
}

.p-40px {
	padding: 40px !important
}

.p-45px {
	padding: 45px !important
}

.p-2 {
	padding: 2% !important
}

.p-4 {
	padding: 4% !important
}

.p-5 {
	padding: 5% !important
}

.p-6 {
	padding: 6% !important
}

.p-8 {
	padding: 8% !important
}

.p-11 {
	padding: 11% !important
}

.pt-20px {
	padding-top: 20px !important
}

.pt-35px {
	padding-top: 35px !important
}

.pt-40px {
	padding-top: 40px !important
}

.pt-2 {
	padding-top: 2% !important
}

.pt-4 {
	padding-top: 4% !important
}

.pt-5 {
	padding-top: 5% !important
}

.pt-6 {
	padding-top: 6% !important
}

.pt-8 {
	padding-top: 8% !important
}

.pe-15px {
	padding-right: 15px !important
}

.pe-20px {
	padding-right: 20px !important
}

.pe-5 {
	padding-right: 5% !important
}

.pe-10 {
	padding-right: 10% !important
}

.pb-15px {
	padding-bottom: 15px !important
}

.pb-20px {
	padding-bottom: 20px !important
}

.pb-35px {
	padding-bottom: 35px !important
}

.pb-1 {
	padding-bottom: 1% !important
}

.pb-4 {
	padding-bottom: 4% !important
}

.pb-6 {
	padding-bottom: 6% !important
}

.pb-8 {
	padding-bottom: 8% !important
}

.ps-15px {
	padding-left: 15px !important
}

.ps-20px {
	padding-left: 20px !important
}

.ps-5 {
	padding-left: 5% !important
}

.ps-10 {
	padding-left: 10% !important
}

.mt-10px {
	margin-top: 10px !important
}

.mt-20px {
	margin-top: 20px !important
}

.mt-25px {
	margin-top: 25px !important
}

.mt-30px {
	margin-top: 30px !important
}

.mt-50px {
	margin-top: 50px !important
}

.mt-2 {
	margin-top: 2% !important
}

.mt-3 {
	margin-top: 3% !important
}

.mt-4 {
	margin-top: 4% !important
}

.mt-8 {
	margin-top: 8% !important
}

.me-10px {
	margin-right: 10px !important
}

.me-15px {
	margin-right: 15px !important
}

.me-25px {
	margin-right: 25px !important
}

.me-35px {
	margin-right: 35px !important
}

.me-1 {
	margin-right: 1% !important
}

.me-2 {
	margin-right: 2% !important
}

.me-3 {
	margin-right: 3% !important
}

.mb-5px {
	margin-bottom: 5px !important
}

.mb-10px {
	margin-bottom: 10px !important
}

.mb-15px {
	margin-bottom: 15px !important
}

.mb-20px {
	margin-bottom: 20px !important
}

.mb-25px {
	margin-bottom: 25px !important
}

.mb-30px {
	margin-bottom: 30px !important
}

.mb-35px {
	margin-bottom: 35px !important
}

.mb-50px {
	margin-bottom: 50px !important
}

.mb-1 {
	margin-bottom: 1% !important
}

.mb-2 {
	margin-bottom: 2% !important
}

.mb-3 {
	margin-bottom: 3% !important
}

.mb-4 {
	margin-bottom: 4% !important
}

.mb-9 {
	margin-bottom: 9% !important
}

.ms-25px {
	margin-left: 25px !important
}

.ms-1 {
	margin-left: 1% !important
}

.ms-3 {
	margin-left: 3% !important
}

.top-0px {
	top: 0
}

.top-25px {
	top: 25px
}

.top-30px {
	top: 30px
}

.top-50px {
	top: 50px
}

.top-120px {
	top: 120px
}

.right-0px {
	right: 0
}

.right-25px {
	right: 25px
}

.right-50px {
	right: 50px
}

.bottom-0px {
	bottom: 0
}

.bottom-10px {
	bottom: 10px
}

.bottom-15px {
	bottom: 15px
}

.bottom-20px {
	bottom: 20px
}

.bottom-50px {
	bottom: 50px
}

.bottom-150px {
	bottom: 150px
}

.left-0px {
	left: 0
}

.left-15px {
	left: 15px
}

.left-20px {
	left: 20px
}

.left-50px {
	left: 50px
}

.top-minus-50px {
	top: -50px
}

.top-minus-80px {
	top: -80px
}

.top-minus-100px {
	top: -100px
}

.right-minus-50px {
	right: -50px
}

.fw-500 {
	font-weight: 500 !important
}

.fw-600 {
	font-weight: 600 !important
}

.fw-700 {
	font-weight: 700 !important
}

.opacity-3 {
	opacity: .3
}

.opacity-4 {
	opacity: .4
}

.z-index-1 {
	z-index: 1
}

.z-index-9 {
	z-index: 9
}

header .header-top-bar [class*=col-] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-item-align: stretch;
	-ms-grid-row-align: stretch;
	align-self: stretch;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

header .header-top-bar [class*=col-].text-end {
	justify-content: flex-end !important
}

header .header-top-bar [class*=col-] .header-icon {
	-ms-flex-item-align: stretch;
	-ms-grid-row-align: stretch;
	align-self: stretch
}

header .navbar {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 99;
	-webkit-transition: .3s;
	transition: .3s
}

header .navbar [class*=col-] {
	padding: 0 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-item-align: stretch;
	-ms-grid-row-align: stretch;
	align-self: stretch
}

header .navbar [class*=col-].text-end {
	justify-content: flex-end !important
}

header .navbar [class*=col-] .navbar-nav {
	-ms-flex-item-align: stretch;
	-ms-grid-row-align: stretch;
	align-self: stretch;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

header .navbar [class*=col-] .navbar-nav .nav-item,
header .navbar [class*=col-] .navbar-nav .nav-item a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-item-align: stretch;
	-ms-grid-row-align: stretch;
	align-self: stretch;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

header .container-fluid {
	padding-left: 45px;
	padding-right: 45px
}

header.sticky .navbar-brand {
	padding: 20px 0
}

header.sticky .navbar {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}

header.sticky .header-light:not(.disable-fixed) {
	box-shadow: 0 10px 35px 0 rgba(0, 0, 0, .1)
}

header.sticky.sticky-appear .header-reverse-back-scroll {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

header.sticky.sticky-active .header-reverse {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	border-color: transparent !important
}

header.sticky.sticky-active .navbar-brand .alt-logo {
	visibility: visible;
	opacity: 1;
	width: auto
}

header.sticky.sticky-active .navbar-brand .default-logo {
	visibility: hidden;
	opacity: 0;
	width: 0
}

header.sticky.sticky-active [data-header-hover=dark] {
	background-color: var(--dark-gray) !important
}

header.sticky.sticky-active [data-header-hover=dark] .navbar-nav .nav-item:hover .nav-link {
	color: var(--white);
	opacity: .6
}

header.sticky.sticky-active [data-header-hover=dark] .icon>a,
header.sticky.sticky-active [data-header-hover=dark] .navbar-nav .nav-link {
	color: var(--white)
}

header.sticky.sticky-active [data-header-hover=dark] .icon>a:hover {
	color: var(--white);
	opacity: .6
}

header.sticky.sticky-active [data-header-hover=dark] .icon .push-button span {
	background-color: var(--white)
}


header.sticky.sticky-active [data-header-hover=dark] .icon .header-cart>a,
header.sticky.sticky-active [data-header-hover=dark] .icon .header-cart>a:hover,
header.sticky.sticky-active [data-header-hover=dark] .icon .header-language>a,
header.sticky.sticky-active [data-header-hover=dark] .icon .header-language>a:hover {
	color: var(--white)
}

header.sticky.sticky-active [data-header-hover=light] {
	background-color: var(--white) !important;
	box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1)
}

header.sticky.sticky-active [data-header-hover=light] .icon>a,
header.sticky.sticky-active [data-header-hover=light] .navbar-nav .nav-link {
	color: var(--dark-gray)
}

header.sticky.sticky-active [data-header-hover=light] .icon>a:hover {
	color: var(--medium-gray);
	opacity: 1
}

header.sticky.sticky-active [data-header-hover=light] .icon .push-button span {
	background-color: var(--dark-gray)
}

header.sticky.sticky-active [data-header-hover=light] .icon .header-cart>a,
header.sticky.sticky-active [data-header-hover=light] .icon .header-language>a {
	color: var(--dark-gray)
}

header.sticky.sticky-active [data-header-hover=light] .icon .header-cart>a:hover,
header.sticky.sticky-active [data-header-hover=light] .icon .header-language>a:hover {
	color: var(--medium-gray);
	opacity: 1
}

header.sticky.sticky-active [data-header-hover=light] .widget-text,
header.sticky.sticky-active [data-header-hover=light] .widget-text a {
	color: var(--dark-gray)
}

header.sticky .header-icon .push-button {
	padding: 0
}

header.sticky .disable-fixed .navbar-brand {
	padding: 30px 0
}

header .navbar-brand {
	margin-right: 0;
	vertical-align: middle;
	padding: 18px 0;
	display: inline-block;
	font-size: 0
}

header .navbar-brand .default-logo {
	visibility: visible;
	opacity: 1;
	width: auto
}

header .navbar-brand .alt-logo,
header .navbar-brand .mobile-logo {
	visibility: hidden;
	opacity: 0;
	width: 0
}

header .navbar-brand img {
	max-height: 46px
}

header .header-top-bar {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	left: 0;
	z-index: 100;
	-webkit-transition: .3s;
	transition: .3s
}

header .header-top-bar+.navbar {
	-webkit-transition: .3s;
	transition: .3s;
	top: 40px
}

header .header-top-bar+.navbar.disable-fixed {
	top: 0
}

header .header-top-bar .widget {
	display: inline-block
}

header .header-top-bar .widget i {
	padding-right: 5px
}

header .disable-fixed {
	position: absolute
}

header.sticky .navbar.disable-fixed {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	box-shadow: none
}

.navbar {
	padding: 0
}

.navbar .navbar-nav .nav-item>i {
	display: none
}

.navbar .navbar-nav .nav-item .nav-link.active,
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item:hover .nav-link {
	opacity: .6
}

.navbar .navbar-nav .nav-link {
	font-size: 16px;
	line-height: 20px;
	padding: 10px 20px;
	position: relative;
	font-weight: 500;
	opacity: 1;
	word-break: normal;
	-webkit-transition: .3s;
	transition: .3s;
	color: var(--white)
}

.navbar .navbar-nav .nav-link .label {
	display: inline-block;
	padding: 1px 11px;
	font-size: 12px;
	margin-left: 8px;
	margin-top: 0;
	vertical-align: middle
}

.navbar .navbar-nav .dropdown.submenu {
	position: inherit
}

.navbar .navbar-nav .dropdown .dropdown-menu {
	margin: 0;
	padding: 60px 0 65px;
	border: 0;
	top: 100%;
	background-color: var(--white);
	box-shadow: 0 45px 45px 0 rgba(0, 0, 0, .05);
	-webkit-animation: .5s hide-animation;
	animation: .5s hide-animation;
	-webkit-border-radius: 0;
	border-radius: 0
}

.navbar .navbar-nav .dropdown .dropdown-menu li:last-child>a {
	padding-bottom: 0
}

.navbar .navbar-nav .dropdown .dropdown-menu li.active>a {
	color: var(--dark-gray)
}

.navbar .navbar-nav .dropdown .dropdown-menu li a:hover {
	padding-left: 3px
}

.navbar .navbar-nav .dropdown .dropdown-menu a {
	color: var(--medium-gray);
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
	padding-bottom: 10px;
	display: block
}

.navbar .navbar-nav .dropdown .dropdown-menu a:hover {
	color: var(--dark-gray)
}

.navbar .navbar-nav .dropdown .dropdown-menu a i {
	width: 25px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
	text-align: center
}

.navbar .navbar-nav .dropdown .dropdown-menu a .label {
	display: inline-block;
	padding: 5px 10px;
	font-size: 10px;
	line-height: initial;
	margin-left: 8px;
	margin-top: 0;
	vertical-align: middle;
	font-weight: 700;
	text-transform: uppercase;
	white-space: nowrap
}

.navbar .navbar-nav .dropdown.open .dropdown-menu {
	display: block;
	-webkit-animation: .5s show-animation;
	animation: .5s show-animation
}

.navbar .navbar-nav .simple-dropdown .dropdown-menu {
	display: none;
	width: 245px;
	padding: 35px 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	box-shadow: 0 0 35px 0 rgba(0, 0, 0, .1)
}

.navbar .navbar-nav .simple-dropdown .dropdown-menu li {
	padding: 0 45px 0 40px
}

.navbar .navbar-nav .simple-dropdown .dropdown-menu li a {
	padding-bottom: 12px
}

.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown {
	position: relative
}

.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown i {
	position: absolute;
	right: 35px;
	top: 6px;
	width: auto;
	font-size: 13px
}

.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown.open>a {
	color: var(--dark-gray)
}

.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown.open>.dropdown-menu {
	display: block
}

.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown.menu-left .dropdown-menu {
	left: calc(-100% - 1px)
}

.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown .dropdown-menu {
	-webkit-animation: none;
	animation: none
}

.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu {
	display: none;
	position: absolute;
	left: calc(100% + 1px);
	top: -35px
}

[data-header-hover=dark] .navbar-nav .dropdown .dropdown-menu li.active>a {
	color: var(--white)
}


[data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu {
	background-color: var(--dark-gray)
}


[data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu a {
	color: var(--light-gray)
}


[data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu .dropdown:hover>a,
[data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu a:hover {
	color: var(--white)
}

.submenu-dark {
	background-color: var(--dark-gray) !important
}

.submenu-dark .navbar-brand .alt-logo {
	visibility: visible;
	opacity: 1;
	width: auto
}

.submenu-dark .navbar-brand .default-logo {
	visibility: hidden;
	opacity: 0;
	width: 0
}

.submenu-dark .navbar-nav .dropdown .dropdown-menu {
	background-color: var(--dark-gray)
}

.submenu-dark .navbar-nav .dropdown .dropdown-menu a {
	color: var(--light-gray)
}

.submenu-dark .navbar-nav .dropdown .dropdown-menu a:hover,
.submenu-dark .navbar-nav .dropdown .dropdown-menu li.active>a {
	color: var(--white)
}

.submenu-dark .navbar-nav .simple-dropdown .dropdown-menu {
	background-color: var(--dark-gray)
}

.submenu-dark .navbar-nav .simple-dropdown .dropdown-menu a {
	color: var(--light-gray)
}

.submenu-dark .navbar-nav .simple-dropdown .dropdown-menu .dropdown:hover>a,
.submenu-dark .navbar-nav .simple-dropdown .dropdown-menu a:hover {
	color: var(--white)
}

.submenu-light {
	background-color: var(--white) !important
}

.submenu-light .navbar-brand .alt-logo {
	visibility: visible;
	opacity: 1;
	width: auto
}

.submenu-light .navbar-brand .default-logo {
	visibility: hidden;
	opacity: 0;
	width: 0
}

.submenu-light .header-icon .icon>a,
.submenu-light .navbar-nav .nav-link {
	color: var(--dark-gray)
}

.submenu-light .header-icon .icon>a:hover {
	color: var(--medium-gray)
}

.submenu-light .header-icon .icon .push-button span {
	background-color: var(--dark-gray)
}

.submenu-light .header-icon .icon .header-cart>a,
.submenu-light .header-icon .icon .header-language>a {
	color: var(--dark-gray)
}

.submenu-light .header-icon .icon .header-cart>a:hover,
.submenu-light .header-icon .icon .header-language>a:hover {
	color: var(--medium-gray)
}

.submenu-light .menu-item-list .nav-link {
	color: var(--dark-gray)
}

.submenu-light .menu-item-list .nav-link:hover,
.submenu-light .menu-item-list .sub-menu a {
	color: var(--dark-gray);
	opacity: .6
}

.submenu-light .menu-item-list .menu-item .toggle,
.submenu-light .widget-text,
.submenu-light .widget-text a {
	color: var(--dark-gray)
}

.header-light .header-icon .icon>a,
.header-light .navbar-nav .nav-link {
	color: var(--dark-gray)
}

.header-light .header-icon .icon>a:hover {
	color: var(--dark-gray);
	opacity: .6
}

.header-light .header-icon .icon .push-button span {
	background-color: var(--dark-gray)
}


.header-light .header-icon .icon .header-cart>a,
.header-light .header-icon .icon .header-language>a {
	color: var(--dark-gray)
}


.header-light .header-icon .icon .header-cart>a:hover,
.header-light .header-icon .icon .header-language>a:hover {
	color: var(--dark-gray);
	opacity: .6
}

.header-light .menu-item-list .nav-link {
	color: var(--dark-gray)
}

.header-light .menu-item-list .nav-link:hover {
	color: var(--dark-gray);
	opacity: .6
}

.header-light .menu-item-list .sub-menu a {
	color: var(--medium-gray);
	opacity: 1
}

.header-light .menu-item-list .sub-menu .active>a,
.header-light .menu-item-list .sub-menu a:hover {
	color: var(--dark-gray)
}

.header-light .widget-text,
.header-light .widget-text a {
	color: var(--dark-gray)
}

.header-icon {
	display: flex;
	align-items: center
}

.header-icon .icon {
	position: relative;
	line-height: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-item-align: stretch;
	-ms-grid-row-align: stretch;
	align-self: stretch;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.header-icon .icon>a {
	padding-left: 16px;
	font-size: 17px;
	color: var(--white)
}

.header-icon .icon>a:hover {
	color: var(--white);
	opacity: .6
}

.header-icon .icon:first-child a:first-child {
	padding-left: 0
}


.header-icon .icon .header-cart,
.header-icon .icon .header-language {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-item-align: stretch;
	-ms-grid-row-align: stretch;
	align-self: stretch;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}


.header-icon .icon .header-cart>a,
.header-icon .icon .header-language>a {
	padding-left: 14px;
	color: var(--white);
	font-size: 17px
}


.header-icon .icon .header-cart>a:hover,
.header-icon .icon .header-language>a:hover {
	color: var(--white);
	opacity: .6
}

.widget-text {
	color: var(--white)
}

header a.widget-text:hover {
	opacity: .6
}

.header-push-button {
	padding-left: 16px
}

.header-push-button .push-button {
	position: relative;
	display: block;
	width: 22px;
	height: 14px;
	padding: 0;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s
}

.header-push-button .push-button span {
	background: var(--white);
	height: 2px;
	width: 22px;
	content: "";
	display: block;
	border-radius: 0;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: .25s;
	transition: .25s
}

.header-push-button .push-button span:nth-child(2),
.header-push-button .push-button span:nth-child(3) {
	top: 6px
}

.header-push-button .push-button span:nth-child(4) {
	top: 12px;
	width: 14px;
	left: -8px
}

.header-push-button .push-button:hover {
	opacity: .6
}

.show-menu .header-push-button .push-button span:nth-child(1) {
	top: 7px;
	width: 0%
}

.show-menu .header-push-button .push-button span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.show-menu .header-push-button .push-button span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.show-menu .header-push-button .push-button span:nth-child(4) {
	top: 7px;
	width: 0%
}

.show-menu {
	overflow: hidden
}

.show-menu .push-menu {
	right: 0;
	-webkit-box-shadow: 0 0 60px rgba(0, 0, 0, .3);
	box-shadow: 0 0 60px rgba(0, 0, 0, .3)
}

.show-menu .push-menu .close-menu {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .4s cubic-bezier(.37, 0, .63, 1);
	transition: .4s cubic-bezier(.37, 0, .63, 1);
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
	visibility: visible;
	cursor: pointer
}

.push-menu {
	position: fixed;
	top: 0;
	right: -100%;
	width: 400px;
	height: 100%;
	z-index: 1031;
	overflow-y: auto;
	-webkit-transition: .5s;
	transition: .5s
}

.push-menu .close-menu {
	height: 40px;
	width: 40px;
	text-align: center;
	position: absolute;
	right: 50px;
	top: 50px;
	z-index: 9;
	display: flex;
	border-radius: 100%;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(.8);
	transform: scale(.8)
}

.left-sidebar-wrapper {
	padding-left: 300px;
	position: relative;
	min-height: 300px;
	width: 100%
}

.left-sidebar-wrapper .left-sidebar-header.collapse:not(.show) {
	display: block !important
}

header.sticky .left-sidebar-nav .navbar-nav .nav-link {
	padding: 0
}

.left-sidebar-header {
	position: absolute;
	left: 0;
	width: 301px;
	top: -100%;
	bottom: 0;
	z-index: 999;
	display: block
}

.left-sidebar-header .menu-item-list .menu-item .nav-link {
	font-size: 16px;
	line-height: 20px
}

.left-sidebar-nav {
	width: 300px;
	padding: 80px 50px;
	left: 0;
	position: fixed;
	overflow: hidden;
	display: block;
	height: inherit;
	-webkit-transition: .3s;
	transition: .3s
}

.left-sidebar-nav .navbar-brand {
	padding: 0 !important
}

.left-sidebar-nav .navbar-toggler {
	display: none
}

.menu-item-list {
	display: block;
	width: 100%;
	list-style: none;
	padding: 0;
	margin-bottom: 0
}

.menu-item-list .menu-item {
	position: relative;
	margin: 0
}

.menu-item-list .menu-item ul {
	list-style: none;
	padding: 0
}

.menu-item-list .menu-item .sub-menu .active>a {
	opacity: 1
}

.menu-item-list .active .nav-link {
	opacity: .6
}

.menu-item-list .nav-link {
	padding: 5px 20px 5px 0;
	font-size: 20px;
	line-height: 28px;
	display: inline-block;
	width: 100%;
	margin: 9px 0;
	color: var(--white);
	-webkit-transition: .3s;
	transition: .3s
}

.menu-item-list .nav-link:hover {
	color: var(--white);
	opacity: .6
}

.menu-item-list .sub-menu {
	padding: 0;
	display: block;
	height: 0;
	overflow: hidden;
	list-style: none;
	margin: 0;
	position: relative !important;
	transform: none !important;
	background-color: transparent;
	border: 0
}

.menu-item-list .sub-menu li {
	position: relative;
	margin: 0;
	padding: 5px 0
}

.menu-item-list .sub-menu li .sub-menu {
	margin: 0;
	padding-left: 15px
}

.menu-item-list .sub-menu li .sub-menu li {
	padding: 10px 0 0
}

.menu-item-list .sub-menu li .sub-menu li a {
	padding: 0
}

.menu-item-list .sub-menu li .sub-menu li a i {
	margin-right: 10px
}

.menu-item-list .sub-menu li .sub-menu li:first-child {
	margin-top: 10px
}

.menu-item-list .sub-menu li .sub-menu li:last-child {
	margin-bottom: 10px
}

.menu-item-list .sub-menu li:last-child,
.menu-item-list .sub-menu li:last-child .sub-menu li:last-child {
	margin-bottom: 0
}

.menu-item-list .sub-menu a {
	font-size: 15px;
	line-height: 22px;
	display: block;
	color: var(--light-gray);
	margin: 0;
	padding-right: 20px
}

.menu-item-list .sub-menu a:hover {
	color: var(--white)
}

.menu-item-list .sub-menu a .label {
	display: inline-block;
	padding: 5px 10px;
	font-size: 10px;
	line-height: initial;
	margin-left: 8px;
	margin-top: 0;
	vertical-align: middle;
	font-weight: 700;
	text-transform: uppercase;
	white-space: nowrap
}

.menu-item-list .sub-menu.show {
	height: auto;
	overflow: visible
}

.left-modern-menu {
	padding-left: 75px
}

.left-modern-menu .collapse:not(.show) {
	display: block !important
}

.left-modern-menu .left-modern-header .navbar-brand {
	position: relative;
	z-index: 9;
	width: 100%;
	padding: 0 !important;
	text-align: center
}

.left-modern-menu .left-modern-header .navbar-brand img {
	max-height: 45px
}

.left-modern-menu .left-modern-header .modern-side-menu {
	padding: 75px 40px;
	height: 100%;
	overflow-y: hidden
}

.left-modern-menu .left-modern-header .modern-side-menu .mCustomScrollBox {
	display: flex;
	width: 100%
}

.left-modern-menu .left-modern-header .modern-side-menu .mCustomScrollBox .mCSB_container {
	align-self: flex-start;
	width: 100%;
	margin: 0;
	padding: 0 30px
}

.left-modern-menu .left-modern-header .modern-side-menu .mCustomScrollBox .mCSB_container.mCS_no_scrollbar_y {
	align-self: center
}

.left-modern-menu .left-modern-header.show .navbar-toggler-line:nth-child(1) {
	top: 7px;
	width: 0%
}

.left-modern-menu .left-modern-header.show .navbar-toggler-line:nth-child(2) {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.left-modern-menu .left-modern-header.show .navbar-toggler-line:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.left-modern-menu .left-modern-header.show .navbar-toggler-line:nth-child(4) {
	top: 7px;
	width: 0%
}

.left-modern-sidebar {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	height: 100%;
	width: 75px;
	padding: 35px 0
}

.hamburger-menu .header-icon {
	position: absolute;
	left: 0;
	bottom: -50px
}

.show-search-popup {
	overflow: hidden
}

.show-search-popup header .navbar {
	z-index: 110
}

@-webkit-keyframes hide-animation {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@-webkit-keyframes show-animation {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

button:focus {
	outline: 0
}

.navbar-toggler {
	font-size: 24px;
	width: 22px;
	height: 14px;
	display: inline-block;
	position: relative;
	padding: 0;
	margin: 0;
	border: none;
	vertical-align: middle;
	border-radius: 0;
	-webkit-transition: .3s;
	transition: .3s
}

.navbar-toggler:focus {
	box-shadow: none
}

.navbar-toggler-line {
	background: var(--dark-gray);
	height: 2px;
	width: 22px;
	content: "";
	display: block;
	border-radius: 0;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: .25s;
	transition: .25s
}

.navbar-toggler-line:nth-child(1) {
	top: 0;
	width: 14px
}

.navbar-toggler-line:nth-child(2),
.navbar-toggler-line:nth-child(3) {
	top: 6px
}

.navbar-toggler-line:nth-child(4) {
	top: 12px;
	width: 14px
}

.navbar-collapse-show .navbar-toggler-line:nth-child(1) {
	top: 7px;
	width: 0%
}

.navbar-collapse-show .navbar-toggler-line:nth-child(2) {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.navbar-collapse-show .navbar-toggler-line:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.navbar-collapse-show .navbar-toggler-line:nth-child(4) {
	top: 7px;
	width: 0%
}

.navbar-modern-inner,
.navbar-modern-inner .navbar-toggler {
	display: none
}

.header-with-topbar+.top-space-margin {
	margin-top: 136px
}

.header-with-topbar+.top-space-padding {
	padding-top: 136px
}

.navbar-full-screen-menu-inner,
.navbar-modern-inner {
	display: none
}

.top-space-margin {
	margin-top: 96px
}

.top-space-padding {
	padding-top: 96px
}

.breadcrumb {
	margin: 0
}

.breadcrumb ul {
	margin: 0;
	padding: 0
}

.page-title-extra-small h1 {
	font-size: 17px;
	line-height: 20px
}

.page-title-extra-small h2 {
	font-size: 3.8rem;
	line-height: 3.8rem
}

.page-title-button-style.page-title-button-style {
	-webkit-transition: .3s;
	transition: .3s
}

.page-title-button-style h1 {
	padding: 13px 30px;
	display: inline-block
}

.grid {
	list-style: none;
	padding: 0;
	margin: 0
}

.grid li img {
	width: 100%
}

.grid .grid-sizer {
	padding: 0 !important;
	margin: 0 !important
}

.accordion .accordion-item {
	color: inherit;
	border: none
}

.accordion .accordion-item .accordion-header {
	background-color: transparent;
	border: none;
	padding: 0;
	margin-bottom: 0
}

.accordion .accordion-item .accordion-header .accordion-title {
	cursor: pointer;
	padding-right: 25px
}

.accordion .accordion-item .accordion-header .accordion-title i {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.accordion .accordion-item .accordion-collapse {
	border: 0
}

.accordion-style-01 .accordion-item {
	margin-bottom: 20px;
	overflow: inherit;
	padding: 20px 35px;
	-webkit-border-radius: 4px !important;
	border-radius: 4px !important;
	-webkit-transition: .6s cubic-bezier(.165, .84, .44, 1);
	transition: .6s cubic-bezier(.165, .84, .44, 1);
	-webkit-box-shadow: 0 0 20px 0 rgba(111, 111, 111, .15);
	box-shadow: 0 0 20px 0 rgba(111, 111, 111, .15)
}

.accordion-style-01 .accordion-item:last-child {
	margin-bottom: 0
}

.accordion-style-01 .accordion-item .collapse {
	overflow: hidden
}

.accordion-style-01 .accordion-item .accordion-body {
	padding: 12px 45px 10px 0
}

.accordion-style-01 .accordion-item .accordion-header .accordion-title>i {
	position: static;
	-webkit-transform: none;
	transform: none
}

.accordion-style-02 .accordion-item {
	background-color: transparent
}

.accordion-style-02 .accordion-item .accordion-header {
	margin-bottom: 0;
	padding: 15px 0
}

.accordion-style-02 .accordion-item .accordion-header .accordion-title i {
	right: 0
}

.accordion-style-02 .accordion-item.active-accordion .accordion-header {
	border-bottom-color: transparent !important
}

.accordion-style-02 .accordion-item .accordion-body {
	padding: 0 25px 30px 0
}

.alert-success {
	background-color: #f1fbec;
	color: #54b783;
	border-color: #cce8b3;
	padding: 10px 20px
}

.alert {
	padding: 20px 25px 20px 30px;
	margin-bottom: 30px;
	line-height: 22px;
	position: relative;
	z-index: 1;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.alert.alert-success {
	background-color: #f1fbec;
	color: #54b783;
	border-color: #cce8b3
}

.alert.alert-danger {
	background-color: #fbf1f1;
	color: #e65656;
	border-color: #efe1e3
}

.alert strong {
	font-weight: 500
}

@keyframes hvr-icon-push {
	50% {
		-webkit-trasfrom: scale(.5);
		trasfrom: scale(.5)
	}
}

.alert .close {
	opacity: 1;
	font-size: 16px;
	line-height: 22px;
	color: rgba(0, 0, 0, .34);
	text-shadow: none;
	float: right
}

.alert .close i {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.alert .close:hover i {
	-webkit-animation-name: hvr-icon-push;
	animation-name: hvr-icon-push;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

.alert .close:not(.disabled):focus,
.alert .close:not(.disabled):hover,
.alert .close:not(:disabled) {
	opacity: 1
}

.btn-box-shadow {
	-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
	box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
	-webkit-transition: .3s cubic-bezier(.2, 0, .3, 1);
	transition: .3s cubic-bezier(.2, 0, .3, 1)
}

.btn-box-shadow:hover {
	-webkit-box-shadow: 0 8px 30px 0 rgba(0, 0, 0, .15);
	box-shadow: 0 8px 30px 0 rgba(0, 0, 0, .15);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0)
}


.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
	border-color: initial;
	color: initial
}

.btn {
	display: inline-block;
	border: 2px solid transparent;
	border-radius: 0;
	text-transform: uppercase;
	letter-spacing: .5px;
	width: auto;
	font-family: var(--alt-font);
	font-weight: 500;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.btn:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

.btn:hover {
	background-color: inherit
}

.btn i {
	position: relative;
	margin-left: 6px
}

.btn.btn-extra-large {
	font-size: 16px;
	padding: 24px 46px
}

.btn-req{
    background: linear-gradient(181deg, #d57d31, #fefeff);
    color: #153967;
    border: none;
    padding: 12px 28px;
    border-radius: 12px;
    font-weight: 700;
    position: relative;
    overflow: hidden;
    transition: all 0.35s ease;
    box-shadow: 0 0 5px rgba(234, 207, 248, 0.6), 0 0 5px rgb(249 238 229), 0 0 14px rgb(219 146 82);
    animation: pulseGlow 2s infinite;
}

.btn.btn-large {
	font-size: 14px;
	padding: 18px 34px
}

.btn.btn-small {
	font-size: 12px;
	padding: 13px 26px
}

.btn.btn-round-edge {
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.btn.btn-link {
	padding: 0 0 2px;
	position: relative;
	text-decoration: none;
	border: 0;
	border-bottom: 2px solid;
	letter-spacing: 0;
	background-color: transparent
}

.btn.btn-link.thin {
	border-bottom: 1px solid
}

.btn.btn-link:hover {
	opacity: .7
}

.btn.btn-link:focus-visible {
	box-shadow: none
}

.btn.btn-link-gradient {
	padding: 0 0 3px !important;
	position: relative;
	border: 0;
	background-color: transparent
}

.btn.btn-link-gradient>span {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	width: 100%
}

.btn.btn-link-gradient.thin span {
	height: 1px
}

.btn.btn-link-gradient.expand span {
	width: 50%;
	-webkit-transition: .3s;
	transition: .3s
}

.btn.btn-link-gradient:hover {
	opacity: .7
}

.btn.btn-link-gradient:hover.expand:hover span {
	width: 100%
}

.btn.btn-hover-animation-switch.btn-link {
	border-bottom: 0;
	padding-bottom: 0
}

.btn.btn-hover-animation-switch.btn-link:hover {
	opacity: 1
}

.btn.btn-hover-animation-switch>span {
	display: inline-flex;
	align-items: center
}

.btn.btn-hover-animation-switch .btn-text {
	margin-left: -13px;
	position: relative;
	z-index: 3;
	transition: transform .6s cubic-bezier(.1, .75, .25, 1) 125ms
}

.btn.btn-hover-animation-switch .btn-icon {
	margin-left: 6px;
	position: relative;
	transition: opacity .4s cubic-bezier(.1, .75, .25, 1) .25s, transform .6s cubic-bezier(.1, .75, .25, 1) .25s;
	line-height: 0;
	z-index: 3
}

.btn.btn-hover-animation-switch .btn-icon i {
	margin: 0;
	line-height: 0
}

.btn.btn-hover-animation-switch .btn-icon+.btn-icon {
	order: -2;
	opacity: 0;
	transition-delay: 0s;
	margin-left: 0;
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px)
}

.btn.btn-hover-animation-switch:hover .btn-text {
	transition-delay: .1s;
	transform: translateX(23px)
}

.btn.btn-hover-animation-switch:hover .btn-icon {
	transition-delay: 0s;
	transform: translateX(10px);
	opacity: 0
}

.btn.btn-hover-animation-switch:hover .btn-icon+.btn-icon {
	opacity: 1;
	transform: translateX(0);
	transition-delay: 225ms
}

.btn.btn-hover-animation-switch.btn-icon-left .btn-text {
	margin-right: -15px;
	margin-left: 0;
	position: relative;
	z-index: 3
}

.btn.btn-hover-animation-switch.btn-icon-left .btn-icon {
	opacity: 0;
	margin-left: 0;
	transition-delay: 0s;
	-webkit-transform: translateX(10px);
	transform: translateX(10px)
}

.btn.btn-hover-animation-switch.btn-icon-left .btn-icon+.btn-icon {
	opacity: 1;
	margin-left: 0;
	margin-right: 6px;
	transition: opacity .4s cubic-bezier(.1, .75, .25, 1) .25s, transform .6s cubic-bezier(.1, .75, .25, 1) .25s;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.btn.btn-hover-animation-switch.btn-icon-left:hover .btn-text {
	transition-delay: .1s;
	transform: translateX(-20px)
}

.btn.btn-hover-animation-switch.btn-icon-left:hover .btn-icon {
	transform: translateX(0);
	opacity: 1;
	transition-delay: 225ms
}

.btn.btn-hover-animation-switch.btn-icon-left:hover .btn-icon+.btn-icon {
	opacity: 0;
	transition-delay: 0s;
	transform: translateX(-10px)
}

.btn.btn-dark-gray {
	background-color: var(--dark-gray);
	color: var(--white)
}

.btn.btn-dark-gray:active,
.btn.btn-dark-gray:hover {
	background-color: transparent;
	border-color: var(--dark-gray);
	color: var(--dark-gray)
}

.btn.btn-white {
	background-color: var(--white);
	color: var(--dark-gray)
}

.btn.btn-white:active,
.btn.btn-white:hover {
	background-color: transparent;
	border-color: var(--white);
	color: var(--white)
}

.btn.btn-transparent-white-light {
	background-color: transparent;
	border-color: rgba(255, 255, 255, .3);
	color: var(--white)
}

.btn.btn-transparent-white-light:active,
.btn.btn-transparent-white-light:hover {
	background-color: var(--white);
	border-color: rgba(255, 255, 255, .3);
	color: var(--dark-gray)
}

.btn.btn-box-shadow.btn-white:active,
.btn.btn-box-shadow.btn-white:hover {
	background: var(--white);
	color: var(--dark-gray)
}

.btn.btn-box-shadow.btn-dark-gray:active,
.btn.btn-box-shadow.btn-dark-gray:hover {
	background: var(--dark-gray);
	color: var(--white)
}

[class*=" btn-transparent"],
[class*=btn-transparent] {
	font-weight: 600
}

.client-box img {
    width: 150px;
    height: 80px;          /* set same height for all */
    object-fit: contain;   /* keeps logo ratio, no distortion */
    display: block;
    margin: 0 auto;
}

.contact-form-style-03 input,
.contact-form-style-03 textarea {
	outline: 0;
	border: none;
	border-bottom: 1px solid;
	background: 0 0
}

.contact-form-style-03 select {
	outline: 0;
	border: none;
	border-bottom: 1px solid
}

.contact-form-style-03 .form-control:focus,
.contact-form-style-03 input:focus,
.contact-form-style-03 select:focus,
.contact-form-style-03 textarea:focus {
	border: 0;
	border-bottom: 1px solid #c2c2c2
}

.contact-form-style-03 textarea {
	resize: none
}

.contact-form-style-03 .form-group .form-icon {
	position: absolute;
	top: 50%;
	right: 5px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.contact-form-style-03 .form-group.form-textarea .form-icon {
	top: 10px;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.contact-form-style-03 .form-control,
.contact-form-style-03 .form-control.is-invalid {
	background-position: right 35px center !important
}

.swiper-button-next,
.swiper-button-prev {
	color: var(--dark-gray)
}

.swiper-button-next:after,
.swiper-button-prev:after {
	display: none;
	content: ""
}

.vertical-counter-number {
	overflow: hidden;
	width: 100%;
	height: auto
}

.vertical-counter-number ul {
	text-align: center;
	margin: 0;
	padding: 0;
	list-style: none;
	will-change: transform;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

#map {
	height: 550px
}

.arrow_box {
	width: 22px;
	height: 22px;
	border-radius: 100%;
	-webkit-border-top-left-radius: 100%;
	-webkit-border-top-right-radius: 100%;
	-webkit-border-bottom-right-radius: 100%;
	-webkit-border-bottom-left-radius: 100%;
	position: relative;
	opacity: .8;
	cursor: pointer
}

.arrow_box span {
	width: 100%;
	height: 100%;
	border: 1px solid;
	opacity: .2;
	display: inline-block;
	border-radius: 100%;
	-webkit-border-top-left-radius: 100%;
	-webkit-border-top-right-radius: 100%;
	-webkit-border-bottom-right-radius: 100%;
	-webkit-border-bottom-left-radius: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.arrow_box span:first-child {
	animation: 1.5s cubic-bezier(.4, 0, .2, 1) .45s infinite forwards markerWave;
	-webkit-animation: 1.5s cubic-bezier(.4, 0, .2, 1) .45s infinite forwards markerWave
}

.arrow_box span:first-child+span {
	animation: 1.5s cubic-bezier(0, 0, .2, 1) .45s infinite forwards markerWave;
	-webkit-animation: 1.5s cubic-bezier(0, 0, .2, 1) .45s infinite forwards markerWave
}

.arrow_box span:last-child {
	opacity: .1
}

@keyframes markerWave {
	0% {
		transform: scale(1);
		opacity: .8
	}

	20% {
		opacity: .8
	}

	100% {
		transform: scale(5.5);
		opacity: 0
	}
}

@-webkit-keyframes markerWave {
	0% {
		-webkit-transform: scale(1);
		opacity: .8
	}

	20% {
		opacity: .8
	}

	100% {
		-webkit-transform: scale(5.5);
		opacity: 0
	}
}

.infowindow {
	color: var(--dark-gray);
	font-weight: 400;
	line-height: 26px;
	font-size: 15px;
	letter-spacing: -.5px;
	padding: 25px !important;
	text-align: center
}

.infowindow .mb-3 {
	margin-bottom: 5px !important;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: -.25px
}

.infowindow p {
	color: var(--medium-gray);
	font-size: 15px;
	margin-bottom: 5px;
	letter-spacing: -.25px;
	line-height: 24px
}

.infowindow :last-child {
	margin-bottom: 0
}

.text-highlight {
	position: relative;
	z-index: 1;
	color: #d57d31;
	text-transform: uppercase;
}

.text-highlight span {
	display: inline-block;
	left: -3px;
	position: absolute;
	z-index: -1;
	width: calc(100% + 6px)
}

.feature-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	position: relative;
	z-index: 1
}

.feature-box .feature-box-icon i:not([class*=text-gradient-]) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.feature-box.feature-box-left-icon,
.feature-box.feature-box-left-icon-middle {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: stretch !important;
	-ms-flex-align: stretch !important;
	align-items: stretch !important;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-align: left
}

.feature-box.feature-box-left-icon .feature-box-icon,
.feature-box.feature-box-left-icon-middle .feature-box-icon {
	margin-right: 30px
}

.feature-box.feature-box-left-icon .feature-box-content,
.feature-box.feature-box-left-icon-middle .feature-box-content {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.feature-box.feature-box-left-icon-middle {
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	-webkit-box-align: center;
	-ms-flex-pack: center;
	justify-content: flex-start;
	text-align: left
}

.feature-box.text-start {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start
}

.feature-box.text-end {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.interactive-banner-style-02:hover figure img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.mfp-close,
.mfp-close:active {
	opacity: 1;
	background-color: transparent;
	right: 20px;
	top: 20px;
	height: 30px;
	width: 30px;
	font-size: 13px;
	line-height: 31px;
	position: absolute;
	color: var(--dark-gray)
}

.show-search-popup>section {
	filter: grayscale(100%)
}

.mfp-arrow {
	opacity: 1
}

.mfp-wrap {
	cursor: url(../images/mfg-close.png), auto
}

.mfp-wrap .mfp-container {
	cursor: auto
}

.show-search-popup .mfp-close,
.show-search-popup .mfp-close:active {
	color: var(--dark-gray)
}

.show-search-popup .search-form .search-button {
	color: var(--dark-gray)
}

.show-search-popup .mfp-container {
	position: fixed;
	height: 300px;
	background-color: var(--white);
	-webkit-animation-name: ani-mfp;
	animation-name: ani-mfp;
	-webkit-animation-duration: .2s;
	-moz-animation-duration: .2s;
	-o-animation-duration: .2s;
	animation-duration: .2s
}

.show-search-popup .mfp-removing .mfp-container {
	-webkit-animation-name: ani-mfp-close;
	animation-name: ani-mfp-close;
	-webkit-animation-duration: .2s;
	-moz-animation-duration: .2s;
	-o-animation-duration: .2s;
	animation-duration: .2s
}

.mfp-bottom-bar {
	margin-top: -24px;
	font-size: 12px
}

.mfp-close {
	font-size: 28px;
	font-family: var(--alt-font)
}

.mfp-figure {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	-ms-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: .4s;
	-moz-animation-duration: .4s;
	-ms-animation-duration: .4s;
	-o-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden
}

.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: .8
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0
}

.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out
}

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: .8
}

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0
}

.my-mfp-slide-up.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out
}

.my-mfp-slide-up.mfp-ready.mfp-bg {
	opacity: .8
}

.my-mfp-slide-up.mfp-removing.mfp-bg {
	opacity: 0
}

.mfp-bg {
	background: var(--dark-gray);
	opacity: .9
}

.mfp-bg,
.mfp-wrap {
	z-index: 10007
}

.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: .3s ease-out;
	-o-transition: .3s ease-out;
	transition: .3s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
	opacity: .93
}

.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0
}

button.mfp-close,
button.mfp-close:active {
	height: 40px;
	width: 40px;
	position: absolute;
	right: 20px;
	top: 20px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0
}

button.mfp-close:active:before,
button.mfp-close:before {
	content: "\f00d";
	color: var(--black);
	font-family: "Font Awesome 7 Free";
	font-size: 16px;
	font-weight: 900
}

.mfp-gallery button.mfp-close {
	right: 40px;
	top: 40px;
	background-color: var(--white)
}

.mfp-gallery button.mfp-close:before {
	color: var(--dark-gray)
}

.subscribe-popup .mfp-close,
.subscribe-popup .mfp-close:active {
	background-color: transparent;
	font-size: 13px;
	line-height: 30px;
	top: 20px;
	right: 20px
}

.subscribe-popup .mfp-close.mfp-close-btn {
	bottom: 0;
	top: inherit;
	position: relative;
	width: auto;
	right: 0;
	height: auto;
	font-size: 14px
}

.subscribe-popup .mfp-close.mfp-close-btn:before {
	display: none
}

.subscribe-popup .mfp-close:before {
	color: var(--dark-gray)
}

.newsletter-popup label {
	cursor: pointer
}

[data-parallax-background-ratio] {
	position: relative !important;
	background-size: cover !important;
	overflow: hidden;
	background-attachment: fixed !important;
	transition-duration: 0s;
	-webkit-transition-duration: 0s
}

@-webkit-keyframes border-transform {

	0%,
	100% {
		border-radius: 36% 64% 59% 41%/40% 45% 55% 60%
	}

	24% {
		border-radius: 37% 63% 60% 40%/46% 52% 48% 54%
	}

	32% {
		border-radius: 40% 60% 54% 46%/52% 56% 44% 48%
	}

	42% {
		border-radius: 52% 48% 62% 38%/54% 54% 46% 46%
	}

	56% {
		border-radius: 60% 40% 65% 35%/54% 50% 50% 46%
	}

	70% {
		border-radius: 44% 56% 43% 57%/42% 50% 50% 58%
	}
}

@keyframes border-transform {

	0%,
	100% {
		border-radius: 36% 64% 59% 41%/40% 45% 55% 60%
	}

	24% {
		border-radius: 37% 63% 60% 40%/46% 52% 48% 54%
	}

	32% {
		border-radius: 40% 60% 54% 46%/52% 56% 44% 48%
	}

	42% {
		border-radius: 52% 48% 62% 38%/54% 54% 46% 46%
	}

	56% {
		border-radius: 60% 40% 65% 35%/54% 50% 50% 46%
	}

	70% {
		border-radius: 44% 56% 43% 57%/42% 50% 50% 58%
	}
}

canvas {
	display: block;
	vertical-align: bottom
}

.pie-chart-style-01 {
	position: relative;
	display: inline-block
}

.pie-chart-style-01 .percent {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.pricing-table-style-04 .accordion-item {
	border-radius: 5px !important;
	padding: 16px 35px
}

.pricing-table-style-04 .accordion-item .accordion-body {
	padding: 10px 0
}

.pricing-table-style-04 .accordion-item.active-accordion {
	padding: 30px 40px;
	background-color: var(--base-color) !important;
	color: var(--white) !important
}

.pricing-table-style-04 .accordion-item.active-accordion .accordion-header .accordion-title {
	color: var(--white) !important
}

.process-step-style-10 .process-step-icon-box {
	-webkit-transition: 650ms cubic-bezier(.23, 1, .32, 1);
	transition: 650ms cubic-bezier(.23, 1, .32, 1)
}

.process-step-style-10:hover .process-step-icon-box {
	-webkit-transform: translateX(20px) scale(1.1);
	transform: translateX(20px) scale(1.1)
}

.progress {
	position: relative;
	overflow: visible
}

.progress .progress-bar {
	width: 0;
	position: absolute;
	top: 0;
	left: 0;
	overflow: visible;
	-webkit-transition: 1s cubic-bezier(.5, 1, .5, 1);
	transition: 1s cubic-bezier(.5, 1, .5, 1)
}

@keyframes scale-effect {
	0% {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes scale-effect {
	0% {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes fade {
	0% {
		opacity: .2
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes fade {
	0% {
		opacity: .2
	}

	to {
		opacity: 1
	}
}

@keyframes slide-right {
	0% {
		-webkit-transform: translateX(-25px);
		transform: translateX(-25px)
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@-webkit-keyframes slide-right {
	0% {
		-webkit-transform: translateX(-25px);
		transform: translateX(-25px)
	}

	to {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.sliding-box * {
	will-change: transform
}

.sliding-box .sliding-box-item {
	margin-left: 15px;
	margin-right: 15px;
	float: left;
	overflow: hidden;
	position: relative;
	-webkit-transition: width .7s;
	transition: width .7s
}

.sliding-box .sliding-box-item .sliding-box-content {
	top: 0;
	height: 100%;
	position: absolute
}

.team-style-01 figure figcaption {
	position: absolute;
	bottom: -1px
}

.portfolio-filter li {
	padding: 0 25px
}

.portfolio-filter li:first-child {
	padding-left: 0
}

.portfolio-filter li:last-child {
	padding-right: 0
}

.portfolio-filter li a {
	color: var(--medium-gray);
	border-bottom: 2px solid transparent
}

.portfolio-filter li.active a,
.portfolio-filter li:focus a,
.portfolio-filter li:hover a {
	color: var(--dark-gray);
	border-color: var(--dark-gray)
}

.mousetip-wrapper .caption {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 9
}

.mousetip-wrapper:hover .caption {
	opacity: 1;
	visibility: visible;
	display: block
}

.gallery-box,
.portfolio-box {
	overflow: hidden;
	will-change: transform
}

@keyframes spin {
	to {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.grid-loading {
	overflow: hidden;
	position: relative;
	opacity: 1 !important;
	transition: ease-in-out !important;
	-webkit-transition: ease-in-out !important;
	z-index: 99
}

.grid-loading::after {
	background: 0 0;
	content: "" !important;
	position: absolute;
	top: 100px !important;
	left: calc(50% - 25px) !important;
	width: 50px !important;
	height: 50px !important;
	opacity: 1 !important;
	right: inherit !important;
	z-index: 9;
	text-align: center;
	border: 3px solid rgba(23, 23, 23, .2);
	border-top-color: rgba(23, 23, 23, .7);
	border-radius: 50%;
	animation: 1s linear infinite spin;
	-webkit-animation: 1s linear infinite spin
}

.grid-loading:before {
	content: "";
	position: absolute;
	right: 2px;
	top: 1px;
	width: calc(100% - 4px);
	height: calc(100% - 2px);
	border-radius: inherit;
	z-index: 1
}

.grid-loading .grid-item {
	visibility: hidden
}

.grid-loading li .grid-item {
	overflow: hidden;
	opacity: 0
}

.sticky-image-distortion-wrapper {
	position: static;
	display: flex;
	height: 100%;
	overflow: hidden;
	width: 100%
}

.sticky-image-distortion-wrapper .svg-wrapper {
	position: fixed;
	right: 55px;
	height: 100%;
	top: 0;
	width: 50%;
	z-index: -1
}

.sticky-image-distortion-wrapper .menu {
	width: 50%;
	-ms-overflow-style: none;
	scrollbar-width: none;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 100px 0 100px 100px
}

.sticky-image-distortion-wrapper .menu::-webkit-scrollbar {
	display: none
}

.sticky-image-distortion-wrapper .menu .menu__link {
	display: flex;
	align-items: center;
	width: 100%
}

.sticky-image-distortion-wrapper .menu .menu__link svg {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .3s;
	transition: .3s;
	width: 100%;
	height: 100%
}

.sticky-image-distortion-wrapper .menu .menu__link.active svg {
	opacity: 1;
	visibility: visible
}

.threeD-letter-menu {
	position: relative;
	min-height: 100vh
}

.threeD-letter-menu .menu-item .hover-reveal {
	position: fixed;
	z-index: 1;
	width: 420px;
	height: 420px;
	top: 0;
	left: 0;
	pointer-events: none;
	opacity: 0;
	transform-origin: 100% 0;
	will-change: transform, filter;
	border-radius: 100%
}

.threeD-letter-menu .menu-item .hover-reveal .hover-reveal__inner {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 100%
}

.threeD-letter-menu .menu-item .hover-reveal .hover-reveal__img {
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: 50% 50%;
	will-change: transform;
	border-radius: 100%
}

.threeD-letter-menu .menu-item .menu-item-text {
	position: relative;
	display: inline-block
}

.threeD-letter-menu .menu-item .menu-item-text .word {
	overflow: hidden;
	line-height: 120%
}

.threeD-letter-menu .menu-item .menu-item-text .words .char {
	transition: .8s cubic-bezier(.075, .82, .165, 1)
}

.threeD-letter-menu .menu-item .menu-item-text .clone {
	position: absolute;
	top: 0;
	left: 0
}

.threeD-letter-menu .menu-item .menu-item-text .clone .char {
	-webkit-transform: translateY(-100px);
	transform: translateY(-100px);
	opacity: 0
}

.threeD-letter-menu .menu-item .menu-item-text:hover .clone .char {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}

.threeD-letter-menu .menu-item .menu-item-text:hover .words:not(.clone) .char {
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
	opacity: 0
}

.quantity {
	display: inline-block;
	position: relative
}

.quantity button {
	border: 0;
	background-color: transparent;
	padding: 0;
	margin: -9px 0 0;
	font-size: 22px;
	line-height: 18px;
	position: absolute;
	left: 15px;
	top: 50%;
	color: var(--dark-gray);
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px)
}

.quantity button.qty-plus {
	right: 15px;
	left: auto
}

.quantity .qty-text {
	width: 115px;
	height: 54px;
	border: 1px solid var(--extra-medium-gray);
	border-radius: 5px;
	text-align: center;
	color: var(--dark-gray)
}

footer {
	padding-top: 110px;
	padding-bottom: 110px
}

footer .footer-logo img {
	max-height: 35px
}

footer ul {
	padding: 0;
	list-style: none;
	margin: 0;
	font-size: smaller;
}

footer ul li {
	margin-bottom: 5px
}

footer .nav-link {
	color: var(--medium-gray);
	padding: .5rem 1rem
}

.main-content {
	position: relative;
	z-index: 2;
	background: var(--white)
}

button.wh-ap-btn {
	outline: none;
	width: 60px;
	height: 60px;
	border: 0;
	background-color: #2ecc71;
	padding: 0;
	border-radius: 100%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	cursor: pointer;
	transition: opacity 0.3s, background 0.3s, box-shadow 0.3s;
}

button.wh-ap-btn::after {
	content: "";
	background-image: url("//i.imgur.com/cAS6qqn.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 60%;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 1;
}

button.wh-ap-btn:hover {
	opacity: 1;
	background-color: #20bf6b;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.wh-api {
	position: fixed;
	bottom: 0;
	right: 0;
}

.wh-fixed {
	margin-right: 15px;
	margin-bottom: 15px;
}

.wh-fixed > a {
	display: block;
	text-decoration: none;
}
 #mainHeader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: transparent !important;
    box-shadow: none !important;
    transition: all 0.3s ease;
}

#mainHeader.sticky-active {
    position: fixed !important;
    background: #ffffff !important;
    box-shadow: 0 8px 25px rgba(26, 56, 97, 0.12) !important;
    animation: headerSlideDown 0.35s ease;
}

@keyframes headerSlideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}

.wh-fixed > a:hover button.wh-ap-btn::before {
	opacity: 1;
	width: auto;
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
	width: 100px;
}

/* animacion pulse */

.whatsapp-pulse {
	width: 60px;
	height: 60px;
	right: 10px;
	bottom: 10px;
	background: #10b418;
	position: fixed;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
	border-radius: 50%;
	z-index: 99;
	display: inline-block;
	line-height: 65px;
}

.whatsapp-pulse:before {
	position: absolute;
	content: " ";
	z-index: -1;
	bottom: -15px;
	right: -15px;
	background-color: #10b418;
	width: 90px;
	height: 90px;
	border-radius: 100%;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity: 0.6;
	-webkit-animation: pulse 1s ease-out;
	animation: pulse 1.8s ease-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0);
		opacity: 0;
	}
	25% {
		-webkit-transform: scale(0.3);
		opacity: 1;
	}
	50% {
		-webkit-transform: scale(0.6);
		opacity: 0.6;
	}
	75% {
		-webkit-transform: scale(0.9);
		opacity: 0.3;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 0;
	}
}

@keyframes pulse {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	25% {
		transform: scale(0.3);
		opacity: 1;
	}
	50% {
		transform: scale(0.6);
		opacity: 0.6;
	}
	75% {
		transform: scale(0.9);
		opacity: 0.3;
	}
	100% {
		transform: scale(1);
		opacity: 0;
	}
}



/* =========================================
   BRAND GRID
========================================= */

.brand-grid{
    position: relative;

    width: 500px;
    height: 500px;

    margin: auto;

    border-radius: 50%;
    background: radial-gradient(circle, rgb(213 125 49 / 35%), transparent 70%);
    animation: rotateCircle 35s linear infinite;
}

/* =========================================
   LOGO BOX
========================================= */

.logo-box{
    position: absolute;

    width: 95px;
    height: 95px;

    border-radius: 28px;

    background: rgba(255,255,255,0.08);

    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

    border: 1px solid rgba(255,255,255,0.12);

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 18px;

    overflow: hidden;

    z-index: 2;

    transition:
        transform .4s ease,
        box-shadow .4s ease;

    animation:
        keepStraight 35s linear infinite,
        floating 5s ease-in-out infinite;
}

/* =========================================
   IMAGE
========================================= */

.logo-box img{
     max-width: 105%;
   
    object-fit: contain;

    transition: transform .4s ease;
}

/* =========================================
   HOVER EFFECT
========================================= */

.logo-box:hover{
    transform: scale(1.08);

    box-shadow:
        -18px 18px 50px rgba(255,182,193,0.35),
        0px 18px 50px rgba(186,156,255,0.35),
        18px 18px 50px rgba(255,210,160,0.35),
        0 15px 40px rgba(0,0,0,0.08);
}

.logo-box:hover img{
    transform: scale(1.05);
}

/* =========================================
   GLOW BORDER
========================================= */

.logo-box::before{
    content: "";

    position: absolute;
    inset: 0;

    border-radius: 28px;
    padding: 1.5px;

    background:
        linear-gradient(
        274deg, rgb(213 125 49), rgb(21 58 98), rgb(213 125 49 / 52%));

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;

    mask-composite: exclude;

    z-index: -1;
}

/* =========================================
   INNER LIGHT
========================================= */

.logo-box::after{
    content: "";

    position: absolute;

    width: 140%;
    height: 140%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,0.25),
            transparent 70%
        );

    top: -50%;
    left: -50%;

    transform: rotate(25deg);

    pointer-events: none;
}

/* =========================================
   PERFECT CIRCLE POSITIONS
========================================= */

.logo1{
    top: 0%;
    left: 50%;
    margin-left: -47px;
}

.logo2{
    top: 14%;
    right: 7%;
}

.logo3{
    top: 50%;
    right: 0%;
    margin-top: -47px;
}

.logo4{
    bottom: 14%;
    right: 7%;
}

.logo5{
    bottom: 0%;
    left: 50%;
    margin-left: -47px;
}

.logo6{
    bottom: 14%;
    left: 7%;
}

.logo7{
    top: 50%;
    left: 0%;
    margin-top: -47px;
}

.logo8{
    top: 14%;
    left: 7%;
}

/* =========================================
   MAIN ROTATION
========================================= */

@keyframes rotateCircle{
    from{
        transform: rotate(0deg);
    }

    to{
        transform: rotate(360deg);
    }
}

/* =========================================
   KEEP LOGOS STRAIGHT
========================================= */

@keyframes keepStraight{
    from{
        transform: rotate(0deg);
    }

    to{
        transform: rotate(-360deg);
    }
}

/* =========================================
   FLOATING EFFECT
========================================= */

@keyframes floating{
    0%{
        translate: 0 0px;
    }

    50%{
        translate: 0 -10px;
    }

    100%{
        translate: 0 0px;
    }
}


/* =========================================
   PARTICLES
========================================= */

.particle{
    position: absolute;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: rgba(130,110,255,0.35);

    pointer-events: none;

    animation: particleMove linear infinite;
}

@keyframes particleMove{

    0%{
        transform: translateY(0px);
        opacity: 0;
    }

    20%{
        opacity: 1;
    }

    100%{
        transform: translateY(-400px);
        opacity: 0;
    }
}

/* =========================================
   MOBILE
========================================= */

@media(max-width:576px){

    .brand-grid{
        width: 340px;
        height: 340px;
    }

    .logo-box{
        width: 70px;
        height: 70px;

        border-radius: 20px;

        padding: 12px;
    }

    .logo1,
    .logo5{
        margin-left: -35px;
    }

    .logo3,
    .logo7{
        margin-top: -35px;
    }
}
.center-glow{
    position: absolute;

    top: 50%;
    left: 50%;

   
    height: 150px;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

   

    z-index: 5;

    /* cancel parent rotation */
    animation: keepCenterStraight 35s linear infinite;
}

.center-glow img{
  
    object-fit: contain;
}


/* Reverse parent rotation */
@keyframes keepCenterStraight{

    from{
        transform:
        translate(-50%, -50%)
        rotate(0deg);
    }

    to{
        transform:
        translate(-50%, -50%)
        rotate(-360deg);
    }
}