@charset "UTF-8";
/* Gencyo – Digital Agency, SEO & IT Solutions HTML Template


Version: 1.0.0
License: copyright commercial

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global Settings
4. Main Header / TWO / Three / Four / Five
5. Sticky Header
6. Mobile Menu
7. Section Title
8. Page Title
9. Main Slider
10. Banner Section / Two / Three / Four
11. Features Section / Two / Three / Four / Five / Six
12. About Section / Two / Three / Four / Five / Six
13. Services Section / Two / Three / Four / Five
14. Map Section
15. Call To Action / Two / Three / Four / Five
16. Locations Section / Two
17. Offer Section / Two / Three / Four
18. FAQ's Sectiom / Two
19. Work Section
20. Fun Fact Section / Two
21. Project Section / Two / Three
22. Testimonial Section / Two / Three / Four
23. Why Choose Us / Two / Three
24. Industries Section
25. Pricing Section
26. team Section / Two
27. Contact Sectiom / Two / Three / Four
28. News Section / Two
29. Clients Section
30. Main Footer
**********************************************/
@import url("https://fonts.cdnfonts.com/css/beatrice-display-trial");
@import url("animate.css");
@import url("swiper.min.css");
@import url("slick.css");
@import url("jquery.fancybox.min.css");
@import url("nice-select.css");
@import url("jquery-ui.css");
@import url("linear.css");
@import url("magnific-popup.css");
@import url("fontawesome-free.css");
@import url("fontawesome.css");
@import url("flaticon.css");
@import url("flaticon-tech.css");
@import url("flaticon-set-business.css");
@import url("tm-bs-mp.css");
@import url("tm-utility-classes.css");

:root {
	--theme-color1: #FF6B1E;
	--theme-color2: #151515;
	--theme-color3: #07182d;
	--theme-color1-rgb: 255, 107, 30;
	--theme-color2-rgb: 21, 21, 21;
	--theme-color3-rgb: 13, 13, 13;
	--theme-color1-text-color: #fff;
	--theme-color2-text-color: #fff;
	--theme-color3-text-color: #fff;
	--body-bg: #07182d;
	--theme-color-white: #ffffff;
	--bg-color: #151515;
	--theme-color-white-rgb: 255, 255, 255;
	--theme-color-silver: #eee;
	--theme-color-black: #000000;
	--theme-color-black-rgb: 0, 0, 0;
	--bg-theme-color1: var(--theme-color1);
	--bg-theme-color2: var(--theme-color2);
	--bg-theme-color3: var(--theme-color3);
	--border-color1-rgba: rgba(255, 255, 255, 0.2);
	--border-color2-rgba: rgba(255, 255, 255, 0.13);
	--text-color: #7A7A7A;
	--headings-color: #FFFFFF;
	--link-color: var(--theme-color1);
	--link-hover-color: var(--theme-color2);
	--body-font-family: "Beatrice Trial", sans-serif;
	--heading-font-family: "Beatrice Trial", sans-serif;
	--body-font-size: 16px;
	--body-line-height: 1.9;
	--body-font-weight: 400;
	--line-height-heading-h1: 100%;
	--line-height-heading: 120%;
	--line-height-heading-small: 1.4em;
	--h1-font-size: 100px;
	--h2-font-size: 30px;
	--h3-font-size: 25px;
	--h4-font-size: 20px;
	--h5-font-size: 18px;
	--h6-font-size: 16px;
	--h1-font-weight: 700;
	--h2-font-weight: 500;
	--h3-font-weight: 400;
	--h4-font-weight: 500;
	--h5-font-weight: 600;
	--h6-font-weight: 700;
	--sec-title-subtitle-color: #7e8596;
	--sec-title-subtitle-font-size: 16px;
	--sec-title-subtitle-font-weight: 500;
	--sec-title-subtitle-line-height: 1;
	--sec-title-color: var(--headings-color);
	--sec-title-font-size: 50px;
	--sec-title-font-weight: var(--h2-font-weight);
	--container-width: 1320px;
	--small-container-width: 1000px;
	--large-container-width: 1550px;
	--container-pt: 120px;
	--container-pb: 120px;
	--gradient-1: linear-gradient(90deg, #88ff2a 0%, #fff 100%);
}

/*
 * typography.scss
 * -----------------------------------------------
*/
/* --------------------------------------------
    Template Default Fonts & Fonts Styles
 ---------------------------------------------- */
::selection {
	background: var(--theme-color1);
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: var(--theme-color1);
	/* Firefox */
	color: #fff;
	text-shadow: none;
}

::-webkit-selection {
	background: var(--theme-color1);
	/* Safari */
	color: #fff;
	text-shadow: none;
}

:active,
:focus {
	outline: none !important;
}

::-webkit-input-placeholder {
	color: #7c858c;
}

::-moz-input-placeholder {
	color: #7c858c;
}

::-ms-input-placeholder {
	color: #7c858c;
}

body {
	background-color: var(--body-bg);
	background-attachment: fixed;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	counter-reset: my-sec-counter;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	color: var(--text-color);
	font-size: var(--body-font-size);
	font-family: var(--body-font-family);
	line-height: var(--body-line-height);
}

p,
.text {
	color: var(--text-color);
	font-size: var(--body-font-size);
	font-weight: var(--body-font-weight);
	line-height: var(--body-line-height);
	letter-spacing: -0.32px;
}

/* -------- Headings ---------- */
h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--headings-color);
	position: relative;
	font-family: var(--heading-font-family);
	margin: 0;
}

h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small,
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small {
	font-weight: normal;
	line-height: 1;
	color: var(--headings-color);
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
	font-weight: inherit;
}

h1 {
	font-size: var(--h1-font-size);
	font-weight: var(--h1-font-weight);
	line-height: var(--line-height-heading-h1);
}

h2 {
	font-size: var(--h2-font-size);
	font-weight: var(--h2-font-weight);
	line-height: var(--line-height-heading);
}

h3 {
	font-size: var(--h3-font-size);
	font-weight: var(--h3-font-weight);
	line-height: var(--line-height-heading);
}

@media (max-width: 1199.98px) {
	h3 {
		font-size: 26px;
	}
}

@media (max-width: 767.98px) {
	h3 {
		font-size: 25px;
	}
}

@media (max-width: 575.98px) {
	h3 {
		font-size: 22px;
	}
}

@media (max-width: 469.98px) {
	h3 {
		font-size: 20px;
	}
}

h4 {
	font-size: var(--h4-font-size);
	font-weight: var(--h4-font-weight);
	line-height: var(--line-height-heading-small);
}

@media (max-width: 1399.98px) {
	h4 {
		font-size: 22px;
	}
}

@media (max-width: 575.98px) {
	h4 {
		font-size: 20px;
	}
}

@media (max-width: 469.98px) {
	h4 {
		font-size: 19px;
	}
}

h5 {
	font-size: var(--h5-font-size);
	font-weight: var(--h5-font-weight);
	line-height: var(--line-height-heading-small);
}

h6 {
	font-size: var(--h6-font-size);
	font-weight: var(--h6-font-weight);
	line-height: var(--line-height-heading-small);
}

/* -------- Body Text ---------- */
table p {
	margin-bottom: 0;
}

p {
	padding: 0;
	margin: 0;
}

p a:not(.button):not(.btn):hover,
p a:not(.button):not(.btn):focus {
	text-decoration: underline;
}

/* -------- other ---------- */
a {
	color: var(--link-color);
	text-decoration: none;
	font-weight: var(--body-font-weight);
	cursor: pointer;
	transition: all 0.3s ease;
}

a:hover,
a:focus {
	color: inherit;
	text-decoration: none;
	outline: none;
}

a b,
a strong {
	transition: all 0.3s ease;
}

a img {
	border: none;
}

pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset {
	margin-bottom: 10px;
}

ol,
ul {
	list-style-position: inside;
	margin: 0;
	padding: 0;
	list-style: none;
}

b,
strong {
	color: #333;
	font-weight: var(--body-font-weight-bold);
}

iframe {
	border: none !important;
}

/*
 * container.scss
 * -----------------------------------------------
*/
.container .container {
	width: 100%;
}

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

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

@media (min-width: 1400px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: var(--container-width);
	}
}

.auto-container {
	position: static;
	max-width: var(--container-width);
	padding: 0px 15px;
	margin: 0 auto;
	width: 100%;
}

.container-1600 {
	max-width: 1600px;
}

/*=== Default Form ===*/
.form-control,
.input-text {
	height: calc(2.25rem + 27px);
	padding: 14px 30px;
	outline: 0;
	background-color: #222222;
	border: 1px solid #35373a;
	color: #686a6f;
	font-size: 0.9rem;
	width: 100%;
}

.form-control::placeholder,
.input-text::placeholder {
	color: #686a6f;
	opacity: 1;
}

.form-control:-ms-input-placeholder,
.input-text:-ms-input-placeholder {
	color: #686a6f;
}

.form-control::-ms-input-placeholder,
.input-text::-ms-input-placeholder {
	color: #686a6f;
}

.form-control:focus,
.input-text:focus {
	background-color: #222222;
	box-shadow: none;
	border: transparent;
}

textarea.form-control {
	height: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}

.pricing-tab-btn {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-top: 40px;
	position: relative;
	z-index: 99;
	margin-bottom: 90px;
}

@media (max-width: 767.98px) {
	.pricing-tab-btn {
		margin-bottom: 20px;
		margin-top: 40px;
	}
}

.pricing-tab-btn span {
	font-size: 20px;
	font-weight: 700;
	color: var(--theme-color-white);
	font-family: var(--heading-font-family);
}

.pricing-tab-btn .nav {
	display: inline-flex;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 100px;
	padding: 5px 8px;
	line-height: 1;
	background: #151515;
}

.pricing-tab-btn .nav .nav-item .nav-link {
	font-size: 20px;
	font-weight: 700;
	color: var(--theme-color2);
	border-radius: 31px;
	font-family: var(--heading-font-family);
	padding: 0;
	width: 24px;
	height: 24px;
	border: none;
	transition: all 0.2s ease-in-out;
}

.pricing-tab-btn .nav .nav-item .nav-link.active {
	background: var(--theme-color1);
	color: var(--theme-color-white);
}

.tp-cursor #cursor-outer {
	display: block;
}

#cursor-outer {
	position: absolute;
	display: none;
	width: 10px;
	height: 10px;
	pointer-events: none;
	z-index: 99999;
	opacity: 0;
	top: 0;
	left: 0;
}

#cursorDot {
	position: fixed;
	display: flex;
	align-items: center;
	pointer-events: none;
	background-color: var(--theme-color1);
	border-radius: 50%;
	justify-content: center;
	mix-blend-mode: difference;
	color: transparent;
}

/* cursorDot view 
============= */
#cursorDot .cursorDot-view {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	padding: 0 5px;
	font-size: 15px;
	font-weight: 500;
	color: #000;
	line-height: 1.3;
	text-align: center;
	transform: scale(0);
}

/* cursorDot drag 
============= */
#cursorDot .cursorDot-drag {
	position: absolute;
	display: block;
	width: 100%;
	padding: 0 5px;
	font-size: 15px;
	font-weight: 600;
	color: var(--theme-color-white);
	line-height: 1.2;
	text-align: center;
	transition: all 0.3s;
}

#cursorDot .cursorDot-drag::before,
#cursorDot .cursorDot-drag::after {
	position: absolute;
	top: 50%;
	margin-top: -5px;
	font-size: 19px;
	color: var(--theme-color-white);
	height: 10px;
	line-height: 10px;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

#cursorDot .cursorDot-drag::before {
	content: "\f104";
	/* Font Awesome */
	left: 0;
	transform: translate3d(20px, 0, 0);
	transition: all 0.25s;
}

#cursorDot .cursorDot-drag::after {
	content: "\f105";
	/* Font Awesome */
	right: 0;
	transform: translate3d(-20px, 0, 0);
	transition: all 0.25s;
}

#cursorDot.with-blur {
	-webkit-backdrop-filter: blur(18px);
	backdrop-filter: blur(18px);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* cursorDot close 
============== */
#cursorDot.cursorDot-close-enabled {
	opacity: 1 !important;
}

#cursorDot .cursorDot-close {
	position: absolute;
	padding: 0 5px;
	font-size: 14px;
	font-weight: 600;
	color: var(--theme-color1);
	line-height: 1;
	text-align: center;
}

.tp-magnetic-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
}

.back-to-top {
	border-radius: 15px !important;
	background-color: var(--theme-color1);
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: var(--theme-color-white);
	font-size: 18px;
	position: fixed;
	display: inline-block;
	z-index: 999;
	right: 30px;
	bottom: 30px;
	transition: all 0.2s ease-in-out;
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
}

.back-to-top:hover {
	background-color: var(--headings-color);
	color: var(--theme-color2);
}

.back-to-top.show {
	opacity: 1;
	visibility: visible;
	transform: translate(0);
}

.cursor-outer {
	margin-inline-start: -12px;
	margin-top: -12px;
	width: 30px;
	height: 30px;
	border: 1px solid var(--theme-color1);
	background-color: var(--theme-color1);
	box-sizing: border-box;
	z-index: 10000000;
	opacity: 0.34;
	transition: all 0.4s ease-out 0s;
}

.cursor-outer.cursor-hover {
	opacity: 0.14;
}

.cursor-outer.cursor-big {
	opacity: 0;
}

.mouseCursor {
	position: fixed;
	top: 0;
	inset-inline-start: 0;
	inset-inline-end: 0;
	bottom: 0;
	pointer-events: none;
	border-radius: 50%;
	transform: translateZ(0);
	visibility: hidden;
	text-align: center;
}

.mouseCursor.cursor-big {
	width: 20px;
	height: 20px;
	margin-inline-start: -12px;
	margin-top: -12px;
}

.cursor-inner {
	margin-inline-start: -3px;
	margin-top: -3px;
	width: 10px;
	height: 10px;
	z-index: 10000001;
	background-color: var(--theme-color1);
	opacity: 1;
	transition: all 0.24s ease-out 0s;
}

.cursor-inner span {
	color: #fff;
	line-height: 60px;
	opacity: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
}

.cursor-inner.cursor-big span {
	opacity: 1;
}

.cursor-inner.cursor-hover {
	margin-inline-start: -10px;
	margin-top: -10px;
	width: 30px;
	height: 30px;
	background-color: var(--theme-color1);
	border: 1px solid #686363;
	opacity: 0;
}

/*=======================
    Preloader
=======================*/
.preloader {
	position: fixed;
	top: 0;
	inset-inline-start: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 100000000;
	color: #fdfdf9;
	user-select: none;
}

.preloader.is-loading .preloader-ball-inner,
.preloader.is-loading .preloader-ball-shadow {
	animation-play-state: running;
}

.preloader.is-loaded {
	pointer-events: none;
}

.preloader .preloader-overlay {
	position: fixed;
	top: 0;
	inset-inline-start: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 99999999;
	opacity: 1;
	animation: fade-out 2s forwards;
}

@keyframes fade-out {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.preloader .preloader-inner {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.preloader .preloader-ball-wrap {
	gap: 10px;
	position: relative;
	display: flex;
	inset-inline-start: 0;
	align-items: center;
	justify-content: center;
	transform: translateX(16px);
}

@media only screen and (min-width: 1025px) {
	.preloader .preloader-ball-wrap {
		transform: none;
	}
}

.preloader .preloader-ball-inner-wrap {
	position: absolute;
	width: 10px;
	height: 100%;
	top: 50%;
	inset-inline-start: -16px;
	transform: translate(-100%, -50%);
	z-index: 10000;
}

@media only screen and (min-width: 1025px) {
	.preloader .preloader-ball-inner-wrap {
		inset-inline-start: -30px;
	}
}

.preloader .preloader-ball-shadow {
	position: absolute;
	width: 16px;
	height: 4px;
	inset-inline-start: 50%;
	transform: translateX(-50%);
	background-color: var(--theme-color1);
	bottom: 0;
	border-radius: 50%;
	filter: blur(12px);
	box-shadow: 0 4px 20px 0 var(--theme-color1);
	transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1);
	animation-play-state: paused;
	animation: shadow-blur 1s linear infinite;
}

.preloader .preloader-ball-inner {
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--theme-color1);
	animation: bounce-anim 1s linear infinite;
	box-shadow: 0 0 12px 0 #fdfdf9;
	transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1);
	animation-play-state: paused;
}

.preloader.is-loaded .preloader-ball-shadow {
	display: none;
}

.preloader.is-loaded .preloader-ball-inner {
	animation: fadeLeftToRight 0.7s linear;
}

.preloader .preloader-ball {
	position: absolute;
	width: 14px;
	height: 14px;
	bottom: 50%;
	inset-inline-start: 50%;
	transform: translate(-50%, 50%);
	border-radius: 50%;
	background-color: rgba(0, 255, 194, 0.1);
	box-shadow: 0 0 20px 0 var(--theme-color1);
	filter: blur(10px);
}

.preloader .preloader-text {
	font-size: 20px;
	position: relative;
	letter-spacing: 0;
	transform: translateY(-0.03em);
	transition: 0.3s;
}

.preloader.is-loaded .preloader-text {
	opacity: 0;
	visibility: hidden;
}

#weave-anim span {
	position: relative;
	transition: all 0.3s ease;
	display: inline-block;
	animation: tj-weave-anim 1.15s ease infinite;
	transform-origin: 100% 50%;
	transform-style: preserve-3d;
}

#weave-anim span:nth-child(1) {
	animation-delay: 0s;
}

#weave-anim span:nth-child(2) {
	animation-delay: 0.05s;
}

#weave-anim span:nth-child(3) {
	animation-delay: 0.1s;
}

#weave-anim span:nth-child(4) {
	animation-delay: 0.15s;
}

#weave-anim span:nth-child(5) {
	animation-delay: 0.2s;
}

#weave-anim span:nth-child(6) {
	animation-delay: 0.25s;
}

#weave-anim span:nth-child(7) {
	animation-delay: 0.3s;
}

#weave-anim span:nth-child(8) {
	animation-delay: 0.35s;
}

#weave-anim span:nth-child(9) {
	animation-delay: 0.4s;
}

#weave-anim span:nth-child(10) {
	animation-delay: 0.45s;
}

#weave-anim span:nth-child(11) {
	animation-delay: 0.5s;
}

#weave-anim span:nth-child(12) {
	animation-delay: 0.55s;
}

#weave-anim span:nth-child(13) {
	animation-delay: 0.6s;
}

#weave-anim span:nth-child(14) {
	animation-delay: 0.65s;
}

#weave-anim span:nth-child(15) {
	animation-delay: 0.7s;
}

#weave-anim span:nth-child(16) {
	animation-delay: 0.75s;
}

#weave-anim span:nth-child(17) {
	animation-delay: 0.8s;
}

#weave-anim span:nth-child(18) {
	animation-delay: 0.85s;
}

#weave-anim span:nth-child(19) {
	animation-delay: 0.9s;
}

#weave-anim span:nth-child(20) {
	animation-delay: 0.95s;
}

#weave-anim span:nth-child(21) {
	animation-delay: 1s;
}

#weave-anim span:nth-child(22) {
	animation-delay: 1.05s;
}

#weave-anim span:nth-child(23) {
	animation-delay: 1.15s;
}

@keyframes shadow-blur {
	0% {
		filter: blur(12px);
		transform: translate(-50%) scale(0.6);
		opacity: 0.4;
	}

	30% {
		filter: blur(2px);
		transform: translate(-50%, -0.5rem) scale(1);
		opacity: 1;
	}

	to {
		filter: blur(12px);
		transform: translate(-50%) scale(0.6);
		opacity: 0.4;
	}
}

@keyframes fadeLeftToRight {
	0% {
		filter: blur(0);
		transform: translate(0) scale(1);
		opacity: 1;
	}

	30% {
		filter: blur(0);
		transform: translate(-3000%, 0) scale(1);
		opacity: 1;
	}

	40% {
		filter: blur(0);
		transform: translate(-2000%, 0) scale(1);
		opacity: 1;
	}

	60% {
		filter: blur(0);
		transform: translate(0%, 0) scale(1);
		opacity: 1;
	}

	to {
		filter: blur(12px);
		transform: translate(1000%, 0) scale(7);
		opacity: 0.4;
	}
}

@keyframes bounce-anim {
	0% {
		transform: translateY(calc(-50% - 1rem)) scaleX(1.4);
	}

	3% {
		transform: translateY(calc(-50% - 0.95rem)) scale(1.1, 1.05);
	}

	5% {
		transform: translateY(calc(-50% - 0.9rem)) scale(1.2, 1.1);
	}

	8% {
		transform: translateY(calc(-50% - 0.8rem)) scale(0.98, 1.15);
	}

	12% {
		transform: translateY(calc(-50% - 0.7rem)) scale(0.95, 1.2);
	}

	16% {
		transform: translateY(calc(-50% - 0.5rem)) scale(0.92, 1.25);
	}

	20% {
		transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4);
	}

	24% {
		transform: translateY(calc(-50% + 0.4rem)) scale(0.9, 1.7);
	}

	26% {
		transform: translateY(calc(-50% + 0.8rem)) scale(0.9, 1.4);
	}

	28% {
		transform: translateY(calc(-50% + 0.95rem)) scale(1.2, 0.7);
	}

	30% {
		transform: translateY(calc(-50% + 1rem)) scale(1.5, 0.3);
	}

	32% {
		transform: translateY(calc(-50% + 0.8rem)) scale(1.4, 0.4);
	}

	36% {
		transform: translateY(calc(-50% + 0.5rem)) scale(1.2, 0.8);
	}

	42% {
		transform: translateY(calc(-50% + 0.2rem)) scaleY(1.2);
	}

	48% {
		transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4);
	}

	54% {
		transform: translateY(calc(-50% - 0.3rem)) scale(0.92, 1.3);
	}

	62% {
		transform: translateY(calc(-50% - 0.5rem)) scale(0.95, 1.2);
	}

	68% {
		transform: translateY(calc(-50% - 0.6rem)) scale(0.97, 1.15);
	}

	75% {
		transform: translateY(calc(-50% - 0.7rem)) scale(0.98, 1.1);
	}

	80% {
		transform: translateY(calc(-50% - 0.8rem)) scale(0.99, 1.08);
	}

	85% {
		transform: translateY(calc(-50% - 0.9rem)) scaleY(1.05);
	}

	90% {
		transform: translateY(calc(-50% - 0.95rem)) scale(1.2, 1.03);
	}

	95% {
		transform: translateY(calc(-50% - 0.98rem)) scale(1.1, 1.01);
	}

	to {
		transform: translateY(calc(-50% - 1rem)) scaleX(1.4);
	}
}

@keyframes weave-anim {
	0% {
		transform: translate3D(0, 0, 0) scale(1) rotateY(0);
	}

	12% {
		transform: translate3D(2px, -2px, 2px) scale(1.16) rotateY(6deg);
	}

	24% {
		transform: translate3D(0, 0, 0) scale(1) rotateY(0);
	}

	36% {
		transform: translate3D(0, 0, 0) scale(1);
	}

	100% {
		transform: scale(1);
	}
}

/*
 *	boxed-layout.scss
 * -----------------------------------------------
*/
.tm-boxed-layout {
	background-color: #444;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 15px;
	padding-right: 15px;
}

.tm-boxed-layout.layer-overlay:before {
	z-index: -1;
}

.tm-boxed-layout .page-wrapper {
	margin: 0 auto;
	overflow: hidden;
}

@media (min-width: 1200px) {
	.tm-boxed-layout .page-wrapper {
		width: 1170px;
	}
}

.tm-boxed-layout .container .container {
	width: 100%;
}

@media (min-width: 1200px) {
	.tm-boxed-layout .container {
		width: 1140px;
	}
}

@media (min-width: 1000px) {
	.tm-boxed-layout.tm-container-970px .page-wrapper {
		width: 970px;
	}
}

.tm-boxed-layout.tm-container-970px .container,
.tm-boxed-layout.tm-container-970px .container-fluid {
	padding-left: 20px;
	padding-right: 20px;
}

.tm-boxed-layout.tm-container-970px .container .container,
.tm-boxed-layout.tm-container-970px .container .container-fluid,
.tm-boxed-layout.tm-container-970px .container-fluid .container,
.tm-boxed-layout.tm-container-970px .container-fluid .container-fluid {
	padding-left: 0;
	padding-right: 0;
}

@media (min-width: 1300px) {
	.tm-boxed-layout.tm-container-1230px .page-wrapper {
		width: 1230px;
	}
}

.tm-boxed-layout.tm-container-1230px .container,
.tm-boxed-layout.tm-container-1230px .container-fluid {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}

.tm-boxed-layout.tm-container-1230px .container .container,
.tm-boxed-layout.tm-container-1230px .container .container-fluid,
.tm-boxed-layout.tm-container-1230px .container-fluid .container,
.tm-boxed-layout.tm-container-1230px .container-fluid .container-fluid {
	padding-left: 0;
	padding-right: 0;
}

@media (min-width: 1400px) {
	.tm-boxed-layout.tm-container-1300px .page-wrapper {
		width: 1300px;
	}
}

.tm-boxed-layout.tm-container-1300px .container,
.tm-boxed-layout.tm-container-1300px .container-fluid {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}

.tm-boxed-layout.tm-container-1300px .container .container,
.tm-boxed-layout.tm-container-1300px .container .container-fluid,
.tm-boxed-layout.tm-container-1300px .container-fluid .container,
.tm-boxed-layout.tm-container-1300px .container-fluid .container-fluid {
	padding-left: 0;
	padding-right: 0;
}

@media (min-width: 1400px) {
	.tm-boxed-layout.tm-container-1340px .page-wrapper {
		width: 1340px;
	}
}

.tm-boxed-layout.tm-container-1340px .container,
.tm-boxed-layout.tm-container-1340px .container-fluid {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}

.tm-boxed-layout.tm-container-1340px .container .container,
.tm-boxed-layout.tm-container-1340px .container .container-fluid,
.tm-boxed-layout.tm-container-1340px .container-fluid .container,
.tm-boxed-layout.tm-container-1340px .container-fluid .container-fluid {
	padding-left: 0;
	padding-right: 0;
}

@media (min-width: 1400px) {
	.tm-boxed-layout.tm-container-1440px .page-wrapper {
		width: 1440px;
	}
}

.tm-boxed-layout.tm-container-1440px .container,
.tm-boxed-layout.tm-container-1440px .container-fluid {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}

.tm-boxed-layout.tm-container-1440px .container .container,
.tm-boxed-layout.tm-container-1440px .container .container-fluid,
.tm-boxed-layout.tm-container-1440px .container-fluid .container,
.tm-boxed-layout.tm-container-1440px .container-fluid .container-fluid {
	padding-left: 0;
	padding-right: 0;
}

@media (min-width: 1560px) {
	.tm-boxed-layout.tm-container-1500px .page-wrapper {
		width: 1500px;
	}
}

.tm-boxed-layout.tm-container-1500px .container,
.tm-boxed-layout.tm-container-1500px .container-fluid {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}

.tm-boxed-layout.tm-container-1500px .container .container,
.tm-boxed-layout.tm-container-1500px .container .container-fluid,
.tm-boxed-layout.tm-container-1500px .container-fluid .container,
.tm-boxed-layout.tm-container-1500px .container-fluid .container-fluid {
	padding-left: 0;
	padding-right: 0;
}

@media (min-width: 1660px) {
	.tm-boxed-layout.tm-container-1600px .page-wrapper {
		width: 1600px;
	}
}

.tm-boxed-layout.tm-container-1600px .container,
.tm-boxed-layout.tm-container-1600px .container-fluid {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}

.tm-boxed-layout.tm-container-1600px .container .container,
.tm-boxed-layout.tm-container-1600px .container .container-fluid,
.tm-boxed-layout.tm-container-1600px .container-fluid .container,
.tm-boxed-layout.tm-container-1600px .container-fluid .container-fluid {
	padding-left: 0;
	padding-right: 0;
}

.tm-boxed-layout.tm-container-100pr .page-wrapper {
	width: 95%;
}

.tm-boxed-layout.tm-container-100pr .page-wrapper .container,
.tm-boxed-layout.tm-container-100pr .page-wrapper .container-fluid {
	width: 100%;
}

.tm-boxed-layout.container-shadow .page-wrapper {
	box-shadow: 0 0 25px 0 #777;
}

.tm-boxed-layout .header,
.tm-boxed-layout section,
.tm-boxed-layout .footer {
	background-color: #fff;
}

.tm-boxed-layout .header .navbar-default {
	background-color: #fff;
	border-color: #fff;
	padding: 0;
}

.tm-boxed-layout .header .navbar-default .navbar-nav>li>a {
	padding: 30px 5px;
}

.tm-boxed-layout .header .navbar-default .navbar-collapse {
	background-color: #fff;
	border-color: #fff;
	margin-right: 30px;
}

.tm-boxed-layout .header #header-logo {
	margin: 0;
	padding-top: 27px;
}

.tm-boxed-layout .banner-section .slide-item {
	min-height: 540px;
}

.tm-boxed-layout .banner-section .slide-item .content-box {
	padding: 150px 0 220px;
}

.tm-boxed-layout .banner-section-two .content-box {
	padding: 250px 0 150px;
}

.tm-boxed-layout .banner-section-three .content-box {
	padding: 250px 0 150px;
}

.tm-boxed-layout .banner-section-four .content-box {
	padding: 130px 0;
}

@media (max-width: 1200px) {
	.tm-boxed-layout {
		padding-top: 15px;
	}

	.tm-boxed-layout .header .navbar-default .navbar-nav>li>a {
		padding: 10px;
	}

	.tm-boxed-layout .header .navbar-default .navbar-collapse {
		margin-right: 15px;
	}

	.tm-boxed-layout .navbar-header {
		padding: 15px 0;
	}

	.tm-boxed-layout .navbar-collapse .navbar-nav li a .caret {
		margin-right: 0;
	}
}

.accordion-box {
	position: relative;
}

.accordion-box .block {
	position: relative;
	margin-bottom: 10px;
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, 0.13);
	background: var(--body-bg);
	padding: 27px 30px;
	line-height: 1;
}

.accordion-box .block:last-child {
	margin-bottom: 0;
}

.accordion-box .block .acc-btn {
	position: relative;
	font-size: 20px;
	color: var(--theme-color-white);
	font-weight: 500;
	transition: all 500ms ease;
}

.accordion-box .block .acc-btn span {
	color: var(--theme-color1);
}

@media (max-width: 1199.98px) {
	.accordion-box .block .acc-btn {
		font-size: 20px;
	}
}

@media (max-width: 767.98px) {
	.accordion-box .block .acc-btn {
		padding-right: 40px;
	}
}

.accordion-box .block .acc-btn .icon {
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: inherit;
	transition: all 0.4s ease-in-out;
	background-color: var(--theme-color2);
	color: var(--theme-color2-text-color);
	font-size: 18px;
	height: 35px;
	line-height: 25px;
	position: absolute;
	right: 0;
	transition: all 500ms ease;
	width: 34px;
	top: -8px;
}

.accordion-box .block .acc-btn.active {
	color: var(--theme-color1);
}

.accordion-box .block .acc-btn.active .icon {
	background-color: var(--theme-color1);
	color: var(--headings-color);
}

.accordion-box .block .acc-btn.active .icon:before {
	content: "\f068";
}

.accordion-box .block .acc-content {
	position: relative;
	display: none;
	padding-right: 20px;
	margin-top: 20px;
}

.accordion-box .block .acc-content .content {
	position: relative;
}

.accordion-box .block .acc-content .content .text {
	display: block;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 0;
	color: var(--theme-color-white);
}

@media (max-width: 767.98px) {
	.accordion-box .block .acc-content .content .text {
		padding: 0;
	}
}

.accordion-box .block .acc-content.current {
	display: block;
}

.accordion-box .block.active-block {
	background: radial-gradient(196.16% 133.29% at 100% 98.08%, #222B1C 0%, #151515 55.18%);
}

/***

====================================================================
Reset
====================================================================

***/
* {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
	font-size: 100%;
}

/***

====================================================================
Global Settings
====================================================================

***/
textarea {
	overflow: hidden;
	resize: none;
}

button {
	outline: none !important;
	cursor: pointer;
}

ul,
li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.title a {
	color: inherit;
}

.color1 {
	color: var(--theme-color1);
}

.color2 {
	color: var(--theme-color2);
}

.color3 {
	color: var(--theme-color3);
}

.bg-color3 {
	background-color: var(--theme-color3) !important;
}

.page-wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 300px;
	z-index: 99;
	background-color: var(--body-bg);
}

.large-container {
	position: static;
	max-width: var(--large-container-width);
	padding: 0px 15px;
	margin: 0 auto;
	width: 100%;
}

.auto-container {
	position: static;
	max-width: var(--container-width);
	padding: 0px 15px;
	margin: 0 auto;
	width: 100%;
}

.small-container {
	position: static;
	max-width: var(--small-container-width);
	padding: 0px 15px;
	margin: 0 auto;
	width: 100%;
}

.pull-right {
	float: right;
}

.pull-left {
	float: left;
}

.dropdown-toggle::after {
	display: none;
}

/*=======================
Scroll To Top style
=======================*/
.scroll-to-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 40px;
	font-size: 16px;
	line-height: 40px;
	color: var(--theme-color-black);
	text-align: center;
	cursor: pointer;
	background-color: var(--theme-color1);
	z-index: 100;
	display: none;
	border-radius: 50%;
	margin: 0 auto;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.scroll-to-top:hover {
	background: var(--theme-color1);
	color: #000;
}

/*=======================
    Preloader
=======================*/
@keyframes text-split {

	0%,
	75%,
	100% {
		opacity: 0;
		transform: rotateY(-90deg);
	}

	25%,
	50% {
		opacity: 1;
		transform: rotateY(0deg);
	}
}

.tabs-box {
	position: relative;
}

.tabs-box .tab {
	display: none;
}

.tabs-box .tab.active-tab {
	display: block;
}

/* background */
.bg-cover {
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-position: center;
}

.fix {
	overflow: hidden;
}

.bb-top {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.line-shape-animation {
	max-width: 1654px;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	justify-content: space-between;
	margin: 0 auto;
	transform: translateX(-50%);
	z-index: -1;
}

.line-shape-animation span {
	position: relative;
	width: 1px;
	height: 100%;
	display: block;
	background: rgba(255, 255, 255, 0.1);
	opacity: 0.5;
}

.line-shape-animation span::before,
.line-shape-animation span::after {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	background: var(--theme-color1);
	box-shadow: rgba(255, 255, 255, 0.1) 0px 8px 24px;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	clip-path: polygon(51% 8%, 68% 15%, 66% 40%, 60% 78%, 56% 100%, 46% 100%, 42% 84%, 38% 56%, 34% 17%);
}

.line-shape-animation span::after {
	animation: dscroll 2s linear infinite;
	width: 2px;
	height: 24px;
	bottom: 0;
	left: 0;
	background: var(--theme-color1);
	box-shadow: rgba(255, 255, 255, 0.1) 0px 8px 24px;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	clip-path: polygon(51% 8%, 68% 15%, 66% 40%, 60% 78%, 56% 100%, 46% 100%, 42% 84%, 38% 56%, 34% 17%);
}

.line-shape-animation span:nth-child(2)::after {
	animation: dscroll 2.1s linear infinite;
}

.line-shape-animation span:nth-child(3)::after {
	animation: dscroll 2.2s linear infinite;
}

.line-shape-animation span:nth-child(4)::after {
	animation: dscroll 2.3s linear infinite;
}

.line-shape-animation span:nth-child(5)::after {
	animation: dscroll 2.4s linear infinite;
}

.line-shape-animation span:nth-child(6)::after {
	animation: dscroll 1s linear infinite;
}

.line-shape-animation span:nth-child(7)::after {
	animation: dscroll 3.5s linear infinite;
}

.line-shape-animation span:nth-child(2)::backdrop {
	animation: dscroll 4.1s linear infinite;
}

.line-shape-animation span:nth-child(3)::before {
	animation: dscroll 4.2s linear infinite;
}

.line-shape-animation span:nth-child(4)::before {
	animation: dscroll 4.3s linear infinite;
}

.line-shape-animation span:nth-child(5)::before {
	animation: dscroll 4.4s linear infinite;
}

.line-shape-animation span:nth-child(6)::before {
	animation: dscroll 4s linear infinite;
}

.line-shape-animation span:nth-child(7)::before {
	animation: dscroll 4.5s linear infinite;
}

@keyframes dscroll {
	100% {
		transform: translateY(100vh);
	}
}

.p-relative {
	position: relative !important;
}

.section-bg2 {
	background-color: var(--theme-color3);
}

.mb-135 {
	margin-bottom: 135px;
}

.mb-140 {
	margin-bottom: 140px;
}

.mb-145 {
	margin-bottom: 145px;
}

.mb-150 {
	margin-bottom: 150px;
}

.mb-155 {
	margin-bottom: 155px;
}

.mb-160 {
	margin-bottom: 160px;
}

.mb-165 {
	margin-bottom: 165px;
}

.mb-170 {
	margin-bottom: 170px;
}

.mb-175 {
	margin-bottom: 175px;
}

.mb-180 {
	margin-bottom: 180px;
}

.mb-185 {
	margin-bottom: 185px;
}

.mb-190 {
	margin-bottom: 190px;
}

.mb-195 {
	margin-bottom: 195px;
}

.mb-200 {
	margin-bottom: 200px;
}

.tp-hero-2-img-box.last-item {
	margin-bottom: 1100px;
}

.tilt_scale {
	display: inline-block;
	transition: transform 0.2s ease;
}

.theme-btn-main .btn-style-one.transform {
	border: 1px solid transparent;
}

.theme-btn-main .btn-style-one.transform:hover {
	background-color: var(--theme-color-black);
	border: 1px solid var(--theme-color1);
	color: var(--theme-color1);
}

.theme-btn-main:hover .transform,
.transform {
	transform: none !important;
}

.swiper-dot {
	position: relative;
}

.swiper-dot .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	transition: 0.6s;
	background-color: rgba(255, 255, 255, 0.14);
	opacity: 1;
	border-radius: 10px;
}

.swiper-dot .swiper-pagination-bullet:not(:last-child) {
	margin-right: 5px;
}

.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--theme-color1);
	transition: 0.6s;
	position: relative;
}

.btn-style-one {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: var(--theme-color1);
	border-radius: 50px;
	color: var(--theme-color1-text-color);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	overflow: hidden;
	padding: 14.5px 60px 14.5px 30px;
	position: relative;
	text-transform: capitalize;
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;
	z-index: 0;
}

.btn-style-one:hover .btn-arrow-left {
	scale: 1;
}

.btn-style-one:hover .btn-arrow-right {
	scale: 0;
}

.btn-style-one:hover .btn-title {
	-webkit-transform: translateX(30px);
	transform: translateX(30px);
}

.btn-style-one .btn-arrow-right {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: var(--theme-color-white);
	border-radius: 50%;
	color: var(--theme-color2);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-size: 15px;
	height: 40px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: auto;
	line-height: 1;
	position: absolute;
	right: 10px;
	width: 40px;
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;
}

.btn-style-one .btn-arrow-right i {
	rotate: -30deg;
}

.btn-style-one .btn-arrow-left {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: var(--theme-color-white);
	border-radius: 50%;
	color: var(--theme-color2);
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-size: 15px;
	height: 40px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 1;
	left: 10px;
	position: absolute;
	right: auto;
	scale: 0;
	width: 40px;
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;
}

.btn-style-one .btn-title {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 100px;
	font-weight: 500;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 10px;
	text-transform: capitalize;
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;
	font-size: 16px;
	color: var(--theme-color-white);
}

/*** 

====================================================================
  Anim Icons
====================================================================

***/
@keyframes moveLeftRight {
	0% {
		left: 0;
	}

	100% {
		left: calc(100% - 210px);
	}
}

@keyframes moveRightToLeft {
	0% {
		right: 0;
	}

	100% {
		right: calc(100% - 100px);
	}
}

@keyframes wind-blow {
	0% {
		transform-origin: 50% 100%;
		transform: skewX(-2deg);
	}

	50% {
		transform-origin: 50% 100%;
		transform: skewX(2deg);
	}

	100% {
		transform-origin: 50% 100%;
		transform: skewX(-2deg);
	}
}

.bounce-y {
	animation: bounce-y 10s infinite linear;
}

.bounce-x {
	animation: bounce-x 10s infinite linear;
}

.zoom-one {
	animation: zoom-one 10s infinite linear;
}

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

	50% {
		transform: translateY(-10px);
	}

	100% {
		transform: translateY(0);
	}
}

@keyframes bounce-y {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-30px);
	}

	100% {
		transform: translateY(0);
	}
}

@keyframes bounce-x {
	0% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(30px);
	}

	100% {
		transform: translateX(0);
	}
}

@keyframes zoom-one {
	0% {
		transform: scale(0.95);
	}

	50% {
		transform: scale(1.05);
	}

	100% {
		transform: scale(0.95);
	}
}

@keyframes popupVideo {
	70% {
		box-shadow: 0 0 0 40px rgba(10, 165, 205, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);
	}
}

.overlay-anim {
	position: relative;
}

.overlay-anim:after {
	background: rgba(255, 255, 255, 0.3);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	opacity: 1;
	z-index: 9;
	pointer-events: none;
}

.overlay-anim:hover:after {
	height: 100%;
	opacity: 0;
	transition: all 400ms linear;
}

.float-bob-y {
	-webkit-animation-name: float-bob-y;
	animation-name: float-bob-y;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

@-webkit-keyframes float-bob-y {
	0% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	50% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	100% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
}

@keyframes float-bob-y {
	0% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	50% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	100% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
}

.float-bob-x {
	-webkit-animation-name: float-bob-x;
	animation-name: float-bob-x;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

@-webkit-keyframes float-bob-x {
	0% {
		-webkit-transform: translateX(0px);
		transform: translateX(30px);
	}

	50% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px);
	}

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

@keyframes float-bob-x {
	0% {
		-webkit-transform: translateX(30px);
		transform: translateX(30px);
	}

	50% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px);
	}

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

@keyframes bounce-x {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	50% {
		-webkit-transform: translateX(30px);
		transform: translateX(30px);
	}

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

/*img-animation**********************/
.img-custom-anim-right {
	animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
	opacity: 0;
}

@keyframes img-anim-right {
	0% {
		transform: translateX(5%);
		clip-path: inset(0 0 0 100%);
		opacity: 0;
	}

	100% {
		transform: translateX(0);
		clip-path: inset(0 0 0 0);
		opacity: 1;
	}
}

.img-custom-anim-left {
	animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
	opacity: 0;
}

@keyframes img-anim-left {
	0% {
		transform: translateX(-5%);
		clip-path: inset(0 100% 0 0);
		opacity: 0;
	}

	100% {
		transform: translateX(0);
		clip-path: inset(0 0 0 0);
		opacity: 1;
	}
}

.img-custom-anim-top {
	animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
	opacity: 0;
}

@keyframes img-anim-top {
	0% {
		transform: translateY(-5%);
		clip-path: inset(0 0 100% 0);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		clip-path: inset(0 0 0 0);
		opacity: 1;
	}
}

.float-bob-y {
	-webkit-animation-name: float-bob-y;
	animation-name: float-bob-y;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

@-webkit-keyframes float-bob-y {
	0% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	50% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	100% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
}

@keyframes float-bob-y {
	0% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	50% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	100% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
}

.float-bob-x {
	-webkit-animation-name: float-bob-x;
	animation-name: float-bob-x;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

@-webkit-keyframes float-bob-x {
	0% {
		-webkit-transform: translateX(0px);
		transform: translateX(30px);
	}

	50% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px);
	}

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

@keyframes float-bob-x {
	0% {
		-webkit-transform: translateX(30px);
		transform: translateX(30px);
	}

	50% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px);
	}

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

@keyframes rounded {
	50% {
		transform: rotate(20deg);
	}
}

@keyframes cir36 {
	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes spinner {
	to {
		-webkit-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
}

@keyframes spinner {
	to {
		-webkit-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
}

@-webkit-keyframes letters-loading {

	0%,
	75%,
	100% {
		opacity: 0;
		transform: rotateY(-90deg);
	}

	25%,
	50% {
		opacity: 1;
		transform: rotateY(0deg);
	}
}

@keyframes letters-loading {

	0%,
	75%,
	100% {
		opacity: 0;
		transform: rotateY(-90deg);
	}

	25%,
	50% {
		opacity: 1;
		transform: rotateY(0deg);
	}
}

@keyframes loaderspin {
	0% {
		transform: translate(-50%, -50%) rotate(0deg);
	}

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

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

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

@keyframes width {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

@-webkit-keyframes width {
	0% {
		width: 0%;
	}

	100% {
		width: 100%;
	}
}

@-webkit-keyframes loaderspin {
	0% {
		transform: translate(-50%, -50%) rotate(0deg);
	}

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

@keyframes loaderpulse {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.2);
	}
}

@keyframes sway_Y {
	0% {
		transform: translateY(0px);
	}

	100% {
		transform: translateY(20px);
	}
}

.sway_Y__animation {
	animation: sway_Y 3s linear infinite alternate;
}

@keyframes sway_YY {
	0% {
		transform: translateY(0px);
	}

	100% {
		transform: translateY(-20px);
	}
}

.sway_Y__animationY {
	animation: sway_YY 3s linear infinite alternate;
}

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

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

.animation__rotate {
	animation: rotate 30s linear infinite;
}

@keyframes rotateOne {
	0% {
		transform: rotate(0deg);
	}

	50% {
		transform: rotate(-20deg);
	}

	100% {
		transform: rotate(0deg);
	}
}

@keyframes animate-positive {
	0% {
		width: 0;
	}
}

@keyframes rotateAndScale {
	0% {
		transform: rotate(0deg) scale(1);
	}

	50% {
		transform: rotate(180deg) scale(0.8);
	}

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

.animation__rotateAndScale {
	animation: rotateAndScale 20s linear infinite;
}

@keyframes animate-positive {
	0% {
		width: 0;
	}
}

.float-bob-y {
	-webkit-animation-name: float-bob-y;
	animation-name: float-bob-y;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

@-webkit-keyframes float-bob-y {
	0% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	50% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	100% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
}

@keyframes float-bob-y {
	0% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	50% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	100% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
}

.float-bob-x {
	-webkit-animation-name: float-bob-x;
	animation-name: float-bob-x;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

@-webkit-keyframes float-bob-x {
	0% {
		-webkit-transform: translateX(0px);
		transform: translateX(30px);
	}

	50% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px);
	}

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

@keyframes float-bob-x {
	0% {
		-webkit-transform: translateX(30px);
		transform: translateX(30px);
	}

	50% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px);
	}

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

@keyframes bounce-x {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	50% {
		-webkit-transform: translateX(30px);
		transform: translateX(30px);
	}

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

.icon-bounce {
	animation: icon-bounce 1s infinite ease;
	/* Only -webkit- prefix is still somewhat relevant for very old mobile browsers */
	-webkit-animation: icon-bounce 1s infinite ease;
}

@-webkit-keyframes icon-bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	60% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}

@keyframes icon-bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	60% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}

@keyframes bounce {

	0%,
	20%,
	53%,
	100% {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}

	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
		transform: translate3d(0, -30px, 0) scaleY(1.1);
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
		transform: translate3d(0, -15px, 0) scaleY(1.05);
	}

	80% {
		-webkit-transform: translateZ(0) scaleY(0.95);
		transform: translateZ(0) scaleY(0.95);
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
		transform: translate3d(0, -4px, 0) scaleY(1.02);
	}
}

@keyframes wobble {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
		transform: translate3d(-25%, 0, 0) rotate(-5deg);
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
		transform: translate3d(20%, 0, 0) rotate(3deg);
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
		transform: translate3d(-15%, 0, 0) rotate(-3deg);
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
		transform: translate3d(10%, 0, 0) rotate(2deg);
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
		transform: translate3d(-5%, 0, 0) rotate(-1deg);
	}

	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

@keyframes borderanimate2 {
	0% {
		transform: translate(-50%, -50%) scale(0.8);
	}

	60% {
		opacity: 1;
	}

	100% {
		transform: translate(-50%, -50%) scale(2.5);
		opacity: 0;
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

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

@keyframes animate-positive {
	0% {
		width: 0;
	}
}

/*** 
====================================================================
  Main Header
====================================================================
***/
.header-style-one .main-box .nav-outer {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}

.header-style-one .main-box .outer-box {
	display: flex;
	align-items: center;
	gap: 30px;
}

@media (max-width: 1699.98px) {
	.header-style-one .main-box .outer-box {
		gap: 25px;
	}
}

.header-style-one .main-box .ui-btn-outer .header-contact {
	display: flex;
	align-items: center;
	gap: 30px;
	line-height: 1;
}

@media (max-width: 1699.98px) {
	.header-style-one .main-box .ui-btn-outer .header-contact {
		gap: 15px;
	}
}

@media (max-width: 1399.98px) {
	.header-style-one .main-box .ui-btn-outer .header-contact {
		display: none;
	}
}

.header-style-one .main-box .ui-btn-outer .header-contact .social-icon {
	gap: 20px;
	display: flex;
	align-items: center;
	border-right: 1px solid #C0C0C0;
	padding-right: 30px;
}

.header-style-one .main-box .ui-btn-outer .header-contact .social-icon a {
	color: #CFCFCF;
	font-size: 18px;
}

.header-style-one .main-box .ui-btn-outer .header-contact .social-icon a:hover {
	color: var(--headings-color);
}

.header-style-one .main-box .ui-btn-outer .header-contact .info-btn {
	font-weight: 600;
	color: var(--theme-color-white);
}

.header-style-one .main-box .ui-btn-outer .header-contact .info-btn:hover {
	color: var(--theme-color1);
}

.header-style-one .main-box .btn-style-one {
	padding: 20px 38px;
}

@media (max-width: 991.98px) {
	.header-style-one .main-box .btn-style-one {
		display: none;
	}
}

.header-1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	background-color: #05182c00;
}

.header-1 .container {
	max-width: 1680px;
}

.header-1 .main-menu .navigation>li>a {
	color: #ffffff;
}

.header-1 .main-menu .navigation>li>a:hover {
	color: var(--theme-color1);
}

.header-1 .main-menu .navigation>li {
	margin-right: 35px;
}

@media (max-width: 1699.98px) {
	.header-1 .main-menu .navigation>li {
		margin-right: 20px;
	}
}

.header-1 .main-box {
	display: flex;
	align-items: center;
	gap: 70px;
}

@media only screen and (max-width: 1023px) {
	.header-1 .main-box {
		padding: 14px 0;
		gap: 0;
	}
}

.header-1 .ui-btn-outer {
	display: flex;
	align-items: center;
	gap: 10px;
}

.header-1 .ui-btn-outer .ui-btn-search {
	display: flex;
	align-items: center;
	gap: 20px;
}

.header-1 .ui-btn-outer .search-btn {
	background-color: var(--theme-color1);
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	height: 40px;
	text-align: center;
	width: 40px;
	transition: all 0.4s ease-in-out;
}

.header-1 .ui-btn-outer .search-btn:hover {
	background-color: #fff;
	color: var(--theme-color2);
}

.header-1 .mobile-nav-toggler {
	margin-left: 0;
	display: block;
	position: relative;
	width: 26px;
	height: 11px;
}

.header-1 .mobile-nav-toggler span {
	position: absolute;
	width: 100%;
	height: 2px;
	display: inline-block;
	transition: all 0.3s;
	left: 0;
	background: #fff;
	overflow: hidden;
}

.header-1 .mobile-nav-toggler span:first-child {
	top: 0;
	background: #ff6c2d;
	left: 0;
	width: 26px;
}

.header-1 .mobile-nav-toggler span:nth-child(2) {
	top: 50%;
	transform: translateY(-50%);
	width: 19px;
	left: initial;
	right: 0;
	background: #ff6c2d;
	margin-top: 5px;
}

.header-1 .mobile-nav-toggler span:last-child {
	bottom: -9px;
	background: #ff6c2d;
	width: 13px;
	left: initial;
	right: 0;
}

.header-1 .mobile-nav-toggler.active span:first-child {
	transform: rotate(45deg) translate(3px, 9px);
}

.header-1 .mobile-nav-toggler.active span:nth-child(2) {
	opacity: 0;
}

.header-1 .mobile-nav-toggler.active span:last-child {
	transform: rotate(-45deg) translate(3px, -9px);
}

.header-1 .mobile-nav-toggler:hover {
	cursor: pointer;
}

.header-1 .contact-btn {
	color: #fff;
	display: inline-block;
	background-color: var(--theme-color1);
	border-radius: 40px;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	transition: all 0.4s ease-in-out;
}

@media (max-width: 1699.98px) {
	.header-1 .contact-btn {
		padding: 0 16px;
		font-size: 14px;
	}
}

.header-1 .contact-btn:hover {
	background-color: #fff;
	color: var(--theme-color2);
}

@media only screen and (max-width: 1023px) {
	.header-1 .contact-btn {
		display: none;
	}
}

@media only screen and (max-width: 1023px) {
	.header-2 {
		padding: 14px 0;
		gap: 0;
	}
}

.header-2 .main-box {
	display: initial;
}

.main-menu {
	position: relative;
}

.main-menu .navbar-header {
	display: none;
}

.main-menu .navbar-collapse {
	padding: 0px;
}

.main-menu .navigation {
	margin: 0px;
	position: relative;
}

.main-menu .navigation>li {
	float: left;
	margin-right: 30px;
	padding: 25px 0px;
	position: relative;
	transition: all 300ms ease;
}

.main-menu .navigation>li:last-child {
	margin-right: 0;
}

.main-menu .navigation>li:hover:before,
.main-menu .navigation>li.current:before {
	left: 0;
	width: 100%;
}

.main-menu .navigation>li>a {
	color: #fff;
	display: flex;
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	text-transform: capitalize;
	opacity: 1;
	padding: 0;
	position: relative;
	text-align: center;
	transition: all 300ms ease;
	font-family: var(--body-font-family);
}

@media (max-width: 1899.98px) {
	.main-menu .navigation>li>a {
		font-size: 15px;
	}
}

.main-menu .navigation>li>a .icon {
	position: relative;
	font-size: 22px;
	line-height: 24px;
	margin-left: 10px;
}

.main-menu .navigation>li>a:hover {
	color: var(--theme-color1);
}

.main-menu .navigation>li.current>a {
	font-weight: 400;
}

.main-menu .navigation>li.dropdown:hover>ul {
	margin-top: 0;
	opacity: 1;
	top: 100%;
	transition: all 300ms ease;
	visibility: visible;
}

.main-menu .navigation>li>ul {
	background-color: #07182d;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	display: none;
	left: 0px;
	margin-top: 30px;
	opacity: 0;
	padding: 10px 0 0;
	position: absolute;
	top: 100%;
	width: 300px;
	border-radius: 16px;
	z-index: 100;
}

.main-menu .navigation>li>ul.from-right {
	left: auto;
	right: 0px;
}

.main-menu .navigation>li>ul>li {
	position: relative;
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.main-menu .navigation>li>ul>li:last-child {
	border-bottom: none;
}

.main-menu .navigation>li>ul>li>a {
	position: relative;
	display: block;
	padding: 10px 0px;
	line-height: 29px;
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	text-align: left;
	font-family: var(--body-font-family);
	margin: 0 30px;
	text-transform: capitalize;
	transition: all 200ms ease;
}

.main-menu .navigation>li>ul>li:hover>a {
	color: var(--theme-color1);
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	position: absolute;
	right: 0;
	top: 11px;
	display: block;
	line-height: 24px;
	font-size: 11px;
	font-weight: 600;
	z-index: 5;
}

.main-menu .navigation>li>ul>li.dropdown:hover>ul {
	visibility: visible;
	opacity: 1;
	top: 0px;
	margin-top: 20px;
	transition: all 300ms ease;
}

.main-menu .navigation>li>ul>li>ul {
	background-color: var(--body-bg);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	display: none;
	left: 100%;
	margin-top: 10px;
	opacity: 0;
	padding: 10px 0 0;
	position: absolute;
	top: 0px;
	transform: translateY(-30px);
	width: 270px;
	z-index: 100;
	border-radius: 16px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.main-menu .navigation>li>ul>li>ul>li {
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	width: 100%;
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
	border-bottom: none;
}

.main-menu .navigation>li>ul>li>ul>li>a {
	position: relative;
	display: block;
	padding: 10px 0;
	line-height: 24px;
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	font-family: var(--body-font-family);
	text-align: left;
	margin: 0 30px;
	text-transform: capitalize;
	transition: all 300ms ease;
}

.main-menu .navigation>li>ul>li>ul>li>a:hover {
	color: var(--theme-color1);
}

.main-menu .navigation li.dropdown .dropdown-btn {
	border: 1px solid #ffffff;
	color: #ffffff;
	cursor: pointer;
	display: none;
	font-size: 16px;
	height: 30px;
	line-height: 26px;
	position: absolute;
	right: 10px;
	text-align: center;
	top: 8px;
	width: 34px;
	z-index: 5;
}

.sticky-header {
	background-color: rgb(5 24 44);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	left: 0px;
	opacity: 0;
	padding: 0px;
	position: fixed;
	top: 0px;
	visibility: hidden;
	width: 100%;
	z-index: 99999;
}

@media only screen and (min-width: 1023px) {
	.sticky-header .mobile-nav-toggler {
		display: none;
	}
}

.sticky-header.fixed-header {
	opacity: 1;
	visibility: visible;
	z-index: 9999;
}

.sticky-header .logo {
	/* padding: 10px 0; */
}

.sticky-header .logo img {
	/* max-height: 40px; */
}

.sticky-header .nav-outer {
	background: none;
	position: relative;
}

.sticky-header .inner-container {
	align-items: center;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.sticky-header .main-menu .navigation>li {
	margin: 0;
	margin-left: 46px;
	padding: 20px 0;
}

.sticky-header .main-menu .navigation>li>a {
	color: #fff;
}

.sticky-header .main-menu .navigation>li.current>a,
.sticky-header .main-menu .navigation>li:hover>a {
	color: var(--theme-color1);
}

.sticky-header .main-menu .navigation>li:before {
	display: none;
}

.sticky-header .outer-box,
.sticky-header .navbar-header {
	display: none;
}

.sticky-header .mobile-nav-toggler {
	color: var(--theme-color-white) !important;
	font-size: 22px;
	line-height: 1;
}

.header-1 .sticky-header .main-menu .navigation>li>a {
	color: #ffffff;
}

.header-1 .sticky-header .main-menu .navigation>li.current>a,
.header-1 .sticky-header .main-menu .navigation>li:hover>a {
	color: var(--theme-color1);
}

.header-1 .sticky-header .main-menu .navigation>li:before {
	display: none;
}

@media only screen and (max-width: 1700px) {
	.main-header .header-lower .outer-box .ui-btn-outer {
		border-right: 0;
		margin-right: 0;
		padding-right: 0;
	}

	.header-style-one .header-lower .logo-box {
		margin-right: 30px;
	}

	.main-menu .navigation>li {
		margin-right: 50px;
	}
}

@media only screen and (max-width: 1439px) {
	.main-menu .navigation>li {
		margin-right: 30px;
	}
}

@media only screen and (max-width: 1199px) {
	.header-top {
		margin-left: 0;
		padding: 0;
	}

	.main-header .main-box {
		align-items: center;
	}

	.main-header .header-lower .logo-box {
		margin-top: 0;
		min-height: auto;
	}
}

@media only screen and (min-width: 768px) {

	.main-menu .navigation>li>ul,
	.main-menu .navigation>li>ul>li>ul {
		display: block !important;
		visibility: hidden;
		opacity: 0;
	}
}

@media only screen and (max-width: 1023px) {

	.header-top,
	.main-header .main-menu {
		display: none;
	}

	.main-header .logo {
		min-width: auto;
	}

	.main-header .logo img,
	.sticky-header .main-header .logo img {
		width: auto;
		max-width: none;
		height: 70px;
	}

	.main-header .main-box .nav-outer {
		width: auto;
	}

	.main-header .main-box {
		justify-content: space-between;
	}
}

@media only screen and (max-width: 767px) {
	.main-slider .title {
		padding: 7px 20px;
	}

	.main-slider .title:before {
		display: none;
	}
}

@media only screen and (max-width: 599px) {
	.main-header .header-lower .logo-box {
		padding-left: 0;
		min-width: auto;
		margin-right: 0px;
		max-width: 140px;
	}

	.main-header .header-lower .logo-box .logo img {
		max-width: 140px;
	}
}

/*** 

====================================================================
		Helping Section
====================================================================

***/
.section-padding {
	padding: 80px 0;
}

@media (max-width: 1199.98px) {
	.section-padding {
		padding: 100px 0;
	}
}

@media (max-width: 991.98px) {
	.section-padding {
		padding: 80px 0;
	}
}

/* background */
.bg-cover {
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-position: center;
}

@keyframes draw {
	to {
		stroke-dashoffset: 0;
	}
}

@keyframes draw2 {
	to {
		stroke-dashoffset: 0;
	}
}

@media (max-width: 767.98px) {
	br {
		display: none;
	}
}

.fix {
	overflow: hidden;
}

.align-flex-end {
	align-items: flex-end;
	margin-bottom: 30px;
}

.array-button {
	display: flex;
	align-items: center;
	gap: 18px;
}

.array-button .array-prev,
.array-button .array-next {
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: inherit;
	transition: all 0.4s ease-in-out;
	cursor: pointer !important;
	width: 50px;
	height: 50px;
	background: var(--theme-color2);
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	transition: all 0.2s ease-in-out;
}

.array-button .array-prev:hover,
.array-button .array-next:hover {
	color: var(--theme-color-black);
	background: var(--theme-color1);
	border: none;
}

.bb-top {
	border-top: 1px solid rgba(12, 47, 37, 0.1);
}

.bb-bottom {
	border-bottom: 1px solid rgba(12, 47, 37, 0.1);
}

.section-bg {
	background-color: var(--bg-color) !important;
}

.section-bg-2 {
	background-color: var(--theme-color-black) !important;
}

.section-bg-3 {
	background-color: var(--theme-color2) !important;
}

.swiper-dot {
	position: relative;
	z-index: 99;
	text-align: center;
	margin-top: 40px;
	line-height: 1;
}

@media (max-width: 767.98px) {
	.swiper-dot {
		margin-top: 30px;
	}
}

.swiper-dot .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	transition: all 0.2s ease-in-out;
	background-color: var(--border-color1-rgba);
	opacity: 1;
	border-radius: 15px;
}

.swiper-dot .swiper-pagination-bullet:not(:last-child) {
	margin-right: 10px;
}

.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--theme-color1);
	transition: 0.6s;
	position: relative;
}

.tp--hover-item {
	position: relative;
}

.tp--hover-img {
	overflow: hidden;
}

.tp--hover-img canvas {
	top: 0;
	left: 0;
	width: 100%;
	border-radius: 40px;
	height: 100%;
	position: absolute;
}

.anim-reveal-line {
	overflow: hidden;
}

.body-bg {
	background-color: #f6f5ef;
}

.sticky-style {
	position: sticky;
	top: 100px;
}

.get-in-touch {
	background-color: var(--theme-color3);
	border-radius: 20px;
	color: #fff;
	display: inline-flex;
	font-weight: 400;
	gap: 5px;
	line-height: 26px;
	margin-top: 60px;
	padding: 7px 20px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
}

.get-in-touch.style-5 {
	background-color: #0F0B19;
}

.get-in-touch.style-5 a {
	font-family: var(--heading-font-family);
}

@media (max-width: 767.98px) {
	.get-in-touch {
		flex-wrap: wrap;
		justify-content: center;
		padding: 10px 20px;
	}
}

.get-in-touch::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% + 8px);
	height: 46px;
	border-radius: 28px;
	z-index: -1;
	background: linear-gradient(90deg, #88ff2a 0%, rgba(82, 153, 25, 0) 100%);
}

@media (max-width: 767.98px) {
	.get-in-touch::after {
		display: none;
	}
}

.get-in-touch a {
	color: var(--theme-color1);
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
}

.video-icon {
	position: relative;
	transition: all 0.2s ease-in-out;
	z-index: 11;
}

.video-icon .video-button-ripple::before,
.video-icon .video-button-ripple::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
	animation: popupVideo 3s infinite;
	border-radius: 50%;
}

.video-icon .video-button-ripple::before {
	animation-delay: 0.9s;
	content: "";
	position: absolute;
}

.video-icon .video-button-ripple::after {
	animation-delay: 0.6s;
	content: "";
	position: absolute;
}

.multiple-section {
	position: relative;
	z-index: 1;
}

.multiple-section .work-one {
	position: relative;
}

.multiple-section .work-one .top-object-1 {
	position: absolute;
	bottom: 0;
	right: 0;
}

.multiple-section .inner {
	margin: 0 60px;
	border-radius: 40px;
	position: relative;
}

.multiple-section .inner .object-cricle {
	position: absolute;
	bottom: 0;
	left: 0;
}

@media (max-width: 1699.98px) {
	.multiple-section .inner {
		margin: 0 35px;
	}
}

@media (max-width: 1399.98px) {
	.multiple-section .inner {
		margin: 0 25px;
	}
}

@media (max-width: 1199.98px) {
	.multiple-section .inner {
		margin: 0 15px;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

.multiple-section .inner .shape-1 {
	position: absolute;
	top: -20px;
	right: -20px;
}

.multiple-section .inner .light-shape {
	position: absolute;
	width: 1080px;
	height: 1080px;
	border-radius: 50%;
	opacity: 0.2;
	left: -5%;
	bottom: -100px;
	background: transparent;
	border: 110px solid var(--theme-color1);
	filter: blur(125px);
	z-index: -1;
}

.multiple-section .inner .light-shape2 {
	position: absolute;
	width: 555px;
	height: 555px;
	border-radius: 50%;
	opacity: 0.3;
	right: -15%;
	bottom: -10px;
	background: transparent;
	border: 60px solid var(--theme-color1);
	filter: blur(125px);
	z-index: -1;
}

.multiple-section .inner .bg-image {
	background-color: var(--theme-color3);
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	filter: grayscale(100);
	opacity: 0.1;
	border-radius: 40px;
}

.multiple-section .inner::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-color: var(--theme-color3);
	left: 10px;
	z-index: -1;
	border-radius: 40px;
}

.multiple-section-6 .inner .array-button .array-next,
.multiple-section-6 .inner .array-button .array-prev {
	background-color: var(--body-bg);
}

.multiple-section-6 .inner .array-button .array-next:hover,
.multiple-section-6 .inner .array-button .array-prev:hover {
	background-color: var(--theme-color1);
}

.title-shadow {
	position: absolute;
	left: -30px;
	top: 50%;
	transform: translateY(-50%);
	color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: rgba(255, 255, 255, 0.24);
	font-size: 250px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -5px;
	text-transform: uppercase;
	writing-mode: sideways-lr;
	white-space: nowrap;
	z-index: -1;
}

.title-shadow::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	content: "";
	background: #0a0a0a;
	filter: blur(90px);
	opacity: 1;
	left: auto;
	right: -80px;
}

@media (max-width: 1699.98px) {
	.title-shadow::after {
		display: none;
	}
}

@media (max-width: 1699.98px) {
	.title-shadow {
		position: relative;
		right: 0;
		transform: none;
		top: 0;
		left: 0;
		text-align: center;
		writing-mode: unset;
		z-index: 1;
		white-space: unset;
	}
}

@media (max-width: 1199.98px) {
	.title-shadow {
		font-size: 220px;
	}
}

@media (max-width: 991.98px) {
	.title-shadow {
		font-size: 180px;
	}
}

@media (max-width: 767.98px) {
	.title-shadow {
		font-size: 150px;
	}
}

@media (max-width: 575.98px) {
	.title-shadow {
		font-size: 120px;
	}
}

@media (max-width: 469.98px) {
	.title-shadow {
		font-size: 100px;
	}
}

.title-shadow.style-2 {
	left: auto;
	right: -30px;
	writing-mode: sideways-rl;
}

@media (max-width: 1699.98px) {
	.title-shadow.style-2 {
		writing-mode: unset;
	}
}

.title-shadow.style-2::after {
	right: auto;
	left: -80px;
}

.title-shadow-2 {
	width: 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -135px;
	color: var(--theme-color1);
	text-align: center;
	font-size: 160px;
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
}

@media (max-width: 1199.98px) {
	.title-shadow-2 {
		top: -102px;
		font-size: 120px;
	}
}

@media (max-width: 991.98px) {
	.title-shadow-2 {
		top: -150px;
		font-size: 105px;
	}
}

@media (max-width: 767.98px) {
	.title-shadow-2 {
		top: -70px;
		font-size: 80px;
	}
}

@media (max-width: 575.98px) {
	.title-shadow-2 {
		top: -115px;
	}
}

@media (max-width: 469.98px) {
	.title-shadow-2 {
		font-size: 60px;
	}
}

.title-shadow-2 span {
	color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--border-color1-rgba);
}

.bb-bottom {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.theme-color {
	color: var(--theme-color1) !important;
}

.mt-minus-30px {
	margin-top: -30px;
}

.pb-160 {
	padding-bottom: 160px !important;
}

@media (max-width: 1199.98px) {
	br {
		display: none;
	}
}

.text-body {
	color: #D9D9D9 !important;
}

/*** 

====================================================================
      Mobile Menu
====================================================================

***/
.mobile-nav-toggler {
	position: relative;
	cursor: pointer;
	display: none;
	top: 0px;
	margin-left: 25px;
	order: 8;
}

.mobile-nav-toggler.style-2 {
	display: inline-flex;
	flex-direction: column;
	gap: 7px;
	align-items: flex-end;
}

.mobile-nav-toggler.style-2 span {
	display: block;
	width: 40px;
	height: 2px;
	background-color: #fff;
}

.mobile-nav-toggler.style-2 span:nth-child(2) {
	width: 30px;
	transition: all 0.3s ease;
}

.mobile-nav-toggler.style-2 span:nth-child(3) {
	width: 20px;
	transition: all 0.4s ease;
}

.mobile-nav-toggler.style-2:hover span:nth-child(2) {
	width: 40px;
}

.mobile-nav-toggler.style-2:hover span:nth-child(3) {
	width: 40px;
}

@media only screen and (max-width: 1023px) {
	.mobile-nav-toggler {
		display: block !important;
	}
}

.mobile-menu {
	position: fixed;
	right: 0;
	top: 0;
	width: 300px;
	max-width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 999999;
}

.mobile-menu .menu-backdrop {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0;
	visibility: hidden;
}

.mobile-menu .upper-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	padding: 20px 20px;
}

.mobile-menu .close-btn {
	position: relative;
	top: 5px;
	text-align: center;
	font-size: 30px;
	color: #fff;
	cursor: pointer;
	z-index: 10;
	transition: all 0.5s ease;
	transform: translateY(-50px);
}

.mobile-menu .close-btn:hover {
	opacity: 0.5;
}

.mobile-menu .nav-logo {
	position: relative;
	text-align: left;
	width: 100%;
}

.mobile-menu .nav-logo img {
	max-height: 40px;
}

.mobile-menu .menu-box {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background-color: #07182d;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	padding: 0px 0px;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	border-radius: 0px;
	transform: translateX(101%);
}

.mobile-menu-visible {
	overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
	opacity: 1;
	visibility: visible;
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
	opacity: 1;
	visibility: visible;
	transition: all 0.4s ease;
}

.mobile-menu-visible .mobile-menu .menu-box {
	opacity: 1;
	visibility: visible;
	transition: all 0.4s ease 200ms;
	transform: translateX(0%);
}

.mobile-menu-visible .mobile-menu .close-btn {
	transform: translateY(0px);
}

.mobile-menu-visible .scroll-to-top {
	opacity: 0;
	visibility: hidden;
}

.mobile-menu .navigation {
	position: relative;
	display: block;
	width: 100%;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-menu .navigation li {
	position: relative;
	display: block;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-menu .navigation li>ul>li:last-child {
	border-bottom: none;
}

.mobile-menu .navigation li>ul>li:first-child {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-menu .navigation li>a {
	position: relative;
	display: block;
	line-height: 24px;
	padding: 10px 20px;
	font-size: 16px;
	color: #ffffff;
	font-weight: 400;
	text-transform: capitalize;
}

.mobile-menu .navigation li:hover>a,
.mobile-menu .navigation li.current>a {
	color: var(--theme-color1);
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 44px;
	height: 44px;
	text-align: center;
	font-size: 17px;
	line-height: 44px;
	font-weight: 500;
	font-family: var(--title-font);
	color: #ffffff;
	cursor: pointer;
	z-index: 5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn:after {
	content: "";
	position: absolute;
	left: 0px;
	top: 10px;
	width: 1px;
	height: 24px;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-menu .navigation li.dropdown .dropdown-btn.active i:before {
	content: "\f106";
}

.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
	display: none;
}

.mobile-menu .navigation li>ul>li {
	padding-left: 20px;
}

.contact-list-one {
	position: relative;
	padding: 30px 20px 20px;
}

.contact-list-one li {
	position: relative;
	margin-bottom: 20px;
}

.contact-list-one li:last-child {
	margin-right: 0;
}

.contact-list-one li .contact-info-box {
	position: relative;
	padding-left: 54px;
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
}

.contact-list-one li .contact-info-box a {
	color: #ffffff;
	transition: all 300ms ease;
}

.contact-list-one li .contact-info-box .icon {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 34px;
	line-height: 50px;
	color: #fff;
}

.contact-list-one li .contact-info-box .title {
	display: block;
	font-size: 12px;
	color: #b2c1c0;
	font-weight: 400;
	text-transform: uppercase;
}

.mobile-menu .social-links {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--bg-theme-color1);
	width: 100%;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	margin-top: auto;
}

.mobile-menu .social-links li {
	position: relative;
	text-align: center;
	width: 100%;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu .social-links li a {
	position: relative;
	display: block;
	line-height: 50px;
	height: 50px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	transition: all 300ms ease;
}

.mobile-menu .social-links li a:hover {
	color: var(--theme-color-black);
}

/*** 

====================================================================
  Search Popup
====================================================================

***/
.search-popup {
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100%;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	transition: all 500ms ease;
	overflow: hidden;
	transform: scale(0.95);
}

.search-popup .search-back-drop {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: var(--bg-theme-color2);
	opacity: 0.95;
}

.search-popup .close-search {
	position: absolute;
	top: 30px;
	right: 30px;
	font-size: 26px;
	color: var(--theme-color-light);
	z-index: 3;
	border-radius: 50%;
	background-color: transparent;
	transition: all 500ms ease;
}

.search-popup .search-inner {
	position: relative;
	display: block;
	top: 40%;
	height: auto;
	z-index: 1;
	width: calc(100% - 60px);
	max-width: 800px;
	margin: auto;
	opacity: 0;
	transform: translateY(-50px);
	transition: all 300ms ease;
}

.search-popup .form-group {
	position: relative;
	display: flex;
	align-items: center;
}

.search-popup .form-group input[type=search],
.search-popup .form-group input[type=text] {
	position: relative;
	display: block;
	line-height: 20px;
	font-size: 16px;
	width: 100%;
	height: 50px;
	border: 1px solid #e1e6dc;
	padding: 15px 20px;
	color: #707070;
	background: #ffffff;
	border-radius: 5px;
	transition: all 500ms ease;
}

.search-popup .form-group input[type=search]:focus,
.search-popup .form-group input[type=text]:focus {
	border-color: var(--border-theme-color2);
}

.search-popup .form-group button {
	position: absolute;
	right: 5px;
	top: 5px;
	height: 40px;
	width: 40px;
	display: block;
	font-size: 18px;
	color: var(--theme-color-dark);
	line-height: 40px;
	border-radius: 5px;
	font-weight: normal;
	background: #ffffff;
	transition: all 500ms ease;
}

.search-popup .form-group button:hover {
	color: var(--theme-color-dark);
}

.search-popup textarea::placeholder,
.search-popup input::placeholder {
	color: inherit;
}

.moblie-search-active .search-popup {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	border-radius: 0%;
}

.moblie-search-active .search-popup .search-inner {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 500ms;
}

/*** 

====================================================================
Section Title
====================================================================

***/
.sec-title {
	margin-bottom: 30px;
}

@media (max-width: 767.98px) {
	.sec-title {
		margin-bottom: 10px;
	}
}

.sec-title .sub-title {
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	position: relative;
	color: #7A7A7A;
	font-family: var(--body-font-family);
	display: inline-flex;
	margin-bottom: 18px;
}

.sec-title .sub-title img {
	margin-right: 8px;
}

.sec-title .title span {
	color: var(--theme-color1);
}

@media (max-width: 1199.98px) {
	.sec-title .title {
		font-size: 44px;
	}
}

@media (max-width: 767.98px) {
	.sec-title .title {
		font-size: 40px;
	}
}

@media (max-width: 575.98px) {
	.sec-title .title {
		font-size: 36px;
	}
}

@media (max-width: 469.98px) {
	.sec-title .title {
		font-size: 28px;
	}
}

.section-title-area {
	display: flex;
	align-items: center;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	row-gap: 30px;
}

.hero-1 {
	padding: 200px 0 200px;
	position: relative;
}

.hero-1 .hero-video {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 1199.98px) {
	.hero-1 {
		padding: 180px 0 130px;
	}
}

@media (max-width: 767.98px) {
	.hero-1 {
		padding: 160px 0 110px;
	}
}

@media (max-width: 575.98px) {
	.hero-1 {
		padding: 150px 0 100px;
	}
}

.hero-1 .arrow-path {
	width: 220px;
	height: 130px;
	color: black;
	stroke-dasharray: 1000;
	animation: draw 10s linear infinite;
}

@keyframes draw {
	0% {
		stroke-dashoffset: 1000;
	}

	100% {
		stroke-dashoffset: 0;
	}
}

.hero-1 .hero-oboject-1 {
	position: absolute;
	bottom: 0;
	left: 0;
}

@media (max-width: 1899.98px) {
	.hero-1 .hero-oboject-1 {
		max-width: 430px;
		bottom: 15%;
	}

	.hero-1 .hero-oboject-1 img {
		width: 100%;
		height: 100%;
	}
}

@media (max-width: 1399.98px) {
	.hero-1 .hero-oboject-1 {
		bottom: 130px;
		max-width: 400px;
	}
}

@media (max-width: 1199.98px) {
	.hero-1 .hero-oboject-1 {
		display: none;
	}
}

.hero-1 .hero-oboject-2 {
	position: absolute;
	bottom: -5%;
	right: -5%;
}

@media (max-width: 1399.98px) {
	.hero-1 .hero-oboject-2 {
		bottom: 0;
		max-width: 400px;
	}

	.hero-1 .hero-oboject-2 img {
		width: 100%;
		height: 100%;
	}
}

@media (max-width: 1199.98px) {
	.hero-1 .hero-oboject-2 {
		display: none;
	}
}

.hero-1 .hero-content {
	position: relative;
	z-index: 9;
}

.hero-1 .hero-content .line-ani {
	position: absolute;
	top: 85px;
	right: 41.2%;
	z-index: -1;
}

@media (max-width: 1199.98px) {
	.hero-1 .hero-content .line-ani {
		display: none;
	}
}

.hero-1 .hero-content .hero-title {
	color: #fff;
	max-width: 1200px;
}

@media (max-width: 1199.98px) {
	.hero-1 .hero-content .hero-title {
		font-size: 75px;
	}
}

@media (max-width: 991.98px) {
	.hero-1 .hero-content .hero-title {
		font-size: 60px;
		line-height: 120%;
	}
}

@media (max-width: 767.98px) {
	.hero-1 .hero-content .hero-title {
		font-size: 48px;
		text-align: center;
	}
}

@media (max-width: 575.98px) {
	.hero-1 .hero-content .hero-title {
		font-size: 38px;
	}
}

.hero-1 .hero-content .hero-title span {
	font-weight: 250;
}

.hero-1 .hero-content .content-items {
	display: flex;
	align-items: center;
	gap: 60px;
	margin-top: 45px;
	margin-left: 300px;
}

@media (max-width: 991.98px) {
	.hero-1 .hero-content .content-items {
		margin-left: 60px;
	}
}

@media (max-width: 767.98px) {
	.hero-1 .hero-content .content-items {
		margin-left: 0;
		flex-wrap: wrap;
		gap: 30px;
		justify-content: center;
	}
}

.hero-1 .hero-content .content-items .circle-box {
	position: relative;
	display: inline-block;
}

.hero-1 .hero-content .content-items .circle-box .ani-circle {
	animation: cir36 10s linear infinite;
}

.hero-1 .hero-content .content-items .circle-box .arrow-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.hero-1 .hero-content .content-items .content {
	max-width: 440px;
}

@media (max-width: 767.98px) {
	.hero-1 .hero-content .content-items .content {
		margin: 0 auto;
		text-align: center;
	}
}

.hero-1 .hero-content .content-items .content .hero-text {
	font-size: 18px;
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 30px;
}

@media (max-width: 767.98px) {
	.hero-1 .hero-content .content-items .content .hero-text {
		font-size: 16px;
		text-align: center;
	}
}

.hero-1-bg-stack {
	position: absolute;
	inset: 0;
	z-index: -2;
}

.hero-1-bg-stack .hero-1-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transform-origin: center center;
	will-change: transform, opacity;
}

.hero-1-bg-stack .hero-1-bg:only-child {
	opacity: 1;
	z-index: 1;
	animation: hero-1-kenburns 8s ease-in-out infinite alternate;
}

.hero-1-bg-stack .hero-1-bg:nth-child(1):nth-last-child(2) {
	animation: hero-1-kenburns 8s ease-in-out infinite alternate, hero-1-bg-xfade-2-first 8s ease-in-out infinite;
}

.hero-1-bg-stack .hero-1-bg:nth-child(2):nth-last-child(1) {
	animation: hero-1-kenburns-rev 8s ease-in-out infinite alternate, hero-1-bg-xfade-2-second 8s ease-in-out infinite;
}

.hero-1-bg-stack .hero-1-bg:nth-child(1):nth-last-child(3) {
	animation: hero-1-kenburns 8s ease-in-out infinite alternate, hero-1-bg-xfade-3-first 12s ease-in-out infinite;
}

.hero-1-bg-stack .hero-1-bg:nth-child(2):nth-last-child(2) {
	animation: hero-1-kenburns-rev 8s ease-in-out infinite alternate, hero-1-bg-xfade-3-second 12s ease-in-out infinite;
}

.hero-1-bg-stack .hero-1-bg:nth-child(3):nth-last-child(1) {
	animation: hero-1-kenburns 8s ease-in-out infinite alternate, hero-1-bg-xfade-3-third 12s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
	.hero-1-bg-stack .hero-1-bg {
		animation: none !important;
		opacity: 0;
	}

	.hero-1-bg-stack .hero-1-bg:first-child {
		opacity: 1;
	}
}

@keyframes hero-1-kenburns {
	0% {
		transform: scale(1) translate3d(0, 0, 0);
	}

	100% {
		transform: scale(1.25) translate3d(-3%, -2%, 0);
	}
}

@keyframes hero-1-kenburns-rev {
	0% {
		transform: scale(1.25) translate3d(3%, 2%, 0);
	}

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

@keyframes hero-1-bg-xfade-2-first {

	0%,
	40% {
		opacity: 1;
	}

	46%,
	91% {
		opacity: 0;
	}

	96%,
	100% {
		opacity: 1;
	}
}

@keyframes hero-1-bg-xfade-2-second {

	0%,
	40% {
		opacity: 0;
	}

	46%,
	91% {
		opacity: 1;
	}

	96%,
	100% {
		opacity: 0;
	}
}

@keyframes hero-1-bg-xfade-3-first {

	0%,
	29% {
		opacity: 1;
	}

	34%,
	95% {
		opacity: 0;
	}

	99%,
	100% {
		opacity: 1;
	}
}

@keyframes hero-1-bg-xfade-3-second {

	0%,
	29% {
		opacity: 0;
	}

	34%,
	62% {
		opacity: 1;
	}

	67%,
	95% {
		opacity: 0;
	}

	99%,
	100% {
		opacity: 0;
	}
}

@keyframes hero-1-bg-xfade-3-third {

	0%,
	62% {
		opacity: 0;
	}

	67%,
	95% {
		opacity: 1;
	}

	99%,
	100% {
		opacity: 0;
	}
}

.line-shape-animation {
	max-width: 1654px;
	height: 100%;
	position: absolute;
	left: 50%;
	top: -20px;
	justify-content: space-between;
	margin: 0 auto;
	transform: translateX(-50%);
	z-index: 1;
}

@media (max-width: 1399.98px) {
	.line-shape-animation {
		display: none !important;
	}
}

.line-shape-animation span {
	position: relative;
	width: 1px;
	height: 100%;
	display: block;
	background: rgba(255, 255, 255, 0.1);
}

.line-shape-animation span::before,
.line-shape-animation span::after {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	background: var(--theme-color1);
	box-shadow: rgba(255, 255, 255, 0.1) 0px 8px 24px;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	clip-path: polygon(51% 8%, 68% 15%, 66% 40%, 60% 78%, 56% 100%, 46% 100%, 42% 84%, 38% 56%, 34% 17%);
}

.line-shape-animation span::after {
	animation: dscroll 2s linear infinite;
	width: 2px;
	height: 24px;
	bottom: 0;
	left: 0;
	background: var(--theme-color1);
	box-shadow: rgba(255, 255, 255, 0.1) 0px 8px 24px;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	clip-path: polygon(51% 8%, 68% 15%, 66% 40%, 60% 78%, 56% 100%, 46% 100%, 42% 84%, 38% 56%, 34% 17%);
}

.line-shape-animation span:nth-child(2)::after {
	animation: dscroll 2.1s linear infinite;
}

.line-shape-animation span:nth-child(3)::after {
	animation: dscroll 2.2s linear infinite;
}

.line-shape-animation span:nth-child(4)::after {
	animation: dscroll 2.3s linear infinite;
}

.line-shape-animation span:nth-child(5)::after {
	animation: dscroll 2.4s linear infinite;
}

.line-shape-animation span:nth-child(6)::after {
	animation: dscroll 1s linear infinite;
}

.line-shape-animation span:nth-child(7)::after {
	animation: dscroll 3.5s linear infinite;
}

.line-shape-animation span:nth-child(2)::backdrop {
	animation: dscroll 4.1s linear infinite;
}

.line-shape-animation span:nth-child(3)::before {
	animation: dscroll 4.2s linear infinite;
}

.line-shape-animation span:nth-child(4)::before {
	animation: dscroll 4.3s linear infinite;
}

.line-shape-animation span:nth-child(5)::before {
	animation: dscroll 4.4s linear infinite;
}

.line-shape-animation span:nth-child(6)::before {
	animation: dscroll 4s linear infinite;
}

.line-shape-animation span:nth-child(7)::before {
	animation: dscroll 4.5s linear infinite;
}

@keyframes dscroll {
	100% {
		transform: translateY(100vh);
	}
}

.p-relative {
	position: relative !important;
}

.hero-2 {
	padding: 220px 0 220px;
	position: relative;
	z-index: 9;
}

.hero-2 .hero-video {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 1199.98px) {
	.hero-2 {
		padding: 180px 0 150px;
		z-index: 9;
	}

	.hero-2::before {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		content: "";
		background-color: #000;
		opacity: 0.6;
		z-index: -1;
	}
}

@media (max-width: 767.98px) {
	.hero-2 {
		padding: 160px 0 110px;
	}
}

@media (max-width: 575.98px) {
	.hero-2 {
		padding: 150px 0 100px;
	}
}

.hero-2 .roket-shape {
	position: absolute;
	left: 39.7%;
	top: 10%;
}

@media (max-width: 1699.98px) {
	.hero-2 .roket-shape {
		left: 36%;
	}
}

@media (max-width: 1399.98px) {
	.hero-2 .roket-shape {
		left: 34%;
	}
}

@media (max-width: 1199.98px) {
	.hero-2 .roket-shape {
		left: 32%;
	}
}

@media (max-width: 991.98px) {
	.hero-2 .roket-shape {
		left: 28%;
	}
}

@media (max-width: 767.98px) {
	.hero-2 .roket-shape {
		display: none;
	}
}

.hero-2 .hero-content {
	max-width: 1210px;
	margin: 0 auto;
	position: relative;
	z-index: 9;
}

.hero-2 .hero-content .hero-title {
	font-size: 110px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: -0.04em;
	line-height: 100%;
	text-align: center;
	position: relative;
}

@media (max-width: 1399.98px) {
	.hero-2 .hero-content .hero-title {
		font-size: 90px;
		max-width: 950px;
		margin: 0 auto;
	}
}

@media (max-width: 991.98px) {
	.hero-2 .hero-content .hero-title {
		font-size: 65px;
	}
}

@media (max-width: 767.98px) {
	.hero-2 .hero-content .hero-title {
		font-size: 48px;
		line-height: 115%;
	}
}

@media (max-width: 575.98px) {
	.hero-2 .hero-content .hero-title {
		font-size: 38px;
		line-height: 122%;
		max-width: 420px;
	}
}

@media (max-width: 469.98px) {
	.hero-2 .hero-content .hero-title {
		font-size: 32px;
		line-height: 122%;
		max-width: 350px;
	}
}

.hero-2 .hero-content .hero-title span {
	background: linear-gradient(180deg, #FFFFFF 0%, #FF6B1E 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
	position: relative;
}

.hero-2 .hero-content .hero-info .ratting-top {
	align-items: start;
	display: flex;
	gap: 16px;
}

.hero-2 .hero-content .hero-info .ratting-top span {
	color: #fff;
	font-family: var(--heading-font-family);
	font-size: 40px;
	font-weight: 500;
}

.hero-2 .hero-content .hero-info .ratting-top .star {
	color: var(--theme-color1);
}

@media (max-width: 991.98px) {
	.hero-2 .hero-content .hero-info .ratting-top .star {
		text-align: start;
	}
}

.hero-2 .hero-content .hero-info .ratting-top .star .text {
	color: #fff;
	font-family: var(--heading-font-family);
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0;
}

.hero-2 .hero-content .hero-info .client-image {
	align-items: center;
	display: flex;
}

@media (max-width: 991.98px) {
	.hero-2 .hero-content .hero-info .client-image {
		justify-content: center;
	}
}

.hero-2 .hero-content .hero-info .client-image img {
	border: 2px solid #000;
	border-radius: 50%;
	height: 40px;
	width: 40px;
}

.hero-2 .hero-content .hero-info .client-image .icon-1 {
	margin-right: -10px;
}

.hero-2 .hero-content .hero-info .client-image .icon-2 {
	margin-right: -10px;
}

.hero-2 .hero-content .hero-info .client-image .icon-3 {
	margin-right: -10px;
}

.hero-2 .hero-content .hero-info .client-image .icon-4 {
	margin-right: -10px;
}

.hero-2 .hero-content .hero-info .client-image span {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: inline-block;
	background-color: var(--theme-color1);
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	font-family: var(--heading-font-family);
	text-align: center;
	line-height: 40px;
}

.hero-2 .hero-content .content .hero-text {
	max-width: 440px;
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 37px;
}

@media (max-width: 767.98px) {
	.hero-2 .hero-content .content .hero-text {
		margin-bottom: 25px;
	}
}

.hero-2 .hero-content .hero-items {
	display: flex;
	align-items: center;
	max-width: 1130px;
	margin: 0 auto;
	justify-content: space-between;
	margin: 30px auto 0;
	margin-right: -60px;
}

@media (max-width: 1199.98px) {
	.hero-2 .hero-content .hero-items {
		margin-right: 0;
	}
}

@media (max-width: 991.98px) {
	.hero-2 .hero-content .hero-items {
		flex-wrap: wrap;
		justify-content: center;
		gap: 30px;
		text-align: center;
	}
}

.hero-3 {
	padding: 150px 0 430px;
	position: relative;
	z-index: 9;
}

.hero-3 .hero-video {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

@media (max-width: 767.98px) {
	.hero-3 {
		padding-top: 160px;
	}
}

@media (max-width: 575.98px) {
	.hero-3 {
		padding-top: 140px;
	}
}

.hero-3 .email-items {
	display: inline-grid;
	align-items: center;
	gap: 18px;
	position: absolute;
	bottom: 28%;
	left: 100px;
}

@media (max-width: 1699.98px) {
	.hero-3 .email-items {
		display: none;
	}
}

.hero-3 .email-items img {
	line-height: 1;
}

.hero-3 .email-items a {
	writing-mode: sideways-rl;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	line-height: 1;
}

.hero-3 .social-icon-items {
	display: inline-grid;
	align-items: center;
	justify-content: center;
	gap: 15px;
	position: absolute;
	bottom: 15%;
	right: 100px;
}

@media (max-width: 1699.98px) {
	.hero-3 .social-icon-items {
		display: none;
	}
}

.hero-3 .social-icon-items .line {
	height: 80px;
	width: 1px;
	background: rgba(255, 255, 255, 0.3);
	margin-left: 8px;
}

.hero-3 .social-icon-items span {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	writing-mode: sideways-rl;
	line-height: 1;
}

.hero-3 .social-icon-items .social-icon {
	transform: rotate(360deg);
	display: grid;
}

.hero-3 .social-icon-items .social-icon a {
	transform: rotate(-90deg);
	color: #fff;
}

.hero-3 .social-icon-items .social-icon a:hover {
	color: var(--theme-color1);
}

.hero-3 .container {
	max-width: 1460px;
}

.hero-3 .hero-title {
	font-size: 92px;
	font-weight: 700;
	line-height: 122%;
	position: relative;
	z-index: 1;
}

@media (max-width: 991.98px) {
	.hero-3 .hero-title .icon {
		display: none;
	}
}

@media (max-width: 1399.98px) {
	.hero-3 .hero-title {
		font-size: 40px;
	}
}

@media (max-width: 1199.98px) {
	.hero-3 .hero-title {
		font-size: 60px;
	}
}

@media (max-width: 991.98px) {
	.hero-3 .hero-title {
		font-size: 70px;
		text-align: center;
		max-width: 700px;
		margin: 0 auto;
	}
}

@media (max-width: 767.98px) {
	.hero-3 .hero-title {
		font-size: 55px;
	}
}

@media (max-width: 575.98px) {
	.hero-3 .hero-title {
		font-size: 44px;
	}
}

@media (max-width: 469.98px) {
	.hero-3 .hero-title {
		font-size: 34px;
	}
}

.hero-3 .hero-title br {
	display: block;
}

@media (max-width: 991.98px) {
	.hero-3 .hero-title br {
		display: none;
	}
}

.hero-3 .hero-title .line-ani {
	position: absolute;
	bottom: 20%;
	right: 34%;
	z-index: -1;
}

@media (max-width: 1399.98px) {
	.hero-3 .hero-title .line-ani {
		display: none;
	}
}

@media (max-width: 991.98px) {
	.hero-3 .hero-content {
		max-width: 650px;
		margin: 0 auto;
		text-align: center;
	}
}

.hero-3 .hero-content .text {
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 0;
}

.hero-3 .hero-content .hero-list {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 28px;
	margin-top: 30px;
}

@media (max-width: 991.98px) {
	.hero-3 .hero-content .hero-list {
		justify-content: center;
	}
}

@media (max-width: 575.98px) {
	.hero-3 .hero-content .hero-list {
		margin-top: 20px;
		margin-bottom: 20px;
		flex-wrap: wrap;
	}
}

.hero-3 .hero-content .hero-list a {
	display: inline-block;
	border: 1px solid rgba(255, 255, 255, 0.2);
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	padding: 13px 20px 10px;
	border-radius: 30px;
	line-height: 1;
}

.hero-3 .hero-content .hero-list a:hover {
	background-color: var(--theme-color1);
	border-color: var(--theme-color1);
}

.hero-section-3 .hero-image {
	position: relative;
	border-radius: 12px;
	margin-top: -300px;
	height: 630px;
	z-index: 99;
}

@media (max-width: 991.98px) {
	.hero-section-3 .hero-image {
		height: 580px;
	}
}

@media (max-width: 767.98px) {
	.hero-section-3 .hero-image {
		height: 530px;
	}
}

@media (max-width: 575.98px) {
	.hero-section-3 .hero-image {
		height: 480px;
	}
}

.hero-section-3 .hero-image .circle-box {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background-color: var(--theme-color1);
	color: #fff;
	position: absolute;
	z-index: 9;
	top: -85px;
	right: 210px;
	border: 10px solid var(--theme-color-black);
}

@media (max-width: 991.98px) {
	.hero-section-3 .hero-image .circle-box {
		font-size: 13px;
		border: 5px solid var(--theme-color-black);
		width: 150px;
		height: 150px;
		right: initial;
		left: 50%;
		transform: translateX(-50%);
	}
}

.hero-section-3 .hero-image::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	content: "";
	background: rgba(0, 0, 0, 0.3);
	border-radius: 12px;
}

.hero-section-3 .hero-image img {
	width: 100%;
	height: 100%;
	border-radius: 12px;
	object-fit: cover;
}

.hero-4 {
	padding: 200px 0 0;
	overflow: hidden;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	position: relative;
	z-index: 9;
}

.hero-4 .hero-video {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

@media (max-width: 991.98px) {
	.hero-4 {
		padding-top: 180px;
	}
}

@media (max-width: 767.98px) {
	.hero-4 {
		padding-top: 170px;
	}
}

@media (max-width: 575.98px) {
	.hero-4 {
		padding-top: 150px;
	}
}

.hero-4 .container {
	max-width: 1690px;
}

.hero-4 .hero-content .hero-title {
	font-size: 170px;
}

@media (max-width: 1699.98px) {
	.hero-4 .hero-content .hero-title {
		font-size: 120px;
	}
}

@media (max-width: 1199.98px) {
	.hero-4 .hero-content .hero-title {
		font-size: 90px;
	}
}

@media (max-width: 991.98px) {
	.hero-4 .hero-content .hero-title {
		font-size: 75px;
	}
}

@media (max-width: 469.98px) {
	.hero-4 .hero-content .hero-title {
		font-size: 60px;
	}
}

.hero-4 .hero-content .hero-title span {
	display: block;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: rgb(255, 107, 30);
	color: transparent;
}

@media (max-width: 991.98px) {
	.hero-4 .hero-content .hero-title span {
		display: initial;
	}
}

.hero-4 .hero-content .hero-items {
	display: flex;
	align-items: center;
	gap: 100px;
	margin-top: 30px;
}

@media (max-width: 1199.98px) {
	.hero-4 .hero-content .hero-items {
		gap: 30px;
		flex-wrap: wrap;
	}
}

.hero-4 .hero-content .hero-items .thumb {
	transform: rotate(18.92deg);
}

@media (max-width: 1199.98px) {
	.hero-4 .hero-content .hero-items .thumb {
		transform: rotate(0deg);
		display: none;
	}
}

.hero-4 .hero-content .hero-items .thumb img {
	border-radius: 10px;
}

.hero-4 .hero-content .hero-items .content {
	max-width: 420px;
}

.hero-4 .hero-content .hero-items .content .text {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding-bottom: 25px;
}

.hero-4 .hero-content .hero-items .content .social-icon {
	margin-top: 30px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.hero-4 .hero-content .hero-items .content .social-icon a {
	display: inline-block;
	border: 1px solid rgba(255, 255, 255, 0.14);
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	color: rgba(255, 255, 255, 0.6);
}

.hero-4 .hero-content .hero-items .content .social-icon a:hover {
	background-color: var(--theme-color1);
	color: var(--theme-color-white);
}

.hero-4 .hero-image {
	border-radius: 10px;
	position: relative;
	z-index: 9;
}

@media (max-width: 991.98px) {
	.hero-4 .hero-image {
		height: 550px;
	}
}

@media (max-width: 767.98px) {
	.hero-4 .hero-image {
		height: 470px;
	}
}

@media (max-width: 575.98px) {
	.hero-4 .hero-image {
		height: 430px;
	}
}

.hero-4 .hero-image .shape1 {
	position: absolute;
	left: 60px;
	top: -80px;
}

@media (max-width: 991.98px) {
	.hero-4 .hero-image .shape1 {
		display: none;
	}
}

.hero-4 .hero-image .shape1 img {
	border-radius: 0;
}

.hero-4 .hero-image .shape2 {
	position: absolute;
	right: 60px;
	top: -80px;
}

@media (max-width: 991.98px) {
	.hero-4 .hero-image .shape2 {
		display: none;
	}
}

.hero-4 .hero-image .shape2 img {
	border-radius: 0;
}

.hero-4 .hero-image .shape3 {
	position: absolute;
	left: 40px;
	bottom: -70px;
}

@media (max-width: 991.98px) {
	.hero-4 .hero-image .shape3 {
		display: none;
	}
}

.hero-4 .hero-image .shape3 img {
	border-radius: 0;
}

.hero-4 .hero-image .shape4 {
	position: absolute;
	right: 40px;
	bottom: -70px;
}

@media (max-width: 991.98px) {
	.hero-4 .hero-image .shape4 {
		display: none;
	}
}

.hero-4 .hero-image .shape4 img {
	border-radius: 0;
}

.hero-4 .hero-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
	object-fit: cover;
}

.hero-4 .marquee-section4 {
	margin-top: -60px;
}

@media (max-width: 1399.98px) {
	.hero-4 .marquee-section4 {
		margin-top: 0;
	}
}

.hero-4 .marquee-section4 .marquee-two .marquee-group .text {
	letter-spacing: -0.08em;
	text-transform: uppercase;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.1);
	font-size: 260px;
	line-height: 1;
}

@media (max-width: 1699.98px) {
	.hero-4 .marquee-section4 .marquee-two .marquee-group .text {
		font-size: 220px;
	}
}

@media (max-width: 1199.98px) {
	.hero-4 .marquee-section4 .marquee-two .marquee-group .text {
		font-size: 180px;
	}
}

@media (max-width: 991.98px) {
	.hero-4 .marquee-section4 .marquee-two .marquee-group .text {
		font-size: 140px;
	}
}

@media (max-width: 575.98px) {
	.hero-4 .marquee-section4 .marquee-two .marquee-group .text {
		font-size: 120px;
	}
}

.feature-block .inner-block {
	position: relative;
	z-index: 9;
}

@media (max-width: 767.98px) {
	.feature-block .inner-block {
		text-align: center;
	}
}

.feature-block .inner-block .border-line {
	position: absolute;
	width: 1px;
	height: 100%;
	background: rgba(255, 255, 255, 0.14);
	top: 0;
	right: 45px;
}

@media (max-width: 1399.98px) {
	.feature-block .inner-block .border-line {
		display: none;
	}
}

.feature-block .inner-block .border-line::before {
	position: absolute;
	top: 0;
	left: -1px;
	content: "";
	width: 3px;
	height: 10px;
	background-color: var(--theme-color1);
}

.feature-block .inner-block .border-line::after {
	position: absolute;
	bottom: 0;
	left: -1px;
	content: "";
	width: 3px;
	height: 10px;
	background-color: var(--theme-color1);
}

.feature-block .inner-block .icon {
	font-size: 80px;
	color: var(--theme-color1);
	line-height: 1;
	-webkit-transition: all 900ms ease;
	transition: all 900ms ease;
	display: inline-block;
}

.feature-block .inner-block .content-box {
	margin-top: 45px;
	max-width: 320px;
}

@media (max-width: 1199.98px) {
	.feature-block .inner-block .content-box {
		max-width: initial;
	}
}

@media (max-width: 767.98px) {
	.feature-block .inner-block .content-box {
		margin-top: 20px;
	}
}

.feature-block .inner-block .content-box .title {
	margin-bottom: 20px;
	font-weight: 500;
}

@media (max-width: 767.98px) {
	.feature-block .inner-block .content-box .title {
		margin-bottom: 10px;
	}
}

.feature-block .inner-block .content-box .text {
	color: rgba(255, 255, 255, 0.6);
	font-weight: 400;
}

.feature-block .inner-block .content-box .arrow-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	text-decoration: none;
	font-weight: 400;
	color: #fff;
	overflow: hidden;
	font-size: 16px;
	font-family: var(--heading-font-family);
	margin-top: 17px;
}

.feature-block .inner-block .content-box .arrow-link .text {
	max-width: 0;
	opacity: 0;
	white-space: nowrap;
	transition: all 0.3s ease;
	font-family: var(--heading-font-family);
}

.feature-block .inner-block .content-box .arrow-link i {
	transition: transform 0.3s ease;
}

.feature-block .inner-block .content-box .arrow-link:hover .text {
	max-width: 100px;
	opacity: 1;
	color: var(--theme-color1);
	text-decoration: underline;
}

.feature-block .inner-block:hover .icon {
	-webkit-transform: rotateY(360deg);
	transform: rotateY(360deg);
}

.feature-section-2 {
	background-color: #000;
	border-radius: 40px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	margin-top: -35px;
	position: relative;
	z-index: 9;
}

@media (max-width: 1199.98px) {
	.feature-section-2 {
		margin-top: 0;
	}
}

@media (max-width: 991.98px) {
	.feature-section-2 {
		margin-top: 0;
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}
}

.feature-section-2 .shape-1 {
	position: absolute;
	top: 93px;
	left: 53px;
}

@media (max-width: 1699.98px) {
	.feature-section-2 .shape-1 {
		display: none;
	}
}

.feature-section-2 .shape-2 {
	position: absolute;
	top: 99px;
	right: 0;
}

@media (max-width: 1699.98px) {
	.feature-section-2 .shape-2 {
		display: none;
	}
}

.video-section {
	margin: 0 60px;
	position: relative;
}

@media (max-width: 1699.98px) {
	.video-section {
		margin: 0 35px;
	}
}

@media (max-width: 1399.98px) {
	.video-section {
		margin: 0 28px;
	}
}

@media (max-width: 1199.98px) {
	.video-section {
		margin: 0 20px;
	}
}

@media (max-width: 469.98px) {
	.video-section {
		margin: 0 16px;
	}
}

.video-section .video-light-shape-1 {
	position: absolute;
	top: -35%;
	left: -60px;
}

.video-image {
	position: relative;
	z-index: 9;
	border-radius: 40px;
	height: 743px;
}

@media (max-width: 1199.98px) {
	.video-image {
		height: 620px;
	}
}

@media (max-width: 767.98px) {
	.video-image {
		height: 580px;
	}
}

@media (max-width: 575.98px) {
	.video-image {
		height: 480px;
	}
}

.video-image::before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 71, 0) 19.26%, #FF6B1E 97.47%);
	border-radius: 40px;
	z-index: 1;
}

.video-image::after {
	position: absolute;
	top: 50%;
	left: 50%;
	content: "";
	width: 763px;
	height: 720px;
	transform: translate(-50%, -50%);
	background: rgba(255, 255, 255, 0.18);
	border-radius: 50%;
	z-index: 1;
}

@media (max-width: 1399.98px) {
	.video-image::after {
		display: none;
	}
}

.video-image img {
	width: 100%;
	height: 100%;
	border-radius: 40px;
	object-fit: cover;
}

.video-image .content {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	bottom: 120px;
	z-index: 9;
}

@media (max-width: 1399.98px) {
	.video-image .content {
		padding: 0 30px;
		bottom: 80px;
	}
}

.video-image .content .title {
	font-size: 50px;
	font-weight: 500;
	max-width: 630px;
	margin: 0 auto;
	height: 140%;
	margin-top: 70px;
}

@media (max-width: 991.98px) {
	.video-image .content .title {
		font-size: 40px;
		margin-top: 50px;
	}
}

@media (max-width: 575.98px) {
	.video-image .content .title {
		font-size: 34px;
		margin-top: 40px;
	}
}

@media (max-width: 469.98px) {
	.video-image .content .title {
		font-size: 30px;
	}
}

.video-image .content .play-now .icon {
	width: 110px;
	height: 110px;
	font-size: 24px;
	line-height: 110px;
	padding-left: 0;
	color: var(--theme-color1);
	background-color: var(--theme-color2);
	border-radius: 50%;
	z-index: 9;
	margin: 0 auto;
	transition: all 0.4s ease-in-out;
}

@media (max-width: 575.98px) {
	.video-image .content .play-now .icon {
		font-size: 19px;
		width: 80px;
		height: 80px;
		line-height: 80px;
	}
}

.video-image .content .play-now .icon:hover {
	background-color: var(--theme-color1);
	color: #fff;
}

.choose-us-content-1 {
	position: relative;
}

.choose-us-content-1 .choose-text {
	margin-top: 20px;
}

.choose-us-content-1 .feature-box-wrapper {
	border: 1px solid rgba(255, 255, 255, 0.13);
	background-color: var(--theme-color-black);
	border-radius: 30px;
	margin-top: 45px;
	max-width: 577px;
}

@media (max-width: 991.98px) {
	.choose-us-content-1 .feature-box-wrapper {
		max-width: initial;
		margin-top: 30px;
	}
}

.choose-us-content-1 .feature-box-wrapper .feature-box .inner-box {
	display: flex;
	gap: 40px;
	padding: 50px;
}

@media (max-width: 1199.98px) {
	.choose-us-content-1 .feature-box-wrapper .feature-box .inner-box {
		padding: 35px;
		gap: 30px;
	}
}

@media (max-width: 575.98px) {
	.choose-us-content-1 .feature-box-wrapper .feature-box .inner-box {
		flex-wrap: wrap;
		gap: 20px;
	}
}

.choose-us-content-1 .feature-box-wrapper .feature-box .inner-box.border-add {
	border-bottom: 1px solid rgba(255, 255, 255, 0.14);
	padding-bottom: 40px;
}

@media (max-width: 1199.98px) {
	.choose-us-content-1 .feature-box-wrapper .feature-box .inner-box.border-add {
		padding-bottom: 30px;
	}
}

.choose-us-content-1 .feature-box-wrapper .feature-box .inner-box .icon {
	-webkit-transition: all 900ms ease;
	transition: all 900ms ease;
	display: inline-block;
}

.choose-us-content-1 .feature-box-wrapper .feature-box .inner-box .content-box .title {
	line-height: 1;
	margin-bottom: 25px;
}

.choose-us-content-1 .feature-box-wrapper .feature-box .inner-box:hover .icon {
	-webkit-transform: rotateY(360deg);
	transform: rotateY(360deg);
}

.choose-us-content-1 .choose-client-info {
	display: inline-grid;
	align-items: center;
	position: absolute;
	bottom: 0;
	right: -85px;
}

@media (max-width: 1399.98px) {
	.choose-us-content-1 .choose-client-info {
		display: none;
	}
}

.choose-us-content-1 .choose-client-info .ball-icon {
	display: inline-block;
	width: 114px;
	height: 114px;
	line-height: 114px;
	text-align: center;
	border-radius: 50%;
	background-color: var(--theme-color-black);
	border: 1px solid rgba(255, 255, 255, 0.13);
}

.choose-us-content-1 .choose-client-info .info-content {
	display: flex;
	align-items: center;
	gap: 10px;
	background-color: var(--theme-color-black);
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 57px;
	padding: 87px 20px;
}

.choose-us-content-1 .choose-client-info .info-content .client-image {
	align-items: center;
	display: grid;
}

.choose-us-content-1 .choose-client-info .info-content .client-image img {
	border: 2px solid #000;
	border-radius: 50%;
	height: 40px;
	width: 40px;
}

.choose-us-content-1 .choose-client-info .info-content .client-image .icon-1 {
	margin-top: -8px;
}

.choose-us-content-1 .choose-client-info .info-content .client-image .icon-2 {
	margin-top: -8px;
}

.choose-us-content-1 .choose-client-info .info-content .client-image .icon-3 {
	margin-top: -8px;
}

.choose-us-content-1 .choose-client-info .info-content .client-image .icon-4 {
	margin-top: -8px;
}

.choose-us-content-1 .choose-client-info .info-content .client-image span {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: inline-block;
	background-color: var(--theme-color1);
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	font-family: var(--heading-font-family);
	text-align: center;
	line-height: 40px;
}

.choose-us-content-1 .choose-client-info .info-content p {
	color: #fff;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
}

.choose-us-image-1 {
	position: relative;
	max-width: 570px;
	margin-left: auto;
	border-radius: 468px;
	height: 800px;
	z-index: 9;
	margin-left: 85px;
	z-index: 9;
}

@media (max-width: 1199.98px) {
	.choose-us-image-1 {
		margin-left: 0;
	}
}

@media (max-width: 991.98px) {
	.choose-us-image-1 {
		height: initial;
		max-width: initial;
		border-radius: 20px !important;
		height: 500px;
	}

	.choose-us-image-1 img {
		border-radius: 20px !important;
	}
}

.choose-us-image-1::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	content: "";
	background: linear-gradient(180deg, rgba(13, 13, 13, 0) 46.43%, #FF6B1E 100%);
	border-radius: 468px;
}

@media (max-width: 991.98px) {
	.choose-us-image-1::before {
		border-radius: 20px;
	}
}

.choose-us-image-1 img {
	width: 100%;
	height: 100%;
	border-radius: 468px;
	object-fit: cover;
}

.choose-us-image-1 .choose-counter {
	width: 258px;
	height: 258px;
	line-height: 258px;
	border-radius: 50%;
	background-color: var(--theme-color2);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 99;
}

@media (max-width: 575.98px) {
	.choose-us-image-1 .choose-counter {
		width: 190px;
		height: 190px;
		line-height: 190px;
	}
}

.choose-us-image-1 .choose-counter .count-box {
	font-size: 60px;
	font-weight: 400;
	color: var(--theme-color1);
}

@media (max-width: 575.98px) {
	.choose-us-image-1 .choose-counter .count-box {
		font-size: 45px;
	}
}

.choose-us-image-1 .choose-counter p {
	font-size: 18px;
	max-width: 155px;
	color: #fff;
	margin-top: 10px;
	line-height: 133%;
}

@media (max-width: 575.98px) {
	.choose-us-image-1 .choose-counter p {
		font-size: 14px;
	}
}

.feature-box-style1 {
	padding: 60px;
	background-color: var(--theme-color-black);
	border-radius: 40px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	padding-top: 55px;
	overflow: hidden;
	position: relative;
	z-index: 99;
}

@media (max-width: 1199.98px) {
	.feature-box-style1 {
		padding: 40px;
	}
}

@media (max-width: 469.98px) {
	.feature-box-style1 {
		padding: 35px 28px;
	}
}

.feature-box-style1 .feature-frame {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}

.feature-box-style1 .feature-frame img {
	height: 100%;
}

.feature-box-style1 .sub-title {
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 400;
	gap: 10px;
	margin-bottom: 13px;
}

@media (max-width: 1199.98px) {
	.feature-box-style1 .title {
		font-size: 35px;
	}
}

@media (max-width: 575.98px) {
	.feature-box-style1 .title {
		font-size: 30px;
	}
}

@media (max-width: 469.98px) {
	.feature-box-style1 .title {
		font-size: 26px;
	}
}

.feature-box-style1 .title span {
	color: var(--theme-color1);
}

.feature-box-style1 .btn-style-one {
	margin-top: 100px;
}

@media (max-width: 767.98px) {
	.feature-box-style1 .btn-style-one {
		margin-top: 60px;
	}
}

@media (max-width: 575.98px) {
	.feature-box-style1 .btn-style-one {
		margin-top: 50px;
	}
}

@media (max-width: 1199.98px) {
	.feature-box-style1.style-2 {
		padding: 40px;
	}
}

@media (max-width: 1399.98px) {
	.feature-box-style1.style-2 .title {
		font-size: 44px;
	}
}

@media (max-width: 767.98px) {
	.feature-box-style1.style-2 .title {
		font-size: 40px;
	}
}

@media (max-width: 575.98px) {
	.feature-box-style1.style-2 .title {
		font-size: 36px;
	}
}

@media (max-width: 469.98px) {
	.feature-box-style1.style-2 .title {
		font-size: 28px;
	}
}

.feature-box-style1.style-2 .feature-button {
	margin-top: 35px;
	text-align: right;
}

@media (max-width: 767.98px) {
	.feature-box-style1.style-2 .feature-button {
		margin-top: 25px;
		text-align: left;
	}
}

.feature-box-style2 {
	background-color: var(--theme-color-black);
	border-radius: 40px;
	border: 1px solid rgba(255, 255, 255, 0.1411764706);
	position: relative;
	z-index: 99;
}

.feature-box-style2.bg-theme-color {
	background-color: var(--theme-color1);
	overflow: hidden;
}

.feature-box-style2.bg-theme-color .image {
	height: 248px;
	margin-top: -2px;
}

@media (max-width: 575.98px) {
	.feature-box-style2.bg-theme-color .image {
		margin-top: -18px;
	}
}

.feature-box-style2.bg-theme-color .content .text {
	color: rgba(255, 255, 255, 0.8);
}

.feature-box-style2 .image {
	text-align: center;
	width: 100%;
	height: 258px;
}

@media (max-width: 1199.98px) {
	.feature-box-style2 .image {
		height: 180px;
	}
}

.feature-box-style2 .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-fit: contain;
}

.feature-box-style2 .content {
	padding: 30px 40px;
}

.feature-box-style2 .content .text {
	max-width: 315px;
	margin-top: 15px;
}

.feature-box-style2.style-2 .image {
	height: initial;
	max-width: 425px;
	margin: 0 auto;
}

.feature-box-style2.style-2 .content {
	padding-left: 60px;
	padding-bottom: 60px;
	padding-top: 0;
	margin-top: -15px;
}

@media (max-width: 1199.98px) {
	.feature-box-style2.style-2 .content {
		padding-left: 30px;
		padding-bottom: 30px;
	}
}

.feature-box-style2.style-2 .content .text {
	max-width: 500px !important;
}

.feature-box-style3 {
	border: 1px solid var(--border-color1-rgba);
	background-color: var(--theme-color-black);
	border-radius: 40px;
	padding: 42px 0;
	padding-right: 60px;
	padding-left: 55px;
}

@media (max-width: 575.98px) {
	.feature-box-style3 {
		padding-left: 30px;
		padding-right: 30px;
	}
}

.feature-box-style3 .content .title {
	padding-bottom: 190px;
	max-width: 240px;
	margin-left: auto;
	text-align: right;
}

@media (max-width: 991.98px) {
	.feature-box-style3 .content .title {
		padding-bottom: 50px;
	}
}

@media (max-width: 375.98px) {
	.feature-box-style3 .content .title {
		padding-bottom: 30px;
	}
}

.feature-box-style3 .content .text {
	padding-top: 30px;
	border-top: 1px solid var(--border-color1-rgba);
	text-align: right;
	margin-left: -90px;
}

@media (max-width: 1199.98px) {
	.feature-box-style3 .content .text {
		margin-left: -190px;
	}
}

@media (max-width: 767.98px) {
	.feature-box-style3 .content .text {
		margin-left: 0;
	}
}

.feature-box-style3 .image {
	width: 100%;
	height: 394px;
	position: relative;
	left: -30px;
}

@media (max-width: 1199.98px) {
	.feature-box-style3 .image {
		display: none;
	}
}

.feature-box-style3 .image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media (max-width: 375.98px) {
	.feature-box-style3 .image img {
		height: auto;
	}
}

.feature-box-style3.style-2 {
	padding-bottom: 0;
	padding-left: 35px;
	padding-top: 10px;
	position: relative;
	z-index: 9;
}

@media (max-width: 1199.98px) {
	.feature-box-style3.style-2 {
		padding: 40px;
	}
}

@media (max-width: 1199.98px) {
	.feature-box-style3.style-2 .image2 {
		display: none;
	}
}

.feature-box-style3.style-2 .content .text {
	margin-left: -50px;
	max-width: initial;
}

@media (max-width: 1199.98px) {
	.feature-box-style3.style-2 .content .text {
		margin-left: 0;
	}
}

.feature-box-style4 {
	background-color: var(--theme-color1);
	padding: 50px;
	border-radius: 40px;
	padding-top: 37px;
	padding-right: 37px;
}

@media (max-width: 1399.98px) {
	.feature-box-style4 {
		padding: 30px;
		padding-right: 20px;
	}
}

.feature-box-style4 .image {
	text-align: center;
	margin-bottom: 40px;
}

.feature-box-style4 .title {
	color: #fff;
}

.feature-box-style4 .text {
	color: #fff;
	font-weight: 400;
	margin-top: 10px;
}

.feature-section {
	position: relative;
}

.feature-section .light-shape-1 {
	position: absolute;
	top: -40%;
	right: 0;
}

@media (max-width: 1199.98px) {
	.feature-section .light-shape-1 {
		display: none;
	}
}

.feature-section .shape-1 {
	position: absolute;
	top: -12%;
	right: 20px;
}

@media (max-width: 1199.98px) {
	.feature-section .shape-1 {
		display: none;
	}
}

.skiil-content-4 .text {
	margin-top: 35px;
}

@media (max-width: 767.98px) {
	.skiil-content-4 .text {
		margin-top: 20px;
		font-size: 14px;
	}
}

.skiil-content-4 .skill-feature {
	margin-top: 45px;
}

@media (max-width: 767.98px) {
	.skiil-content-4 .skill-feature {
		margin-top: 28px;
	}
}

.skiil-content-4 .skill-feature .title {
	font-weight: 500;
	color: #fff;
	margin-bottom: 18px;
}

@media (max-width: 1199.98px) {
	.skiil-content-4 .skill-feature .title {
		font-size: 16px;
	}
}

@media (max-width: 575.98px) {
	.skiil-content-4 .skill-feature .title {
		font-size: 15px;
	}
}

.skiil-content-4 .skill-feature .progress-value {
	text-transform: capitalize;
}

.skiil-content-4 .skill-feature .progress {
	position: relative;
	height: 7px;
	background-color: rgba(206, 206, 206, 0.1);
	border-radius: 3px;
	overflow: visible;
}

.skiil-content-4 .skill-feature .progress-bar {
	background-color: var(--theme-color-white);
	height: 7px;
	margin: 0;
	border-radius: 3px;
	overflow: visible;
	position: relative;
	margin-top: 0;
	transition: width 1.8s ease;
	width: 0;
}

.skiil-content-4 .skill-feature .progress-bar::before {
	position: absolute;
	top: -5px;
	right: 0;
	bottom: 0;
	content: "";
	width: 5px;
	height: 16px;
	border-radius: 20px;
	background-color: var(--theme-color-white);
}

.skiil-content-4 .skill-feature .progress-value {
	position: absolute;
	top: -52px;
	right: -8px;
	font-size: 20px;
	font-weight: 500;
}

@media (max-width: 1199.98px) {
	.skiil-content-4 .skill-feature .progress-value {
		font-size: 16px;
		top: -40px;
	}
}

@media (max-width: 575.98px) {
	.skiil-content-4 .skill-feature .progress-value {
		font-size: 15px;
	}
}

.skiil-content-4 .skill-feature .price-list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
}

.skiil-content-4 .skill-feature .price-list span {
	color: var(--theme-color-white);
	font-size: 16px;
	font-weight: 400;
}

.skill-section-4 {
	position: relative;
}

.skill-section-4 .line-shape {
	width: 1px;
	height: 405px;
	background-color: rgba(255, 255, 255, 0.1);
	position: absolute;
	bottom: 0;
	left: 54%;
	transform: translateX(-50%);
}

@media (max-width: 1399.98px) {
	.skill-section-4 .line-shape {
		display: none;
	}
}

.skill-section-4 .skill-light {
	position: absolute;
	bottom: -80%;
	right: 0;
}

.skills-block-4 {
	display: flex;
	align-items: end;
	max-width: 490px;
	margin-left: auto;
	position: relative;
	z-index: 99;
}

@media (max-width: 991.98px) {
	.skills-block-4 {
		margin-left: initial;
	}
}

.skills-block-4 .inner-box {
	height: 380px;
	border-radius: 20px;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	padding: 30px 0;
	transition: all 0.4s ease;
}

@media (max-width: 575.98px) {
	.skills-block-4 .inner-box .icon img {
		width: 35px;
	}
}

@media (max-width: 575.98px) {
	.skills-block-4 .inner-box .title {
		font-size: 17px;
	}
}

.skills-block-4 .inner-box.style-1 {
	width: 150px;
	height: 340px;
	background-color: var(--theme-color2);
	border-bottom-right-radius: 0px;
}

@media (max-width: 575.98px) {
	.skills-block-4 .inner-box.style-1 {
		width: 135px;
	}
}

.skills-block-4 .inner-box.style-2 {
	width: 150px;
	height: 380px;
	background-color: #fff;
	margin-left: -15px;
	border-bottom-right-radius: 0px;
}

@media (max-width: 575.98px) {
	.skills-block-4 .inner-box.style-2 {
		width: 135px;
	}
}

.skills-block-4 .inner-box.style-2 .content {
	margin-left: -20px;
}

.skills-block-4 .inner-box.style-2 .content .title {
	color: var(--theme-color-black);
}

.skills-block-4 .inner-box.style-3 {
	width: 150px;
	height: 440px;
	background-color: var(--theme-color-black);
	margin-left: -25px;
}

@media (max-width: 575.98px) {
	.skills-block-4 .inner-box.style-3 {
		width: 135px;
	}
}

.skills-block-4 .inner-box.style-3 .content {
	margin-left: -20px;
}

.skills-block-4 .inner-box.style-4 {
	width: 150px;
	height: 490px;
	background-color: var(--theme-color1);
	margin-left: -25px;
}

@media (max-width: 575.98px) {
	.skills-block-4 .inner-box.style-4 {
		width: 135px;
		margin-left: -13px;
	}
}

.skills-block-4 .inner-box.style-4 .content {
	margin-left: -20px;
}

.skills-block-4 .inner-box.style-4 .content .text {
	color: #fff;
}

.skills-block-4 .inner-box .content {
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	text-align: center;
	margin-left: -20px;
}

.skills-block-4 .inner-box .content .text {
	text-align: left;
	margin-right: 5px;
}

.skills-block-4 .inner-box .content .title {
	color: #fff;
}

.funfact-area-1 {
	background-color: var(--theme-color1);
	border-radius: 40px;
	margin: 0 60px;
	position: relative;
	padding: 170px 0 100px;
	margin-top: -80px;
}

@media (max-width: 1699.98px) {
	.funfact-area-1 {
		margin: 0 35px;
		margin-top: -80px;
	}
}

@media (max-width: 1399.98px) {
	.funfact-area-1 {
		margin: 0 28px;
		margin-top: -80px;
	}
}

@media (max-width: 1199.98px) {
	.funfact-area-1 {
		margin: 0 20px;
		margin-top: -80px;
	}
}

@media (max-width: 469.98px) {
	.funfact-area-1 {
		margin: 0 16px;
		margin-top: -80px;
	}
}

.funfact-left-content .title {
	color: var(--headings-color);
	font-size: 30px;
	font-weight: 500;
	line-height: 133%;
	max-width: 590px;
}

@media (max-width: 575.98px) {
	.funfact-left-content .title {
		font-size: 22px;
	}
}

.funfact-left-content .btn-style-one {
	margin-top: 35px;
	background-color: #fff;
}

.funfact-left-content .btn-style-one .btn-title {
	color: var(--theme-color-black);
}

.funfact-left-content .btn-style-one .btn-arrow-left,
.funfact-left-content .btn-style-one .btn-arrow-right {
	background-color: var(--theme-color-black);
}

.funfact-counter-items {
	display: flex;
	align-items: center;
	gap: 60px;
}

@media (max-width: 1199.98px) {
	.funfact-counter-items {
		gap: 40px;
		flex-wrap: wrap;
	}
}

.funfact-counter-items .count-box .title {
	color: #fff;
	font-size: 100px;
	font-weight: 500;
	letter-spacing: -2px;
	text-transform: uppercase;
	line-height: 1;
}

@media (max-width: 1399.98px) {
	.funfact-counter-items .count-box .title {
		font-size: 70px;
	}
}

.funfact-counter-items .count-box p {
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	line-height: 1;
	margin-top: 8px;
}

@media (max-width: 1399.98px) {
	.funfact-counter-items .count-box p {
		font-size: 18px;
		margin-top: 10px;
	}
}

.funfact-counter-items .line-border {
	width: 1px;
	height: 111.533px;
	opacity: 0.3;
	background-color: rgb(255, 255, 255);
}

@media (max-width: 1199.98px) {
	.funfact-counter-items .line-border {
		display: none;
	}
}

.about-image-1 {
	width: 560px;
	position: relative;
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 587 719"><path fill-rule="evenodd" clip-rule="evenodd"  d="M154 0C192.66 0 224 31.3401 224 70C224 31.3401 255.34 0 294 0H517C555.66 2.19049e-06 587 31.3401 587 70V649C587 687.66 555.66 719 517 719H294C255.34 719 224 687.66 224 649C224 687.66 192.66 719 154 719H70C31.3401 719 1.38937e-06 687.66 0 649V70C4.28489e-06 31.3401 31.3401 0 70 0H154Z" /></svg>');
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: cover;
	height: 750px;
	border-radius: 70px;
}

@media (max-width: 1399.98px) {
	.about-image-1 {
		width: initial;
	}
}

@media (max-width: 1199.98px) {
	.about-image-1 {
		max-width: initial;
		mask: none;
		height: 500px;
	}
}

@media (max-width: 575.98px) {
	.about-image-1 {
		height: 400px;
	}
}

.about-image-1 img {
	width: 100%;
	height: 100%;
	border-radius: 70px;
	object-fit: cover;
}

.about-content {
	margin-left: 70px;
}

@media (max-width: 1399.98px) {
	.about-content {
		margin-left: 0;
	}
}

.about-content .about-text {
	max-width: 650px;
	margin-top: 20px;
}

.about-content .about-list-items {
	border: 1px solid rgba(255, 255, 255, 0.14);
	padding: 35px 50px;
	padding-top: 35px;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 30px;
}

@media (max-width: 1699.98px) {
	.about-content .about-list-items {
		padding: 28px 20px;
	}
}

@media (max-width: 1199.98px) {
	.about-content .about-list-items {
		flex-wrap: wrap;
		gap: 20px;
	}
}

@media (max-width: 767.98px) {
	.about-content .about-list-items {
		padding: 30px;
	}
}

.about-content .about-list-items ul li {
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 16px;
}

@media (max-width: 1699.98px) {
	.about-content .about-list-items ul li {
		font-size: 14px;
	}
}

.about-content .about-list-items ul li:not(:last-child) {
	margin-bottom: 20px;
}

.about-content .about-list-items ul li i {
	color: var(--theme-color1);
}

.about-content .about-thumb-items {
	display: flex;
	align-items: center;
	gap: 0;
	margin-top: 20px;
	margin-bottom: 40px;
}

@media (max-width: 1399.98px) {
	.about-content .about-thumb-items {
		gap: 15px;
	}
}

@media (max-width: 1199.98px) {
	.about-content .about-thumb-items {
		display: block;
	}
}

@media (max-width: 991.98px) {
	.about-content .about-thumb-items {
		display: flex;
	}
}

@media (max-width: 767.98px) {
	.about-content .about-thumb-items {
		display: block;
	}
}

@media (max-width: 1199.98px) {
	.about-content .about-thumb-items .thumb1 {
		height: 167px;
		margin-bottom: 20px;
	}
}

@media (max-width: 767.98px) {
	.about-content .about-thumb-items .thumb1 {
		margin-bottom: 15px;
	}
}

.about-content .about-thumb-items .thumb1 img {
	border-radius: 26px;
}

@media (max-width: 1399.98px) {
	.about-content .about-thumb-items .thumb1 img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

.about-content .about-thumb-items .content {
	background-color: var(--bg-color);
	border-radius: 20px;
	padding: 50px 44px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

@media (max-width: 1399.98px) {
	.about-content .about-thumb-items .content {
		gap: 15px;
		padding: 40px 30px;
	}
}

@media (max-width: 575.98px) {
	.about-content .about-thumb-items .content {
		padding: 40px 20px;
	}
}

@media (max-width: 469.98px) {
	.about-content .about-thumb-items .content {
		flex-wrap: wrap;
	}
}

.about-content .about-thumb-items .content .count-box {
	font-size: 60px;
	font-weight: 400;
	color: var(--theme-color1);
}

@media (max-width: 1399.98px) {
	.about-content .about-thumb-items .content .count-box {
		font-size: 36px;
	}
}

.about-content .about-thumb-items .content p {
	font-size: 18px;
	color: #fff;
	max-width: 155px;
}

@media (max-width: 1399.98px) {
	.about-content .about-thumb-items .content p {
		font-size: 14px;
	}
}

.about-items-2 .title {
	font-size: 50px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	letter-spacing: -0.03em;
}

@media (max-width: 1399.98px) {
	.about-items-2 .title {
		font-size: 42px;
		line-height: 130%;
	}
}

@media (max-width: 1199.98px) {
	.about-items-2 .title {
		font-size: 36px;
	}
}

@media (max-width: 991.98px) {
	.about-items-2 .title {
		font-size: 32px;
	}
}

@media (max-width: 767.98px) {
	.about-items-2 .title {
		font-size: 29px;
	}
}

@media (max-width: 575.98px) {
	.about-items-2 .title {
		font-size: 27px;
	}
}

@media (max-width: 469.98px) {
	.about-items-2 .title {
		font-size: 25px;
	}
}

.about-items-2 .about-btn {
	margin-top: 50px;
	text-align: center;
	margin-bottom: -20px;
	position: relative;
	z-index: 1;
}

.about-items-2 .about-thumb {
	border-radius: 20px;
	height: 460px;
}

.about-items-2 .about-thumb img {
	width: 100%;
	height: 100%;
	border-radius: 20px;
	object-fit: cover;
}

.about-section {
	position: relative;
}

.about-section .light-shape-1 {
	position: absolute;
	top: -360px;
	right: -100px;
}

@media (max-width: 1199.98px) {
	.about-section .light-shape-1 {
		display: none;
	}
}

.about-section .about-shape-1 {
	position: absolute;
	top: -40px;
	right: -200px;
}

@media (max-width: 1699.98px) {
	.about-section .about-shape-1 {
		display: none;
	}
}

.about-section .light-shape-2 {
	position: absolute;
	bottom: -50%;
	left: -20%;
}

@media (max-width: 1199.98px) {
	.about-section .light-shape-2 {
		display: none;
	}
}

.about-section .about-shape-2 {
	position: absolute;
	bottom: -25%;
	left: -8%;
	z-index: 22;
}

@media (max-width: 1699.98px) {
	.about-section .about-shape-2 {
		display: none;
	}
}

.about-section-2 {
	position: relative;
}

.about-section-2 .about-light {
	position: absolute;
	top: -50%;
	right: 0;
}

@media (max-width: 767.98px) {
	.about-section-2 .about-light {
		display: none;
	}
}

.about-section-2 .about-vec {
	position: absolute;
	right: -8%;
	top: 25px;
}

@media (max-width: 1699.98px) {
	.about-section-2 .about-vec {
		display: none;
	}
}

.about-items-3 {
	margin-top: 30px;
	display: flex;
	align-items: center;
	gap: 60px;
	position: relative;
}

@media (max-width: 1399.98px) {
	.about-items-3 {
		gap: 30px;
	}
}

@media (max-width: 767.98px) {
	.about-items-3 {
		display: block;
	}
}

.about-items-3 .about-light {
	position: absolute;
	top: -65%;
	left: -40%;
	z-index: -1;
}

.about-items-3 .thumb-1 {
	max-width: 446px;
}

@media (max-width: 767.98px) {
	.about-items-3 .thumb-1 {
		max-width: initial;
	}
}

.about-items-3 .thumb-1 img {
	width: 100%;
	height: 100%;
	border-radius: 30px;
}

@media (max-width: 767.98px) {
	.about-items-3 .about-content-3 {
		margin-top: 30px;
	}
}

.about-items-3 .about-content-3 .count-box {
	position: relative;
	display: inline-block;
}

.about-items-3 .about-content-3 .count-box .count-text {
	font-size: 160px;
	font-weight: 500;
	position: relative;
	line-height: 1;
	color: var(--theme-color1);
}

@media (max-width: 1399.98px) {
	.about-items-3 .about-content-3 .count-box .count-text {
		font-size: 111px;
	}
}

.about-items-3 .about-content-3 .count-box .plus {
	position: absolute;
	right: -40px;
	top: 10px;
	font-size: 40px;
}

.about-items-3 .about-content-3 .text {
	max-width: 310px;
	color: #999999;
}

.about-items-3 .about-content-3 .about-list {
	margin-top: 40px;
}

@media (max-width: 1399.98px) {
	.about-items-3 .about-content-3 .about-list {
		margin-top: 25px;
	}
}

.about-items-3 .about-content-3 .about-list li {
	font-size: 16px;
	font-weight: 400;
	color: var(--theme-color-white);
	position: relative;
	padding-left: 33px;
}

@media (max-width: 1399.98px) {
	.about-items-3 .about-content-3 .about-list li {
		font-size: 13px;
	}
}

@media (max-width: 767.98px) {
	.about-items-3 .about-content-3 .about-list li {
		font-size: 16px;
	}
}

.about-items-3 .about-content-3 .about-list li:not(:last-child) {
	margin-bottom: 15px;
}

.about-items-3 .about-content-3 .about-list li::before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	content: "";
	width: 18px;
	height: 18px;
	border-radius: 18px;
	border: 1px solid var(--theme-color1);
}

.about-items-3 .about-content-3 .about-list li::after {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 6px;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background-color: var(--theme-color1);
}

.about-icon-box-3 {
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 30px;
	padding: 70px 40px;
	margin-top: 30px;
}

@media (max-width: 1399.98px) {
	.about-icon-box-3 {
		padding: 50px 30px;
	}
}

@media (max-width: 469.98px) {
	.about-icon-box-3 {
		padding: 30px;
	}
}

.about-icon-box-3 .icon-box-1 {
	display: flex;
	gap: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.13);
	padding-bottom: 45px;
	margin-bottom: 45px;
}

@media (max-width: 1399.98px) {
	.about-icon-box-3 .icon-box-1 {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}
}

.about-icon-box-3 .icon-box-1.bb-none {
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
}

.about-icon-box-3 .icon-box-1 .icon {
	max-width: 60px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.1);
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 900ms ease;
	transition: all 900ms ease;
	display: inline-block;
}

.about-icon-box-3 .icon-box-1 .content .title {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 15px;
}

.about-icon-box-3 .icon-box-1 .content .text {
	letter-spacing: -0.02em;
	line-height: 162%;
	font-size: 15px;
}

.about-icon-box-3 .icon-box-1:hover .icon {
	background-color: var(--theme-color1);
	-webkit-transform: rotateY(360deg);
	transform: rotateY(360deg);
}

.about-icon-box-3 .icon-box-1:hover .icon img {
	filter: grayscale(100%) brightness(200%);
}

.about-icon-box-3 .btn-style-one {
	margin-top: 50px;
}

@media (max-width: 1399.98px) {
	.about-icon-box-3 .btn-style-one {
		margin-top: 35px;
	}
}

.about-section-3 {
	position: relative;
}

.about-section-3 .about-arrow {
	position: absolute;
	top: 5%;
	right: 14%;
}

@media (max-width: 1399.98px) {
	.about-section-3 .about-arrow {
		display: none;
	}
}

.about-inner-block-4 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 60px;
}

@media (max-width: 1199.98px) {
	.about-inner-block-4 {
		flex-wrap: wrap;
		gap: 30px;
		justify-content: center;
		text-align: center;
		margin-top: 40px;
	}
}

@media (max-width: 767.98px) {
	.about-inner-block-4 {
		margin-top: 30px;
	}
}

.about-inner-block-4 .inner-counter {
	display: flex;
	align-items: center;
	gap: 40px;
}

@media (max-width: 1199.98px) {
	.about-inner-block-4 .inner-counter {
		display: grid;
		gap: 0;
		text-align: center;
	}
}

.about-inner-block-4 .inner-counter .count-box {
	font-size: 260px;
	font-weight: 500;
	color: var(--theme-color1);
	line-height: 1;
}

@media (max-width: 1199.98px) {
	.about-inner-block-4 .inner-counter .count-box {
		font-size: 180px;
	}
}

@media (max-width: 991.98px) {
	.about-inner-block-4 .inner-counter .count-box {
		font-size: 150px;
	}
}

.about-inner-block-4 .inner-counter .text {
	writing-mode: sideways-lr;
}

@media (max-width: 1199.98px) {
	.about-inner-block-4 .inner-counter .text {
		writing-mode: initial;
	}
}

.about-inner-block-4 .line {
	display: inline-block;
	width: 2px;
	height: 240px;
	background-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 1199.98px) {
	.about-inner-block-4 .line {
		display: none;
	}
}

.about-inner-block-4 .about-content4 {
	max-width: 540px;
}

@media (max-width: 1199.98px) {
	.about-inner-block-4 .about-content4 {
		margin: 0 auto;
	}
}

.about-inner-block-4 .about-content4 .title {
	font-weight: 500;
	color: #fff;
	line-height: 180%;
	margin-bottom: 25px;
}

.about-inner-block-4 .about-content4 .about-bottom {
	display: flex;
	align-items: center;
	gap: 45px;
	margin-top: 35px;
}

@media (max-width: 1199.98px) {
	.about-inner-block-4 .about-content4 .about-bottom {
		gap: 20px;
		margin-top: 25px;
		justify-content: center;
		margin-top: 20px;
	}
}

@media (max-width: 575.98px) {
	.about-inner-block-4 .about-content4 .about-bottom {
		flex-wrap: wrap;
	}
}

.about-inner-block-4 .about-content4 .about-bottom .about-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 600;
	color: var(--theme-color1);
	overflow: hidden;
}

.about-inner-block-4 .about-content4 .about-bottom .about-btn .text {
	color: var(--theme-color1);
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
}

.about-inner-block-4 .about-content4 .about-bottom .about-btn .text {
	position: relative;
	display: inline-block;
	height: 22px;
	overflow: hidden;
}

.about-inner-block-4 .about-content4 .about-bottom .about-btn .text-default,
.about-inner-block-4 .about-content4 .about-bottom .about-btn .text-hover {
	display: block;
	transition: transform 0.4s ease;
}

.about-inner-block-4 .about-content4 .about-bottom .about-btn .text-hover {
	position: absolute;
	left: 0;
	top: 100%;
}

.about-inner-block-4 .about-content4 .about-bottom .about-btn:hover .text-default {
	transform: translateY(-100%);
}

.about-inner-block-4 .about-content4 .about-bottom .about-btn:hover .text-hover {
	transform: translateY(-100%);
}

.about-inner-block-4 .about-content4 .about-bottom .client-top-items {
	display: flex;
	align-items: center;
	gap: 35px;
}

.about-inner-block-4 .about-content4 .about-bottom .client-top-items .client-image img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: -15px;
}

.about-inner-block-4 .about-content4 .about-bottom .client-top-items .text {
	color: #fff;
	position: relative;
}

.about-inner-block-4 .about-content4 .about-bottom .client-top-items .text .guest-line {
	position: absolute;
	bottom: -15px;
	left: 0;
	right: 0;
}

.about-section-4 {
	position: relative;
}

.about-section-4 .about-vec {
	position: absolute;
	left: 45px;
	top: 20%;
}

.service-section {
	border-radius: 40px;
	margin: 0 60px;
	position: relative;
	z-index: 9;
}

@media (max-width: 1699.98px) {
	.service-section {
		margin: 0 35px;
	}
}

@media (max-width: 1399.98px) {
	.service-section {
		margin: 0 28px;
	}
}

@media (max-width: 1199.98px) {
	.service-section {
		margin: 0 20px;
	}
}

@media (max-width: 469.98px) {
	.service-section {
		margin: 0 16px;
	}
}

.service-block-one .inner-block {
	background-color: var(--theme-color-black);
	border-radius: 30px;
	border: 1px solid rgba(255, 255, 255, 0.13);
	padding: 40px;
	padding-top: 125px;
	position: relative;
	overflow: hidden;
	z-index: 99;
}

.service-block-one .inner-block .dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background-color: var(--theme-color1);
	position: absolute;
	top: 40px;
	left: 40px;
}

.service-block-one .inner-block .number {
	position: absolute;
	top: 40px;
	right: 40px;
	font-size: 50px;
	line-height: 1;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.15);
}

.service-block-one .inner-block .content-box {
	transform: translateY(58px);
	transition: all 0.4s ease-in-out;
}

.service-block-one .inner-block .content-box .icon {
	margin-bottom: 10px;
	transition: all 900ms ease;
	display: inline-block;
	font-size: 60px;
}

.service-block-one .inner-block .content-box .icon img {
	width: 60px;
}

.service-block-one .inner-block .content-box .title {
	margin-bottom: 10px;
}

.service-block-one .inner-block .content-box .title a {
	background-position: 0 95%;
	background-repeat: no-repeat;
	background-size: 0% 2px;
	display: inline;
}

.service-block-one .inner-block .content-box .title a:hover {
	color: var(--theme-color1);
	background-size: 100% 2px;
	background-image: linear-gradient(180deg, var(--theme-color1) 0%, var(--theme-color1) 100%);
}

.service-block-one .inner-block .content-box .text {
	font-size: 16px;
}

.service-block-one .inner-block .content-box .arrow-link {
	display: inline-flex;
	color: #fff;
	font-size: 16px;
	align-items: center;
	font-weight: 400;
	gap: 10px;
	text-decoration: underline;
	margin-top: 22px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease-in-out;
}

.service-block-one .inner-block .content-box .arrow-link:hover {
	color: var(--theme-color1);
}

.service-block-one .inner-block:hover .content-box {
	transform: translateY(0px);
}

.service-block-one .inner-block:hover .content-box .icon {
	-webkit-transform: rotateY(360deg);
	transform: rotateY(360deg);
}

.service-block-one .inner-block:hover .content-box .arrow-link {
	opacity: 1;
	visibility: visible;
}

.service-section-2 {
	border-radius: 40px;
	margin: 0 60px;
	position: relative;
	z-index: 9;
}

@media (max-width: 1699.98px) {
	.service-section-2 {
		margin: 0 35px;
	}
}

@media (max-width: 1399.98px) {
	.service-section-2 {
		margin: 0 28px;
	}
}

@media (max-width: 1199.98px) {
	.service-section-2 {
		margin: 0 20px;
	}
}

@media (max-width: 469.98px) {
	.service-section-2 {
		margin: 0 16px;
	}
}

@media (max-width: 991.98px) {
	.service-section-2 .sercice-top-text {
		text-align: center !important;
	}
}

.service-section-2 .sercice-top-text .top-text {
	font-size: 16px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.6);
	max-width: 450px;
	margin-left: auto;
	margin-bottom: 26px;
}

@media (max-width: 991.98px) {
	.service-section-2 .sercice-top-text .top-text {
		margin: 0 auto;
		margin-bottom: 25px;
	}
}

.service-hover-box-item {
	position: relative;
}

.service-hover-box-item .service-hover-image {
	position: relative;
}

.service-hover-box-item .service-hover-image .image-box {
	display: none;
}

.service-hover-box-item .service-hover-image .image-box {
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease, transform 0.5s ease;
	transform: translateY(20px);
}

.service-hover-box-item .service-hover-image .image-box.active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	display: block;
	animation: qodef-animate-image-in 1s cubic-bezier(0.78, 0.2, 0.21, 0.88) forwards;
}

.service-hover-box-item .service-line {
	width: 1px;
	background-color: rgba(255, 255, 255, 0.14);
	height: 648px;
	position: absolute;
	top: 51%;
	bottom: 0;
	left: 52%;
	transform: translate(-50%, -50%);
}

.service-hover-box-item .service-line::before {
	position: absolute;
	top: 0;
	left: 50%;
	content: "";
	width: 3px;
	transform: translateX(-50%);
	height: 21px;
	background-color: var(--theme-color1);
}

.service-hover-box-item .service-line::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: "";
	width: 3px;
	transform: translateX(-50%);
	height: 21px;
	background-color: var(--theme-color1);
}

@media (max-width: 1399.98px) {
	.service-hover-box-item .service-line {
		display: none;
	}
}

.service-block-two .inner-box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	background-color: transparent;
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 20px;
	padding: 31px 30px;
	margin-top: 20px;
	z-index: 1;
	overflow: hidden;
	max-width: 648px;
	position: relative;
	max-width: 610px;
}

@media (max-width: 1399.98px) {
	.service-block-two .inner-box {
		max-width: initial;
	}
}

@media (max-width: 1199.98px) {
	.service-block-two .inner-box {
		padding: 19px 20px;
	}
}

.service-block-two .inner-box .title {
	color: #fff;
	font-weight: 400;
	text-transform: capitalize;
}

@media (max-width: 767.98px) {
	.service-block-two .inner-box .title {
		font-size: 17px;
	}
}

.service-block-two .inner-box .title a {
	display: flex;
	align-items: center;
	gap: 50px;
}

@media (max-width: 767.98px) {
	.service-block-two .inner-box .title a {
		gap: 18px;
	}
}

.service-block-two .inner-box .arrow-icon {
	align-items: center;
	background-color: var(--theme-color3);
	border-radius: 50%;
	color: #fff;
	display: inline-flex;
	font-size: 19px;
	height: 50px;
	justify-content: center;
	width: 50px;
	transition: all 400ms ease-in-out;
}

.service-block-two .inner-box .arrow-icon i {
	rotate: -30deg;
	transition: all 500ms ease;
}

.service-block-two .inner-box .arrow-icon:hover {
	color: var(--theme-color1);
}

.service-block-two .inner-box .arrow-icon:hover i {
	rotate: 0deg;
}

.service-block-two .inner-box::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	content: "";
	left: auto;
	bottom: auto;
	top: 0;
	right: 0;
	width: 0%;
	height: 100%;
	z-index: -1;
	transition: all 500ms ease;
	background-color: var(--theme-color1);
}

.service-block-two .inner-box.active,
.service-block-two .inner-box:hover {
	border-color: var(--theme-color1);
}

.service-block-two .inner-box.active::before,
.service-block-two .inner-box:hover::before {
	left: 0;
	width: 100%;
}

.service-block-two .inner-box.active .arrow-icon,
.service-block-two .inner-box:hover .arrow-icon {
	background-color: #fff;
	color: var(--theme-color2);
}

.service-hover-image {
	position: relative;
}

.service-hover-image .image-box {
	margin-top: 20px;
	position: relative;
	max-width: 556px;
	margin-left: auto;
	position: relative;
}

@media (max-width: 991.98px) {
	.service-hover-image .image-box {
		max-width: initial;
		height: 600px;
		border-radius: 40px;
		overflow: hidden;
	}
}

@media (max-width: 767.98px) {
	.service-hover-image .image-box {
		height: initial;
		border-radius: initial;
	}
}

.service-hover-image .image-box .image {
	margin-left: auto;
	position: relative;
	max-width: 556px;
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 536 630"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 570C0 603.137 26.8629 630 60 630H476C509.137 630 536 603.137 536 570V116.282C536 101.921 530.849 88.0366 521.484 77.1505L473.063 20.8689C461.664 7.62028 445.056 0 427.579 0H60C26.8629 0 0 26.8629 0 60V570Z" /></svg>');
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: cover;
}

@media (max-width: 991.98px) {
	.service-hover-image .image-box .image {
		max-width: initial;
	}
}

.service-hover-image .image-box .image::before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	width: 100%;
	height: 100%;
	/* background: linear-gradient(0deg, #07182d 18.31%, rgba(13, 13, 13, 0) 100%); */
	z-index: 11;
}

@media (max-width: 1199.98px) {
	.service-hover-image .image-box .image img {
		width: 100%;
		height: 100%;
	}
}

.service-hover-image .image-box .image .hover-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 40px;
	display: block;
	object-fit: cover;
	transition: all 500ms ease;
}

.service-hover-image .image-box .image .hover-img:first-child {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	-webkit-transform: translateX(50%) scaleX(2);
	transform: translate(50%) scaleX(2);
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

.service-hover-image .image-box .content-box {
	position: absolute;
	bottom: 50px;
	left: 50px;
	right: 50px;
	z-index: 99;
}

@media (max-width: 1199.98px) {
	.service-hover-image .image-box .content-box {
		left: 45px;
		right: 45px;
		bottom: 45px;
	}
}

@media (max-width: 469.98px) {
	.service-hover-image .image-box .content-box {
		left: 30px;
		right: 30px;
		bottom: 30px;
	}
}

.service-hover-image .image-box .content-box .text {
	color: rgb(229, 231, 235);
	border-left: 1px solid var(--theme-color1);
	padding: 20px;
}

@media (max-width: 1199.98px) {
	.service-hover-image .image-box .content-box .text {
		border-left: none;
		padding-left: 0;
		font-size: 16px;
	}
}

@media (max-width: 469.98px) {
	.service-hover-image .image-box .content-box .text {
		font-size: 14px;
		padding: 20px;
	}
}

.service-hover-image .image-box .content-box .link-btn {
	display: inline-flex;
	color: #fff;
	font-weight: 400;
	font-size: 16px;
	display: flex;
	align-items: center;
	gap: 10px;
	/* margin-top: 20px; */
	margin-bottom: 20px;
	Padding-left: 20px;
}

.service-hover-image .image-box .content-box .link-btn:hover {
	color: var(--theme-color1);
}

.service-hover-image .image-box:hover .image .hover-img:first-child {
	-webkit-transform: translateX(0) scaleX(1);
	transform: translate(0) scaleX(1);
	opacity: 1;
	-webkit-filter: blur(0);
	filter: blur(0);
}

.service-hover-image .image-box:hover .image .hover-img:nth-child(2) {
	-webkit-transform: translateX(-50%) scaleX(2);
	transform: translateX(-50%) scaleX(2);
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

@keyframes qodef-animate-image-out {
	0% {
		transform: scale(1) translateZ(0);
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0);
	}

	100% {
		transform: scale(1);
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0);
	}
}

@keyframes qodef-animate-image-in {
	0% {
		transform: scale(1.05) translateZ(0);
		-webkit-clip-path: inset(0 100% 0 0);
		clip-path: inset(0 100% 0 0);
	}

	100% {
		transform: scale(1);
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0);
	}
}

.service-section-3 {
	position: relative;
}

.service-section-3 .service-light {
	position: absolute;
	bottom: 10%;
	left: 0;
}

.service-inner-3 {
	border-radius: 40px;
	margin: 0 60px;
	position: relative;
	z-index: 9;
}

@media (max-width: 1699.98px) {
	.service-inner-3 {
		margin: 0 35px;
	}
}

@media (max-width: 1399.98px) {
	.service-inner-3 {
		margin: 0 28px;
	}
}

@media (max-width: 1199.98px) {
	.service-inner-3 {
		margin: 0 20px;
	}
}

@media (max-width: 469.98px) {
	.service-inner-3 {
		margin: 0 16px;
	}
}

.service-inner-3 .service-vec {
	position: absolute;
	top: -5%;
	left: -2%;
}

.service-inner-3 .service-button {
	margin-top: 80px;
	text-align: center;
}

@media (max-width: 1199.98px) {
	.service-inner-3 .service-button {
		margin-top: 48px;
	}
}

@media (max-width: 767.98px) {
	.service-inner-3 .service-button {
		margin-top: 35px;
	}
}

.service-block-three .inner-box {
	position: relative;
	padding: 20px 0px 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.service-block-three .inner-box.bb-bottom-add {
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.service-block-three .inner-box:hover .image-box,
.service-block-three .inner-box.active .image-box {
	visibility: visible;
	opacity: 1;
	transform: scaleX(1);
}

.service-block-three .inner-box:hover .content-box,
.service-block-three .inner-box.active .content-box {
	padding-left: 440px;
}

@media (max-width: 1199.98px) {

	.service-block-three .inner-box:hover .content-box,
	.service-block-three .inner-box.active .content-box {
		padding-left: 0px;
	}
}

.service-block-three .inner-box:hover .content-box .content,
.service-block-three .inner-box.active .content-box .content {
	flex-basis: initial;
}

.service-block-three .inner-box:hover .content-box .service-list-item,
.service-block-three .inner-box.active .content-box .service-list-item {
	margin-left: 0;
}

.service-block-three .inner-box:hover .content-box .icon-box .icon,
.service-block-three .inner-box.active .content-box .icon-box .icon {
	transform: rotate(0deg);
	background-color: var(--theme-color1);
}

.service-block-three .inner-box .image-box {
	position: absolute;
	top: 12px;
	left: 0;
	opacity: 0;
	border-radius: 20px;
	visibility: hidden;
	margin-right: 30px;
	transform: scaleX(0);
	transform-origin: left;
	overflow: hidden;
	transition: all 300ms ease;
}

@media (max-width: 1199.98px) {
	.service-block-three .inner-box .image-box {
		position: relative;
		max-width: 360px;
		opacity: 1;
		height: auto;
		visibility: visible;
		transform: scaleX(1);
		margin-bottom: 20px;
		margin-right: 0;
	}
}

@media (max-width: 767.98px) {
	.service-block-three .inner-box .image-box {
		margin-right: 0;
	}
}

.service-block-three .inner-box .content-box {
	display: flex;
	gap: 35px;
	align-items: center;
	justify-content: space-between;
	padding: 50px 0;
	transition: all 300ms ease;
}

@media (max-width: 1199.98px) {
	.service-block-three .inner-box .content-box {
		padding: 30px 0;
	}
}

@media (max-width: 767.98px) {
	.service-block-three .inner-box .content-box {
		gap: 20px;
		flex-direction: column;
		align-items: flex-start;
	}
}

.service-block-three .inner-box .content-box .content {
	flex-basis: 55%;
}

@media (max-width: 1199.98px) {
	.service-block-three .inner-box .content-box .content {
		flex-basis: initial;
	}
}

.service-block-three .inner-box .content-box .content .title {
	font-size: 40px;
}

@media (max-width: 1399.98px) {
	.service-block-three .inner-box .content-box .content .title {
		font-size: 27px;
	}
}

@media (max-width: 575.98px) {
	.service-block-three .inner-box .content-box .content .title {
		font-size: 20px;
	}
}

.service-block-three .inner-box .content-box .content .text {
	font-size: 18px;
}

@media (max-width: 575.98px) {
	.service-block-three .inner-box .content-box .content .text {
		font-size: 14px;
	}
}

.service-block-three .inner-box .content-box .service-list-item {
	margin-left: -25%;
	transition: all 0.4s ease-in-out;
}

@media (max-width: 1199.98px) {
	.service-block-three .inner-box .content-box .service-list-item {
		margin-left: 0;
	}
}

.service-block-three .inner-box .content-box .service-list-item li {
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	position: relative;
	padding-left: 20px;
	line-height: 1;
}

.service-block-three .inner-box .content-box .service-list-item li:not(:last-child) {
	margin-bottom: 20px;
}

.service-block-three .inner-box .content-box .service-list-item li::before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background-color: #fff;
}

.service-block-three .inner-box .content-box .icon-box .icon {
	width: 58px;
	height: 58px;
	line-height: 58px;
	text-align: center;
	border-radius: 50%;
	cursor: pointer;
	transform: rotate(-32deg);
	color: var(--theme-color-white);
	background-color: rgba(255, 255, 255, 0.1);
	transition: all 500ms ease;
}

.service-inner-4 {
	/* border-radius: 40px; */
	margin: 0 60px;
	position: relative;
	z-index: 9;
}

@media (max-width: 1699.98px) {
	.service-inner-4 {
		margin: 0 35px;
	}
}

@media (max-width: 1399.98px) {
	.service-inner-4 {
		margin: 0 0px;
	}
}

@media (max-width: 1199.98px) {
	.service-inner-4 {
		margin: 0 20px;
	}
}

@media (max-width: 469.98px) {
	.service-inner-4 {
		margin: 0 16px;
	}
}

.service-inner-4 .sec-title {
	margin-bottom: 60px;
}

@media (max-width: 469.98px) {
	.service-inner-4 .sec-title {
		margin-bottom: 30px;
	}
}

.service-block-four-wrapper .service-block-four:last-child .inner-box.active .content-box {
	margin-bottom: 0;
	padding: 60px 80px;
}

@media (max-width: 767.98px) {
	.service-block-four-wrapper .service-block-four:last-child .inner-box.active .content-box {
		padding: 40px 30px;
	}
}

.service-block-four .inner-box {
	position: relative;
}

.service-block-four .inner-box .title-box,
.service-block-four .inner-box .content-box {
	transition: all 400ms ease;
}

.service-block-four .inner-box .title-box.border-radius-add,
.service-block-four .inner-box .content-box.border-radius-add {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.service-block-four .inner-box .title-box {
	background-color: #081b33;
	padding: 20px 90px;
	border-radius: 20px;
	/* padding-bottom: 65px; */
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	/* margin-bottom: -20px; */
}

@media (max-width: 991.98px) {
	.service-block-four .inner-box .title-box {
		padding: 45px 40px;
	}
}

@media (max-width: 767.98px) {
	.service-block-four .inner-box .title-box {
		padding: 30px 35px;
	}
}

@media (max-width: 575.98px) {
	.service-block-four .inner-box .title-box {
		padding: 30px 25px;
		flex-wrap: wrap;
		gap: 20px;
	}
}

.service-block-four .inner-box .title-box .title {
	font-size: 25px;
}

@media (max-width: 1199.98px) {
	.service-block-four .inner-box .title-box .title {
		font-size: 26px;
	}
}

@media (max-width: 991.98px) {
	.service-block-four .inner-box .title-box .title {
		font-size: 25px;
	}
}

@media (max-width: 767.98px) {
	.service-block-four .inner-box .title-box .title {
		font-size: 22px;
	}
}

@media (max-width: 575.98px) {
	.service-block-four .inner-box .title-box .title {
		font-size: 20px;
	}
}

.service-block-four .inner-box .title-box .arrow-icon {
	background-color: var(--theme-color2);
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	height: 52px;
	line-height: 52px;
	overflow: hidden;
	position: relative;
	text-align: center;
	transform: rotate(-40deg);
	width: 52px;
	transition: all 400ms ease;
	z-index: 0;
}

.service-block-four .inner-box .title-box .arrow-icon:before {
	background-color: var(--theme-color1);
	border-radius: 50%;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	transform: scale(0);
	width: 100%;
	z-index: -1;
	transition: all 400ms ease;
}

.service-block-four .inner-box .content-box {
	/* background-color: #202020; */
	border-radius: 20px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 80px;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transform: translateY(-4px);
	/* transition: max-height 0.45s ease, padding 0.45s ease, opacity 0.35s ease, transform 0.35s ease; */
	/* will-change: max-height, opacity, transform; */
	background: rgb(13 31 51);
	border: 1px solid rgba(255, 255, 255, .08);
}

@media (max-width: 1199.98px) {
	.service-block-four .inner-box .content-box {
		padding: 10px;
		margin-bottom: -20px;
	}
}

@media (max-width: 991.98px) {
	.service-block-four .inner-box .content-box {
		display: block;
	}
}

@media (max-width: 767.98px) {
	.service-block-four .inner-box .content-box {
		padding: 30px 35px;
		margin-bottom: -50px;
	}
}

@media (max-width: 575.98px) {
	.service-block-four .inner-box .content-box {
		padding: 30px 25px;
	}
}

.service-block-four .inner-box .content-box .inner-content {
	max-width: 500px;
}

@media (max-width: 991.98px) {
	.service-block-four .inner-box .content-box .inner-content {
		margin-bottom: 30px;
	}
}

.service-block-four .inner-box .content-box .inner-content .tag-box {
	background-color: var(--theme-color-black);
	border-radius: 20px;
	color: var(--theme-color-white);
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
}

.service-block-four .inner-box .content-box .inner-content .tag-box.bg-2 {
	background-color: #fff;
	color: var(--theme-color-black);
}

.service-block-four .inner-box .content-box .inner-content .tag-box.bg-3 {
	background-color: var(--theme-color1);
}

.service-block-four .inner-box .content-box .inner-content .tag-items {
	align-items: center;
	display: flex;
	gap: 20px;
	margin-bottom: 12px;
	margin-top: 35px;
}

@media (max-width: 1199.98px) {
	.service-block-four .inner-box .content-box .inner-content .tag-items {
		flex-wrap: wrap;
		gap: 16px;
		margin-top: 20px;
	}
}

.service-block-four .inner-box .content-box .inner-content .title {
	margin-bottom: 30px;
	font-size: clamp(20px, 1.87vw, 30px);
	line-height: 1.33;
}

.service-block-four .inner-box .content-box .inner-content .title a:hover {
	color: var(--theme-color1);
}

.service-block-four .inner-box .content-box .image-box {
	border-radius: 15px;
}

.service-block-four .inner-box .content-box .image-box img {
	border-radius: 15px;
	height: 300px;
	width: 450px;
	object-fit: cover;
}

.service-block-four .inner-box.active .title-box .arrow-icon {
	transform: rotate(0deg);
}

.service-block-four .inner-box.active .title-box .arrow-icon:before {
	transform: scale(1);
}

.service-block-four .inner-box.active .content-box {
	margin-bottom: -20px;
	max-height: 1200px;
	opacity: 1;
	padding: 60px 80px 80px;
	transform: translateY(0);
}

@media (max-width: 767.98px) {
	.service-block-four .inner-box.active .content-box {
		padding: 40px 30px;
	}
}

.service-section-4 {
	position: relative;
}

.service-section-4 .service-light {
	position: absolute;
	top: -12%;
	left: 0;
	z-index: -1;
}

.service-section-4 .service-light2 {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
}

.service-section-4 .service-vec {
	position: absolute;
	right: -50px;
	top: -4%;
}

.faq-block-one {
	background-color: var(--theme-color-black);
	position: relative;
	padding: 25px 30px;
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 20px;
	line-height: 1;
	position: relative;
	z-index: 9;
}

.faq-block-one::before {
	display: none;
}

@media (max-width: 991.98px) {
	.faq-block-one {
		padding: 20px 26px;
	}
}

@media (max-width: 575.98px) {
	.faq-block-one {
		padding: 18px 24px;
	}
}

.faq-block-one {
	transition: all 400ms ease;
}

.faq-block-one .content-box {
	display: none;
}

.faq-block-one .content-box.show {
	display: block;
}

.faq-block-one .title-box {
	align-items: center;
	background-color: transparent;
	box-shadow: none;
	display: flex;
	gap: 20px;
	justify-content: space-between;
	margin-bottom: 0;
	position: relative;
	width: 100%;
	transition: all 400ms ease;
}

.faq-block-one .title-box span {
	display: block;
}

.faq-block-one .title-box .content {
	align-items: center;
	display: flex;
	gap: 30px;
}

.faq-block-one .title-box .content .title {
	color: #fff;
	margin-bottom: 0;
	font-size: 19px;
	font-weight: 500;
}

@media (max-width: 1399.98px) {
	.faq-block-one .title-box .content .title {
		font-size: 17px;
	}
}

@media (max-width: 575.98px) {
	.faq-block-one .title-box .content .title {
		font-size: 15px;
	}
}

.faq-block-one .title-box .icon {
	max-width: 34px;
	width: 100%;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border-radius: 50%;
	background-color: var(--theme-color3);
}

.faq-block-one .title-box .icon i {
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	transition: all 400ms ease;
}

.faq-block-one .title-box::after {
	display: none;
}

.faq-block-one .title-box:hover {
	cursor: pointer;
}

.faq-block-one .inner {
	margin-top: 28px;
}

@media (max-width: 767.98px) {
	.faq-block-one .inner {
		margin-top: 20px;
	}
}

.faq-block-one .inner .text {
	max-width: 562px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	letter-spacing: -0.02em;
	line-height: 162%;
}

@media (max-width: 767.98px) {
	.faq-block-one .inner .text {
		font-size: 13px;
	}
}

.faq-block-one.active .title-box .content .count {
	border-right: 1px solid var(--text-color);
}

.faq-block-one.active .title,
.faq-block-one.active .icon i,
.faq-block-one.active .count {
	color: #fff;
}

.faq-block-one.active .icon {
	background-color: var(--theme-color1);
}

.faq-block-one.active .icon a i {
	transform: rotate(45deg);
}

.faq-block-one:not(:last-child) {
	margin-bottom: 10px;
}

.faq-block-one.new-style-add {
	max-width: 716px;
	margin-left: auto;
}

.faq-block-one.new-style-add .inner .text {
	color: var(--text-color);
	max-width: 590px;
}

.faq-block-one.style-new-2 {
	background: transparent;
	border: 2px solid rgba(255, 255, 255, 0.1);
	max-width: 816px;
}

.faq-block-one.style-new-2 .inner .text {
	color: rgba(255, 255, 255, 0.6);
	max-width: 690px;
}

.faq-block-one.style-new-2 .title-box .content .title {
	color: #fff;
}

.faq-block-one.style-new-2 .title-box .icon {
	background-color: transparent;
	width: initial;
	height: initial;
	line-height: initial;
}

.faq-block-one.style-new-2 .title-box .icon i {
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	transition: all 400ms ease;
}

.faq-block-one.style-new-2 .title-box::after {
	display: none;
}

.faq-block-one.style-new-2 .title-box:hover {
	cursor: pointer;
}

.faq-block-one.style-new-2.active .title-box .content .title {
	color: var(--theme-color1);
}

.faq-section {
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.faq-section .faq-light-shape {
	position: absolute;
	top: -55%;
	left: 0;
}

@media (max-width: 1699.98px) {
	.faq-section .faq-light-shape {
		display: none;
	}
}

.faq-section .faq-shape {
	position: absolute;
	top: -20%;
	left: 0;
	z-index: 99;
}

@media (max-width: 1699.98px) {
	.faq-section .faq-shape {
		display: none;
	}
}

.faq-inner-2 {
	border-radius: 40px;
	margin: 0 60px;
	position: relative;
	z-index: 9;
	border: 1px solid rgba(255, 255, 255, 0.14);
}

@media (max-width: 1699.98px) {
	.faq-inner-2 {
		margin: 0 35px;
	}
}

@media (max-width: 1399.98px) {
	.faq-inner-2 {
		margin: 0 28px;
	}
}

@media (max-width: 1199.98px) {
	.faq-inner-2 {
		margin: 0 20px;
	}
}

@media (max-width: 469.98px) {
	.faq-inner-2 {
		margin: 0 16px;
	}
}

.faq-block-two {
	background-color: var(--theme-color-black);
	position: relative;
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 20px;
	line-height: 1;
	position: relative;
	z-index: 99;
	transition: all 400ms ease;
}

.faq-block-two .content-box {
	display: none;
}

.faq-block-two .content-box.show {
	display: block;
}

.faq-block-two .title-box {
	align-items: center;
	background-color: transparent;
	box-shadow: none;
	display: flex;
	gap: 20px;
	justify-content: space-between;
	margin-bottom: 0;
	position: relative;
	border-radius: 20px;
	width: 100%;
	padding-right: 30px;
}

@media (max-width: 575.98px) {
	.faq-block-two .title-box {
		padding-right: 15px;
	}
}

.faq-block-two .title-box {
	transition: all 400ms ease;
}

.faq-block-two .title-box span {
	display: block;
}

.faq-block-two .title-box .content {
	align-items: center;
	display: flex;
	gap: 30px;
	padding: 0 25px;
}

@media (max-width: 575.98px) {
	.faq-block-two .title-box .content {
		gap: 12px;
	}
}

@media screen and (max-width: 380px) {
	.faq-block-two .title-box .content {
		padding: 0 15px;
	}
}

.faq-block-two .title-box .content .number {
	color: #fff;
	margin-bottom: 0;
	font-size: 20px;
	font-weight: 500;
}

@media (max-width: 1399.98px) {
	.faq-block-two .title-box .content .number {
		font-size: 17px;
	}
}

@media (max-width: 575.98px) {
	.faq-block-two .title-box .content .number {
		font-size: 15px;
	}
}

@media screen and (max-width: 380px) {
	.faq-block-two .title-box .content .number {
		font-size: 13px;
	}
}

.faq-block-two .title-box .content .line {
	width: 1px;
	height: 72px;
	background-color: rgba(255, 255, 255, 0.14);
	display: inline-block;
}

@media screen and (max-width: 380px) {
	.faq-block-two .title-box .content .line {
		height: 90px;
	}
}

.faq-block-two .title-box .content .title {
	color: #fff;
	margin-bottom: 0;
	font-weight: 500;
}

@media (max-width: 1399.98px) {
	.faq-block-two .title-box .content .title {
		font-size: 17px;
	}
}

@media (max-width: 575.98px) {
	.faq-block-two .title-box .content .title {
		font-size: 15px;
	}
}

@media screen and (max-width: 380px) {
	.faq-block-two .title-box .content .title {
		font-size: 13px;
	}
}

.faq-block-two .title-box .icon i {
	color: var(--theme-color1);
	font-size: 16px;
	font-weight: 600;
	transition: all 400ms ease;
}

.faq-block-two .title-box::after {
	display: none;
}

.faq-block-two .title-box:hover {
	cursor: pointer;
}

.faq-block-two .inner {
	padding: 35px 100px;
}

@media (max-width: 1199.98px) {
	.faq-block-two .inner {
		padding: 30px;
	}
}

@media screen and (max-width: 380px) {
	.faq-block-two .inner {
		padding: 18px;
	}
}

.faq-block-two .inner .text {
	max-width: 765px;
	font-size: 16px;
	font-weight: 400;
	color: var(--text-color);
	line-height: 170%;
}

@media screen and (max-width: 380px) {
	.faq-block-two .inner .text {
		font-size: 14px;
	}
}

.faq-block-two.active .title-box {
	background-color: var(--theme-color1);
}

.faq-block-two.active .title,
.faq-block-two.active .icon i,
.faq-block-two.active .count {
	color: #fff;
}

.faq-block-two.active .icon {
	background-color: var(--theme-color1);
}

.faq-block-two.active .icon a i {
	transform: rotate(45deg);
}

.faq-block-two:not(:last-child) {
	margin-bottom: 20px;
}

.faq-section-2 {
	position: relative;
}

.faq-section-2 .faq-light {
	position: absolute;
	top: -60%;
	left: 0;
}

@media (max-width: 1199.98px) {
	.faq-section-2 .faq-light {
		display: none;
	}
}

.faq-section-2 .faq-vec {
	position: absolute;
	top: -15%;
	left: 15px;
	z-index: 11;
}

@media (max-width: 1399.98px) {
	.faq-section-2 .faq-vec {
		display: none;
	}
}

.faq-section-2 .faq-light2 {
	position: absolute;
	bottom: -40%;
	right: 0;
}

@media (max-width: 1199.98px) {
	.faq-section-2 .faq-light2 {
		display: none;
	}
}

.faq-section-2 .faq-vec2 {
	position: absolute;
	bottom: -15%;
	right: 30px;
	z-index: 11;
}

@media (max-width: 1399.98px) {
	.faq-section-2 .faq-vec2 {
		display: none;
	}
}

.faq-inner-items {
	background: #000000;
	border-radius: 30px;
	padding: 20px;
}

.faq-inner-items .content {
	padding: 40px;
	background: rgba(244, 244, 244, 0.05);
	border-radius: 30px;
}

@media (max-width: 1199.98px) {
	.faq-inner-items .content {
		padding: 28px;
	}
}

.faq-inner-items .content .title {
	font-size: 30px;
	font-weight: 500;
	color: var(--theme-color1);
	margin-bottom: 10px;
}

@media (max-width: 767.98px) {
	.faq-inner-items .content .title {
		font-size: 22px;
	}
}

.faq-inner-items .content .text {
	color: rgba(255, 255, 255, 0.6);
}

@media (max-width: 767.98px) {
	.faq-inner-items .content .text {
		font-size: 14px;
	}
}

.faq-inner-items .content .icon-box {
	display: flex;
	gap: 20px;
	background-color: var(--theme-color-black);
	border-radius: 30px;
	padding: 38px 30px;
	margin-top: 30px;
}

@media (max-width: 1399.98px) {
	.faq-inner-items .content .icon-box {
		padding: 28px;
		flex-wrap: wrap;
	}
}

.faq-inner-items .content .icon-box .icon {
	border-radius: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background-color: var(--theme-color1);
	text-align: center;
	color: var(--theme-color-white);
}

.faq-inner-items .content .icon-box .icon-content .icon-title {
	font-weight: 600;
	margin-bottom: 5px;
}

.faq-inner-items .content .icon-box .icon-content .text-2 {
	max-width: 270px;
}

.faq-section-3 {
	position: relative;
	z-index: 1;
}

.faq-section-3 .faq-light {
	position: absolute;
	top: -15%;
	left: 25%;
	z-index: -1;
}

@media (max-width: 1199.98px) {
	.faq-section-3 .faq-light {
		display: none;
	}
}

.faq-section-3 .sec-title {
	margin-bottom: 60px;
}

@media (max-width: 1199.98px) {
	.faq-section-3 .sec-title {
		margin-bottom: 30px;
	}
}

.faq-section-4 .sec-title {
	margin-bottom: 60px;
}

@media (max-width: 767.98px) {
	.faq-section-4 .sec-title {
		margin-bottom: 30px;
	}
}

.faqs-block-crm {
	overflow: hidden;
	position: relative;
	border-radius: 40px;
	z-index: 1;
	padding: 50px 40px 58px;
	padding-top: 60px;
	border: 1px solid rgba(255, 255, 255, 0.102);
	background: linear-gradient(112.57deg, rgba(255, 107, 30, 0.3) 22.93%, rgba(17, 16, 15, 0) 87.49%);
	text-align: center;
}

.faqs-block-crm .text {
	color: var(--text-color);
	margin-bottom: 40px;
}

.faqs-block-crm .item-shadow {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
}

.work-process-content-1 .work-process-thumb {
	margin-top: 110px;
}

@media (max-width: 991.98px) {
	.work-process-content-1 .work-process-thumb {
		display: none;
	}
}

.working-block-one .inner-block {
	display: flex;
	align-items: center;
	margin-top: 40px;
	position: relative;
	z-index: 9;
	gap: 40px;
}

.working-block-one .inner-block.top-margin-none {
	margin-top: 0;
}

@media (max-width: 991.98px) {
	.working-block-one .inner-block.top-margin-none {
		margin-top: 40px;
	}
}

@media (max-width: 575.98px) {
	.working-block-one .inner-block {
		gap: 20px;
	}
}

.working-block-one .inner-block .step {
	display: flex;
	background-color: var(--theme-color2);
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	width: 52px;
	border-radius: 10px;
	writing-mode: sideways-lr;
	transition: all 0.4s ease-in-out;
	height: 127px;
	align-items: center;
	justify-content: center;
}

.working-block-one .inner-block .content-box {
	position: relative;
	padding-bottom: 20px;
	width: 100%;
}

.working-block-one .inner-block .content-box .text {
	color: rgba(255, 255, 255, 0.6);
	margin-top: 10px;
	max-width: 450px;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.02em;
}

@media (max-width: 575.98px) {
	.working-block-one .inner-block .content-box .text {
		font-size: 14px;
	}
}

.working-block-one .inner-block .content-box .line {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 1px;
	background: rgba(255, 255, 255, 0.14);
}

.working-block-one .inner-block .content-box .line::before {
	position: absolute;
	top: 50%;
	right: 0;
	width: 9px;
	height: 9px;
	transform: translateY(-50%);
	content: "";
	background-color: #D9D9D9;
	border-radius: 50%;
}

.working-block-one .inner-block.active .step {
	background-color: var(--theme-color1);
}

.working-block-one .inner-block.active .content-box .line::before {
	background-color: var(--theme-color1);
}

@media (max-width: 991.98px) {
	.work-process-section {
		padding-top: 0 !important;
	}
}

.work-process-section-2 {
	position: relative;
}

.work-process-section-2 .work-process-light {
	position: absolute;
	right: 0;
	top: -50%;
}

@media (max-width: 1199.98px) {
	.work-process-section-2 .work-process-light {
		display: none;
	}
}

.work-process-section-2 .work-process-vec {
	position: absolute;
	top: -120px;
	right: 0;
	z-index: 19;
}

@media (max-width: 1399.98px) {
	.work-process-section-2 .work-process-vec {
		display: none;
	}
}

.work-process-section-2 .how-it-client-wrapper {
	background-color: var(--theme-color3);
	padding: 30px;
	border-radius: 20px;
	margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media (max-width: 1199.98px) {
	.work-process-section-2 .how-it-client-wrapper {
		justify-content: center;
		flex-wrap: wrap;
		gap: 30px;
	}
}

.work-process-section-2 .how-it-client-wrapper .client-info {
	display: flex;
	align-items: center;
	gap: 50px;
}

@media (max-width: 575.98px) {
	.work-process-section-2 .how-it-client-wrapper .client-info {
		justify-content: center;
		flex-wrap: wrap;
		gap: 30px;
		text-align: center;
	}
}

.work-process-section-2 .how-it-client-wrapper .client-info .client-image {
	display: flex;
	align-items: center;
}

.work-process-section-2 .how-it-client-wrapper .client-info .client-image img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 2px solid var(--bg-color);
}

.work-process-section-2 .how-it-client-wrapper .client-info .client-image .icon-1 {
	margin-right: -10px;
}

.work-process-section-2 .how-it-client-wrapper .client-info .client-image .icon-2 {
	margin-right: -10px;
}

.work-process-section-2 .how-it-client-wrapper .client-info .client-image .icon-3 {
	margin-right: -10px;
}

.work-process-section-2 .how-it-client-wrapper .client-info .info-title {
	font-size: 18px;
	font-weight: 400;
	max-width: 400px;
}

.work-process-section-2 .how-it-client-wrapper .clieng-btn {
	display: flex;
	align-items: center;
	gap: 70px;
}

@media (max-width: 767.98px) {
	.work-process-section-2 .how-it-client-wrapper .clieng-btn {
		justify-content: center;
		flex-wrap: wrap;
		gap: 30px;
	}
}

.work-process-inner-2 {
	border-radius: 40px;
	margin: 0 60px;
	position: relative;
	z-index: 9;
	border: 1px solid rgba(255, 255, 255, 0.14);
}

@media (max-width: 1699.98px) {
	.work-process-inner-2 {
		margin: 0 35px;
	}
}

@media (max-width: 1399.98px) {
	.work-process-inner-2 {
		margin: 0 28px;
	}
}

@media (max-width: 1199.98px) {
	.work-process-inner-2 {
		margin: 0 20px;
	}
}

@media (max-width: 469.98px) {
	.work-process-inner-2 {
		margin: 0 16px;
	}
}

.work-process-inner-2 .line {
	height: 1px;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.14);
	margin-bottom: -50px;
	margin-top: 50px;
	padding-left: 18px;
}

@media (max-width: 1199.98px) {
	.work-process-inner-2 .line {
		display: none;
	}
}

.working-block-two {
	margin-top: 30px;
}

@media (max-width: 1199.98px) {
	.working-block-two {
		margin-top: 40px;
	}
}

.working-block-two .step-btn {
	display: inline-block;
	height: 35px;
	line-height: 35px;
	background-color: var(--theme-color3);
	border-radius: 10px;
	padding: 0 20px;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 45px;
}

@media (max-width: 1199.98px) {
	.working-block-two .step-btn {
		margin-bottom: 25px;
	}
}

.working-block-two .inner-block {
	background-color: var(--theme-color3);
	border-radius: 30px;
	padding: 40px;
	position: relative;
}

@media (max-width: 767.98px) {
	.working-block-two .inner-block {
		padding: 30px;
	}
}

@media (max-width: 469.98px) {
	.working-block-two .inner-block {
		padding: 28px;
	}
}

.working-block-two .inner-block .dot {
	display: inline-block;
	width: 9px;
	height: 9px;
	border-radius: 9px;
	background-color: var(--theme-color1);
	position: absolute;
	top: 40px;
	right: 40px;
}

.working-block-two .inner-block .icon-box {
	margin-bottom: 50px;
}

@media (max-width: 767.98px) {
	.working-block-two .inner-block .icon-box {
		margin-bottom: 30px;
	}
}

.working-block-two .inner-block .icon-box {
	-webkit-transition: all 900ms ease;
	transition: all 900ms ease;
	display: inline-block;
}

.working-block-two .inner-block .text {
	margin-top: 16px;
}

.working-block-two .inner-block:hover .icon-box {
	-webkit-transform: rotateY(360deg);
	transform: rotateY(360deg);
}

.work-process-section-3 {
	position: relative;
}

.work-process-section-3 .vec-shape {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
}

.work-process-section-3 .light-shape {
	position: absolute;
	bottom: -18%;
	left: 0;
}

.work-process-section-3 .work-process-inner-3 {
	border-radius: 40px;
	margin: 0 60px;
	position: relative;
	z-index: 9;
}

@media (max-width: 1699.98px) {
	.work-process-section-3 .work-process-inner-3 {
		margin: 0 35px;
	}
}

@media (max-width: 1399.98px) {
	.work-process-section-3 .work-process-inner-3 {
		margin: 0 28px;
	}
}

@media (max-width: 1199.98px) {
	.work-process-section-3 .work-process-inner-3 {
		margin: 0 20px;
	}
}

@media (max-width: 469.98px) {
	.work-process-section-3 .work-process-inner-3 {
		margin: 0 16px;
	}
}

.hzAccordion-section .options {
	align-items: stretch;
	display: flex;
	flex-direction: row;
	max-width: 100%;
	margin-top: -12px;
	transition-delay: 300ms;
}

@media (max-width: 1399.98px) {
	.hzAccordion-section .options {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 1199.98px) {
	.hzAccordion-section .options {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767.98px) {
	.hzAccordion-section .options {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media (max-width: 767.98px) {
	.hzAccordion-section .options {
		flex-direction: column;
	}
}

.hzAccordion-section .options .option {
	background: var(--theme-color-black);
	background-size: auto 100%;
	border: 1px solid rgba(var(--theme-color2-rgb), 0.1);
	border-radius: 30px;
	cursor: pointer;
	height: 500px;
	margin: 10px;
	min-width: 272px;
	overflow: hidden;
	position: relative;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 0.28s;
	margin-top: 30px;
}

@media (max-width: 1199.98px) {
	.hzAccordion-section .options .option {
		height: 170px;
		min-width: inherit;
	}
}

@media (max-width: 575.98px) {
	.hzAccordion-section .options .option {
		height: 220px;
	}
}

.hzAccordion-section .options .option .default-content {
	align-items: start;
	bottom: 0;
	display: none;
	justify-content: center;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	transition: all 400ms ease;
}

@media (max-width: 1199.98px) {
	.hzAccordion-section .options .option .default-content {
		margin: 0;
		padding: 30px;
		right: auto;
	}
}

@media (max-width: 359.98px) {
	.hzAccordion-section .options .option .default-content {
		bottom: 0px;
	}
}

@media (max-width: 320px) {
	.hzAccordion-section .options .option .default-content {
		padding: 15px;
	}
}

.hzAccordion-section .options .option .default-content .title {
	bottom: 200px;
	font-weight: 500;
	left: -30px;
	min-width: max-content;
	position: relative;
	transform: rotate(-90deg);
	transition: all 400ms ease;
}

@media (max-width: 1199.98px) {
	.hzAccordion-section .options .option .default-content .title {
		bottom: 0;
		left: 0;
		transform: rotate(0deg);
	}
}

@media (max-width: 575.98px) {
	.hzAccordion-section .options .option .default-content .title {
		font-size: 24px;
	}
}

@media (max-width: 379.98px) {
	.hzAccordion-section .options .option .default-content .title {
		font-size: 20px;
	}
}

.hzAccordion-section .options .option .default-content .text {
	bottom: 245px;
	color: rgba(255, 255, 255, 0.5);
	font-weight: 400;
	left: 20px;
	min-width: 300px;
	position: relative;
	transition: all 400ms ease;
	transform: rotate(-90deg);
}

@media (max-width: 1199.98px) {
	.hzAccordion-section .options .option .default-content .text {
		bottom: 0;
		max-width: 80%;
		left: 0;
		transform: rotate(0deg);
	}
}

@media (max-width: 575.98px) {
	.hzAccordion-section .options .option .default-content .text {
		min-width: inherit;
	}
}

.hzAccordion-section .options .option .label {
	display: flex;
	align-items: flex-end;
	position: absolute;
	bottom: 0;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 0.28s;
	z-index: -1;
}

@media (max-width: 1199.98px) {
	.hzAccordion-section .options .option .label {
		padding-right: 20px;
	}
}

@media (max-width: 767.98px) {
	.hzAccordion-section .options .option .label {
		bottom: unset;
		top: 50%;
		transform: translateY(-50%);
	}
}

@media (max-width: 575.98px) {
	.hzAccordion-section .options .option .label {
		top: 40%;
	}
}

@media (max-width: 339.98px) {
	.hzAccordion-section .options .option .label {
		top: 37%;
	}
}

.hzAccordion-section .options .option .label .info {
	padding: 50px 40px;
	opacity: 1;
	visibility: visible;
	transition: all 400ms ease;
	transition-delay: 300ms;
}

@media (max-width: 1199.98px) {
	.hzAccordion-section .options .option .label .info {
		padding: 0 0 30px;
	}
}

@media (max-width: 575.98px) {
	.hzAccordion-section .options .option .label .info {
		padding: 0;
	}
}

.hzAccordion-section .options .option .label .info .cont .count {
	bottom: -70px;
	color: var(--theme-color-white);
	display: inline-block;
	font-weight: 600;
	font-size: 80px;
	line-height: 1;
	left: 15px;
	letter-spacing: -0.03em;
	position: relative;
}

.hzAccordion-section .options .option .label .info .cont .count span {
	color: var(--theme-color-white);
}

.hzAccordion-section .options .option .label .info .cont .sub-title {
	color: var(--theme-color-white);
	letter-spacing: -0.03em;
	font-weight: 600;
	margin-bottom: 20px;
}

.hzAccordion-section .options .option .label .info .cont .text {
	color: var(--theme-color-white);
	font-weight: 400;
}

.hzAccordion-section .options .option .label .info .lg-count {
	color: rgba(242, 102, 28, 0.9);
	font-size: 234px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.03em;
	text-transform: capitalize;
	font-size: clamp(80px, 14.62vw, 234px);
	line-height: 1;
}

.hzAccordion-section .options .option .search-icon {
	bottom: -10px;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
}

.hzAccordion-section .options .option .search-icon .count {
	color: rgba(255, 255, 255, 0.1);
	display: inline-block;
	font-weight: 600;
	font-size: 80px;
	line-height: 1;
	text-align: center;
	letter-spacing: -0.03em;
}

.hzAccordion-section .options .option .search-icon .count span {
	color: var(--theme-color1);
}

.hzAccordion-section .options .option:not(.active) {
	background: var(--theme-color-black);
	border-radius: 20px;
	flex-grow: 1;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 0.28s;
}

.hzAccordion-section .options .option:not(.active) .default-content {
	display: flex !important;
}

.hzAccordion-section .options .option:not(.active) .label {
	bottom: 10px;
	left: 10px;
}

.hzAccordion-section .options .option:not(.active) .label .info {
	opacity: 0;
	visibility: hidden;
	transition: all 400ms ease;
}

.hzAccordion-section .options .option:not(.active) .info>div {
	left: 20px;
	opacity: 0;
}

.hzAccordion-section .options .option.active {
	background: var(--theme-color1);
	background-size: auto 100%;
	border-radius: 30px;
	flex-grow: 10000;
	transform: scale(1);
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 0.28s;
	position: relative;
}

@media (max-width: 1199.98px) {
	.hzAccordion-section .options .option.active {
		height: 300px;
		min-width: inherit;
		padding: 30px;
	}
}

@media (max-width: 575.98px) {
	.hzAccordion-section .options .option.active {
		padding: 30px 20px;
	}
}

.hzAccordion-section .options .option.active .search-icon {
	display: none;
}

.hzAccordion-section .options .option.active .search-icon {
	position: relative;
}

.hzAccordion-section .options .option.active .search-icon .lg-count {
	opacity: 1;
}

.working-block-four .inner-block {
	display: flex;
	align-items: end;
	justify-content: space-between;
	border-bottom: 1px solid rgba(217, 217, 217, 0.08);
	padding-bottom: 40px;
	margin-top: 35px;
	max-width: 608px;
	margin-left: auto;
	position: relative;
	z-index: 88;
}

@media (max-width: 991.98px) {
	.working-block-four .inner-block {
		margin-left: initial;
		max-width: initial;
	}
}

@media (max-width: 575.98px) {
	.working-block-four .inner-block {
		display: grid;
		gap: 20px;
	}
}

.working-block-four .inner-block.style-margin-0 {
	margin-left: initial;
}

.working-block-four .inner-block .content-box span {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	color: var(--theme-color1);
	margin-bottom: 20px;
}

@media (max-width: 575.98px) {
	.working-block-four .inner-block .content-box span {
		margin-bottom: 10px;
	}
}

@media (max-width: 1199.98px) {
	.working-block-four .inner-block .content-box .title {
		font-size: 20px;
	}
}

.working-block-four .inner-block .year-text {
	font-size: 18px;
	position: relative;
	height: 47px;
	line-height: 47px;
	background-color: rgba(255, 255, 255, 0.1);
	padding: 0 18px;
	padding-left: 40px;
	border-radius: 30px;
	margin-bottom: 10px;
}

@media (max-width: 1199.98px) {
	.working-block-four .inner-block .year-text {
		font-size: 14px;
		position: relative;
		height: 44px;
		line-height: 44px;
		padding: 0 15px;
		padding-left: 38px;
		margin-bottom: 0;
	}
}

@media (max-width: 575.98px) {
	.working-block-four .inner-block .year-text {
		max-width: 150px;
	}
}

.working-block-four .inner-block .year-text::before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 18px;
	content: "";
	width: 8px;
	height: 8px;
	background: rgba(255, 255, 255, 0.6);
	border-radius: 50%;
}

@media (max-width: 991.98px) {
	.work-eduction-section {
		margin-top: 30px;
	}
}

/***

====================================================================
    Marquee Section
====================================================================

***/
.marquee-area2 {
	margin-bottom: 150px;
	position: relative;
	z-index: 99;
}

@media (max-width: 1499.98px) {
	.marquee-area2 {
		margin-bottom: 100px;
	}
}

@media (max-width: 991.98px) {
	.marquee-area2 {
		margin-bottom: 80px;
		padding-top: 0 !important;
	}
}

.marquee-area2 .marque-object2 {
	position: absolute;
	right: -60px;
	top: -100px;
}

@media (max-width: 1199.98px) {
	.marquee-area2 .marque-object2 {
		display: none;
	}
}

.marquee-area2 .light-marque {
	position: absolute;
	top: -30%;
	right: -60px;
	z-index: 1;
}

@media (max-width: 1199.98px) {
	.marquee-area2 .light-marque {
		display: none;
	}
}

.marquee-area2.style-marquee2 {
	margin: 0 60px;
	background-color: var(--theme-color3);
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 40px;
	padding-bottom: 190px;
}

@media (max-width: 1699.98px) {
	.marquee-area2.style-marquee2 {
		margin: 0 35px;
	}
}

@media (max-width: 1399.98px) {
	.marquee-area2.style-marquee2 {
		margin: 0 25px;
	}
}

@media (max-width: 1199.98px) {
	.marquee-area2.style-marquee2 {
		margin: 0 15px;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

@media (max-width: 1199.98px) {
	.marquee-area2.style-marquee2 {
		padding-bottom: 120px;
	}
}

.marquee-area2.style-marquee2 .marque-object {
	text-align: center;
	margin-bottom: -190px;
}

@media (max-width: 1199.98px) {
	.marquee-area2.style-marquee2 .marque-object {
		margin-bottom: 0;
	}
}

.marquee-area2.style-marquee2 .marquee-title {
	text-align: center;
	position: relative;
	z-index: 99;
	margin-bottom: 60px;
}

.marquee-area2.style-marquee2 .marquee-title .title {
	font-size: 60px;
	font-weight: 500;
	line-height: 133.333%;
	color: #fff;
	margin-bottom: 40px;
}

@media (max-width: 767.98px) {
	.marquee-area2.style-marquee2 .marquee-title .title {
		font-size: 40px;
	}
}

@media (max-width: 575.98px) {
	.marquee-area2.style-marquee2 .marquee-title .title {
		font-size: 36px;
	}
}

.marquee-area2.style-marquee2 .marquee-section.style-2 {
	background-color: var(--theme-color2);
	position: relative;
	z-index: 81;
}

.marquee-section {
	position: relative;
	background-color: var(--theme-color2);
	padding: 40px 0;
	z-index: 9;
}

.marquee-section.style-2 {
	transform: rotate(7.174deg);
	background-color: var(--theme-color1);
	margin-bottom: -135px;
}

@media (max-width: 991.98px) {
	.marquee-section.style-2 {
		margin-bottom: 0;
		transform: rotate(0deg);
	}
}

.marquee-section.style-2 .marquee-group {
	animation: scroll2 var(--duration) linear infinite;
}

.marquee-section.style-2 .text {
	font-size: 30px;
	font-weight: 500;
	color: #fff;
}

.marquee-section.style-four {
	transform: rotate(0deg) !important;
	margin-bottom: 0;
	padding: 30px 0;
}

.marquee-section.style-four .text {
	font-size: 40px;
	font-weight: 500;
}

.marquee-section.style-3 {
	transform: rotate(-5deg);
}

@media (max-width: 991.98px) {
	.marquee-section.style-3 {
		transform: rotate(0deg);
	}
}

@media (max-width: 1199.98px) {
	.marquee-section {
		padding: 25px 0;
	}
}

.marquee-two {
	position: relative;
	--duration: 30s;
	--gap: 0px;
	display: flex;
	overflow: hidden;
	user-select: none;
	gap: var(--gap);
}

.marquee-two .marquee-group {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
	gap: var(--gap);
	min-width: 100%;
	animation: scroll var(--duration) linear infinite;
}

.marquee-two .text {
	font-size: 30px;
	line-height: 1.2;
	color: #fff;
	font-weight: 500;
	margin: 0 40px;
	position: relative;
	font-family: var(--heading-font-family);
	display: flex;
	align-items: center;
	gap: 30px;
}

@media (prefers-reduced-motion: reduce) {
	.marquee-two .marquee-group {
		animation-play-state: paused;
	}
}

/* Global keyframes — declared only once */
@keyframes scroll {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(calc(-100% - var(--gap)));
	}
}

@keyframes scroll2 {
	0% {
		transform: translateX(calc(-100% - var(--gap)));
	}

	100% {
		transform: translateX(0);
	}
}

.marquee-section-2.marquee-style-2 {
	position: relative;
	z-index: 9;
	margin-top: 45px;
	margin-bottom: 32px;
}

@media (max-width: 1199.98px) {
	.marquee-section-2.marquee-style-2 {
		margin-top: 0;
		margin-bottom: 0;
	}
}

.marquee-section-2.marquee-style-2 .marque-line1 {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	bottom: 0;
	width: 620px;
	height: 235px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 152px;
	z-index: -1;
}

@media (max-width: 1699.98px) {
	.marquee-section-2.marquee-style-2 .marque-line1 {
		width: 550px;
	}
}

@media (max-width: 1399.98px) {
	.marquee-section-2.marquee-style-2 .marque-line1 {
		width: 500px;
	}
}

@media (max-width: 1199.98px) {
	.marquee-section-2.marquee-style-2 .marque-line1 {
		display: none;
	}
}

.marquee-section-2.marquee-style-2 .marque-line1::before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 30px;
	bottom: 0;
	width: 468px;
	content: "";
	height: 235px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 152px;
	z-index: -1;
}

.marquee-section-2.marquee-style-2 .marque-line2 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	bottom: 0;
	width: 666px;
	height: 235px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 152px;
	z-index: -1;
}

@media (max-width: 1699.98px) {
	.marquee-section-2.marquee-style-2 .marque-line2 {
		width: 550px;
	}
}

@media (max-width: 1399.98px) {
	.marquee-section-2.marquee-style-2 .marque-line2 {
		width: 500px;
	}
}

@media (max-width: 1199.98px) {
	.marquee-section-2.marquee-style-2 .marque-line2 {
		display: none;
	}
}

.marquee-section-2.marquee-style-2 .marque-line2::before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 100px;
	bottom: 0;
	width: 468px;
	content: "";
	height: 235px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 152px;
	z-index: -1;
}

.marquee-section-2.marquee-style-2 .marque-line3 {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	bottom: 0;
	width: 620px;
	height: 235px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 152px;
	z-index: -1;
}

@media (max-width: 1699.98px) {
	.marquee-section-2.marquee-style-2 .marque-line3 {
		width: 550px;
	}
}

@media (max-width: 1399.98px) {
	.marquee-section-2.marquee-style-2 .marque-line3 {
		width: 500px;
	}
}

@media (max-width: 1199.98px) {
	.marquee-section-2.marquee-style-2 .marque-line3 {
		display: none;
	}
}

.marquee-section-2.marquee-style-2 .marque-line3::before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 100px;
	bottom: 0;
	width: 468px;
	content: "";
	height: 235px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 152px;
	z-index: -1;
}

.marquee-section-2.marquee-style-2 .marquee {
	background: none;
	margin: 0;
	padding: 0;
}

.marquee-section-2 .marquee {
	background: linear-gradient(90deg, rgba(13, 13, 13, 0) 0%, rgba(136, 255, 42, 0.6) 36.07%, rgba(13, 13, 13, 0) 100%);
	margin: 0 60px;
	padding: 60px 0;
	position: relative;
	--duration: 30s;
	--gap: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	gap: 0;
}

@media (max-width: 1699.98px) {
	.marquee-section-2 .marquee {
		margin: 0 35px;
	}
}

@media (max-width: 1399.98px) {
	.marquee-section-2 .marquee {
		margin: 0 25px;
	}
}

@media (max-width: 1199.98px) {
	.marquee-section-2 .marquee {
		margin: 0 15px;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

.marquee-section-2 .marquee .marquee-group {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	gap: 24px;
	min-width: 100%;
	-webkit-animation: scroll var(--duration) linear infinite;
	animation: scroll var(--duration) linear infinite;
}

.marquee-section-2 .marquee .marquee-group .text {
	color: #fff;
	font-size: 150px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -3px;
	text-transform: uppercase;
}

@media (max-width: 1199.98px) {
	.marquee-section-2 .marquee .marquee-group .text {
		font-size: 90px;
	}
}

@media (max-width: 767.98px) {
	.marquee-section-2 .marquee .marquee-group .text {
		font-size: 80px;
	}
}

.marquee-section-2 .marquee .marquee-group .marquee-dot {
	background-color: var(--theme-color1);
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
}

.testimonial-one {
	border-radius: 40px;
	margin: 0 60px;
	position: relative;
	z-index: 9;
	background-color: var(--theme-color2);
	border: 1px solid rgba(255, 255, 255, 0.13);
}

@media (max-width: 1699.98px) {
	.testimonial-one {
		margin: 0 35px;
	}
}

@media (max-width: 1399.98px) {
	.testimonial-one {
		margin: 0 28px;
	}
}

@media (max-width: 1199.98px) {
	.testimonial-one {
		margin: 0 20px;
	}
}

@media (max-width: 469.98px) {
	.testimonial-one {
		margin: 0 16px;
	}
}

.testimonial-one .testi-counter {
	display: flex;
	align-items: end;
	gap: 20px;
}

@media (max-width: 469.98px) {
	.testimonial-one .testi-counter {
		flex-wrap: nowrap;
	}
}

.testimonial-one .testi-counter .count-box {
	font-size: 80px;
	font-weight: 500;
	color: var(--theme-color1);
	line-height: 1;
}

@media (max-width: 469.98px) {
	.testimonial-one .testi-counter .count-box {
		font-size: 60px;
	}
}

.testimonial-one .testi-counter p {
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	text-transform: capitalize;
}

.testimonial-one .left-content {
	background-color: var(--theme-color-black);
	padding: 84px 60px;
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 30px;
	margin-top: 30px;
}

@media (max-width: 1199.98px) {
	.testimonial-one .left-content {
		padding: 59px 60px;
	}
}

@media (max-width: 575.98px) {
	.testimonial-one .left-content {
		padding: 50px 30px;
	}
}

.testimonial-one .left-content .circle-box {
	position: relative;
	text-align: center;
}

.testimonial-one .left-content .circle-box .ani-circle {
	animation: cir36 10s linear infinite;
}

@media (max-width: 469.98px) {
	.testimonial-one .left-content .circle-box .ani-circle {
		width: 100%;
		height: 100%;
	}
}

.testimonial-one .left-content .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.testimonial-one .slider-box {
	position: relative;
}

.testimonial-one .slider-box .array-button {
	position: absolute;
	bottom: 62px;
	right: 80px;
	z-index: 1;
	gap: 10px;
}

@media (max-width: 1199.98px) {
	.testimonial-one .slider-box .array-button {
		right: 35px;
	}
}

@media (max-width: 575.98px) {
	.testimonial-one .slider-box .array-button {
		display: none;
	}
}

.testimonial-one .slider-box .array-button .array-prev,
.testimonial-one .slider-box .array-button .array-next {
	border-radius: 10px;
	background-color: var(--theme-color2);
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
}

.testimonial-one .slider-box .array-button .array-prev:hover,
.testimonial-one .slider-box .array-button .array-next:hover {
	background-color: var(--theme-color1);
	color: #fff;
}

.testimonial-block-one .inner-box {
	background-color: var(--theme-color-black);
	padding: 60px 60px;
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 30px;
	margin-top: 30px;
	padding-top: 53px;
}

@media (max-width: 1399.98px) {
	.testimonial-block-one .inner-box {
		padding: 40px 80px;
	}
}

@media (max-width: 1199.98px) {
	.testimonial-block-one .inner-box {
		padding: 50px 35px;
		padding-top: 35px;
	}
}

.testimonial-block-one .inner-box .star {
	color: var(--theme-color1);
	margin-bottom: 20px;
}

.testimonial-block-one .inner-box .text {
	color: #fff;
	font-size: 20px;
	font-style: italic;
	line-height: 160%;
	max-width: 710px;
}

@media (max-width: 1199.98px) {
	.testimonial-block-one .inner-box .text {
		font-size: 17px;
	}
}

.testimonial-block-one .inner-box .infu {
	display: flex;
	align-items: center;
	gap: 20px;
	padding-top: 60px;
}

@media (max-width: 1199.98px) {
	.testimonial-block-one .inner-box .infu {
		padding-top: 30px;
	}
}

@media (max-width: 469.98px) {
	.testimonial-block-one .inner-box .infu {
		flex-wrap: wrap;
	}
}

.testimonial-block-one .inner-box .infu .image {
	height: 50px;
	width: 50px;
}

.testimonial-block-one .inner-box .infu .image img {
	border-radius: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 469.98px) {
	.testimonial-block-one .inner-box .infu span {
		font-size: 13px;
	}
}

.testimonial-block-one .inner-box .infu .name {
	font-size: 20px;
	font-weight: 400;
}

@media (max-width: 469.98px) {
	.testimonial-block-one .inner-box .infu .name {
		font-size: 16px;
	}
}

.testimonial-wrapper {
	position: relative;
}

.testimonial-wrapper .testi-bg-shape {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.testimonial-wrapper .testi-bg-shape img {
	height: 100%;
}

.testimonial-wrapper .testi-light-shape-1 {
	position: absolute;
	top: -65%;
	right: -10%;
}

@media (max-width: 1699.98px) {
	.testimonial-wrapper .testi-light-shape-1 {
		display: none;
	}
}

.testimonial-wrapper .testi-shape-1 {
	position: absolute;
	top: -23%;
	right: -3%;
}

@media (max-width: 1699.98px) {
	.testimonial-wrapper .testi-shape-1 {
		display: none;
	}
}

.testimonial-customar-area {
	background-color: rgb(0, 0, 0);
	margin-top: 25px;
	border-radius: 30px;
}

@media (max-width: 1199.98px) {
	.testimonial-customar-area {
		padding: 30px;
	}
}

.testimonial-customar-area .customar-content {
	background-color: rgb(13, 13, 13);
	padding: 40px 72px;
	border-radius: 30px;
}

@media (max-width: 1399.98px) {
	.testimonial-customar-area .customar-content {
		padding: 40px 50px;
	}
}

@media (max-width: 575.98px) {
	.testimonial-customar-area .customar-content {
		padding: 40px 22px;
	}
}

.testimonial-customar-area .customar-content .customar-title {
	font-size: 24px;
	font-weight: 500;
}

@media (max-width: 575.98px) {
	.testimonial-customar-area .customar-content .customar-title {
		font-size: 20px;
	}
}

@media (max-width: 469.98px) {
	.testimonial-customar-area .customar-content .customar-title {
		font-size: 18px;
	}
}

.testimonial-customar-area .customar-content .customar-title span {
	color: var(--theme-color1);
}

.testimonial-customar-area .customar-right-content {
	display: flex;
	align-items: center;
	gap: 70px;
	margin-left: 60px;
}

@media (max-width: 1399.98px) {
	.testimonial-customar-area .customar-right-content {
		margin-left: 0;
		gap: 40px;
	}
}

@media (max-width: 1199.98px) {
	.testimonial-customar-area .customar-right-content {
		margin-top: 30px;
	}
}

@media (max-width: 767.98px) {
	.testimonial-customar-area .customar-right-content {
		display: grid;
	}
}

.testimonial-customar-area .customar-right-content .capterra-area {
	display: flex;
	align-items: center;
	gap: 20px;
}

@media (max-width: 469.98px) {
	.testimonial-customar-area .customar-right-content .capterra-area {
		display: inline-block;
		margin-top: 20px;
	}
}

.testimonial-customar-area .customar-right-content .capterra-area .icon {
	width: 60px;
	height: 60px;
	line-height: 60px;
	background: rgba(255, 255, 255, 0.13);
	border: 1px solid #000047;
	border-radius: 50%;
	text-align: center;
}

@media (max-width: 469.98px) {
	.testimonial-customar-area .customar-right-content .capterra-area .icon {
		margin-bottom: 15px;
	}
}

.testimonial-customar-area .customar-right-content .capterra-area .content .title {
	font-weight: 500;
}

@media (max-width: 1199.98px) {
	.testimonial-customar-area .customar-right-content .capterra-area .content .title {
		text-align: left;
	}
}

.testimonial-customar-area .customar-right-content .capterra-area .content .text {
	color: #fff;
	margin-top: 7px;
}

.testimonial-customar-area .customar-right-content .line {
	height: 60px;
	width: 1px;
	background: rgba(255, 255, 255, 0.2);
}

@media (max-width: 767.98px) {
	.testimonial-customar-area .customar-right-content .line {
		display: none;
	}
}

.testimonial-customar-area .customar-right-content .google-area {
	display: flex;
	align-items: center;
	gap: 20px;
}

@media (max-width: 469.98px) {
	.testimonial-customar-area .customar-right-content .google-area {
		display: inline-block;
		margin-top: 20px;
	}
}

.testimonial-customar-area .customar-right-content .google-area .icon {
	width: 60px;
	height: 60px;
	line-height: 60px;
	background: rgba(255, 255, 255, 0.13);
	border: 1px solid #000047;
	border-radius: 50%;
	text-align: center;
}

@media (max-width: 469.98px) {
	.testimonial-customar-area .customar-right-content .google-area .icon {
		margin-bottom: 15px;
	}
}

.testimonial-customar-area .customar-right-content .google-area .content .title {
	font-weight: 500;
}

@media (max-width: 767.98px) {
	.testimonial-customar-area .customar-right-content .google-area .content .title {
		text-align: left;
	}
}

.testimonial-customar-area .customar-right-content .google-area .content .text {
	color: #fff;
	margin-top: 7px;
}

.testimonial-inner-2 {
	border-radius: 40px;
	margin: 0 60px;
	position: relative;
	z-index: 9;
	border: 1px solid rgba(255, 255, 255, 0.14);
}

@media (max-width: 1699.98px) {
	.testimonial-inner-2 {
		margin: 0 35px;
	}
}

@media (max-width: 1399.98px) {
	.testimonial-inner-2 {
		margin: 0 28px;
	}
}

@media (max-width: 1199.98px) {
	.testimonial-inner-2 {
		margin: 0 20px;
	}
}

@media (max-width: 469.98px) {
	.testimonial-inner-2 {
		margin: 0 16px;
	}
}

.testimonial-inner-2 .array-prev,
.testimonial-inner-2 .array-next {
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 50%;
	background-color: var(--theme-color3);
	color: var(--theme-color1);
	display: inline-block;
	transition: all 0.4s ease-in-out;
	position: relative;
	top: -35px;
}

.testimonial-inner-2 .array-prev:hover,
.testimonial-inner-2 .array-next:hover {
	background-color: var(--theme-color1);
	color: #fff;
}

.testimonial-block-two .inner-box {
	margin-top: 30px;
}

.testimonial-block-two .inner-box .quote-icon {
	text-align: center;
	margin-bottom: 35px;
}

.testimonial-block-two .inner-box .text {
	font-size: 20px;
	font-weight: 500;
	line-height: 180%;
	letter-spacing: -0.03em;
	color: #fff;
	text-align: center;
	max-width: 890px;
	margin: 0 auto;
}

@media (max-width: 1199.98px) {
	.testimonial-block-two .inner-box .text {
		font-size: 18px;
	}
}

@media (max-width: 767.98px) {
	.testimonial-block-two .inner-box .text {
		font-size: 17px;
	}
}

@media (max-width: 575.98px) {
	.testimonial-block-two .inner-box .text {
		font-size: 16px;
	}
}

@media (max-width: 469.98px) {
	.testimonial-block-two .inner-box .text {
		font-size: 15px;
	}
}

.testimonial-block-two .inner-box .author-info {
	display: flex;
	align-items: center;
	gap: 20px;
	justify-content: center;
	margin-top: 50px;
}

@media (max-width: 767.98px) {
	.testimonial-block-two .inner-box .author-info {
		margin-top: 30px;
	}
}

.testimonial-block-two .inner-box .author-info .thumb img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
}

.testimonial-block-two .inner-box .author-info .info .name {
	font-size: 24px;
	font-weight: 500;
}

@media (max-width: 991.98px) {
	.testimonial-block-two .inner-box .author-info .info .name {
		font-size: 19px;
	}
}

.testimonial-block-two .inner-box .author-info .info .designation {
	font-size: 16px;
	font-weight: 400;
	color: #fff;
}

@media (max-width: 469.98px) {
	.testimonial-block-two .inner-box .author-info .info .designation {
		font-size: 13px;
	}
}

.testimonial-section-3 .client-top-items {
	display: flex;
	align-items: center;
	gap: 25px;
	justify-content: end;
}

.testimonial-section-3 .client-top-items .client-image {
	display: flex;
	align-items: center;
	gap: 0;
}

.testimonial-section-3 .client-top-items .client-image img {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	border: 2px solid rgb(0, 0, 0);
	margin-right: -12px;
}

.testimonial-section-3 .client-top-items .text {
	color: var(--theme-color-white);
	font-size: 18px;
}

.testimonial-block-three .inner-box {
	margin-top: 30px;
	background-color: var(--theme-color-black);
	border-radius: 40px;
	padding: 60px;
}

@media (max-width: 1199.98px) {
	.testimonial-block-three .inner-box {
		padding: 40px;
	}
}

@media (max-width: 991.98px) {
	.testimonial-block-three .inner-box {
		padding: 40px 35px;
	}
}

@media (max-width: 767.98px) {
	.testimonial-block-three .inner-box {
		padding: 35px 30px;
	}
}

@media (max-width: 575.98px) {
	.testimonial-block-three .inner-box {
		padding: 32px 25px;
	}
}

.testimonial-block-three .inner-box .quote-icon {
	margin-bottom: 30px;
}

.testimonial-block-three .inner-box .text {
	font-size: 20px;
	font-weight: 400;
	line-height: 180%;
}

@media (max-width: 1199.98px) {
	.testimonial-block-three .inner-box .text {
		font-size: 19px;
	}
}

@media (max-width: 575.98px) {
	.testimonial-block-three .inner-box .text {
		font-size: 18px;
	}
}

@media (max-width: 469.98px) {
	.testimonial-block-three .inner-box .text {
		font-size: 17px;
	}
}

.testimonial-block-three .inner-box .infu {
	display: flex;
	align-items: center;
	gap: 20px;
	padding-top: 40px;
}

@media (max-width: 1199.98px) {
	.testimonial-block-three .inner-box .infu {
		padding-top: 30px;
	}
}

.testimonial-block-three .inner-box .infu .image {
	height: 50px;
	width: 50px;
}

.testimonial-block-three .inner-box .infu .image img {
	border-radius: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 469.98px) {
	.testimonial-block-three .inner-box .infu span {
		font-size: 13px;
	}
}

.testimonial-block-three .inner-box .infu .name {
	font-weight: 400;
	font-size: 20px;
}

@media (max-width: 469.98px) {
	.testimonial-block-three .inner-box .infu .name {
		font-size: 16px;
	}
}

.testimonial-section-3 {
	position: relative;
}

.testimonial-section-3 .testimonial-light1 {
	position: absolute;
	left: 0;
	z-index: 999;
	top: 58%;
	transform: translateY(-50%);
}

@media (max-width: 1199.98px) {
	.testimonial-section-3 .testimonial-light1 {
		display: none;
	}
}

.testimonial-section-3 .testimonial-light2 {
	position: absolute;
	right: 0;
	z-index: 999;
	top: 58%;
	transform: translateY(-50%);
}

@media (max-width: 1199.98px) {
	.testimonial-section-3 .testimonial-light2 {
		display: none;
	}
}

.testimonial-inner-4 {
	border-radius: 40px;
	margin: 0 60px;
	position: relative;
	z-index: 9;
}

.testimonial-inner-4 .testi-vec {
	position: absolute;
	top: -5%;
	left: -3%;
}

@media (max-width: 1699.98px) {
	.testimonial-inner-4 {
		margin: 0 35px;
	}
}

@media (max-width: 1399.98px) {
	.testimonial-inner-4 {
		margin: 0 28px;
	}
}

@media (max-width: 1199.98px) {
	.testimonial-inner-4 {
		margin: 0 20px;
	}
}

@media (max-width: 469.98px) {
	.testimonial-inner-4 {
		margin: 0 16px;
	}
}

.testimonial-image-block4 {
	border-radius: 40px;
	max-width: 485px;
}

.testimonial-image-block4 img {
	width: 100%;
	height: 100%;
	border-radius: 40px;
}

.testimonial-block-four {
	position: relative;
}

.testimonial-block-four .inner-box {
	margin-top: 40px;
}

@media (max-width: 1399.98px) {
	.testimonial-block-four .inner-box {
		margin-top: 30px;
	}
}

@media (max-width: 1199.98px) {
	.testimonial-block-four .inner-box {
		margin-top: 18px;
	}
}

.testimonial-block-four .inner-box .text {
	font-size: 24px;
	line-height: 175%;
}

@media (max-width: 1399.98px) {
	.testimonial-block-four .inner-box .text {
		font-size: 20px;
	}
}

@media (max-width: 1199.98px) {
	.testimonial-block-four .inner-box .text {
		font-size: 17px;
		line-height: 162%;
	}
}

@media (max-width: 469.98px) {
	.testimonial-block-four .inner-box .text {
		font-size: 15px;
		line-height: 172%;
	}
}

.testimonial-block-four .inner-box .clinet-info {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	margin-top: 50px;
	padding-top: 50px;
}

@media (max-width: 1399.98px) {
	.testimonial-block-four .inner-box .clinet-info {
		margin-top: 35px;
		padding-top: 35px;
	}
}

@media (max-width: 1199.98px) {
	.testimonial-block-four .inner-box .clinet-info {
		margin-top: 25px;
		padding-top: 25px;
	}
}

.testimonial-block-four .array-button {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 99;
}

@media (max-width: 469.98px) {
	.testimonial-block-four .array-button {
		position: static;
		margin-top: 20px;
	}
}

.testimonial-block-four .array-button .array-next,
.testimonial-block-four .array-button .array-prev {
	border: 1px solid rgba(255, 255, 255, 0.06);
	color: #fff;
}

.tetsimonial-section-4 {
	position: relative;
}

.tetsimonial-section-4 .testimonial-light {
	position: absolute;
	right: 0;
	top: -60%;
}

.pricing-block {
	margin-top: 45px;
	transition: all 0.4s ease-in-out;
}

@media (max-width: 991.98px) {
	.pricing-block {
		margin-top: 30px;
	}
}

.pricing-block .inner-box {
	background-color: var(--theme-color-black);
	border: 1px solid rgba(255, 255, 255, 0.13);
	padding: 10px;
	border-radius: 40px;
	padding-bottom: 50px;
}

@media (max-width: 1199.98px) {
	.pricing-block .inner-box {
		font-size: 14px;
		padding-bottom: 30px;
	}
}

.pricing-block .inner-box .pricing-header {
	background-color: var(--theme-color3);
	padding: 40px;
	border-radius: 30px;
	position: relative;
	padding-top: 35px;
	padding-bottom: 30px;
}

@media (max-width: 1399.98px) {
	.pricing-block .inner-box .pricing-header {
		padding: 28px;
	}
}

.pricing-block .inner-box .pricing-header .pricing-flower {
	position: absolute;
	top: 40px;
	right: 40px;
}

.pricing-block .inner-box .pricing-header .sub-title {
	font-size: 18px;
	font-weight: 400;
	color: var(--theme-color1);
	display: inline-block;
	margin-bottom: 20px;
}

@media (max-width: 1199.98px) {
	.pricing-block .inner-box .pricing-header .sub-title {
		font-size: 16px;
	}
}

.pricing-block .inner-box .pricing-header .price {
	font-weight: 400;
	font-size: 65px;
	color: #fff;
	line-height: 1;
}

@media (max-width: 1199.98px) {
	.pricing-block .inner-box .pricing-header .price {
		font-size: 50px;
	}
}

.pricing-block .inner-box .pricing-header .price sup {
	top: 0;
	color: var(--theme-color1);
	font-size: 24px;
	font-weight: 400;
	margin-right: -10px;
}

.pricing-block .inner-box .pricing-header .price sub {
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	bottom: 0;
	right: 15px;
}

@media (max-width: 1199.98px) {
	.pricing-block .inner-box .pricing-header .price sub {
		font-size: 16px;
	}
}

.pricing-block .inner-box .pricing-list {
	padding: 50px 40px;
}

@media (max-width: 1399.98px) {
	.pricing-block .inner-box .pricing-list {
		padding: 30px 28px;
	}
}

.pricing-block .inner-box .pricing-list li {
	font-size: 16px;
	font-weight: 400;
	display: flex;
	align-items: center;
	gap: 15px;
	color: #fff;
}

@media (max-width: 1399.98px) {
	.pricing-block .inner-box .pricing-list li {
		font-size: 15px;
	}
}

@media (max-width: 1199.98px) {
	.pricing-block .inner-box .pricing-list li {
		font-size: 14px;
	}
}

.pricing-block .inner-box .pricing-list li:not(:last-child) {
	margin-bottom: 7px;
}

@media (max-width: 1199.98px) {
	.pricing-block .inner-box .pricing-list li:not(:last-child) {
		margin-bottom: 10px;
	}
}

.pricing-block .inner-box .pricing-button {
	padding: 0 40px;
}

@media (max-width: 1399.98px) {
	.pricing-block .inner-box .pricing-button {
		padding: 0 28px;
	}
}

.pricing-block .inner-box .pricing-btn {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	background-color: var(--theme-color2);
	width: 100%;
	text-align: center;
	color: #fff;
	border-radius: 40px;
	height: 56px;
	line-height: 56px;
}

.pricing-block .inner-box:hover .pricing-btn {
	background-color: var(--theme-color1);
}

.pricing-block .inner-box:hover .pricing-flower {
	animation: spin 15s linear infinite;
}

.pricing-block.style-2 {
	position: relative;
	z-index: 9;
}

@media (max-width: 767.98px) {
	.pricing-block.style-2 {
		margin-top: 80px;
	}
}

.pricing-block.style-2::before {
	background-color: var(--theme-color1);
	border-radius: 40px 40px 0 0;
	content: "";
	height: 110px;
	left: 0;
	position: absolute;
	right: 0;
	top: -50px;
	width: 100%;
	z-index: -1;
}

.pricing-block.style-2 .recommend {
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	left: 0;
	position: absolute;
	right: 0;
	top: -43px;
	width: 100%;
	z-index: -1;
}

.pricing-block:hover {
	transform: translateY(-10px);
}

.pricing-section-2 .sec-title {
	margin-bottom: 60px;
}

@media (max-width: 767.98px) {
	.pricing-section-2 .sec-title {
		margin-bottom: 30px;
	}
}

@media (max-width: 469.98px) {
	.pricing-section-2 .sec-title {
		margin-bottom: 15px;
	}
}

.project-section {
	margin: 0 60px;
	position: relative;
}

.project-section .light-shape {
	position: absolute;
	right: -60px;
	top: -40%;
}

@media (max-width: 1199.98px) {
	.project-section .light-shape {
		display: none;
	}
}

@media (max-width: 1699.98px) {
	.project-section {
		margin: 0 35px;
	}
}

@media (max-width: 1399.98px) {
	.project-section {
		margin: 0 28px;
	}
}

@media (max-width: 1199.98px) {
	.project-section {
		margin: 0 20px;
	}
}

@media (max-width: 469.98px) {
	.project-section {
		margin: 0 16px;
	}
}

.project-block .inner-block {
	margin-top: 30px;
}

.project-block .inner-block .image-block {
	border-radius: 30px;
	position: relative;
	overflow: hidden;
}

.project-block .inner-block .image-block .arrow-icon {
	display: inline-block;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background-color: var(--theme-color1);
	border-radius: 50%;
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.5);
	opacity: 0;
	visibility: hidden;
	z-index: 1;
	transition: all 0.2s ease-in-out;
}

.project-block .inner-block .image-block .arrow-icon:hover {
	background-color: #fff;
}

.project-block .inner-block .image-block .hover-img {
	width: 100%;
	height: 100%;
	border-radius: 30px;
	display: block;
	object-fit: cover;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.project-block .inner-block .image-block .hover-img:first-child {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	-webkit-transform: translateX(50%) scaleX(2);
	transform: translate(50%) scaleX(2);
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

.project-block .inner-block .content-block {
	margin-top: 20px;
}

.project-block .inner-block .content-block .title {
	font-size: 30px;
	font-weight: 500;
}

@media (max-width: 1699.98px) {
	.project-block .inner-block .content-block .title {
		font-size: 26px;
	}
}

@media (max-width: 1199.98px) {
	.project-block .inner-block .content-block .title {
		font-size: 25px;
	}
}

@media (max-width: 991.98px) {
	.project-block .inner-block .content-block .title {
		font-size: 24px;
	}
}

@media (max-width: 575.98px) {
	.project-block .inner-block .content-block .title {
		font-size: 20px;
	}
}

.project-block .inner-block .content-block .title a {
	background-position: 0 95%;
	background-repeat: no-repeat;
	background-size: 0% 2px;
	display: inline;
}

.project-block .inner-block .content-block .title a:hover {
	color: var(--theme-color1);
	background-size: 100% 2px;
	background-image: linear-gradient(180deg, var(--theme-color1) 0%, var(--theme-color1) 100%);
}

.project-block .inner-block .content-block ul {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
}

.project-block .inner-block .content-block ul li {
	color: #7A7A7A;
}

.project-block .inner-block .content-block ul .dot {
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background-color: var(--theme-color1);
	display: inline-block;
}

.project-block .inner-block:hover .image-block .hover-img:first-child {
	-webkit-transform: translateX(0) scaleX(1);
	transform: translate(0) scaleX(1);
	opacity: 1;
	-webkit-filter: blur(0);
	filter: blur(0);
}

.project-block .inner-block:hover .image-block .hover-img:nth-child(2) {
	-webkit-transform: translateX(-50%) scaleX(2);
	transform: translateX(-50%) scaleX(2);
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

.project-block .inner-block:hover .image-block .arrow-icon {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, -50%) scale(1);
}

.project-block-two .inner-block {
	margin-top: 60px;
	position: relative;
	z-index: 99;
}

@media (max-width: 991.98px) {
	.project-block-two .inner-block {
		margin-top: 30px;
	}
}

.project-block-two .inner-block .image-block {
	overflow: hidden;
	border-radius: 40px;
	position: relative;
}

@media (max-width: 991.98px) {
	.project-block-two .inner-block .image-block {
		height: 450px;
	}
}

.project-block-two .inner-block .image-block::before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	content: "";
	background: linear-gradient(360deg, #07182d -4.45%, rgba(0, 0, 0, 0) 39.86%);
	z-index: 11;
	border-radius: 40px;
}

.project-block-two .inner-block .image-block img {
	width: 100%;
	height: 100%;
	border-radius: 40px;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	object-fit: cover;
	transition: all 1s;
}

.project-block-two .inner-block .content-block {
	position: absolute;
	bottom: 60px;
	left: 60px;
	right: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 99;
}

@media (max-width: 1199.98px) {
	.project-block-two .inner-block .content-block {
		left: 25px;
		right: 25px;
		bottom: 25px;
		flex-wrap: wrap;
		gap: 10px;
	}
}

.project-block-two .inner-block .content-block .title {
	font-size: 30px;
	font-weight: 500;
}

@media (max-width: 1399.98px) {
	.project-block-two .inner-block .content-block .title {
		font-size: 27px;
	}
}

@media (max-width: 767.98px) {
	.project-block-two .inner-block .content-block .title {
		font-size: 25px;
	}
}

@media (max-width: 575.98px) {
	.project-block-two .inner-block .content-block .title {
		font-size: 22px;
	}
}

.project-block-two .inner-block .content-block .title a {
	background-position: 0 95%;
	background-repeat: no-repeat;
	background-size: 0% 2px;
	display: inline;
}

.project-block-two .inner-block .content-block .title a:hover {
	color: var(--theme-color1);
	background-size: 100% 2px;
	background-image: linear-gradient(180deg, var(--theme-color1) 0%, var(--theme-color1) 100%);
}

.project-block-two .inner-block .content-block .tag-items {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
}

.project-block-two .inner-block .content-block .tag-items .tag-text {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
}

.project-block-two .inner-block .content-block .tag-items .tag-text:hover {
	color: var(--theme-color1);
}

.project-block-two .inner-block .content-block .tag-items .dot {
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background-color: var(--theme-color1);
	display: inline-block;
}

.project-block-two .inner-block:hover .image-block img {
	transform: scale(1.2);
}

.project-section-2 {
	position: relative;
	z-index: 9;
}

.project-section-3 {
	position: relative;
}

@media (max-width: 991.98px) {
	.project-section-3 {
		padding-top: 0 !important;
	}
}

.project-section-3 .project-light {
	position: absolute;
	top: -15%;
	right: 0;
}

.project-section-3 .container {
	max-width: 1592px;
}

.project-section-3 .sec-title {
	margin-left: 135px;
}

@media (max-width: 1399.98px) {
	.project-section-3 .sec-title {
		margin-left: 0;
	}
}

.project-block-three .inner-block {
	margin-top: 60px;
	position: relative;
	z-index: 99;
}

@media (max-width: 991.98px) {
	.project-block-three .inner-block {
		margin-top: 30px;
	}
}

.project-block-three .inner-block .image-block {
	overflow: hidden;
	border-radius: 12px;
	position: relative;
}

.project-block-three .inner-block .image-block img {
	width: 100%;
	height: 100%;
	border-radius: 12px;
	display: block;
	object-fit: cover;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.project-block-three .inner-block .image-block img:first-child {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	-webkit-transform: translateX(50%) scaleX(2);
	transform: translate(50%) scaleX(2);
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

.project-block-three .inner-block .image-block .tag-items {
	display: flex;
	align-items: center;
	gap: 10px;
	position: absolute;
	bottom: -150px;
	left: 50px;
	right: 50px;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease-in-out;
}

@media (max-width: 1199.98px) {
	.project-block-three .inner-block .image-block .tag-items {
		flex-wrap: wrap;
		right: 20px;
		left: 20px;
	}
}

.project-block-three .inner-block .image-block .tag-items a {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	background-color: rgba(255, 255, 255, 0.2);
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	padding: 0 20px;
}

.project-block-three .inner-block .image-block .tag-items a:hover {
	background-color: var(--theme-color1);
}

.project-block-three .inner-block .content-block {
	margin-top: 30px;
}

.project-block-three .inner-block .content-block .text {
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 10px;
}

@media (max-width: 1199.98px) {
	.project-block-three .inner-block .content-block .text {
		font-size: 15px;
	}
}

.project-block-three .inner-block .content-block .title {
	font-size: 30px;
	font-weight: 500;
}

@media (max-width: 1399.98px) {
	.project-block-three .inner-block .content-block .title {
		font-size: 27px;
	}
}

@media (max-width: 1199.98px) {
	.project-block-three .inner-block .content-block .title {
		font-size: 24px;
	}
}

@media (max-width: 767.98px) {
	.project-block-three .inner-block .content-block .title {
		font-size: 22px;
	}
}

@media (max-width: 575.98px) {
	.project-block-three .inner-block .content-block .title {
		font-size: 19px;
	}
}

.project-block-three .inner-block .content-block .title a {
	background-position: 0 95%;
	background-repeat: no-repeat;
	background-size: 0% 2px;
	display: inline;
}

.project-block-three .inner-block .content-block .title a:hover {
	color: var(--theme-color1);
	background-size: 100% 2px;
	background-image: linear-gradient(180deg, var(--theme-color1) 0%, var(--theme-color1) 100%);
}

.project-block-three .inner-block .content-block .tag-items {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
}

.project-block-three .inner-block .content-block .tag-items .tag-text {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
}

.project-block-three .inner-block .content-block .tag-items .tag-text:hover {
	color: var(--theme-color1);
}

.project-block-three .inner-block .content-block .tag-items .dot {
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background-color: var(--theme-color1);
	display: inline-block;
}

.project-block-three .inner-block:hover .image-block img:first-child {
	-webkit-transform: translateX(0) scaleX(1);
	transform: translate(0) scaleX(1);
	opacity: 1;
	-webkit-filter: blur(0);
	filter: blur(0);
}

.project-block-three .inner-block:hover .image-block img:nth-child(2) {
	-webkit-transform: translateX(-50%) scaleX(2);
	transform: translateX(-50%) scaleX(2);
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

.project-block-three .inner-block:hover .image-block .tag-items {
	opacity: 1;
	visibility: visible;
	bottom: 50px;
}

@media (max-width: 1199.98px) {
	.project-block-three .inner-block:hover .image-block .tag-items {
		bottom: 20px;
	}
}

.project-block-three .inner-block.style-height-2 {
	margin-top: 95px;
}

@media (max-width: 991.98px) {
	.project-block-three .inner-block.style-height-2 {
		margin-top: 30px;
	}
}

.project-block-three .inner-block.top-margin-none {
	margin-top: 0;
}

.project-block-three .project-btn {
	display: inline-block;
	width: 170px;
	height: 170px;
	font-size: 16px;
	font-weight: 500;
	background: transparent;
	text-align: center;
	border-radius: 50%;
	text-transform: capitalize;
	padding-top: 50px;
	position: relative;
	overflow: hidden;
	z-index: 9;
	border: 1px solid rgba(255, 255, 255, 0.2);
	color: #fff;
	margin-top: 80px;
}

@media (max-width: 991.98px) {
	.project-block-three .project-btn {
		margin-top: 30px;
	}
}

.project-block-three .project-btn::before {
	position: absolute;
	bottom: 0;
	right: 0;
	content: "";
	width: 50px;
	height: 50px;
	background-color: var(--theme-color1);
	border-radius: 50%;
	transition: all 0.2s ease-in-out;
	z-index: -1;
}

.project-block-three .project-btn span {
	display: block;
	margin-top: 8px;
}

.project-block-three .project-btn:hover::before {
	width: 100%;
	height: 100%;
}

.project-block-four .inner-block {
	margin-top: 30px;
	position: relative;
	overflow: hidden;
}

.project-block-four .inner-block .image-block {
	overflow: hidden;
	border-radius: 30px;
	position: relative;
}

.project-block-four .inner-block .image-block img {
	width: 100%;
	height: 100%;
	border-radius: 30px;
	display: block;
	object-fit: cover;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.project-block-four .inner-block .image-block img:first-child {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	-webkit-transform: translateX(50%) scaleX(2);
	transform: translate(50%) scaleX(2);
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

.project-block-four .inner-block .content-block {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	transition: transform 0.15s ease-out;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
}

.project-block-four .inner-block .content-block .title {
	background-color: var(--theme-color1);
	padding: 0 20px;
	line-height: 1;
	height: 55px;
	line-height: 55px;
}

.project-block-four .inner-block .content-block .title a {
	color: #fff;
	pointer-events: auto;
	display: inline-block;
}

.project-block-four .inner-block .content-block .text {
	font-size: 14px;
	font-weight: 70;
	color: #fff;
	background-color: var(--theme-color-black);
	height: 44px;
	line-height: 44px;
	padding: 0 20px;
	display: inline-block;
}

.project-block-four .inner-block:hover .image-block img:first-child {
	-webkit-transform: translateX(0) scaleX(1);
	transform: translate(0) scaleX(1);
	opacity: 1;
	-webkit-filter: blur(0);
	filter: blur(0);
}

.project-block-four .inner-block:hover .image-block img:nth-child(2) {
	-webkit-transform: translateX(-50%) scaleX(2);
	transform: translateX(-50%) scaleX(2);
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

.project-block-four .inner-block:hover .content-block {
	opacity: 1;
	visibility: visible;
}

.project-section-4 {
	position: relative;
	z-index: 9;
}

.project-section-4 .project-light {
	position: absolute;
	left: 0;
	bottom: 20%;
	z-index: -1;
}

.project-section-4 .project-btn {
	display: inline-block;
	width: 170px;
	height: 170px;
	font-size: 16px;
	font-weight: 500;
	background: transparent;
	text-align: center;
	border-radius: 50%;
	text-transform: capitalize;
	padding-top: 50px;
	position: relative;
	overflow: hidden;
	z-index: 9;
	border: 1px solid rgba(255, 255, 255, 0.2);
	color: #fff;
	margin-top: 80px;
}

@media (max-width: 991.98px) {
	.project-section-4 .project-btn {
		margin-top: 30px;
	}
}

.project-section-4 .project-btn::before {
	position: absolute;
	bottom: 0;
	right: 0;
	content: "";
	width: 50px;
	height: 50px;
	background-color: var(--theme-color1);
	border-radius: 50%;
	transition: all 0.2s ease-in-out;
	z-index: -1;
}

.project-section-4 .project-btn span {
	display: block;
	margin-top: 8px;
}

.project-section-4 .project-btn:hover::before {
	width: 100%;
	height: 100%;
}

.team-section {
	margin: 0 60px;
	border-radius: 40px;
	border: 1px solid rgba(255, 255, 255, 0.13);
	position: relative;
}

.team-section .light-shape {
	position: absolute;
	top: -41%;
	right: -110px;
}

@media (max-width: 1399.98px) {
	.team-section .light-shape {
		display: none;
	}
}

.team-section .team-shape {
	position: absolute;
	top: -15%;
	right: -110px;
}

@media (max-width: 1399.98px) {
	.team-section .team-shape {
		display: none;
	}
}

@media (max-width: 1699.98px) {
	.team-section {
		margin: 0 35px;
	}
}

@media (max-width: 1399.98px) {
	.team-section {
		margin: 0 28px;
	}
}

@media (max-width: 1199.98px) {
	.team-section {
		margin: 0 20px;
	}
}

@media (max-width: 469.98px) {
	.team-section {
		margin: 0 16px;
	}
}

.team-block .inner-block {
	margin-top: 30px;
	position: relative;
	overflow: hidden;
	border-radius: 30px;
}

.team-block .inner-block .image-block {
	position: relative;
	z-index: 99;
	transition: all 0.4s ease-in-out;
	overflow: hidden;
}

.team-block .inner-block .image-block::before {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	background: linear-gradient(360deg, #000000 11.41%, rgba(0, 0, 0, 0) 100%);
	z-index: 1;
	border-radius: 30px;
	transition: all 0.4s ease-in-out;
}

.team-block .inner-block .image-block img {
	width: 100%;
	height: 100%;
	border-radius: 30px;
	display: block;
	object-fit: cover;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.team-block .inner-block .image-block img:first-child {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	-webkit-transform: translateX(50%) scaleX(2);
	transform: translate(50%) scaleX(2);
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

.team-block .inner-block .content-block {
	position: absolute;
	z-index: 99;
	bottom: 30px;
	left: 40px;
	transform: translateY(58px);
	transition: all 0.4s ease-in-out;
}

.team-block .inner-block .content-block .title {
	font-size: 24px;
	font-weight: 500;
}

.team-block .inner-block .content-block .title a {
	background-position: 0 95%;
	background-repeat: no-repeat;
	background-size: 0% 2px;
	display: inline;
}

.team-block .inner-block .content-block .title a:hover {
	color: #fff;
	background-size: 100% 2px;
	background-image: linear-gradient(180deg, #fff 0%, #fff 100%);
}

.team-block .inner-block .content-block .social-icon {
	display: flex;
	align-items: center;
	gap: 0;
	margin-top: 20px;
	transition: all 0.4s ease-in-out;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease-in-out;
}

.team-block .inner-block .content-block .social-icon a {
	display: inline-block;
	border-radius: 50%;
	background: var(--theme-color2);
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 13px;
	color: #fff;
}

.team-block .inner-block .content-block .social-icon a:hover {
	background-color: #fff;
	color: var(--theme-color1);
}

.team-block .inner-block .content-block .text {
	color: #fff;
}

.team-block .inner-block:hover .image-block::before {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	background: linear-gradient(360deg, #FF6B1E 11.41%, rgba(0, 0, 0, 0) 100%);
	z-index: 1;
	border-radius: 30px;
	z-index: 11;
}

.team-block .inner-block:hover .image-block img:first-child {
	-webkit-transform: translateX(0) scaleX(1);
	transform: translate(0) scaleX(1);
	opacity: 1;
	-webkit-filter: blur(0);
	filter: blur(0);
}

.team-block .inner-block:hover .image-block img:nth-child(2) {
	-webkit-transform: translateX(-50%) scaleX(2);
	transform: translateX(-50%) scaleX(2);
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

.team-block .inner-block:hover .content-block {
	transform: translateY(0px);
}

.team-block .inner-block:hover .content-block .social-icon {
	opacity: 1;
	visibility: visible;
}

.team-inner-2 {
	margin: 0 60px;
	border-radius: 40px;
	border: 1px solid rgba(255, 255, 255, 0.13);
}

@media (max-width: 1699.98px) {
	.team-inner-2 {
		margin: 0 35px;
	}
}

@media (max-width: 1399.98px) {
	.team-inner-2 {
		margin: 0 28px;
	}
}

@media (max-width: 1199.98px) {
	.team-inner-2 {
		margin: 0 20px;
	}
}

@media (max-width: 469.98px) {
	.team-inner-2 {
		margin: 0 16px;
	}
}

.team-outer-box {
	position: relative;
	margin-top: 30px;
}

.team-outer-box .team-bg-image {
	border-radius: 40px;
	height: 691px;
}

@media (max-width: 1199.98px) {
	.team-outer-box .team-bg-image {
		height: 550px;
	}
}

@media (max-width: 991.98px) {
	.team-outer-box .team-bg-image {
		height: 530px;
	}
}

@media (max-width: 767.98px) {
	.team-outer-box .team-bg-image {
		height: 510px;
	}
}

@media (max-width: 575.98px) {
	.team-outer-box .team-bg-image {
		height: 480px;
	}
}

.team-outer-box .team-bg-image img {
	width: 100%;
	height: 100%;
	border-radius: 40px;
	object-fit: cover;
}

.team-outer-box .team-block-two .inner-block.style-one {
	position: absolute;
	left: calc(11% + 6px);
	bottom: calc(33% + 6px);
}

@media (max-width: 575.98px) {
	.team-outer-box .team-block-two .inner-block.style-one {
		bottom: calc(5% + 6px);
		left: calc(5% + 6px);
	}
}

.team-outer-box .team-block-two .inner-block.style-two {
	position: absolute;
	left: calc(29% + 6px);
	bottom: calc(48% + 6px);
}

@media (max-width: 575.98px) {
	.team-outer-box .team-block-two .inner-block.style-two {
		bottom: calc(18% + 6px);
		left: calc(5% + 6px);
	}
}

.team-outer-box .team-block-two .inner-block.style-three {
	position: absolute;
	left: calc(44% + 6px);
	bottom: calc(8% + 6px);
}

@media (max-width: 575.98px) {
	.team-outer-box .team-block-two .inner-block.style-three {
		bottom: calc(31% + 6px);
		left: calc(5% + 6px);
	}
}

.team-outer-box .team-block-two .inner-block.style-four {
	position: absolute;
	left: calc(61% + 6px);
	bottom: calc(34% + 6px);
}

@media (max-width: 575.98px) {
	.team-outer-box .team-block-two .inner-block.style-four {
		bottom: calc(45% + 6px);
		left: calc(5% + 6px);
	}
}

.team-outer-box .team-block-two .inner-block.style-five {
	position: absolute;
	right: calc(16% + 6px);
	bottom: calc(31% + 6px);
}

@media (max-width: 991.98px) {
	.team-outer-box .team-block-two .inner-block.style-five {
		left: calc(72% + 6px);
		bottom: calc(50% + 6px);
	}
}

@media (max-width: 575.98px) {
	.team-outer-box .team-block-two .inner-block.style-five {
		bottom: calc(60% + 6px);
		left: calc(5% + 6px);
	}
}

.team-outer-box .team-block-two .inner-block .dot {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.11);
	backdrop-filter: blur(13.7px);
	border-radius: 50%;
	position: relative;
	cursor: pointer;
	width: 40px;
	height: 40px;
}

.team-outer-box .team-block-two .inner-block .dot::after {
	position: absolute;
	content: "";
	background-color: var(--theme-color1);
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 12px;
	height: 12px;
	z-index: 0;
}

.team-outer-box .team-block-two .inner-block .author-info {
	position: absolute;
	left: 82px;
	top: -16px;
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 600ms ease;
	transition: all 600ms ease;
	min-width: 268px;
	z-index: 99;
}

@media (max-width: 991.98px) {
	.team-outer-box .team-block-two .inner-block .author-info {
		left: -70px;
		top: initial;
		bottom: 0;
	}
}

@media (max-width: 575.98px) {
	.team-outer-box .team-block-two .inner-block .author-info {
		left: 0;
	}
}

.team-outer-box .team-block-two .inner-block .author-info .inner-info {
	position: relative;
	background-color: var(--theme-color1);
	border-radius: 20px;
	padding: 27px 30px 30px;
	min-width: 225px;
}

.team-outer-box .team-block-two .inner-block .author-info .inner-info .name {
	font-size: 20px;
	font-weight: 500;
}

.team-outer-box .team-block-two .inner-block .author-info .inner-info .designation {
	font-size: 16px;
	font-weight: 400;
	color: #fff;
}

.team-outer-box .team-block-two .inner-block .author-info .inner-info .social-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 3px;
	margin-top: 20px;
}

.team-outer-box .team-block-two .inner-block .author-info .inner-info .social-info li {
	width: 30px;
	height: 30px;
}

.team-outer-box .team-block-two .inner-block .author-info .inner-info .social-info li a {
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	line-height: 30px;
	background-color: rgba(255, 255, 255, 0.1);
	text-align: center;
	overflow: hidden;
	color: #fff;
	z-index: 1;
}

.team-outer-box .team-block-two .inner-block .author-info .inner-info .social-info li a::before {
	position: absolute;
	content: "";
	background-color: #fff;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	top: 0;
	left: 0;
	scale: 0;
	z-index: 0;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	z-index: -1;
}

.team-outer-box .team-block-two .inner-block .author-info .inner-info .social-info li:hover a {
	color: var(--theme-color1);
}

.team-outer-box .team-block-two .inner-block .author-info .inner-info .social-info li:hover a::before {
	scale: 1;
}

.team-outer-box .team-block-two .inner-block:hover .author-info {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	visibility: visible;
}

.team-section-2 {
	position: relative;
}

.team-section-2 .team-light {
	position: absolute;
	top: -50%;
	right: 0;
}

.team-section-2 .team-vec {
	position: absolute;
	right: 20px;
	top: -10%;
	z-index: 91;
}

.team-block-three .inner-block {
	margin-top: 30px;
	border-radius: 30px;
	position: relative;
	overflow: hidden;
}

.team-block-three .inner-block .image-block {
	position: relative;
	overflow: hidden;
}

.team-block-three .inner-block .image-block::before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(0, 0, 0, 0.3);
	backdrop-filter: blur(7.5px);
	border-radius: 30px;
	transition: all 0.4s ease-in-out;
	opacity: 0;
	visibility: hidden;
	z-index: 19;
}

.team-block-three .inner-block .image-block img {
	width: 100%;
	height: 100%;
	border-radius: 30px;
	display: block;
	object-fit: cover;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.team-block-three .inner-block .image-block img:first-child {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	-webkit-transform: translateX(50%) scaleX(2);
	transform: translate(50%) scaleX(2);
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

.team-block-three .inner-block .content-block {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	transition: all 0.4s ease-in-out;
	opacity: 0;
	visibility: hidden;
	z-index: 99;
}

.team-block-three .inner-block .content-block .title {
	font-weight: 500;
}

.team-block-three .inner-block .content-block .title a {
	color: #fff;
}

.team-block-three .inner-block .content-block .title a:hover {
	color: var(--theme-color1);
}

.team-block-three .inner-block .content-block .text {
	font-size: 14px;
	font-weight: 400;
	color: #fff;
}

.team-block-three .inner-block .content-block .social-icon {
	display: block;
	align-items: center;
	justify-content: center;
	gap: 5px;
	margin-top: 15px;
}

.team-block-three .inner-block .content-block .social-icon a {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	background-color: transparent;
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: #fff;
	font-size: 14px;
}

.team-block-three .inner-block .content-block .social-icon a:hover {
	background-color: var(--theme-color1);
	border-color: var(--theme-color1);
}

.team-block-three .inner-block:hover .image-block::before {
	opacity: 1;
	visibility: visible;
}

.team-block-three .inner-block:hover .image-block img:first-child {
	-webkit-transform: translateX(0) scaleX(1);
	transform: translate(0) scaleX(1);
	opacity: 1;
	-webkit-filter: blur(0);
	filter: blur(0);
}

.team-block-three .inner-block:hover .image-block img:nth-child(2) {
	-webkit-transform: translateX(-50%) scaleX(2);
	transform: translateX(-50%) scaleX(2);
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

.team-block-three .inner-block:hover .content-block {
	opacity: 1;
	visibility: visible;
}

.contact-section {
	border-radius: 40px;
	margin: 0 60px;
	position: relative;
	z-index: 9;
	background-color: var(--theme-color2);
	border: 1px solid rgba(255, 255, 255, 0.13);
}

.contact-section .vec-shape {
	position: absolute;
	bottom: 0;
	right: -3%;
}

@media (max-width: 1399.98px) {
	.contact-section .vec-shape {
		display: none !important;
	}
}

.contact-section .contact-image {
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	width: 50%;
	border-radius: 30px;
	overflow: hidden;
	z-index: -1;
}

@media (max-width: 991.98px) {
	.contact-section .contact-image {
		display: none;
	}
}

.contact-section .contact-image::before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: linear-gradient(360deg, #000000 -2.38%, rgba(0, 0, 0, 0.54) 100%);
	border-radius: 30px;
	z-index: 1;
}

.contact-section .contact-image img {
	width: 100%;
	height: 100%;
	border-radius: 30px;
	object-fit: cover;
}

@media (max-width: 1699.98px) {
	.contact-section {
		margin: 0 35px;
	}
}

@media (max-width: 1399.98px) {
	.contact-section {
		margin: 0 28px;
	}
}

@media (max-width: 1199.98px) {
	.contact-section {
		margin: 0 20px;
	}
}

@media (max-width: 767.98px) {
	.contact-section {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

@media (max-width: 469.98px) {
	.contact-section {
		margin: 0 16px;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

.contact-content-1 .contact-text {
	max-width: 536px;
	margin-top: 20px;
}

.contact-content-1 .contact-list-items {
	display: flex;
	align-items: center;
	gap: 40px;
	margin-top: 110px;
}

@media (max-width: 1199.98px) {
	.contact-content-1 .contact-list-items {
		gap: 20px;
	}
}

@media (max-width: 991.98px) {
	.contact-content-1 .contact-list-items {
		gap: 60px;
		margin-top: 30px;
	}
}

@media (max-width: 767.98px) {
	.contact-content-1 .contact-list-items {
		flex-wrap: wrap;
		gap: 20px;
	}
}

.contact-content-1 .contact-list-items .contact-list .title {
	font-size: 20px;
	color: #fff;
	margin-bottom: 12px;
}

.contact-content-1 .contact-list-items .contact-list .contact-icon {
	display: flex;
	align-items: center;
	gap: 18px;
}

.contact-content-1 .contact-list-items .contact-list .contact-icon p {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	max-width: 172px;
	line-height: 1.6;
}

.contact-content-1 .contact-list-items .contact-list .contact-icon p a {
	color: #fff;
}

.contact-content-1 .contact-list-items .line {
	width: 1px;
	height: 75px;
	background-color: var(--theme-color1);
}

@media (max-width: 1199.98px) {
	.contact-content-1 .contact-list-items .line {
		display: none;
	}
}

.contact-form-style-1 {
	margin-left: 70px;
	position: relative;
	z-index: 9;
}

@media (max-width: 1199.98px) {
	.contact-form-style-1 {
		margin-left: 0;
	}
}

.contact-form-style-1 .line-shape {
	position: absolute;
	bottom: -15%;
	right: 0;
	z-index: -1;
}

.contact-form-style-1 .contact-form-box {
	max-width: 648px;
}

@media (max-width: 1199.98px) {
	.contact-form-style-1 .contact-form-box {
		margin-left: 40px;
	}
}

@media (max-width: 991.98px) {
	.contact-form-style-1 .contact-form-box {
		margin-left: 0;
		margin-top: 50px;
		max-width: initial;
	}
}

.contact-form-style-1 .contact-form-box .form-clt input,
.contact-form-style-1 .contact-form-box .form-clt textarea {
	border-bottom: 1px solid rgba(255, 255, 255, 0.14);
	padding-bottom: 27px;
	color: #fff;
	outline: none;
	background: transparent;
	width: 100%;
	font-size: 16px;
	font-weight: 400;
}

.contact-form-style-1 .contact-form-box .form-clt input::placeholder,
.contact-form-style-1 .contact-form-box .form-clt textarea::placeholder {
	color: #fff;
}

.contact-form-style-1 .contact-form-box .form-clt textarea {
	padding-bottom: 100px;
}

.contact-form-style-1 .contact-form-box .contact-button {
	margin-top: 6px;
}

.contact-inner-3 {
	background-color: var(--theme-color2);
	border-radius: 40px;
	margin: 0 60px;
	position: relative;
	z-index: 9;
}

.contact-inner-3 .contact-vec {
	position: absolute;
	top: -80px;
	left: 0;
}

@media (max-width: 1699.98px) {
	.contact-inner-3 {
		margin: 0 35px;
	}
}

@media (max-width: 1399.98px) {
	.contact-inner-3 {
		margin: 0 28px;
	}
}

@media (max-width: 1199.98px) {
	.contact-inner-3 {
		margin: 0 20px;
	}
}

@media (max-width: 469.98px) {
	.contact-inner-3 {
		margin: 0 16px;
	}
}

.contact-inner-3 .sec-title .text {
	color: var(--text-color);
	margin-top: 20px;
	max-width: 490px;
}

.contact-wrapper {
	display: flex;
	margin-top: 72px;
}

@media (max-width: 1199.98px) {
	.contact-wrapper {
		margin-top: 40px;
		flex-wrap: wrap;
	}
}

.contact-widget {
	border: 1px dashed rgba(var(--theme-color-white-rgb), 0.1);
	border-radius: 10px;
	display: inline-block;
	height: 274px;
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
	width: 312px;
}

@media (max-width: 1299.98px) {
	.contact-widget {
		height: auto;
		padding: 30px 15px;
		width: auto;
	}
}

@media (max-width: 1199.98px) {
	.contact-widget {
		margin-bottom: 30px;
	}
}

@media (max-width: 575.98px) {
	.contact-widget {
		height: auto;
		padding: 20px 15px;
		width: auto;
	}
}

.contact-badge {
	background-color: var(--theme-color1);
	border-radius: 20px;
	margin-bottom: 27px;
	max-width: 285px;
	margin-top: -40px;
	padding: 35px 40px 30px;
	position: relative;
}

@media (max-width: 575.98px) {
	.contact-badge {
		margin-top: 0;
		max-width: none;
		padding: 30px;
	}
}

.contact-badge .conpany-logo {
	margin-bottom: 20px;
}

.contact-badge .title {
	color: #fff;
	margin-bottom: 0;
	font-weight: 500;
}

.contact-social .title {
	color: #fff;
	font-weight: 500;
}

.social-icons {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	margin-top: 10px;
}

.social-icons a {
	background-color: rgba(var(--theme-color-white-rgb), 0.1);
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 40px;
	transition: all 300ms ease;
}

.social-icons a:hover {
	background-color: var(--theme-color1);
}

.contact-info {
	margin-left: 30px;
	position: relative;
}

@media (max-width: 1299.98px) {
	.contact-info {
		margin-left: 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.contact-info {
		margin-left: 0px;
	}
}

@media (max-width: 767.98px) {
	.contact-info {
		margin-left: 0;
		margin-top: 30px;
	}
}

.contact-info .info-list:not(:last-child) {
	margin-bottom: 33px;
}

@media (max-width: 1199.98px) {
	.contact-info .info-list:not(:last-child) {
		margin-bottom: 20px;
	}
}

.contact-info .subtitle {
	color: rgba(255, 255, 255, 0.6);
	font-weight: 400;
	letter-spacing: -0.02em;
}

.contact-info .title {
	color: #FFFFFF;
	font-weight: 400;
	letter-spacing: -0.02em;
}

.contact-form3 {
	position: relative;
}

@media (max-width: 767.98px) {
	.contact-form3 {
		margin-top: 30px;
	}
}

.contact-form3 .color3 {
	color: var(--theme-color1);
}

.contact-form3 .form-group {
	position: relative;
	margin-bottom: 20px;
}

.contact-form3 .form-group:last-child {
	margin-bottom: 0;
}

.contact-form3 label {
	color: #fff;
	margin-bottom: 15px;
	font-weight: 400;
}

.contact-form3 .select2-container--default .select2-selection--single,
.contact-form3 input:not([type=submit]),
.contact-form3 textarea,
.contact-form3 select {
	background-color: rgba(var(--theme-color-white-rgb), 0.1);
	border: 1px solid transparent;
	border-radius: 10px;
	color: rgba(255, 255, 255, 0.2);
	display: block;
	font-size: 16px;
	font-weight: 400;
	height: 60px;
	line-height: 18px;
	margin-bottom: 0;
	padding: 23px 20px;
	position: relative;
	width: 100%;
	transition: all 300ms ease;
}

.contact-form3 ::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.2);
}

.contact-form3 input:focus,
.contact-form3 select:focus,
.contact-form3 textarea:focus {
	border-color: var(--theme-color1);
}

.contact-form3 textarea {
	height: 225px;
	resize: none;
}

.contact-section-3 {
	position: relative;
}

.contact-section-3 .contact-light {
	position: absolute;
	bottom: -38%;
	right: 0;
}

.cta-banner-section-4 {
	margin: 0 60px;
	border-radius: 40px;
}

@media (max-width: 1699.98px) {
	.cta-banner-section-4 {
		margin: 0 35px;
	}
}

@media (max-width: 1399.98px) {
	.cta-banner-section-4 {
		margin: 0 28px;
	}
}

@media (max-width: 1199.98px) {
	.cta-banner-section-4 {
		margin: 0 20px;
	}
}

@media (max-width: 469.98px) {
	.cta-banner-section-4 {
		margin: 0 16px;
	}
}

.cta-banner-inner-4 {
	border-radius: 40px;
	position: relative;
	height: 770px;
}

@media (max-width: 1399.98px) {
	.cta-banner-inner-4 {
		height: 650px;
	}
}

.cta-banner-inner-4 img {
	width: 100%;
	height: 100%;
	border-radius: 40px;
	object-fit: cover;
}

.cta-banner-inner-4 .content {
	background: rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(15px);
	max-width: 555px;
	padding: 50px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	position: absolute;
	bottom: 0;
	right: 240px;
}

@media (max-width: 1699.98px) {
	.cta-banner-inner-4 .content {
		right: 100px;
	}
}

@media (max-width: 1199.98px) {
	.cta-banner-inner-4 .content {
		right: 40px;
	}
}

@media (max-width: 991.98px) {
	.cta-banner-inner-4 .content {
		right: 20px;
		left: 20px;
		padding: 30px;
		padding-top: 40px;
	}
}

@media (max-width: 469.98px) {
	.cta-banner-inner-4 .content {
		padding: 25px;
	}
}

.cta-banner-inner-4 .content .title {
	color: #151515;
}

.cta-banner-inner-4 .content .btn-style-one {
	margin-top: 50px;
}

.cta-banner-inner-4 .content .btn-style-one img {
	width: initial !important;
	height: initial !important;
	border-radius: 0;
}

.blog-box .inner-box {
	margin-top: 30px;
}

.blog-box .inner-box .image-box {
	border-radius: 30px;
	position: relative;
	overflow: hidden;
}

.blog-box .inner-box .image-box .num {
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: inherit;
	transition: all 0.4s ease-in-out;
	width: 60px;
	height: 60px;
	background-color: var(--body-bg);
	color: var(--theme-color1);
	font-size: 30px;
	font-weight: 500;
	line-height: 1;
	border-radius: 20px;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 99;
	letter-spacing: -0.03em;
}

.blog-box .inner-box .image-box img {
	border-radius: 30px;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.blog-box .inner-box .image-box img:first-child {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	-webkit-transform: translateX(50%) scaleX(2);
	transform: translate(50%) scaleX(2);
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

.blog-box .inner-box .content-box {
	padding: 35px 40px 30px;
	background-color: var(--theme-color-black);
	border-radius: 40px;
	border: 1px solid rgba(255, 255, 255, 0.13);
	margin-top: -60px;
	position: relative;
	z-index: 99;
	transition: all 0.4s ease-in-out;
	padding-right: 30px;
}

.blog-box .inner-box .content-box .post-text {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	color: var(--theme-color1);
	margin-bottom: 15px;
}

.blog-box .inner-box .content-box .title {
	text-transform: capitalize;
	font-size: 23px;
}

@media (max-width: 1399.98px) {
	.blog-box .inner-box .content-box .title {
		font-size: 19px;
	}
}

@media (max-width: 991.98px) {
	.blog-box .inner-box .content-box .title {
		font-size: 18px;
	}
}

.blog-box .inner-box .content-box .title a {
	text-transform: capitalize;
	background-position: 0 95%;
	background-repeat: no-repeat;
	background-size: 0% 2px;
	display: inline;
}

.blog-box .inner-box .content-box .title a:hover {
	color: var(--theme-color1);
	background-size: 100% 2px;
	background-image: linear-gradient(180deg, var(--theme-color1) 0%, var(--theme-color1) 100%);
}

.blog-box .inner-box .content-box .arrow-link {
	display: inline-flex;
	color: #fff;
	font-size: 16px;
	align-items: center;
	font-weight: 400;
	gap: 10px;
	text-decoration: underline;
	margin-top: 15px;
	transition: all 0.4s ease-in-out;
}

.blog-box .inner-box .content-box .arrow-link svg path {
	fill: #fff;
}

.blog-box .inner-box .content-box .arrow-link:hover {
	color: var(--theme-color1);
}

.blog-box .inner-box:hover .image-box img:first-child {
	-webkit-transform: translateX(0) scaleX(1);
	transform: translate(0) scaleX(1);
	opacity: 1;
	-webkit-filter: blur(0);
	filter: blur(0);
}

.blog-box .inner-box:hover .image-box img:nth-child(2) {
	-webkit-transform: translateX(-50%) scaleX(2);
	transform: translateX(-50%) scaleX(2);
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

.news-section-4 {
	position: relative;
}

.news-section-4 .news-light {
	position: absolute;
	bottom: -20%;
	right: 0;
}

.news-inner-4 {
	border-radius: 40px;
	margin: 0 60px;
	position: relative;
	z-index: 9;
	background-color: var(--theme-color2);
}

@media (max-width: 1699.98px) {
	.news-inner-4 {
		margin: 0 35px;
	}
}

@media (max-width: 1399.98px) {
	.news-inner-4 {
		margin: 0 28px;
	}
}

@media (max-width: 1199.98px) {
	.news-inner-4 {
		margin: 0 20px;
	}
}

@media (max-width: 469.98px) {
	.news-inner-4 {
		margin: 0 16px;
	}
}

.news-inner-4 .news-vec {
	position: absolute;
	top: -50px;
	right: -21px;
}

.blog-box-two .inner-box {
	margin-top: 30px;
	padding: 20px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 30px;
	padding-top: 42px;
}

@media (max-width: 1199.98px) {
	.blog-box-two .inner-box {
		padding-top: 28px;
	}
}

.blog-box-two .inner-box .content-box {
	padding-right: 20px;
}

@media (max-width: 1399.98px) {
	.blog-box-two .inner-box .content-box {
		padding-right: 0;
	}
}

.blog-box-two .inner-box .content-box .post-text {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	color: var(--theme-color1);
	margin-bottom: 15px;
}

.blog-box-two .inner-box .content-box .title {
	text-transform: capitalize;
}

@media (max-width: 1399.98px) {
	.blog-box-two .inner-box .content-box .title {
		font-size: 19px;
	}
}

@media (max-width: 991.98px) {
	.blog-box-two .inner-box .content-box .title {
		font-size: 18px;
	}
}

.blog-box-two .inner-box .content-box .title a {
	text-transform: capitalize;
	background-position: 0 95%;
	background-repeat: no-repeat;
	background-size: 0% 2px;
	display: inline;
}

.blog-box-two .inner-box .content-box .title a:hover {
	color: var(--theme-color1);
	background-size: 100% 2px;
	background-image: linear-gradient(180deg, var(--theme-color1) 0%, var(--theme-color1) 100%);
}

.blog-box-two .inner-box .image-box {
	border-radius: 30px;
	position: relative;
	overflow: hidden;
	margin-top: 45px;
}

@media (max-width: 1199.98px) {
	.blog-box-two .inner-box .image-box {
		margin-top: 28px;
	}
}

.blog-box-two .inner-box .image-box img {
	border-radius: 30px;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.blog-box-two .inner-box .image-box img:first-child {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	-webkit-transform: translateX(50%) scaleX(2);
	transform: translate(50%) scaleX(2);
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

.blog-box-two .inner-box .image-box .circle-box {
	display: inline-block;
	width: 81px;
	height: 81px;
	line-height: 81px;
	text-align: center;
	border-radius: 50%;
	background-color: var(--theme-color1);
	color: var(--theme-color-white);
	z-index: 9;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.5);
	opacity: 0;
	transition: all 0.4s ease-in-out;
}

.blog-box-two .inner-box:hover .image-box img:first-child {
	-webkit-transform: translateX(0) scaleX(1);
	transform: translate(0) scaleX(1);
	opacity: 1;
	-webkit-filter: blur(0);
	filter: blur(0);
}

.blog-box-two .inner-box:hover .image-box img:nth-child(2) {
	-webkit-transform: translateX(-50%) scaleX(2);
	transform: translateX(-50%) scaleX(2);
	opacity: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

.blog-box-two .inner-box:hover .image-box .circle-box {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, -50%) scale(1);
}

.award-box-items-one .inner-block {
	position: relative;
	z-index: 99;
	display: flex;
	gap: 30px;
	align-items: end;
	border-radius: 40px;
	padding: 0 60px 60px;
	margin-bottom: 40px;
	max-width: 600px;
}

@media (max-width: 1399.98px) {
	.award-box-items-one .inner-block {
		align-items: center;
	}
}

.award-box-items-one .inner-block.style-bottom-0 {
	margin-bottom: 0 !important;
}

.award-box-items-one .inner-block::before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	content: "";
	top: 20px;
	z-index: -1;
	height: initial;
	background: #000000;
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 40px;
}

@media (max-width: 1399.98px) {
	.award-box-items-one .inner-block {
		margin-right: 0;
		padding: 30px;
		padding-top: 0;
		margin-bottom: 30px;
	}
}

@media (max-width: 575.98px) {
	.award-box-items-one .inner-block {
		display: grid;
		text-align: center;
	}
}

.award-box-items-one .inner-block .icon-box {
	text-align: center;
}

.award-box-items-one .inner-block .icon-box img {
	transition: all 900ms ease;
	display: inline-block;
}

.award-box-items-one .inner-block .icon-box .year {
	height: 40px;
	background-color: var(--theme-color1);
	border-radius: 72px;
	font-size: 20px;
	line-height: 1;
	text-align: center;
	color: var(--theme-color1-text-color);
	padding: 0 20px;
	margin-bottom: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 1399.98px) {
	.award-box-items-one .inner-block .icon-box .year {
		margin-bottom: 30px;
	}
}

.award-box-items-one .inner-block .icon-box .icon {
	width: 163px;
	height: 163px;
	line-height: 163px;
	text-align: center;
	background: #151515;
	border-radius: 50%;
}

@media (max-width: 575.98px) {
	.award-box-items-one .inner-block .icon-box .icon {
		margin: 0 auto;
	}
}

@media (max-width: 1399.98px) {
	.award-box-items-one .inner-block .content-box {
		padding-top: 52px;
	}
}

@media (max-width: 575.98px) {
	.award-box-items-one .inner-block .content-box {
		padding-top: 0;
	}
}

@media (max-width: 1199.98px) {
	.award-box-items-one .inner-block .content-box .title {
		font-size: 20px;
	}
}

.award-box-items-one .inner-block .content-box .text {
	margin-top: 15px;
	font-size: 14px;
}

.award-box-items-one .inner-block:hover .icon-box img {
	transform: rotateY(360deg);
}

@media (max-width: 575.98px) {
	.award-right-items-1 {
		text-align: center;
	}
}

.award-right-items-1 .award-text {
	margin-top: 20px;
}

.award-right-items-1 .award-thumb {
	text-align: center;
	margin-top: 60px;
}

@media (max-width: 1199.98px) {
	.award-right-items-1 .award-thumb {
		display: none;
	}
}

.award-right-items-1 .content {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-top: 40px;
	justify-content: center;
}

@media (max-width: 991.98px) {
	.award-right-items-1 .content {
		justify-content: start;
	}
}

@media (max-width: 575.98px) {
	.award-right-items-1 .content {
		display: grid;
		text-align: center;
		margin-top: 25px;
		gap: 0;
		justify-content: center;
	}
}

.award-right-items-1 .content .count-box {
	font-size: 150px;
	font-weight: 500;
	color: var(--theme-color1);
}

@media (max-width: 575.98px) {
	.award-right-items-1 .content .count-box {
		font-size: 80px;
	}
}

.award-right-items-1 .content .text {
	font-size: 24px;
	font-weight: 400;
	color: #fff;
	max-width: 240px;
}

@media (max-width: 575.98px) {
	.award-right-items-1 .content .text {
		font-size: 18px;
	}
}

.award-section {
	position: relative;
	z-index: 9;
}

.award-section .award-shape-1 {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
}

@media (max-width: 1399.98px) {
	.award-section .award-shape-1 {
		display: none;
	}
}

.award-section .award-light-shape {
	position: absolute;
	top: -10%;
	left: -10%;
	z-index: -1;
}

@media (max-width: 1399.98px) {
	.award-section .award-light-shape {
		display: none;
	}
}

.award-section .award-shape-2 {
	position: absolute;
	top: 30%;
	left: -20px;
	z-index: -1;
}

@media (max-width: 1399.98px) {
	.award-section .award-shape-2 {
		display: none;
	}
}

@media (max-width: 991.98px) {
	.award-image1 {
		text-align: center;
	}
}

.award-block-two {
	margin-left: auto;
	/* max-width: 875px; */
	position: relative;
}

.award-block-two .list-item {
	box-sizing: border-box;
	overflow: hidden;
	padding: 20px;
	position: relative;
	transition: padding 400ms ease;
	z-index: 1;
}

.award-block-two .list-item:first-child {
	border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.award-block-two .list-item:first-child:hover {
	border-color: transparent;
}

.award-block-two .list-item::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: rgba(255, 255, 255, 0.14);
	transition: opacity 300ms ease;
	pointer-events: none;
}

.award-block-two .list-item::after {
	content: "";
	position: absolute;
	inset: 0;
	background-color: var(--theme-color1);
	border-radius: 20px;
	transform: scaleY(0);
	transform-origin: bottom center;
	transition: transform 500ms ease, opacity 400ms ease;
	z-index: -1;
	pointer-events: none;
}

.award-block-two .list-item .content-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: transform 400ms ease;
}

@media (max-width: 575.98px) {
	.award-block-two .list-item .content-box {
		display: grid;
		gap: 20px;
		justify-content: center;
	}
}

.award-block-two .list-item .content-box .title-box {
	display: flex;
	align-items: center;
	gap: 125px;
}

@media (max-width: 1199.98px) {
	.award-block-two .list-item .content-box .title-box {
		gap: 40px;
	}
}

@media (max-width: 575.98px) {
	.award-block-two .list-item .content-box .title-box {
		display: grid;
		justify-content: center;
		gap: 20px;
		text-align: center;
	}
}

.award-block-two .list-item .content-box .title-box .year {
	font-size: 18px;
	font-weight: 400;
	color: #fff;
}

@media (max-width: 1199.98px) {
	.award-block-two .list-item .content-box .title-box .year {
		font-size: 16px;
	}
}

.award-block-two .list-item .content-box .title-box .title {
	font-size: 20px;
	font-weight: 500;
	color: #fff;
}

@media (max-width: 1199.98px) {
	.award-block-two .list-item .content-box .title-box .title {
		font-size: 18px;
	}
}

.award-block-two .list-item .right-text {
	display: flex;
	align-items: center;
	gap: 100px;
	transition: transform 400ms ease;
}

@media (max-width: 1199.98px) {
	.award-block-two .list-item .right-text {
		gap: 30px;
	}
}

@media (max-width: 767.98px) {
	.award-block-two .list-item .right-text {
		justify-content: center;
	}
}

@media (max-width: 575.98px) {
	.award-block-two .list-item .right-text {
		display: grid;
		text-align: center;
		gap: 15px;
	}
}

.award-block-two .list-item .right-text .text {
	font-size: 18px;
	font-weight: 400;
	color: #fff;
}

@media (max-width: 1199.98px) {
	.award-block-two .list-item .right-text .text {
		font-size: 16px;
	}
}

.award-block-two .list-item .right-text .arrow-icon {
	transition: filter 400ms ease;
}

.award-block-two .list-item:hover,
.award-block-two .list-item.active {
	padding-left: 30px;
	padding-right: 30px;
}

.award-block-two .list-item:hover::after,
.award-block-two .list-item.active::after {
	transform: scaleY(1);
	transform-origin: top;
}

.award-block-two .list-item:hover::before,
.award-block-two .list-item.active::before {
	background: transparent;
}

.award-block-two .list-item:hover .arrow-icon,
.award-block-two .list-item.active .arrow-icon {
	filter: brightness(0) invert(1);
}

.award-block-two .list-item:hover.prev-no-border::before,
.award-block-two .list-item.active.prev-no-border::before,
.award-block-two .list-item.prev-no-border::before {
	opacity: 0;
	background: transparent;
}

.award-section-2 {
	position: relative;
}

.award-section-2 .award-light {
	left: 0;
	position: absolute;
	top: -50%;
}

@media (max-width: 1199.98px) {
	.award-section-2 .award-light {
		display: none;
	}
}

.award-section-2 .award-vec {
	left: 2%;
	position: absolute;
	top: -20%;
	z-index: 11;
}

@media (max-width: 1699.98px) {
	.award-section-2 .award-vec {
		display: none;
	}
}

.award-section-3 .award-inner-3 {
	border-radius: 40px;
	margin: 0 60px;
	position: relative;
	z-index: 9;
}

@media (max-width: 1699.98px) {
	.award-section-3 .award-inner-3 {
		margin: 0 35px;
	}
}

@media (max-width: 1399.98px) {
	.award-section-3 .award-inner-3 {
		margin: 0 28px;
	}
}

@media (max-width: 1199.98px) {
	.award-section-3 .award-inner-3 {
		margin: 0 20px;
	}
}

@media (max-width: 469.98px) {
	.award-section-3 .award-inner-3 {
		margin: 0 16px;
	}
}

.award-section-3 .award-inner-3 .sec-title {
	margin-bottom: 60px;
}

@media (max-width: 767.98px) {
	.award-section-3 .award-inner-3 .sec-title {
		margin-bottom: 30px;
	}
}

.award-block-three .list-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 40px 60px;
	position: relative;
	position: relative;
	z-index: 1;
	transition: all 0.4s ease-in-out;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.award-block-three .list-item.border-add {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 991.98px) {
	.award-block-three .list-item {
		padding: 30px;
	}
}

@media (max-width: 469.98px) {
	.award-block-three .list-item {
		flex-wrap: wrap;
		gap: 30px;
	}
}

.award-block-three .list-item::after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	background-color: var(--theme-color1);
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transition: -webkit-transform 500ms ease;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
	z-index: -1;
	border-radius: 80px;
}

@media (max-width: 1199.98px) {
	.award-block-three .list-item::after {
		border-radius: 10px;
	}
}

.award-block-three .list-item .text-left-items {
	display: flex;
	align-items: center;
	gap: 300px;
}

@media (max-width: 991.98px) {
	.award-block-three .list-item .text-left-items {
		gap: 30px;
		flex-wrap: wrap;
	}
}

.award-block-three .list-item .text-left-items .text {
	font-size: 16px;
	font-weight: 400;
}

.award-block-three .list-item .text-left-items .title {
	font-size: 20px;
	font-weight: 500;
	color: var(--theme-color-white);
}

.award-block-three .list-item .text-2 {
	color: var(--theme-color-white);
	font-size: 18px;
	font-weight: 400;
}

.award-block-three .list-item .hover-image {
	width: 144px;
	height: 352px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(15deg);
	inset-inline-start: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: 75%;
	opacity: 0;
	transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
	margin: -200px 0 0 -50px;
	overflow: hidden;
	pointer-events: none;
	z-index: 999;
	visibility: hidden;
}

.award-block-three .list-item:hover {
	border-color: transparent;
}

.award-block-three .list-item:hover .hover-image {
	opacity: 1;
	visibility: visible;
}

.award-block-three .list-item:hover .text {
	color: var(--theme-color-white);
}

.award-block-three .list-item:hover::after {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top center;
	transform-origin: top center;
}

.award-block-three .list-item:hover.prev-no-border,
.award-block-three .list-item.active.prev-no-border,
.award-block-three .list-item.prev-no-border {
	border-color: transparent;
}

.award-section-3 {
	position: relative;
}

.award-section-3 .award-light {
	position: absolute;
	right: 0;
	top: -25%;
}

.award-section-3 .award-light2 {
	position: absolute;
	left: 0;
	bottom: -15%;
}

.award-section-3 .award-vec {
	position: absolute;
	top: -12%;
	right: 0;
	z-index: 99;
}

.award-block-four .inner-box {
	padding: 40px 40px;
	position: relative;
	border-top: 1px solid rgba(var(--theme-color-white-rgb), 0.1);
}

@media (max-width: 767.98px) {
	.award-block-four .inner-box {
		text-align: center !important;
	}
}

.award-block-four .inner-box.bb-bottom-add {
	border-bottom: 1px solid rgba(var(--theme-color-white-rgb), 0.1) !important;
}

@media (max-width: 767.98px) {
	.award-block-four .inner-box .text-end {
		text-align: center !important;
	}
}

@media (max-width: 767.98px) {
	.award-block-four .inner-box {
		padding: 30px;
	}
}

.award-block-four .inner-box::before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: var(--theme-color1);
	transform: scale(1, 0);
	transition: transform 500ms ease;
	transform-origin: bottom center;
}

.award-block-four .inner-box .award-text {
	color: #fff;
	margin-bottom: 0;
	position: relative;
	font-size: 20px;
	font-weight: 500;
}

.award-block-four .inner-box .award-icon {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid rgba(var(--theme-color-white-rgb), 0.1);
	position: relative;
	display: inline-block;
	transform: rotate(-40deg);
	margin-left: auto;
	transition: all 300ms ease;
}

.award-block-four .inner-box .award-icon i {
	color: #fff;
	font-size: 16px;
	line-height: 1;
	transition: all 300ms ease;
}

.award-block-four .inner-box .hover-image {
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(15deg);
	inset-inline-start: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: 75%;
	opacity: 0;
	transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
	margin: -200px 0 0 -50px;
	overflow: hidden;
	pointer-events: none;
	z-index: 999;
	visibility: hidden;
}

.award-block-four .inner-box:hover::before {
	transform: scale(1, 1);
	transform-origin: top center;
}

.award-block-four .inner-box:hover .award-icon {
	transform: rotate(0deg);
	background-color: #fff;
}

.award-block-four .inner-box:hover .award-icon i,
.award-block-four .inner-box:hover .award-icon img {
	color: var(--theme-color2);
}

.award-block-four .inner-box:hover .hover-image {
	opacity: 1;
	visibility: visible;
}

.award-section-4 {
	position: relative;
}

.award-section-4 .award-light {
	left: 0;
	position: absolute;
	top: -50%;
}

.award-section-4 .awar-title-text {
	color: var(--theme-color1);
	font-size: 200px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 60px;
	text-transform: uppercase;
}

@media (max-width: 1699.98px) {
	.award-section-4 .awar-title-text {
		font-size: 140px;
	}
}

@media (max-width: 1399.98px) {
	.award-section-4 .awar-title-text {
		font-size: 120px;
	}
}

@media (max-width: 1199.98px) {
	.award-section-4 .awar-title-text {
		font-size: 100px;
		text-align: center;
	}
}

@media (max-width: 991.98px) {
	.award-section-4 .awar-title-text {
		font-size: 70px;
		margin-bottom: 30px;
	}
}

@media (max-width: 575.98px) {
	.award-section-4 .awar-title-text {
		font-size: 50px;
	}
}

@media (max-width: 469.98px) {
	.award-section-4 .awar-title-text {
		font-size: 40px;
	}
}

.award-section-4 .awar-title-text span {
	color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: rgba(255, 107, 30, 0.3);
}

.brand-section {
	border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.brand-box-1 {
	height: 200px;
	line-height: 200px;
	border-right: 1px solid rgba(255, 255, 255, 0.14);
	text-align: center;
	position: relative;
	overflow: hidden;
}

.brand-box-1 .brand-img-1 {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.brand-box-1 .brand-img-1 img {
	transition: all 0.6s ease;
	transform: translateY(0);
}

.brand-box-1 .brand-img-1:last-child img {
	transform: translateY(-350%);
	opacity: 0;
}

.brand-box-1:hover .brand-img-1:first-child img {
	transform: translateY(100%);
	opacity: 0;
}

.brand-box-1:hover .brand-img-1:last-child img {
	transform: translateY(0);
	opacity: 1;
}

.brand-section-3 .brand-text {
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-bottom: 50px;
	line-height: 1;
}

@media (max-width: 575.98px) {
	.brand-section-3 .brand-text {
		font-size: 16px;
		line-height: 1.4;
	}
}

@media (max-width: 469.98px) {
	.brand-section-3 .brand-text {
		font-size: 13px;
		line-height: 1.4;
	}
}

.brand-section-3 .brand-text .line {
	display: inline-block;
	width: 60px;
	height: 1px;
	background-color: var(--theme-color-white);
	position: relative;
}

@media (max-width: 1199.98px) {
	.brand-section-3 .brand-text .line {
		display: none;
	}
}

.brand-section-3 .brand-text .line::before {
	position: absolute;
	bottom: 6px;
	left: 35px;
	content: "";
	height: 1px;
	width: 25px;
	background-color: var(--text-color);
}

.brand-section-3 .brand-text .line2 {
	display: inline-block;
	width: 60px;
	height: 1px;
	background-color: var(--theme-color-white);
	position: relative;
}

@media (max-width: 1199.98px) {
	.brand-section-3 .brand-text .line2 {
		display: none;
	}
}

.brand-section-3 .brand-text .line2::before {
	position: absolute;
	bottom: 6px;
	right: 35px;
	content: "";
	height: 1px;
	width: 25px;
	background-color: var(--text-color);
}

.brand-section-3 {
	position: relative;
}

.brand-section-3 .brand-light {
	position: absolute;
	right: 0;
	top: -180%;
}

@media (max-width: 1699.98px) {
	.brand-section-3 .brand-light {
		display: none;
	}
}

.brand-section-3 .brand-slider-3 {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding-bottom: 70px;
}

.brand-section-3 .brand-vec {
	position: absolute;
	top: -30%;
	right: -10%;
}

@media (max-width: 1699.98px) {
	.brand-section-3 .brand-vec {
		display: none;
	}
}

.brand-box-2 {
	height: 35px;
	line-height: 35px;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.brand-box-2 .brand-img-1 {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0.3;
}

.brand-box-2 .brand-img-1 img {
	transition: all 0.6s ease;
	transform: translateY(0);
}

.brand-box-2 .brand-img-1:last-child img {
	transform: translateY(-350%);
	opacity: 0;
}

.brand-box-2:hover .brand-img-1 {
	opacity: 1;
}

.brand-box-2:hover .brand-img-1:first-child img {
	transform: translateY(100%);
	opacity: 0;
}

.brand-box-2:hover .brand-img-1:last-child img {
	transform: translateY(0);
	opacity: 1;
}

/***
====================================================================
  Products details
====================================================================
***/
.product-details .bxslider .image-box {
	position: relative;
	display: block;
	margin-right: 30px;
	margin-bottom: 10px;
}

.product-details .bxslider .image-box img {
	width: 100%;
}

.product-details .bxslider .thumb-box {
	align-items: center;
	display: flex;
	gap: 10px;
}

.product-details .bxslider .thumb-box li {
	overflow: hidden;
	position: relative;
	display: inline-block;
	max-width: 100px;
	width: 100%;
	height: 100px;
}

.product-details .bxslider .thumb-box li a {
	position: relative;
	display: inline-block;
}

.product-details .bxslider .thumb-box li a:before {
	position: absolute;
	content: "";
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 500ms ease;
}

.product-details .bxslider .thumb-box li a img {
	width: 100%;
}

.product-details .bxslider .thumb-box li a.active:before {
	opacity: 1;
}

.product-details .bx-wrapper {
	margin-bottom: 30px;
}

.product-details .product-info .product-details__top {
	position: relative;
	display: block;
	margin-top: -8px;
}

.product-details .product-info .product-details__title {
	font-size: 40px;
	line-height: 44px;
	margin: 0;
}

.product-details .product-info .product-details__title span {
	position: relative;
	display: inline-block;
	color: var(--theme-color1);
	font-size: 20px;
	line-height: 26px;
	margin-left: 20px;
	letter-spacing: 0;
}

.product-details .product-info .product-details__reveiw {
	align-items: center;
	border-bottom: 1px solid rgba(var(--theme-color-white-rgb), 0.1);
	display: flex;
	margin-top: 22px;
	margin-bottom: 31px;
	padding-bottom: 20px;
}

.product-details .product-info .product-details__reveiw i {
	color: #ffc737;
	font-size: 16px;
}

.product-details .product-info .product-details__reveiw i+i {
	margin-left: 4px;
}

.product-details .product-info .product-details__reveiw span {
	color: var(--theme-color1);
	font-size: 16px;
	line-height: 1;
	margin-left: 18px;
	position: relative;
	top: 1px;
}

.product-details .product-info .product-details__quantity-title {
	font-size: 20px;
	line-height: 30px;
	margin: 0;
	margin-right: 20px;
}

.product-details .product-info .product-details__buttons {
	align-items: center;
	display: flex;
	margin-bottom: 30px;
	margin-top: 40px;
	position: relative;
}

@media only screen and (max-width: 767px) {
	.product-details .product-info .product-details__buttons {
		display: block;
	}
}

.product-details .product-info .product-details__buttons-1 {
	display: block;
	position: relative;
}

@media only screen and (max-width: 767px) {
	.product-details .product-info .product-details__buttons-1 {
		margin-bottom: 10px;
		margin-right: 10px;
	}
}

.product-details .product-info .product-details__buttons-1 .btn-title {
	color: var(--headings-color);
	font-weight: 500;
	text-transform: capitalize;
}

.product-details .product-info .product-details__buttons-2 {
	display: block;
	margin-left: 10px;
	position: relative;
}

.product-details .product-info .product-details__buttons-2 .thm-btn {
	background-color: var(--theme-color2);
}

.product-details .product-info .product-details__buttons-2 .thm-btn:before {
	background-color: var(--theme-color1);
}

.product-details .product-info .product-details__buttons-2 .thm-btn:after {
	background-color: var(--theme-color1);
}

@media only screen and (max-width: 767px) {
	.product-details .product-info .product-details__buttons-2 {
		margin-left: 0;
		margin-top: 0;
	}
}

.product-details .product-info .product-details__social {
	align-items: center;
	display: flex;
	position: relative;
}

.product-details .product-info .product-details__social .social-icon-one {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.product-details .product-info .product-details__social .social-icon-one li {
	position: relative;
	margin-left: 20px;
}

.product-details .product-info .product-details__social .social-icon-one li:first-child {
	margin-left: 0;
}

.product-details .product-info .product-details__social .social-icon-one li a {
	position: relative;
	color: var(--theme-color1);
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

.product-details .product-info .product-details__social .social-icon-one li a:hover {
	color: var(--theme-color2);
}

.product-details .product-info .product-details__social .title {
	display: block;
	position: relative;
}

.product-details .product-info .product-details__social .title h3 {
	font-size: 20px;
	line-height: 20px;
}

.product-details .product-info .product-details__social .social-icon-one {
	margin-left: 30px;
}

@media only screen and (max-width: 767px) {
	.product-details .product-info .product-details__social {
		align-items: baseline;
		flex-direction: column;
		justify-content: start;
	}

	.product-details .product-info .product-details__social .social-icon-one {
		margin-left: 0;
	}
}

.product-details__quantity {
	align-items: center;
	display: flex;
	margin-top: 20px;
	position: relative;
}

.product-details__quantity .quantity-box {
	border-radius: 10px;
	height: 60px;
	position: relative;
	width: 98px;
}

.product-details__quantity .quantity-box input {
	background-color: rgba(var(--theme-color-white-rgb), 0.05);
	border: 1px solid rgba(var(--theme-color-white-rgb), 0.1);
	border-radius: 10px;
	color: var(--theme-color1);
	font-size: 18px;
	font-weight: 500;
	height: 60px;
	outline: none;
	padding-left: 30px;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	width: 98px;
}

.product-details__quantity .quantity-box button {
	align-items: center;
	border: none;
	border-left: 1px solid rgba(var(--theme-color-white-rgb), 0.1);
	border-top-right-radius: 10px;
	background-color: var(--theme-color1);
	color: #fff;
	font-size: 8px;
	display: flex;
	height: 29px;
	justify-content: center;
	outline: none;
	position: absolute;
	right: 1px;
	top: 1px;
	transition: all 300ms ease;
	width: 29px;
}

.product-details__quantity .quantity-box button:hover {
	background-color: var(--theme-color1);
	color: var(--headings-color);
}

.product-details__quantity .quantity-box button.sub {
	bottom: 1px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 10px;
	top: auto;
}

.product-discription {
	display: block;
	position: relative;
}

.product-discription .product-description__title {
	font-size: 30px;
	margin-bottom: 27px;
}

.product-discription .product-description__text1 {
	font-size: 16px;
	line-height: 30px;
	margin: 0;
}

.product-discription .product-description__list {
	display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	position: relative;
}

.product-discription .product-description__list ul {
	display: block;
	position: relative;
}

.product-discription .product-description__list ul li {
	display: block;
	margin-bottom: 2px;
	position: relative;
}

.product-discription .product-description__list ul li:last-child {
	margin-bottom: 0px;
}

.product-discription .product-description__list ul li p {
	color: var(--headings-color);
	margin: 0;
}

.product-discription .product-description__list ul li p span:before {
	color: var(--theme-color1);
	display: inline-block;
	font-size: 17px;
	line-height: 17px;
	margin-right: 11px;
	position: relative;
	top: 2px;
}

.product-discription .tabs-content .text p {
	margin-bottom: 17px;
}

.product-discription .tabs-content .text p:last-child {
	margin-bottom: 0px;
}

.product-discription .tab-btn-box {
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 60px;
}

.product-discription .tab-btn-box:before {
	background-color: rgba(var(--theme-color-white-rgb), 0.1);
	content: "";
	height: 1px;
	left: 0px;
	position: absolute;
	top: 28px;
	width: 100%;
}

.product-discription .tab-btn-box .tab-btns li {
	background-color: #121310;
	border: 1px solidr gba(var(--theme-color-white-rgb), 0.5);
	color: var(--theme-color-white);
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	margin: 0px 8.5px;
	margin-bottom: 15px;
	padding: 14px 30px;
	position: relative;
	text-transform: uppercase;
	text-align: center;
	transition: all 500ms ease;
}

.product-discription .tab-btn-box .tab-btns li.active-btn {
	background-color: var(--theme-color1);
	color: #fff;
}

.product-discription .tab-btn-box .tab-btns li:last-child {
	margin-bottom: 0;
}

.product-discription .single-comment-box .inner-box {
	background-color: rgba(var(--theme-color-white-rgb), 0.05);
	display: flex;
	gap: 15px;
	padding: 34px 30px 34px;
	position: relative;
}

@media (max-width: 991.98px) {
	.product-discription .single-comment-box .inner-box {
		flex-wrap: wrap;
	}
}

.product-discription .single-comment-box .inner-box .comment-thumb {
	border-radius: 50%;
	width: 80px;
}

.product-discription .single-comment-box .inner-box .comment-thumb img {
	width: 100%;
	border-radius: 50%;
}

.product-discription .single-comment-box .inner-box .rating {
	display: block;
	margin-bottom: 2px;
	position: relative;
}

.product-discription .single-comment-box .inner-box .rating li {
	color: #fdc009;
	display: inline-block;
	font-size: 12px;
	float: left;
	margin-right: 4px;
	position: relative;
}

.product-discription .single-comment-box .inner-box .rating li:last-child {
	margin: 0px !important;
}

.product-discription .single-comment-box .inner-box h5 {
	display: block;
	font-size: 16px;
	line-height: 26px;
	text-transform: uppercase;
	margin-bottom: 16px;
}

.product-discription .single-comment-box .inner-box h5 span {
	text-transform: capitalize;
}

.product-discription .customer-comment {
	position: relative;
	display: block;
	margin-bottom: 60px;
}

.product-discription .comment-box {
	background-color: rgba(var(--theme-color-white-rgb), 0.05);
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
	display: block;
	padding: 51px 60px 60px 60px;
	position: relative;
}

@media (max-width: 575.98px) {
	.product-discription .comment-box {
		padding: 40px 30px;
	}
}

.product-discription .comment-box h3 {
	display: block;
	font-size: 24px;
	line-height: 34px;
	text-transform: uppercase;
	margin-bottom: 23px;
}

.product-discription .comment-box .form-group {
	position: relative;
	margin-bottom: 15px;
}

.product-discription .comment-box .form-group label {
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 28px;
	color: #707582;
	margin-bottom: 8px;
}

.product-discription .comment-box .column:last-child .form-group {
	margin-bottom: 0px;
}

.product-discription .comment-box .review-box p {
	position: relative;
	float: left;
	margin-right: 10px;
}

.product-discription .comment-box .review-box .rating {
	position: relative;
	float: left;
}

.product-discription .comment-box .review-box .rating li {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 28px;
	float: left;
	margin-right: 4px;
	color: #fdc009;
}

.product-discription .comment-box .review-box .rating li:last-child {
	margin: 0px !important;
}

.product-discription .comment-box .review-box {
	position: relative;
	display: block;
	margin-top: 8px;
}

.product-discription .comment-box .custom-controls-stacked {
	position: relative;
	float: left;
}

.related-product h3 {
	margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
	.product-details__img {
		margin-bottom: 50px;
	}

	.product-details__title span {
		margin-left: 0;
		display: block;
	}

	.product-details__buttons {
		flex-direction: column;
		align-items: baseline;
	}

	.product-details__buttons-2 {
		margin-left: 0;
		margin-top: 10px;
	}

	.product-details__social-link {
		margin-left: 0;
		margin-top: 20px;
	}
}

/***

====================================================================
 Categories Section
====================================================================

***/
.categories-section {
	position: relative;
	padding: 100px 0 70px;
}

.categories-section .bg-pattern {
	position: absolute;
	left: 0;
	top: -220px;
	width: 100%;
	height: 100%;
	content: "";
	background-image: url(../images/icons/pattern-7.html);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: -1;
}

.categories-section:before {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 300px;
	width: 100%;
	background: var(--theme-color3);
	content: "";
	z-index: 1;
}

.categories-section:after {
	position: absolute;
	left: 0;
	bottom: -50px;
	height: 70px;
	width: 100%;
	z-index: 2;
	content: "";
	background-image: url(../images/icons/pattern-3.html);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.category-block {
	position: relative;
	margin-bottom: 30px;
	z-index: 9;
}

.category-block .inner-box {
	position: relative;
	text-align: center;
	background: #ffffff;
	padding: 40px 30px 30px;
	border-radius: 10px;
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.category-block .inner-box:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 190px;
	background-repeat: no-repeat;
	background-position: center bottom;
	content: "";
}

.category-block .inner-box:hover {
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.category-block .inner-box:hover .image img {
	-webkit-transform: rotate(10deg) scale(1.2);
	-ms-transform: rotate(10deg) scale(1.2);
	transform: rotate(10deg) scale(1.2);
}

.category-block .inner-box.cat-bg-1:before {
	background-image: url(../images/icons/cat-1-bg.html);
}

.category-block .inner-box.cat-bg-2:before {
	background-image: url(../images/icons/cat-2-bg.html);
}

.category-block .inner-box.cat-bg-3:before {
	background-image: url(../images/icons/cat-3-bg.html);
}

.category-block .inner-box.cat-bg-4:before {
	background-image: url(../images/icons/cat-4-bg.html);
}

.category-block .image {
	position: relative;
	display: inline-block;
	height: 180px;
	width: 180px;
	overflow: hidden;
	border-radius: 50%;
	margin-bottom: 15px;
}

.category-block .image img {
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.category-block h4 {
	font-size: 20px;
	color: var(--theme-color3);
	font-weight: 700;
	margin-bottom: 10px;
}

.category-block h4 a {
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.category-block h4 a:hover {
	color: var(--theme-color1);
}

.category-block p {
	font-size: 14px;
	color: #797f7d;
	line-height: 26px;
	margin-bottom: 0px;
}

/***

====================================================================
    Categories Section Two
====================================================================

***/
.categories-section-two {
	position: relative;
	padding: 120px 0 90px;
}

.category-block-two {
	position: relative;
	padding-top: 70px;
	margin-bottom: 30px;
	z-index: 9;
}

.category-block-two .inner-box {
	position: relative;
	text-align: center;
	background: #ffffff;
	border-radius: 10px;
	margin: 0 auto;
	padding: 18px;
}

.category-block-two .inner-box:before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 60px;
	width: 100%;
	border-radius: 10px;
	background: #e3eee5;
	content: "";
}

.category-block-two .inner-box:hover .image:before {
	left: 100%;
	-webkit-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.category-block-two .inner-box:hover .image img {
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.category-block-two .inner-box:hover h4 a {
	color: var(--theme-color1);
}

.category-block-two .content {
	position: relative;
	background: #ffffff;
	border-radius: 10px;
	padding: 0 40px 40px;
	z-index: 1;
	-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
	box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
}

.category-block-two .content:before {
	position: absolute;
	top: -88px;
	left: 0;
	width: 180px;
	height: 180px;
	right: 0;
	margin: 0 auto;
	border-radius: 50%;
	background: #e3eee5;
	content: "";
}

.category-block-two .content:after {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	font-size: 30px;
	line-height: 1em;
	color: #e8f3ea;
	height: 15px;
	overflow: hidden;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	content: attr(data-text);
}

.category-block-two .image {
	position: relative;
	display: inline-block;
	overflow: hidden;
	margin-bottom: 25px;
	margin-top: -70px;
}

.category-block-two .image img {
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.category-block-two .image:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 120%;
	width: 100%;
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
	content: "";
	opacity: 0.3;
	left: -100%;
	pointer-events: none;
	z-index: 1;
}

.category-block-two h4 {
	font-size: 22px;
	color: var(--theme-color3);
	font-weight: 700;
	margin-bottom: 15px;
}

.category-block-two h4 a {
	color: var(--theme-color3);
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.category-block-two p {
	font-size: 16px;
	color: #797f7d;
	line-height: 26px;
	margin-bottom: 0px;
}

.category-block-two .link {
	position: relative;
	display: inline-block;
	height: 50px;
	width: 50px;
	background: #e8f3ea;
	border-radius: 50%;
	line-height: 50px;
	margin-top: 25px;
	color: #608174;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.category-block-two .link:hover {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.category-block-two.child-two .link {
	background: #f0e2e3;
}

.category-block-two.child-two .inner-box:before {
	background: #f0e2e3;
}

.category-block-two.child-two .inner-box:hover h4 a {
	color: #e69da2;
}

.category-block-two.child-two .content:before {
	background: #f0e2e3;
}

.category-block-two.child-two .content:after {
	color: #f0e2e3;
}

.category-block-two.child-three .link {
	background: #f1ede1;
}

.category-block-two.child-three .inner-box:before {
	background: #f1ede1;
}

.category-block-two.child-three .inner-box:hover h4 a {
	color: #c9b579;
}

.category-block-two.child-three .content:before {
	background: #f1ede1;
}

.category-block-two.child-three .content:after {
	color: #f1ede1;
}

/***

====================================================================
    Products Section
====================================================================

***/
.products-section {
	position: relative;
	padding: 120px 0;
}

.products-section .bg-image {
	position: absolute;
	left: 0;
	top: 0;
	height: 670px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}

.products-section .bg-image:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #113629;
	opacity: 0.7;
	content: "";
}

.products-section .bg-image:after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 50px;
	width: 100%;
	background-image: url(../images/icons/pattern-8.html);
	background-position: center bottom;
	content: "";
}

.products-section .sec-title h2 {
	font-size: 60px;
}

.products-section .sec-title .theme-btn {
	margin-top: 30px;
}

.products-box {
	max-width: 1530px;
	position: relative;
	padding: 120px 60px 90px;
	margin: 120px auto 0;
	background-color: #f7f5ee;
	overflow: hidden;
	border-radius: 10px;
}

.products-box:before {
	position: absolute;
	left: -90px;
	bottom: 0;
	height: 70%;
	width: 100%;
	background: url(../images/icons/shape-7.html) top left no-repeat;
	content: "";
}

.products-box .sec-title {
	margin-bottom: 30px;
}

.products-box .outer-box {
	position: relative;
	padding-right: 400px;
}

.products-box .outer-box .banner-box-two {
	position: absolute;
	right: 0;
	top: 0;
}

.banner-box-two {
	position: relative;
}

.banner-box-two .inner-box:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(22, 67, 51)), to(rgba(229, 229, 229, 0)));
	background: -o-linear-gradient(top, rgb(22, 67, 51) 0%, rgba(229, 229, 229, 0) 100%);
	background: linear-gradient(to bottom, rgb(22, 67, 51) 0%, rgba(229, 229, 229, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--theme-color3)', endColorstr='#00e5e5e5', GradientType=0);
	content: "";
}

.banner-box-two .inner-box {
	position: relative;
	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;
	max-width: 370px;
	background: var(--theme-color3);
	border-radius: 10px;
	min-height: 440px;
	text-align: center;
	overflow: hidden;
	padding: 20px 20px;
}

.banner-box-two .title {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	font-size: 20px;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.banner-box-two .title strong {
	font-size: 60px;
	line-height: 1em;
	color: var(--theme-color2);
	font-weight: 400;
}

.banner-box-two h4 {
	font-size: 30px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-bottom: 30px;
}

.product-block-two {
	position: relative;
	margin-bottom: 30px;
}

.product-block-two .inner-box {
	position: relative;
	border: 2px solid transparent;
	border-radius: 10px;
	background: #ffffff;
	padding: 20px 20px;
	padding-left: 150px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 150px;
	transition: all 300ms ease;
}

.product-block-two .inner-box:hover {
	border: 2px solid var(--theme-color1);
}

.product-block-two .image {
	position: absolute;
	left: 20px;
	top: 20px;
	border-radius: 50%;
	overflow: hidden;
	height: 110px;
	width: 110px;
	border: 1px solid #e4e1d6;
	margin-bottom: 0px;
}

.product-block-two .image img {
	width: auto;
	transition: all 300ms ease;
}

.product-block-two .inner-box:hover .image img {
	-webkit-transform: scale(-1) rotate(180deg);
	-ms-transform: scale(-1) rotate(180deg);
	transform: scale(-1) rotate(180deg);
}

.product-block-two h4 {
	display: block;
	font-size: 22px;
	color: var(--theme-color3);
	font-weight: 700;
	margin-bottom: 5px;
}

.product-block-two h4 a {
	color: var(--theme-color3);
	transition: all 300ms ease;
}

.product-block-two .price {
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: var(--theme-color1);
	font-weight: 600;
}

.product-block-two .price del {
	display: inline-block;
	margin-left: 15px;
	font-size: 16px;
	color: #ff0000;
	line-height: 27px;
	opacity: 0.3;
}

.product-block-two .rating {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	color: #ffc737;
}

.products-carousel .owl-nav {
	display: none;
}

.products-carousel .owl-dots {
	position: absolute;
	right: 0;
	top: -80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 8;
}

.products-carousel .owl-dot {
	position: relative;
	height: 7px;
	width: 7px;
	display: block;
	background: #879d91;
	margin-right: 5px;
	border-radius: 5px;
	display: block;
	transition: all 300ms ease;
}

.products-carousel .owl-dot.active {
	background: var(--theme-color3);
}

/***

====================================================================
    Featured Products
====================================================================

***/
.featured-products {
	position: relative;
	padding: 120px 0 90px;
}

.featured-products .bg-shape {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: url(../images/icons/pattern-7.html) left bottom no-repeat;
	background-size: 700px;
}

/*=== Mixitup Gallery ===*/
.featured-products .filters {
	margin-bottom: 40px;
	text-align: center;
}

.featured-products .filters .filter-tabs {
	position: relative;
	display: inline-block;
}

.featured-products .filters li {
	color: #797f7d;
	cursor: pointer;
	display: inline-block;
	font-weight: 500;
	font-size: 18px;
	margin: 0 5px 0;
	line-height: 24px;
	overflow: hidden;
	padding: 5px 12px 10px;
	position: relative;
	transition: all 300ms ease;
}

.featured-products .filters li:last-child {
	margin-right: 0;
}

.featured-products .filters .filter.active,
.featured-products .filters .filter:hover {
	background-color: var(--theme-color2);
	color: #fff;
}

.featured-products .filters li:before {
	position: absolute;
	left: 0;
	bottom: 8px;
	height: 2px;
	width: 100%;
	content: "";
	background-color: #fff;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
	-webkit-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
	-o-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
	transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
	/* easeInOutQuint */
	-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	-o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
	/* easeInOutQuint */
}

.featured-products .filters li.active:before,
.featured-products .filters li:hover:before {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;
}

.product-block {
	position: relative;
	margin-bottom: 30px;
}

.product-block.mix {
	display: none;
}

.product-block .inner-box {
	background: var(--theme-color2);
	border: 1px solid var(--theme-color2);
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	text-align: center;
	transition: all 300ms ease;
}

.product-block .inner-box:hover {
	border: 1px solid var(--theme-color1);
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

.product-block .image {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-bottom: 0px;
	overflow: hidden;
	position: relative;
}

.product-block .image:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
	content: "";
	opacity: 0.3;
	left: -100%;
	pointer-events: none;
	z-index: 1;
}

.product-block .inner-box:hover .image:before {
	left: 100%;
	transition: all 1000ms ease;
}

.product-block .image img {
	width: auto;
	transition: all 300ms ease;
}

.product-block .inner-box:hover .image img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.product-block .content {
	position: relative;
	padding: 30px 30px 30px;
}

.product-block h4 {
	display: block;
	font-size: 22px;
	color: var(--theme-color2);
	margin-bottom: 5px;
}

.product-block h4 a {
	color: var(--theme-color1);
	transition: all 300ms ease;
}

.product-block .price {
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: var(--theme-color-silver);
	font-weight: 500;
}

.product-block .price del {
	display: inline-block;
	margin-left: 15px;
	font-size: 16px;
	color: #ff0000;
	line-height: 27px;
	opacity: 0.3;
}

.product-block .rating {
	position: relative;
	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;
	font-size: 14px;
	color: #ffc737;
}

.product-block .tag {
	position: absolute;
	top: 30px;
	left: 20px;
	font-size: 14px;
	line-height: 23px;
	color: #ffffff;
	background: #FD5F5C;
	font-weight: 400;
	padding: 0 12px;
	border-radius: 3px;
	z-index: 9;
	font-style: italic;
	text-transform: uppercase;
}

.product-block .icon-box {
	position: absolute;
	right: 20px;
	top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	opacity: 0;
	visibility: hidden;
	transition: all 300ms ease;
}

.product-block .inner-box:hover .icon-box {
	top: 20px;
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.product-block .ui-btn {
	background-color: var(--theme-color2);
	border-radius: 50px;
	color: #ffffff;
	cursor: pointer;
	display: block;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	margin-bottom: 10px;
	position: relative;
	text-align: center;
	width: 40px;
	z-index: 9;
	transition: all 300ms ease;
}

.product-block .ui-btn:hover {
	background-color: var(--theme-color1);
	color: var(--theme-color1-text-color);
}

.product-block .cat {
	display: block;
	font-size: 18px;
	color: #707070;
	font-style: italic;
	margin-bottom: 5px;
}

/*
 * shop-catalog-layouts.scss
 * -----------------------------------------------
*/
.cart-section .table> :not(caption)>*>* {
	background-color: rgba(var(--theme-color-white-rgb), 0.05);
}

.cart-section table.table.tbl-shopping-cart th,
.cart-section table.table.tbl-shopping-cart td,
.cart-section table.table.cart-total th,
.cart-section table.table.cart-total td {
	border-left: rgba(var(--theme-color-white-rgb), 0.1);
}

.cart-section .form-control {
	color: rgba(var(--theme-color-white-rgb), 0.4);
}

.cart-section .form-control option {
	color: #000;
}

.cart-section select.form-control option {
	background-color: rgba(var(--theme-color-white-rgb), 0.05);
}

.cart-section table.tbl-shopping-cart>thead>tr>th,
.cart-section table.tbl-shopping-cart>tbody>tr>th,
.cart-section table.tbl-shopping-cart>tfoot>tr>th {
	color: rgba(var(--theme-color-white-rgb), 0.5);
}

.cart-section .table-striped>tbody>tr:nth-of-type(odd)>*,
.cart-section .table> :not(caption)>*>* {
	color: rgba(var(--theme-color-white-rgb), 0.5);
}

.cart-section tbody,
.cart-section td,
.cart-section tfoot,
.cart-section th,
.cart-section thead,
.cart-section tr {
	border-color: rgba(var(--theme-color-white-rgb), 0.05);
}

table.table.tbl-shopping-cart .product-thumbnail,
table.table.cart-total .product-thumbnail {
	min-width: 64px;
}

table.table.tbl-shopping-cart img,
table.table.cart-total img {
	width: 64px;
	box-shadow: none;
}

table.table.tbl-shopping-cart th,
table.table.tbl-shopping-cart td,
table.table.cart-total th,
table.table.cart-total td {
	vertical-align: middle;
	border-left: 1px solid #e3e3e3;
	padding: 20px 30px;
}

table.table.tbl-shopping-cart .product-name a,
table.table.cart-total .product-name a {
	color: var(--headings-color);
}

table.table.tbl-shopping-cart .product-name .variation,
table.table.cart-total .product-name .variation {
	font-size: 0.9rem;
	list-style: none;
}

table.table.tbl-shopping-cart .product-remove a,
table.table.cart-total .product-remove a {
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 24px;
	transition: all 300ms ease-out;
	background-color: #757575;
	color: #ffffff;
	text-align: center;
}

table.table.tbl-shopping-cart .coupon-form .apply-button,
table.table.cart-total .coupon-form .apply-button {
	position: relative;
	display: inline-block;
	color: #1e2434;
	background: #f4f5f4;
	padding: 15px 29px;
	cursor: pointer;
	text-transform: uppercase;
	transition: all 500ms ease;
}

table.table.tbl-shopping-cart .coupon-form .apply-button:hover,
table.table.cart-total .coupon-form .apply-button:hover {
	background-color: var(--theme-color2);
}

table.table.tbl-shopping-cart .coupon-form .apply-button:hover span,
table.table.cart-total .coupon-form .apply-button:hover span {
	color: var(--theme-color-white);
}

table.tbl-shopping-cart>thead>tr>th,
table.tbl-shopping-cart>tbody>tr>th,
table.tbl-shopping-cart>tfoot>tr>th {
	color: #444;
}

.our-checkout .table> :not(caption)>*>* {
	background-color: rgba(var(--theme-color-white-rgb), 0.05);
	border-color: rgba(var(--theme-color-white-rgb), 0.1);
	color: var(--theme-color2-text-color);
}

.our-checkout table.table.tbl-shopping-cart th,
.our-checkout table.table.tbl-shopping-cart td {
	border-left: 1px solid rgba(var(--theme-color-white-rgb), 0.1);
}

.payment-method .accordion-box .block {
	background-color: rgba(var(--theme-color-white-rgb), 0.05);
	box-shadow: none;
	margin-bottom: 20px;
	padding: 30px;
}

.payment-method .accordion-box .block:last-child {
	margin-bottom: 0px;
}

.payment-method .accordion-box .block .acc-content .payment-info {
	background-color: rgba(var(--theme-color-white-rgb), 0.05);
	display: block;
	padding: 30px 30px 10px 30px;
	position: relative;
}

.payment-method .accordion-box .block .acc-btn {
	padding: 19px 30px 22px 30px;
}

.payment-method .accordion-box .block .acc-btn .icon-outer {
	color: var(--theme-color2-text-color);
	font-size: 28px;
	height: auto;
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
}

.payment-method .accordion-box .block .acc-btn.active .icon-outer {
	color: var(--theme-color2-text-color);
}

.payment-method .payment-method h3 {
	margin-bottom: 32px;
}

.payment-method .accordion-box .block .acc-btn.active {
	background-color: var(--theme-color1);
	color: var(--theme-color1-text-color);
}

.shop-sidebar {
	display: block;
	position: relative;
}

.shop-sidebar .sidebar-search .search-form .form-group {
	margin: 0px;
	position: relative;
}

.shop-sidebar .sidebar-search .search-form .form-group input[type=search] {
	background-color: rgba(var(--theme-color-white-rgb), 0.05);
	border: 1px solid rgba(var(--theme-color-white-rgb), 0.05);
	border-radius: 5px;
	color: #646578;
	height: 52px;
	padding: 10px 60px 10px 20px;
	position: relative;
	transition: all 500ms ease;
	width: 100%;
}

.shop-sidebar .sidebar-search .search-form .form-group button {
	background-color: var(--theme-color1);
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	height: 42px;
	line-height: 42px;
	position: absolute;
	right: 5px;
	text-align: center;
	top: 5px;
	transition: all 500ms ease;
	width: 42px;
}

.shop-sidebar .sidebar-search .search-form .form-group button:hover {
	background-color: var(--theme-color1);
	color: var(--theme-color1-text-color);
}

.shop-sidebar .sidebar-search {
	margin-bottom: 30px;
}

.shop-sidebar .sidebar-widget {
	background-color: rgba(var(--theme-color-white-rgb), 0.05);
	border-radius: 5px;
	display: block;
	margin-bottom: 30px;
	padding: 35px 30px 37px 30px;
	position: relative;
}

.shop-sidebar .sidebar-widget:last-child {
	margin-bottom: 0px;
}

.shop-sidebar .sidebar-widget .widget-title {
	display: block;
	margin-bottom: 16px;
	position: relative;
}

.shop-sidebar .category-widget .category-list li {
	display: block;
	margin-bottom: 14px;
	position: relative;
}

.shop-sidebar .category-widget .category-list li:last-child {
	margin-bottom: 0px;
}

.shop-sidebar .category-widget .category-list li a {
	color: #858695;
	display: inline-block;
	font-weight: 400;
	padding-left: 20px;
	position: relative;
}

.shop-sidebar .category-widget .category-list li a:before {
	position: absolute;
	content: "\f0da";
	font-family: "Font Awesome 6 Pro";
	left: 0px;
	top: 0px;
	font-size: 16px;
	font-weight: 600;
	color: var(--theme-color1);
}

.shop-sidebar .category-widget .category-list li a:hover {
	color: var(--theme-color1);
}

.shop-sidebar .price-filters .widget-title {
	margin-bottom: 28px;
}

.shop-sidebar .post-widget .post {
	border-bottom: 1px solid rgba(var(--theme-color-white-rgb), 0.1);
	margin-bottom: 23px;
	min-height: 108px;
	padding-left: 90px;
	padding-bottom: 24px;
	position: relative;
}

.shop-sidebar .post-widget .post:last-child {
	margin-bottom: 0px;
	border-bottom: none;
}

.shop-sidebar .post-widget .post .post-thumb {
	border: 1px solid #d0d4dd;
	border-radius: 5px;
	height: 70px;
	left: 0px;
	position: absolute;
	top: 7px;
	transition: all 500ms ease;
	width: 70px;
}

.shop-sidebar .post-widget .post .post-thumb img {
	width: 100%;
	border-radius: 5px;
}

.shop-sidebar .post-widget .post a {
	color: #858695;
	display: inline-block;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 7px;
	position: relative;
}

.shop-sidebar .post-widget .post .price {
	color: var(--theme-color-white);
	display: block;
	font-size: 14px;
	font-weight: 600;
	line-height: 24px;
	position: relative;
}

.shop-sidebar .post-widget .post:hover .post-thumb {
	border-color: var(--theme-color1);
}

.shop-sidebar .post-widget .post:hover a {
	color: var(--theme-color1);
}

.shop-sidebar .post-widget {
	padding-bottom: 9px;
}

.range-slider {
	position: relative;
}

.range-slider .title {
	display: inline-block;
	line-height: 26px;
	margin-right: 4px;
	position: relative;
}

.range-slider .title:before {
	color: #646578;
	content: "$";
	font-size: 18px;
	left: -5px;
	position: absolute;
	top: -19px;
}

.range-slider p {
	color: #646578;
	display: inline-block;
	margin-right: 10px !important;
	position: relative;
}

.range-slider .input {
	color: #646578;
	display: inline-block;
	font-size: 18px;
	margin-top: 5px;
	max-width: 75px;
	position: relative;
}

.range-slider .input input {
	background: none;
	color: #646578;
	font-size: 15px;
	text-align: left;
}

.range-slider .ui-widget.ui-widget-content {
	background-color: #2d2f32;
	border-radius: 2px;
	border: none;
	height: 4px;
	margin-bottom: 14px;
}

.range-slider .ui-slider .ui-slider-range {
	background-color: var(--theme-color1);
	top: 0px;
	height: 4px;
}

.range-slider .ui-state-default {
	background-color: var(--theme-color1);
	border: none;
	border-radius: 50%;
	cursor: pointer;
	height: 14px;
	margin-left: 0px;
	position: absolute;
	top: -5px;
	width: 14px;
}

.range-slider .ui-state-default:before {
	background-color: #ffffff;
	border-radius: 50%;
	content: "";
	height: 6px;
	left: 4px;
	position: absolute;
	top: 4px;
	width: 6px;
}

.range-slider .ui-widget-content .ui-state-default {
	background-color: var(--theme-color1);
	border: none;
	border-radius: 50%;
	cursor: pointer;
	height: 14px;
	margin-left: 0px;
	top: -5px;
	width: 14px;
}

.range-slider .ui-widget-content .ui-state-default:before {
	background-color: #ffffff;
	border-radius: 50%;
	content: "";
	position: absolute;
	height: 6px;
	left: 4px;
	top: 4px;
	width: 6px;
}

.range-slider input[type=submit] {
	background: var(--theme-color1);
	border: none;
	border-radius: 10px;
	color: #ffffff;
	cursor: pointer;
	display: block;
	float: right;
	font-size: 14px;
	margin-top: 0;
	padding: 7px 20px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	transition: all 500ms ease;
}

.range-slider input[type=submit]:hover {
	background-color: var(--theme-color2);
	color: var(--theme-color2-text-color);
}

.foorer-area {
	/* border-radius: 40px; */
	margin: 0 60px;
	background-color: #07182d;
	position: relative;
	overflow: hidden;
	z-index: 9;
}

.foorer-area .footer-line {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	opacity: 0.3;
	z-index: -1;
}

.foorer-area .footer-line img {
	height: 100%;
}

@media (max-width: 1699.98px) {
	.foorer-area {
		margin: 0 35px;
	}
}

@media (max-width: 1399.98px) {
	.foorer-area {
		margin: 0 0px;
	}
}

@media (max-width: 1199.98px) {
	.foorer-area {
		margin: 0 20px;
	}
}

@media (max-width: 1199.98px) and (max-width: 767.98px) {
	.foorer-area {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

@media (max-width: 469.98px) {
	.foorer-area {
		margin: 0 16px;
	}
}

.foorer-area .footer-line-2 {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.foorer-area .footer-top-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255, 255, 255, 0.14);
	padding-bottom: 50px;
}

@media (max-width: 767.98px) {
	.foorer-area .footer-top-wrapper {
		flex-wrap: wrap;
		gap: 30px;
		padding-bottom: 30px;
	}
}

.foorer-area .footer-top-wrapper .footer-info {
	text-align: right;
}

.foorer-area .footer-top-wrapper .footer-info .mail {
	font-size: 20px;
	font-weight: 500;
	color: var(--text-color);
	display: block;
	margin-bottom: 4px;
}

@media (max-width: 767.98px) {
	.foorer-area .footer-top-wrapper .footer-info .mail {
		font-size: 17px;
	}
}

.foorer-area .footer-top-wrapper .footer-info .phone {
	font-size: 36px;
	color: #fff;
	line-height: 1;
}

@media (max-width: 767.98px) {
	.foorer-area .footer-top-wrapper .footer-info .phone {
		font-size: 28px;
	}
}

.foorer-area .footer-widget-wrapper {
	padding: 40px 0 80px;
	position: relative;
	z-index: 9;
}

.foorer-area .footer-widget-wrapper.style-four {
	padding-top: 80px;
}

@media (max-width: 1199.98px) {
	.foorer-area .footer-widget-wrapper.style-four {
		padding-top: 60px;
	}
}

@media (max-width: 991.98px) {
	.foorer-area .footer-widget-wrapper.style-four {
		padding-top: 40px;
	}
}

.foorer-area .footer-widget-wrapper .footer-content {
	margin-top: 30px;
}

.foorer-area .footer-widget-wrapper .footer-content .title {
	font-size: 60px;
	margin-bottom: 65px;
}

@media (max-width: 1199.98px) {
	.foorer-area .footer-widget-wrapper .footer-content .title {
		font-size: 50px;
	}
}

@media (max-width: 767.98px) {
	.foorer-area .footer-widget-wrapper .footer-content .title {
		font-size: 46px;
	}
}

@media (max-width: 575.98px) {
	.foorer-area .footer-widget-wrapper .footer-content .title {
		font-size: 38px;
		margin-bottom: 40px;
	}
}

.foorer-area .footer-widget-wrapper .footer-content .title span {
	color: var(--theme-color1);
}

.foorer-area .footer-widget-wrapper .footer-content .title-2 {
	font-size: 20px;
	color: #fff;
	margin-bottom: 20px;
}

.foorer-area .footer-widget-wrapper .footer-content .form-group {
	position: relative;
}

.foorer-area .footer-widget-wrapper .footer-content .form-group input {
	background: var(--theme-color2);
	border-radius: 40px;
	color: rgba(255, 255, 255, 0.6);
	display: block;
	font-size: 14px;
	height: 65px;
	line-height: 30px;
	padding: 20px 65px 20px 35px;
	position: relative;
	width: 100%;
}

.foorer-area .footer-widget-wrapper .footer-content .form-group input::placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.foorer-area .footer-widget-wrapper .footer-content .form-group .circle-btn {
	background-color: var(--theme-color1);
	border: 1px solid var(--theme-color1);
	border-radius: 50%;
	color: var(--theme-color1-text-color);
	font-size: 26px;
	height: 58px;
	line-height: 58px;
	position: absolute;
	right: 5px;
	text-align: center;
	top: 4px;
	width: 58px;
	padding: 0;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.foorer-area .footer-widget-wrapper .footer-content-2 {
	max-width: 425px;
	margin-top: 45px;
}

.foorer-area .footer-widget-wrapper .footer-content-2 .footer-form .title {
	font-size: 20px;
	font-weight: 500;
	line-height: 140%;
}

@media (max-width: 1199.98px) {
	.foorer-area .footer-widget-wrapper .footer-content-2 .footer-form .title {
		font-size: 17px;
	}
}

.foorer-area .footer-widget-wrapper .footer-content-2 .footer-form form {
	position: relative;
	margin-top: 40px;
}

.foorer-area .footer-widget-wrapper .footer-content-2 .footer-form form input {
	border: none;
	outline: none;
	border-bottom: 1px solid rgb(89, 89, 89);
	background-color: transparent;
	width: 100%;
	color: var(--text-color);
	padding-bottom: 15px;
}

.foorer-area .footer-widget-wrapper .footer-content-2 .footer-form form input::placeholder {
	color: var(--text-color);
}

.foorer-area .footer-widget-wrapper .footer-content-2 .footer-form form .subscribe-btn {
	background: transparent;
	border: none;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	display: flex;
	align-items: center;
	gap: 8px;
	position: absolute;
	top: 0;
	right: 0;
}

.foorer-area .footer-widget-wrapper .footer-widget-items .text-theme-color {
	color: var(--theme-color1);
}

.foorer-area .footer-widget-wrapper .footer-widget-items .user-links li {
	font-size: 16px;
	font-weight: 400;
	transition: all 0.4s ease-in-out;
	font-family: var(--heading-font-family);
}

@media (max-width: 1399.98px) {
	.foorer-area .footer-widget-wrapper .footer-widget-items .user-links li {
		font-size: 15px;
	}
}

.foorer-area .footer-widget-wrapper .footer-widget-items .user-links li:not(:last-child) {
	margin-bottom: 12px;
}

.foorer-area .footer-widget-wrapper .footer-widget-items .user-links li a {
	color: rgba(255, 255, 255, 0.6);
}

.foorer-area .footer-widget-wrapper .footer-widget-items .user-links li a i {
	margin-right: 5px;
}

.foorer-area .footer-widget-wrapper .footer-widget-items .user-links li:hover {
	margin-left: 5px;
}

.foorer-area .footer-widget-wrapper .footer-widget-items .user-links li:hover a {
	color: var(--theme-color1);
}

.foorer-area .footer-widget-wrapper .footer-widget-items .footer-contact li {
	color: var(--text-color);
	font-weight: 400;
}

@media (max-width: 1399.98px) {
	.foorer-area .footer-widget-wrapper .footer-widget-items .footer-contact li {
		font-size: 15px;
	}
}

.foorer-area .footer-widget-wrapper .footer-widget-items .footer-contact li:not(:last-child) {
	margin-bottom: 8px;
}

.foorer-area .footer-widget-wrapper .footer-widget-items .footer-contact li a {
	color: var(--text-color);
}

.foorer-area .footer-bottom {
	padding: 24px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	position: relative;
	z-index: 8;
}

.foorer-area .footer-bottom .footer-bottom-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media (max-width: 767.98px) {
	.foorer-area .footer-bottom .footer-bottom-wrapper {
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px;
	}
}

.foorer-area .footer-bottom .footer-bottom-wrapper p {
	color: #fff;
}

.foorer-area .footer-bottom .footer-bottom-wrapper .social-icon {
	display: flex;
	align-items: center;
	gap: 0;
}

@media (max-width: 469.98px) {
	.foorer-area .footer-bottom .footer-bottom-wrapper .social-icon {
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px;
	}
}

.foorer-area .footer-bottom .footer-bottom-wrapper .social-icon a {
	display: inline-block;
	border-radius: 32px;
	background: var(--theme-color2);
	padding: 0 14px;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	margin-right: -10px;
}

.foorer-area .footer-bottom .footer-bottom-wrapper .social-icon a:hover {
	background-color: var(--theme-color1);
	color: #fff;
}

.footer-section {
	/* padding-bottom: 40px; */
	position: relative;
}

@media (max-width: 1199.98px) {
	.footer-section {
		padding-bottom: 20px;
	}
}

@media (max-width: 469.98px) {
	.footer-section {
		padding-bottom: 16px;
	}
}

.footer-section .shape-1 {
	position: absolute;
	top: 50px;
	left: 43%;
	z-index: 11;
}

@media (max-width: 1199.98px) {
	.footer-section .shape-1 {
		display: none;
	}
}

.footer-section .footer-vec {
	position: absolute;
	left: -5%;
	top: 30%;
	z-index: 11;
}

@media (max-width: 1699.98px) {
	.footer-section .footer-vec {
		display: none;
	}
}

.footer-section .footer-vec3 {
	position: absolute;
	right: 0;
	top: -130px;
	z-index: 11;
}

@media (max-width: 1699.98px) {
	.footer-section .footer-vec3 {
		display: none;
	}
}

.footer-section .gencyo-text {
	font-size: 259px;
	font-weight: 600;
	text-align: center;
	line-height: 1;
	margin-top: -20px;
	letter-spacing: -0.08em;
	color: var(--theme-color2);
}

@media (max-width: 1199.98px) {
	.footer-section .gencyo-text {
		letter-spacing: initial;
		margin-top: 0;
		margin-bottom: 25px;
		font-size: 150px;
	}
}

@media (max-width: 991.98px) {
	.footer-section .gencyo-text {
		font-size: 130px;
	}
}

@media (max-width: 767.98px) {
	.footer-section .gencyo-text {
		font-size: 100px;
	}
}

@media (max-width: 575.98px) {
	.footer-section .gencyo-text {
		font-size: 80px;
	}
}

@media (max-width: 469.98px) {
	.footer-section .gencyo-text {
		font-size: 50px;
	}
}

.footer-section .footer-vec-4 {
	position: absolute;
	top: 0;
	left: -4%;
	z-index: 11;
	display: none !important;
}

.footer-lets-talk {
	padding: 40px 110px;
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media (max-width: 1399.98px) {
	.footer-lets-talk {
		padding: 40px 80px;
	}
}

@media (max-width: 991.98px) {
	.footer-lets-talk {
		flex-wrap: wrap;
		justify-content: center;
		gap: 30px;
		text-align: center;
	}
}

@media (max-width: 767.98px) {
	.footer-lets-talk {
		padding: 40px 40px;
	}
}

@media (max-width: 469.98px) {
	.footer-lets-talk {
		padding: 40px 28px;
	}
}

.footer-lets-talk .title {
	font-size: 60px;
	font-weight: 500;
	color: #fff;
}

@media (max-width: 1199.98px) {
	.footer-lets-talk .title {
		font-size: 44px;
	}
}

@media (max-width: 767.98px) {
	.footer-lets-talk .title {
		font-size: 36px;
	}
}

@media (max-width: 575.98px) {
	.footer-lets-talk .title {
		font-size: 32px;
	}
}

@media (max-width: 469.98px) {
	.footer-lets-talk .title {
		font-size: 28px;
	}
}

.footer-lets-talk .circle-btn {
	display: inline-block;
	width: 200px;
	text-align: center;
	border-radius: 50%;
	height: 200px;
	line-height: 200px;
	background: rgba(255, 255, 255, 0.1);
	position: relative;
	z-index: 1;
}

@media (max-width: 1199.98px) {
	.footer-lets-talk .circle-btn {
		width: 180px;
		height: 180px;
		line-height: 180px;
	}
}

@media (max-width: 767.98px) {
	.footer-lets-talk .circle-btn {
		width: 140px;
		height: 140px;
		line-height: 140px;
	}

	.footer-lets-talk .circle-btn img {
		width: 40px;
	}
}

.footer-lets-talk .circle-btn::before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	content: "";
	width: 175px;
	height: 175px;
	border-radius: 50%;
	background-color: var(--theme-color3);
	z-index: -1;
	transition: all 0.4s ease-in-out;
}

@media (max-width: 1199.98px) {
	.footer-lets-talk .circle-btn::before {
		width: 150px;
		height: 150px;
		line-height: 150px;
	}
}

@media (max-width: 767.98px) {
	.footer-lets-talk .circle-btn::before {
		width: 120px;
		height: 120px;
		line-height: 120px;
	}
}

.footer-lets-talk .circle-btn:hover::before {
	background-color: #fff;
}

.tp-letter-span {
	display: inline-block;
	transition: transform 0.2s;
}

/*** 

====================================================================
Page Title
====================================================================

***/
@-webkit-keyframes "ripple" {
	70% {
		-webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

@keyframes "ripple" {
	70% {
		-webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

.page-title {
	align-items: center;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: flex;
	padding: 220px 0 120px;
	position: relative;
}

.page-title:before {
	background: linear-gradient(179deg, rgba(41, 41, 41, 0.6) 19.26%, rgba(255, 107, 30, 0.4509803922) 97.47%);
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.page-title .title {
	color: #ffffff;
	font-size: 64px;
	margin-bottom: 17px;
}

@media only screen and (max-width: 768px) {
	.page-title .title {
		font-size: 34px;
	}
}

.page-title .text {
	color: #ffffff;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 26px;
	max-width: 520px;
	position: relative;
}

.page-breadcrumb {
	position: relative;
	margin-top: 5px;
}

.page-breadcrumb li {
	position: relative;
	display: inline-block;
	margin-right: 12px;
	padding-right: 13px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	text-transform: capitalize;
}

.page-breadcrumb li:after {
	position: absolute;
	content: "\f105";
	right: -6px;
	top: 1px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 900;
	font-family: "Font Awesome 6 Pro";
	color: #ffffff;
}

.page-breadcrumb li:last-child::after {
	display: none;
}

.page-breadcrumb li:last-child {
	padding-right: 0px;
	margin-right: 0px;
}

.page-breadcrumb li a {
	color: #ffffff;
	font-weight: 500;
	text-transform: capitalize;
	transition: all 300ms ease;
}

.page-breadcrumb li a:hover {
	color: #ffffff;
}

.page-title.style-two {
	background-position: center center;
}

.page-title.style-two .page-breadcrumb-outer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px 0;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	z-index: 8;
}

.page-title.style-two .page-breadcrumb li {
	color: rgb(7, 7, 16);
	font-weight: 600;
}

.page-title.style-two .page-breadcrumb li:after {
	color: rgb(7, 7, 16);
}

.page-title.style-two .page-breadcrumb li a {
	color: rgba(7, 7, 16, 0.6);
}

.page-title.style-two .page-breadcrumb li a:hover {
	color: rgb(7, 7, 16);
}

.play-now {
	position: relative;
	display: block;
	z-index: 9;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.play-now .icon {
	position: relative;
	display: inline-block;
	height: 70px;
	width: 70px;
	text-align: center;
	line-height: 70px;
	background-color: #ffffff;
	color: #ff6d2e;
	z-index: 1;
	padding-left: 0px;
	font-size: 14px;
	display: block;
	border-radius: 50%;
	-webkit-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
	-ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
	-o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
	box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
}

.play-now .ripple {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 70px;
	width: 70px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
	-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
	-webkit-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
}

.play-now .ripple:before {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 70px;
	width: 70px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
	-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
	-webkit-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
	content: "";
	position: absolute;
}

.play-now .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 70px;
	width: 70px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
	-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
	-webkit-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
	content: "";
	position: absolute;
}

.background-image {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-repeat: repeat;
	background-position: center;
	background-size: cover;
}

.error-page__inner {
	position: relative;
	display: block;
	text-align: center;
}

.error-page__inner .error-page__title-box {
	position: relative;
	display: block;
}

.error-page__inner .error-page__title {
	position: relative;
	display: inline-block;
	font-size: 280px;
	line-height: 280px;
	margin-bottom: 0;
	color: var(--theme-color1);
}

.error-page__inner .error-page__sub-title {
	font-size: 40px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	line-height: 50px;
	margin-top: -16px;
}

.error-page__inner .error-page__text {
	font-size: 20px;
	line-height: 30px;
	text-align: center;
}

.error-page__inner .error-page__form {
	position: relative;
	display: block;
	margin: 42px auto 20px;
}

.error-page__inner .error-page__form input[type=search] {
	height: 60px;
	width: 100%;
	border: none;
	outline: none;
	background-color: rgba(var(--theme-color-white-rgb), 0.05);
	font-size: 14px;
	color: #fff;
	padding-left: 50px;
	padding-right: 75px;
	border-radius: 7px;
}

.error-page__inner .error-page__form button[type=submit] {
	background-color: transparent;
	color: var(--theme-color1-text-color);
	font-size: 22px;
	position: absolute;
	top: 0;
	right: 0px;
	bottom: 0;
	width: 72px;
	outline: none;
	border: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0;
}

.error-page__inner .error-page__form-input {
	position: relative;
	display: block;
	max-width: 570px;
	width: 100%;
	margin: 0 auto;
}

input::placeholder {
	color: #cccccc;
	opacity: 1;
}

input:-ms-input-placeholder {
	color: #cccccc;
}

input::-ms-input-placeholder {
	color: #cccccc;
}

/***
=============================================
    Services Details
=============================================
***/
.service-sidebar {
	display: block;
	position: relative;
	width: 100%;
}

.service-sidebar .service-sidebar-single {
	display: block;
	margin-bottom: 30px;
	position: relative;
}

.service-sidebar .service-sidebar-single-services {
	background: #f6f4ec;
	border-radius: 10px;
	display: block;
	padding: 35px 30px 25px;
	position: relative;
}

.service-sidebar .service-sidebar-single-services .title {
	display: block;
	margin-bottom: 12px;
	padding-left: 20px;
	position: relative;
}

.service-sidebar .service-sidebar-single-services .title h3 {
	color: var(--headings-color);
	font-size: 20px;
	line-height: 30px;
	letter-spacing: -0.02em;
}

.service-sidebar .service-sidebar-single-services ul {
	display: block;
	margin-top: 10px;
	position: relative;
}

.service-sidebar .service-sidebar-single-services ul li {
	display: block;
	margin-bottom: 5px;
	margin-top: -10px;
	position: relative;
}

.service-sidebar .service-sidebar-single-services ul li:last-child {
	margin-bottom: 0;
}

.service-sidebar .service-sidebar-single-services ul li a {
	align-items: center;
	border-radius: 10px;
	background: transparent;
	color: var(--agriox-color-1, #687469);
	display: block;
	font-size: 18px;
	display: flex;
	justify-content: space-between;
	padding: 22px 20px 22px;
	position: relative;
	transition: all 300ms ease;
	transition-delay: 0.1s;
	z-index: 1;
}

.service-sidebar .service-sidebar-single-services ul li a:hover {
	color: var(--headings-color);
}

.service-sidebar .service-sidebar-single-services ul li a:hover::before {
	opacity: 1;
	transform: perspective(400px) rotateX(0deg);
	transition: all 300ms ease;
	transition-delay: 0.1s;
}

.service-sidebar .service-sidebar-single-services ul li a:hover i {
	color: var(--theme-color1);
}

.service-sidebar .service-sidebar-single-services ul li a::before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	content: "";
	z-index: -1;
	opacity: 1;
	transform: perspective(400px) rotateX(90deg);
	transform-origin: bottom;
	transition: all 300ms ease;
	transition-delay: 0.1s;
	background: #ffffff;
	box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
}

.service-sidebar .service-sidebar-single-services ul li a i {
	font-size: 16px;
}

.service-sidebar .service-sidebar-single-services ul li.current a::before {
	opacity: 1;
	transform: perspective(400px) rotateX(0deg);
	transition: all 300ms ease;
	transition-delay: 0.1s;
}

.service-sidebar .service-sidebar-single-services ul li.current a i {
	color: var(--theme-color1);
}

.service-sidebar .service-sidebar-single-services ul li.current:first-child {
	margin-top: 20px;
}

.service-sidebar .service-sidebar-single-services ul li.current:last-child {
	margin-bottom: 35px;
}

.service-sidebar .service-sidebar-single-contact-box {
	position: relative;
	display: block;
	background-attachment: scroll;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
	padding: 50px 0px 44px;
	z-index: 1;
}

.service-sidebar .service-sidebar-single-contact-box::before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(109, 140, 84, 0.93);
	border-radius: 10px;
	content: "";
	z-index: -1;
}

.service-sidebar .service-sidebar-single-contact-box .icon {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 60px;
	text-align: center;
	transition: all 500ms ease;
	border-radius: 50%;
	background: var(--theme-color2);
}

.service-sidebar .service-sidebar-single-contact-box .icon:hover {
	background-color: var(--headings-color);
}

.service-sidebar .service-sidebar-single-contact-box .icon:hover span::before {
	color: #fff;
}

.service-sidebar .service-sidebar-single-contact-box .icon span::before {
	position: relative;
	display: inline-block;
	color: var(--headings-color);
	font-size: 30px;
	line-height: 60px;
	transition: all 500ms ease;
}

.service-sidebar .service-sidebar-single-contact-box .title {
	position: relative;
	display: block;
	margin-top: 20px;
	margin-bottom: 42px;
}

.service-sidebar .service-sidebar-single-contact-box .title h2 {
	color: #ffffff;
	font-size: 36px;
}

.service-sidebar .service-sidebar-single-contact-box .phone {
	font-size: 24px;
	line-height: 34px;
}

.service-sidebar .service-sidebar-single-contact-box .phone a {
	color: #ffffff;
	transition: all 500ms ease;
}

.service-sidebar .service-sidebar-single-contact-box .phone a:hover {
	color: var(--theme-color1);
}

.service-sidebar .service-sidebar-single-contact-box p {
	color: #ffffff;
	font-size: 14px;
	line-height: 22px;
}

.service-sidebar .banner-widget {
	position: relative;
	display: block;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
}

.service-sidebar .banner-widget .widget-content {
	position: relative;
	display: block;
	width: 100%;
	padding: 45px 30px 40px 30px;
	background-size: cover;
	background-repeat: no-repeat;
}

.service-sidebar .banner-widget .widget-content .shape {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 278px;
	background-repeat: no-repeat;
	background-size: cover;
}

.service-sidebar .banner-widget .content-box {
	position: relative;
	max-width: 200px;
	width: 100%;
}

.service-sidebar .banner-widget .content-box .icon-box {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 40px;
	background-color: var(--theme-color2);
	color: var(--theme-color2-text-color);
	text-align: center;
	border-radius: 5px;
	margin-bottom: 23px;
}

.service-sidebar .banner-widget .content-box .icon-box .icon-shape {
	position: absolute;
	top: -15px;
	right: -38px;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
}

.service-sidebar .banner-widget .content-box h3 {
	display: block;
	font-size: 24px;
	line-height: 32px;
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 22px;
}

.service-sidebar .banner-widget .content-box .theme-btn-two:hover {
	background: #0a267a;
}

.service-sidebar .service-sidebar-single-btn .theme-btn {
	border-radius: 15px;
	padding: 20px 50px;
	transition: all 400ms ease;
}

.service-sidebar .service-sidebar-single-btn .theme-btn span {
	align-items: center;
	display: flex;
	justify-content: center;
	gap: 12px;
}

.service-sidebar .service-sidebar-single-btn .theme-btn span i {
	font-size: 40px;
	line-height: normal;
}

.service-sidebar .service-sidebar-single-btn .theme-btn:hover {
	color: var(--theme-color2-text-color);
}

.service-sidebar .service-sidebar-single-btn .theme-btn:hover:before {
	left: 0;
	width: 100%;
}

.service-sidebar .service-sidebar-single-btn .theme-btn:before {
	background-color: var(--theme-color2);
	bottom: 0;
	content: "";
	left: 50%;
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	z-index: -1;
	transition: all 400ms ease;
}

.services-details__content .feature-list .single-item {
	position: relative;
	display: block;
	border: 1px solid #e1e8e4;
	padding: 16px 30px 16px 53px;
	margin-bottom: 20px;
	-webkit-transition: all 600ms ease;
	transition: all 600ms ease;
}

.services-details__content .feature-list .single-item .icon-box {
	color: var(--theme-color1);
	position: absolute;
	left: 20px;
	top: 16px;
	font-size: 18px;
	-webkit-transition: all 600ms ease;
	transition: all 600ms ease;
}

.services-details__content .feature-list .single-item .title {
	display: block;
	margin: 0;
	font-size: 16px;
	line-height: 32px;
	font-weight: 600;
	text-transform: uppercase;
}

.services-details__content .feature-list .single-item:hover {
	background-color: var(--theme-color2);
	color: var(--theme-color2-text-color);
}

.services-details__content .feature-list .single-item:hover .icon-box {
	color: var(--theme-color2-text-color);
}

.service-list li {
	position: relative;
	display: block;
	margin-bottom: 10px;
}

.service-list li:last-child {
	margin-bottom: 0px;
}

.service-list li a {
	position: relative;
	display: block;
	font-size: 18px;
	color: var(--headings-color);
	font-weight: 600;
	background-color: #fff;
	padding: 17px 20px 17px 50px;
	box-shadow: 20px 5px 20px 0px rgba(0, 0, 0, 0.05);
}

.service-list li a:hover,
.service-list li a.current {
	color: var(--theme-color1-text-color);
	background-color: var(--theme-color1);
	padding-left: 80px;
}

.service-list li a:hover i,
.service-list li a.current i {
	width: 60px;
	color: var(--theme-color2-text-color);
	background-color: var(--theme-color2);
}

.service-list li i {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0px;
	top: 0px;
	width: 30px;
	height: 100%;
	background-color: #f6f4ec;
	text-align: center;
	font-size: 16px;
	color: #707582;
	transition: all 500ms ease;
}

.sidebar-service-list {
	margin: 0;
}

.sidebar-service-list li+li {
	margin-top: 10px;
}

.sidebar-service-list li a {
	background-color: #121310;
	border-radius: 15px;
	color: var(--theme-color1-text-color);
	display: block;
	font-size: 18px;
	padding: 19px 40px;
	position: relative;
	transition: all 500ms ease;
}

.sidebar-service-list li a:hover {
	color: var(--theme-color1);
}

.sidebar-service-list li a:hover i {
	background-color: var(--theme-color1);
	color: var(--theme-color1-text-color);
	transform: translateY(-50%);
}

.sidebar-service-list li a i {
	height: 32px;
	width: 45px;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	transition: all 500ms ease;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	border-radius: 15px;
}

.sidebar-service-list li.current a {
	background-color: #121310;
	color: var(--theme-color1);
}

.sidebar-service-list li.current a i {
	background-color: var(--theme-color1);
	color: var(--theme-color1-text-color);
	transform: translateY(-50%);
}

.service-details-help {
	background-color: var(--theme-color1);
	border-radius: 15px;
	display: block;
	margin-top: 30px;
	overflow: hidden;
	padding: 57px 55px 50px;
	position: relative;
	text-align: center;
	z-index: 1;
}

.help-shape-1 {
	position: absolute;
	bottom: -215px;
	left: -95px;
	width: 220px;
	height: 500px;
	background-color: #303030;
	mix-blend-mode: soft-light;
	border-radius: 150px;
	transform: rotate(45deg);
	z-index: -1;
}

.help-shape-2 {
	position: absolute;
	top: -118px;
	right: -130px;
	width: 180px;
	height: 350px;
	background-color: #fff;
	mix-blend-mode: soft-light;
	border-radius: 186px;
	transform: rotate(48deg);
}

.help-icon {
	align-items: center;
	background-color: #121310;
	border-radius: 50%;
	color: #fff;
	display: flex;
	font-size: 32px;
	height: 73px;
	justify-content: center;
	margin: 0 auto 0;
	width: 73px;
	transition: all 500ms ease;
}

.help-icon:hover {
	background-color: #fff;
	color: var(--theme-color1);
}

.help-title {
	color: #fff;
	font-size: 38px;
	line-height: 40px;
	margin-bottom: 21px;
}

.help-contact {
	position: relative;
	display: block;
	margin-top: 21px;
}

.help-contact p {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 32px;
	margin: 0;
	opacity: 0.7;
}

.help-contact a {
	color: #fff;
	font-size: 30px;
	font-weight: 500;
	line-height: normal;
	transition: all 500ms ease;
}

.help-contact a:hover {
	color: var(--theme-color1-text-color);
}

/*--------------------------------------------------------------
# Project Details
--------------------------------------------------------------*/
.project-details__img {
	position: relative;
	display: block;
	border-radius: 10px;
	overflow: hidden;
	height: 600px;
	object-fit: cover;
	object-position: center center;
	border-radius: 10px 10px 10px 10px;
	margin-bottom: 40px;
}

@media (max-width: 991.98px) {
	.project-details__img {
		height: 470px;
	}
}

@media (max-width: 767.98px) {
	.project-details__img {
		height: 350px;
	}
}

@media (max-width: 575.98px) {
	.project-details__img {
		height: 250px;
	}
}

.project-details__img img {
	width: 100%;
	border-radius: 10px;
}

.project-details__content {
	position: relative;
	display: block;
}

.project-details__content img {
	border-radius: 8px;
}

.project-details__content .title {
	margin-top: 50px;
}

.project-details__content .text {
	color: #8f8c94;
}

@media (max-width: 1199.98px) {
	.project-details__content .project-title-big-title {
		font-size: 40px;
		line-height: 60px;
	}
}

.project-details__content .feature-list {
	display: flex;
	align-items: center;
	gap: 30px;
	justify-content: space-between;
}

@media (max-width: 575.98px) {
	.project-details__content .feature-list {
		display: block;
	}
}

.project-details__content .feature-list ul {
	max-width: 45%;
	width: 100%;
}

@media (max-width: 575.98px) {
	.project-details__content .feature-list ul {
		max-width: none;
	}
}

.project-details__content .feature-list ul li {
	color: #8f8c94;
	display: flex;
	align-items: center;
	font-size: 16px;
	gap: 10px;
	margin-bottom: 10px;
}

.project-details__content .feature-list ul li .icon {
	color: var(--theme-color1);
}

.project-details__content-left {
	position: relative;
	display: block;
	margin-top: 31px;
}

.project-details__content-right {
	position: relative;
	display: block;
	margin-top: 40px;
}

.project-details__details-box {
	position: relative;
}

.project-details__details-list {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.17);
}

@media (max-width: 991.98px) {
	.project-details__details-list {
		flex-wrap: wrap;
		border: none;
	}
}

@media (max-width: 575.98px) {
	.project-details__details-list {
		gap: 0;
	}
}

.project-details__details-list li {
	position: relative;
	display: block;
	padding: 12px 0;
	max-width: 25%;
	width: 100%;
	margin-bottom: 40px;
}

@media (max-width: 991.98px) {
	.project-details__details-list li {
		max-width: 45%;
		margin-bottom: 0;
	}
}

@media (max-width: 575.98px) {
	.project-details__details-list li {
		max-width: 100%;
	}
}

.project-details__details-list li:after {
	position: absolute;
	top: 0;
	right: 50px;
	width: 1px;
	height: 88px;
	content: "";
	background-color: rgba(255, 255, 255, 0.17);
}

@media (max-width: 1199.98px) {
	.project-details__details-list li:after {
		display: none;
	}
}

.project-details__details-list li:last-child:after {
	display: none;
}

.project-details__client {
	font-size: 16px;
	color: var(--theme-color-lighter2);
	line-height: 24px;
	margin: 0;
}

.project-details__name {
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	color: var(--theme-color-white);
}

.project-details__social {
	position: relative;
	display: flex;
	align-items: center;
}

.project-details__social a {
	position: relative;
	height: 40px;
	width: 40px;
	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;
	text-align: center;
	background-color: var(--theme-color1);
	color: var(--text-color-bg-theme-color1);
	font-size: 15px;
	border-radius: 50%;
	overflow: hidden;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	z-index: 1;
}

.project-details__social a:hover {
	background-color: var(--theme-color2);
	color: var(--text-color-bg-theme-color2);
}

.project-details__social a+a {
	margin-left: 10px;
}

.project-details__pagination-box {
	position: relative;
	display: block;
	text-align: center;
	border-top: 1px solid #ece9e0;
	border-bottom: 1px solid #ece9e0;
	padding: 30px 0;
	margin-top: 117px;
}

.project-details__pagination {
	position: relative;
	display: block;
}

.project-details__pagination li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.project-details__pagination li a {
	font-size: 14px;
	color: #757873;
	font-weight: 400;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.project-details__pagination li a:hover {
	color: var(--theme-color1);
}

.project-details__pagination li a:hover i {
	background-color: var(--theme-color2);
	color: var(--text-color-bg-theme-color2);
	border: 2px solid var(--theme-color2);
}

.project-details__pagination li .content {
	position: relative;
	display: block;
}

.project-details__pagination li.next {
	float: left;
	position: relative;
}

.project-details__pagination li.next i {
	position: relative;
	height: 52px;
	width: 52px;
	border: 2px solid #0e2207;
	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;
	border-radius: 50%;
	color: #0e2207;
	font-size: 16px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	margin-right: 20px;
	z-index: 1;
}

.project-details__pagination li.next .content {
	text-align: left;
}

.project-details__pagination li.previous {
	position: relative;
	float: right;
}

.project-details__pagination li.previous i {
	position: relative;
	height: 52px;
	width: 52px;
	border: 2px solid #0e2207;
	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;
	border-radius: 50%;
	color: #0e2207;
	font-size: 16px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	margin-left: 20px;
	z-index: 1;
}

.project-details__pagination li.previous .content {
	text-align: right;
}

/***

====================================================================
    Blog Details
====================================================================

***/
.blog-details {
	position: relative;
	display: block;
}

.blog-details__left {
	position: relative;
	display: block;
}

.blog-details__img {
	position: relative;
	display: block;
	border-radius: 10px;
}

.blog-details__img img {
	width: 100%;
	border-radius: 10px;
}

.blog-details__date {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: var(--theme-color1);
	text-align: center;
	padding: 21px 24px 20px;
	align-items: center;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	display: flex;
	flex-direction: column;
}

.blog-details__date .day {
	font-size: 16px;
	color: #fff;
	font-weight: var(--body-font-weight);
	line-height: 16px;
}

.blog-details__date .month {
	position: relative;
	display: block;
	font-size: 10px;
	font-weight: var(--body-font-weight);
	color: #fff;
	line-height: 12px;
	text-transform: uppercase;
}

.blog-details__content {
	position: relative;
	display: block;
	margin-top: 22px;
}

.blog-details__meta {
	position: relative;
	display: flex;
	align-items: center;
}

.blog-details__meta li+li {
	margin-left: 18px;
}

.blog-details__meta li a {
	font-size: 15px;
	color: #777;
	font-weight: 500;
	transition: all 300ms ease;
}

.blog-details__meta li a:hover {
	color: var(--theme-color1);
}

.blog-details__meta li a i {
	color: var(--theme-color1);
	margin-right: 6px;
}

.blog-details__title {
	font-size: 30px;
	font-weight: var(--body-font-weight);
	line-height: 40px;
	margin-top: 12px;
	margin-bottom: 21px;
}

.blog-details__bottom {
	align-items: center;
	border-top: 1px solid rgba(var(--theme-color-white-rgb), 0.1);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 49px;
	padding: 30px 0 30px;
}

@media only screen and (max-width: 767px) {
	.blog-details__bottom {
		gap: 30px;
	}
}

.blog-details__bottom p {
	margin: 0;
}

.blog-details__tags span {
	color: var(--theme-color1-text-color);
	font-size: 20px;
	font-weight: var(--body-font-weight);
	margin-right: 14px;
}

.blog-details__tags a {
	position: relative;
	font-size: 12px;
	background-color: var(--theme-color1);
	color: var(--theme-color1-text-color);
	display: inline-block;
	padding: 5px 30px 5px;
	font-weight: var(--body-font-weight);
	transition: all 300ms ease;
	border-radius: 35px;
}

.blog-details__tags a:hover {
	background-color: var(--theme-color2);
	color: var(--theme-color2-text-color);
	text-decoration: none;
}

.blog-details__tags a+a {
	margin-left: 6px;
}

.blog-details__social-list {
	display: flex;
	align-items: center;
}

.blog-details__social-list a {
	position: relative;
	height: 43px;
	width: 43px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: var(--theme-color1);
	color: var(--theme-color2-text-color);
	font-size: 15px;
	border-radius: 50%;
	overflow: hidden;
	transition: all 300ms ease;
	z-index: 1;
}

.blog-details__social-list a:hover {
	background-color: var(--theme-color1);
	color: var(--theme-color1-text-color);
}

.blog-details__social-list a:hover:after {
	opacity: 1;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

.blog-details__social-list a:after {
	background-color: var(--theme-color1);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-property: all;
	transition-property: all;
	opacity: 1;
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	z-index: -1;
}

.blog-details__social-list a+a {
	margin-left: 10px;
}

.blog-details__pagenation-box {
	position: relative;
	display: block;
	overflow: hidden;
	margin-bottom: 53px;
}

.blog-details__pagenation {
	position: relative;
	display: block;
}

.blog-details__pagenation li {
	position: relative;
	float: left;
	font-size: 20px;
	color: #0e2207;
	font-weight: var(--body-font-weight);
	color: var(--theme-light-background-text-color);
	background-color: var(--theme-light-background);
	line-height: 30px;
	transition: all 300ms ease;
	max-width: 370px;
	width: 100%;
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 52px;
	padding-bottom: 52px;
	border-radius: 10px;
}

.blog-details__pagenation li:hover {
	background-color: var(--theme-color1);
	color: var(--theme-color2-text-color);
}

.blog-details__pagenation li+li {
	margin-left: 30px;
}

/* Nav Links */
.nav-links {
	display: flex;
	justify-content: space-between;
	margin-bottom: 53px;
}

@media only screen and (max-width: 767px) {
	.nav-links {
		flex-direction: column;
		gap: 20px;
	}
}

.nav-links .prev {
	align-items: center;
	display: flex;
	height: 100%;
	margin-right: 30px;
	width: calc(50% - 15px);
}

@media only screen and (max-width: 767px) {
	.nav-links .prev {
		width: 100%;
	}
}

.nav-links .prev .thumb {
	margin-right: 20px;
}

.nav-links .next {
	display: flex;
	align-items: center;
	height: 100%;
	flex-direction: row-reverse;
	width: calc(50% - 15px);
}

@media only screen and (max-width: 767px) {
	.nav-links .next {
		width: 100%;
	}
}

.nav-links .next .thumb {
	margin-left: 20px;
}

.nav-links>div {
	transition: all 300ms ease;
}

.nav-links>div .thumb {
	display: inline-block;
	min-width: 60px;
	width: 60px;
	height: 60px;
	overflow: hidden;
}

.nav-links>div .thumb a {
	display: inline-block;
}

.nav-links>div>a {
	display: inline-block;
	word-wrap: break-word;
	white-space: -moz-pre-wrap;
	white-space: pre-wrap;
	font-size: 20px;
	line-height: 1.637;
	font-weight: var(--body-font-weight);
	transition: all 300ms ease;
	background-color: rgba(var(--theme-color-white-rgb), 0.05);
	color: var(--theme-color1-text-color);
	padding: 52px 50px;
	border-radius: 10px;
	width: 100%;
}

@media only screen and (max-width: 767px) {
	.nav-links>div>a {
		padding: 30px;
	}
}

.nav-links>div>a:hover {
	color: var(--theme-color2-text-color);
	background-color: var(--theme-color1);
}

/*** 

====================================================================
Sidebar
====================================================================

***/
@media (max-width: 991px) {
	.sidebar {
		margin-top: 50px;
	}
}

.sidebar__single+.sidebar__single {
	margin-top: 30px;
}

.sidebar__title {
	margin: 0;
	font-size: 20px;
	margin-bottom: 5px;
	font-weight: var(--h4-font-weight);
}

.sidebar__search {
	position: relative;
	display: block;
}

.sidebar__search-form {
	position: relative;
}

.sidebar__search-form input[type=search] {
	display: block;
	border: none;
	outline: none;
	background-color: rgba(var(--theme-color-white-rgb), 0.05);
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding-left: 50px;
	height: 74px;
	width: 100%;
	padding-right: 80px;
	border-radius: 10px;
}

.sidebar__search-form input[type=search]::-webkit-input-placeholder,
.sidebar__search-form input[type=search]:-ms-input-placeholder,
.sidebar__search-form input[type=search]::-ms-input-placeholder,
.sidebar__search-form input[type=search]::placeholder {
	color: var(--theme-color1-text-color);
	opacity: 1;
}

@media only screen and (max-width: 767px) {
	.sidebar__search-form input[type=search] {
		padding-left: 30px;
	}
}

.sidebar__search-form button[type=submit] {
	background-color: transparent;
	color: #fff;
	font-size: 22px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 72px;
	outline: none;
	border: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0;
}

@media only screen and (max-width: 767px) {
	.sidebar__search-form button[type=submit] {
		width: 42px;
	}
}

.sidebar__post {
	position: relative;
	display: block;
	padding: 46px 30px 30px;
	background-color: rgba(var(--theme-color-white-rgb), 0.05);
	color: var(--theme-light-background-text-color);
	border-radius: 10px;
	overflow: hidden;
	z-index: 1;
}

@media only screen and (max-width: 767px) {
	.sidebar__post {
		padding: 30px;
	}
}

.sidebar__post .sidebar__title {
	margin-left: 20px;
}

@media only screen and (max-width: 767px) {
	.sidebar__post .sidebar__title {
		margin-left: 0;
	}
}

.sidebar__post .sidebar__post-list {
	margin: 0;
}

.sidebar__post .sidebar__post-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 16px 20px 17px;
	transition: all 500ms ease;
}

@media only screen and (max-width: 767px) {
	.sidebar__post .sidebar__post-list li {
		padding: 16px 0;
	}
}

.sidebar__post .sidebar__post-list li:hover {
	background-color: var(--theme-color1);
	border-radius: 10px;
}

.sidebar__post .sidebar__post-list li:hover h3 a {
	color: var(--theme-color1-text-color);
}

.sidebar__post .sidebar__post-list li+li {
	margin-top: 11px;
}

.sidebar__post .sidebar__post-list .sidebar__post-image {
	flex: 70px 0 0;
	margin-right: 20px;
}

.sidebar__post .sidebar__post-list .sidebar__post-image>img {
	border-radius: 10px;
	width: 80px;
}

.sidebar__post .sidebar__post-list .sidebar__post-content {
	position: relative;
	top: -3px;
}

.sidebar__post .sidebar__post-list .sidebar__post-content h3 {
	font-size: 18px;
	letter-spacing: 0;
	line-height: 26px;
	margin: 0;
}

.sidebar__post .sidebar__post-list .sidebar__post-content h3 a {
	color: var(--theme-color-silver);
	display: block;
	font-size: 16px;
	line-height: 24px;
	transition: all 500ms ease;
}

.sidebar__post .sidebar__post-list .sidebar__post-content-meta {
	font-size: 14px;
	font-weight: 400;
	color: rgba(var(--theme-color-white-rgb), 0.5);
	transition: all 500ms ease;
}

.sidebar__post .sidebar__post-list .sidebar__post-content-meta i {
	color: var(--theme-color-white);
	font-size: 14px;
	padding-right: 3px;
}

.sidebar__category {
	background-color: rgba(var(--theme-color-white-rgb), 0.05);
	border-radius: 10px;
	display: block;
	color: var(--theme-light-background-text-color);
	overflow: hidden;
	padding: 45px 30px 38px;
	position: relative;
	z-index: 1;
}

@media only screen and (max-width: 767px) {
	.sidebar__category {
		padding: 30px 15px 30px;
	}
}

.sidebar__category .sidebar__title {
	padding-left: 20px;
	margin-bottom: 9px;
}

.sidebar__category-list {
	margin: 0;
}

.sidebar__category-list li+li {
	margin-top: 4px;
}

.sidebar__category-list li a {
	color: #757873;
	font-size: 16px;
	position: relative;
	transition: all 500ms ease;
	display: block;
	background: none;
	padding: 12px 20px;
	font-weight: 500;
	border-radius: 10px;
}

.sidebar__category-list li a:hover {
	background-color: var(--theme-color1);
	box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
	color: var(--theme-color1-text-color);
}

.sidebar__category-list li a:hover span {
	color: #ffcd1e;
	-webkit-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);
}

.sidebar__category-list li a span {
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%) scale(0);
	transform: translateY(-50%) scale(0);
	transition: all 500ms ease;
	color: var(--theme-color2);
	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;
	font-size: 16px;
}

.sidebar__category-list li.active a {
	background-color: var(--theme-color1);
	border-radius: 10px;
	box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
	color: var(--theme-color1-text-color);
}

.sidebar__category-list li.active a span {
	transform: translateY(-50%) scale(1);
	color: #ffcd1e;
}

.sidebar__tags {
	background-color: rgba(var(--theme-color-white-rgb), 0.05);
	border-radius: 10px;
	color: var(--theme-light-background-text-color);
	display: block;
	overflow: hidden;
	padding: 46px 45px 50px;
	position: relative;
	z-index: 1;
}

@media only screen and (max-width: 767px) {
	.sidebar__tags {
		padding: 30px;
	}
}

.sidebar__tags .sidebar__title {
	margin-left: 5px;
	margin-bottom: 25px;
}

.sidebar__tags-list {
	margin-top: -10px;
}

.sidebar__tags-list a {
	background: var(--theme-color1);
	border-radius: 30px;
	color: var(--theme-color1-text-color);
	display: inline-block;
	font-size: 14px;
	margin-left: 5px;
	padding: 5px 28px 5px;
	transition: all 400ms ease;
}

.sidebar__tags-list a:hover {
	background: var(--theme-color2);
	color: var(--theme-color2-text-color);
}

.sidebar__tags-list a+a {
	margin-left: 5px;
	margin-top: 10px;
}

.sidebar__comments {
	position: relative;
	display: block;
	background-color: rgba(var(--theme-color-white-rgb), 0.05);
	color: var(--theme-light-background-text-color);
	padding: 46px 50px 43px;
	border-radius: 10px;
	overflow: hidden;
	z-index: 1;
}

@media only screen and (max-width: 767px) {
	.sidebar__comments {
		padding: 30px;
	}
}

.sidebar__comments .sidebar__title {
	margin-bottom: 25px;
}

.sidebar__comments-list {
	position: relative;
	display: block;
}

.sidebar__comments-list li {
	position: relative;
	display: block;
	padding-left: 65px;
}

.sidebar__comments-list li:hover .sidebar__comments-icon {
	background-color: var(--theme-color3);
	color: var(--theme-color3-text-color);
}

.sidebar__comments-list li+li {
	margin-top: 23px;
}

.sidebar__comments-icon {
	align-items: center;
	background-color: var(--theme-color1);
	border-radius: 50%;
	color: var(--theme-color1-text-color);
	display: flex;
	font-size: 15px;
	height: 45px;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 0;
	width: 45px;
	transition: all 400ms ease;
}

.sidebar__comments-text-box p {
	font-size: 15px;
	margin: 0;
	line-height: 26px;
	font-weight: 500;
}

.sidebar__comments-text-box p span {
	color: var(--theme-color-white);
}

.sidebar__comments-text-box h5 {
	font-size: 15px;
	margin: 0;
	line-height: 26px;
	color: #757873;
	font-weight: 500;
	letter-spacing: 0;
}

/*** 

====================================================================
    Comments
====================================================================

***/
.comment-one .comment-one__title {
	margin-bottom: 30px;
}

.comment-one .comment-one__single {
	align-items: start;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	display: flex;
	padding-bottom: 60px;
	margin-bottom: 60px;
}

@media only screen and (max-width: 767px) {
	.comment-one .comment-one__single {
		flex-direction: column;
	}
}

.comment-one .comment-one__content {
	position: relative;
}

@media only screen and (max-width: 767px) {
	.comment-one .comment-one__content {
		margin-left: 0;
		margin-top: 20px;
	}
}

.comment-one .comment-one__content h3 {
	color: var(--theme-color2-text-color);
	font-size: 20px;
	margin: 0;
	margin-bottom: 24px;
}

.comment-one .comment-one__content p {
	font-size: 16px;
	font-weight: 500;
}

.comment-one .comment-one__btn {
	font-size: 14px;
	padding: 5px 30px;
	position: absolute;
	right: 0;
	top: 0;
}

.comment-one .comment-one__btn:hover {
	background-color: var(--theme-color2);
	color: var(--theme-color2-text-color);
}

.comment-one .comment-one__image {
	border-radius: 50%;
	display: block;
	flex: 100px 0 0;
	position: relative;
}

.comment-one .comment-one__image img {
	border-radius: 50%;
}

.comment-form .comment-form__title {
	margin-top: -7px;
}

/*--------------------------------------------------------------
# Team Details
--------------------------------------------------------------*/
.team-details {
	display: block;
	position: relative;
}

.team-details-shape-1 {
	bottom: -270px;
	position: absolute;
	opacity: 0.5;
	right: 0;
	z-index: 2;
}

.team-details-shape-1 img {
	width: auto;
}

.team-details__top-left {
	display: block;
	margin-right: -48px;
	position: relative;
}

@media (max-width: 1399.98px) {
	.team-details__top-left {
		margin-right: 0;
	}
}

@media (max-width: 991.98px) {
	.team-details__top-left {
		margin-right: 40px;
	}
}

@media (max-width: 575.98px) {
	.team-details__top-left {
		margin-right: 0px;
	}
}

.team-details__top-img {
	border-radius: 30px;
	display: block;
	position: relative;
}

.team-details__top-img img {
	border-radius: 30px;
	width: 100%;
}

.team-details__big-text {
	background-color: var(--theme-color1);
	color: var(--theme-color1-text-color);
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.35em;
	line-height: 30px;
	padding: 15px 30px 20px 30px;
	position: absolute;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	top: calc(50% - 30px);
	right: -185px;
	text-transform: uppercase;
}

@media (max-width: 575.98px) {
	.team-details__big-text {
		left: 0;
		letter-spacing: 1px;
		margin-bottom: 30px;
		position: relative;
		right: auto;
		transform: rotate(0);
		top: 30px;
		text-align: center;
	}
}

.team-details__top-right {
	position: relative;
	display: block;
	margin-left: 100px;
}

@media (max-width: 1399.98px) {
	.team-details__top-right {
		margin-left: 40px;
	}
}

@media (max-width: 991.98px) {
	.team-details__top-right {
		margin-left: 0px;
		margin-top: 50px;
	}
}

.team-details__top-content {
	position: relative;
	display: block;
	margin-top: -11px;
}

.team-details__top-title {
	font-size: 16px;
	color: var(--theme-color1);
}

.team-details__social {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 20px;
	margin-bottom: 28px;
}

.team-details__social a {
	align-items: center;
	background-color: var(--theme-color1);
	border-radius: 50%;
	color: var(--theme-color1-text-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 15px;
	height: 40px;
	justify-content: center;
	position: relative;
	text-align: center;
	transition: all 500ms ease;
	width: 40px;
}

.team-details__social a:hover {
	background-color: var(--theme-color2);
	color: var(--theme-color2-text-color);
}

.team-details__social a+a {
	margin-left: 10px;
}

.team-details__top-right .team-details__top-name {
	font-size: 40px;
	font-weight: 700;
	line-height: 50px;
	margin-bottom: 15px;
}

.team-details__top-right .team-details__top-name .text-theme-colored1 {
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	color: var(--theme-color1);
}

.team-details__top-right .team-details__text-1 {
	color: #8c8f94;
}

.team-details__top-right .team-details__text-2 {
	color: #8c8f94;
	padding-bottom: 35px;
	margin-bottom: 35px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.17);
}

.team-details__top-right .info-outer-box {
	display: flex;
	align-items: center;
	gap: 30px;
	padding-bottom: 35px;
	margin-bottom: 35px;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255, 255, 255, 0.17);
}

.team-details__top-right .info-outer-box .team-details-contact .title {
	font-size: 18px;
	color: #eeeeee;
	font-weight: 600;
	margin-bottom: 0;
}

.team-details__top-right .info-outer-box .team-details-contact .text {
	font-size: 16px;
	color: #8c8f94;
}

.team-details__bottom {
	position: relative;
	display: block;
}

.team-details__bottom-left {
	position: relative;
	display: block;
	margin-right: 70px;
}

@media (max-width: 1399.98px) {
	.team-details__bottom-left {
		margin-right: 0;
	}
}

@media (max-width: 991.98px) {
	.team-details__bottom-left {
		margin-bottom: 40px;
	}
}

.team-details__bottom-left-title {
	font-size: 36px;
	font-weight: 700;
	line-height: 46px;
}

.team-details__bottom-left-text {
	color: #8c8f94;
	margin-bottom: 30px;
}

.team-details__bottom-right {
	position: relative;
	display: block;
	margin-left: 70px;
	margin-top: 1px;
}

@media (max-width: 1399.98px) {
	.team-details__bottom-right {
		margin-left: 0;
	}
}

.team-details__progress {
	position: relative;
	display: block;
	width: 100%;
}

.team-details__progress .bar {
	position: relative;
	width: 100%;
	height: 13px;
	background-color: #121310;
	border-radius: 7px;
	margin-bottom: 22px;
}

.team-details__progress .bar-inner {
	background-color: var(--theme-color1);
	border-radius: 7px;
	display: block;
	height: 13px;
	position: relative;
	width: 0px;
	transition: all 1500ms ease;
}

.team-details__progress .count-text {
	position: absolute;
	right: 0px;
	bottom: 21px;
	color: #8c8f94;
	line-height: 24px;
	font-size: 14px;
	text-align: center;
	font-weight: 500;
	opacity: 0;
	transition: all 500ms ease;
}

.team-details__progress .bar-inner.counted .count-text {
	opacity: 1;
}

.team-details__progress .bar.marb-0 {
	margin-bottom: 0;
}

.team-details__progress-single {
	position: relative;
	display: block;
	margin-bottom: 40px;
}

.team-details__progress-title {
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	color: var(--theme-color-white);
	margin-bottom: 10px;
}

.team-details__bottom .form-control,
.team-details__bottom .input-text,
.team-details__bottom input[type=text],
.team-details__bottom input[type=email] {
	background-color: #121310;
	border-color: rgba(255, 255, 255, 0.17);
	box-shadow: none;
	color: #fff;
}

.team-details__bottom .form-control:focus,
.team-details__bottom .input-text:focus,
.team-details__bottom input[type=text]:focus,
.team-details__bottom input[type=email]:focus {
	border-color: var(--theme-color2);
}

.team-details__bottom textarea {
	background-color: #121310;
	border-color: rgba(255, 255, 255, 0.17);
	height: 95px;
}

.team-details__bottom button {
	width: 100%;
	border-radius: 10px;
}

/***

====================================================================
        Contact
====================================================================

***/
.contact-details__info {
	position: relative;
	display: block;
	margin-top: 41px;
}

.contact-details__info li {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.contact-details__info li .icon {
	height: 80px;
	width: 80px;
	background-color: var(--theme-color1);
	color: var(--theme-color1-text-color);
	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;
	transition: all 500ms ease;
}

.contact-details__info li .icon span {
	color: var(--theme-color2-text-color);
	font-size: 25px;
	transition: all 500ms ease;
}

.contact-details__info li:hover .icon {
	background-color: var(--theme-color2);
	color: var(--theme-color2-text-color);
}

.contact-details__info li:hover .text a {
	color: var(--notech-base);
}

.contact-details__info li:hover .text a span {
	color: var(--notech-gray);
}

.contact-details__info li .text {
	margin-left: 30px;
}

.contact-details__info li .text p {
	font-size: 14px;
	line-height: 24px;
}

.contact-details__info li .text a {
	font-size: 18px;
	color: var(--notech-black);
	transition: all 500ms ease;
}

.contact-details__info li .text span {
	font-size: 20px;
	color: var(--notech-black);
}

.contact-details__info li+li {
	margin-top: 19px;
}

.contact-details .sec-title {
	margin-bottom: 20px;
}

.contact-details .sec-title .sub-title {
	color: #4f515d;
}

.contact-details .sec-title h2 {
	color: var(--headings-color);
}

.contact-details .sec-title .text {
	color: #4f515d;
}

.map {
	height: 550px;
}

.hero-stats {
	margin-top: 40px;
	background: #fff;
	border-radius: 20px;
	padding: 30px;
	display: flex;
	justify-content: space-between;
	gap: 20px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
}

.stat-item {
	text-align: center;
}

.stat-item h3 {
	font-size: 42px;
	color: #FF6B00;
	font-weight: 700;
}

.stat-item p {
	margin: 0;
	color: #666;
}

.hero-badge {
	display: inline-block;
	background: rgba(255, 107, 0, .12);
	border: 1px solid rgba(255, 107, 0, .25);
	padding: 10px 20px;
	border-radius: 50px;
	margin-bottom: 25px;
	color: #FF6B00;
	font-weight: 600;
}

.logo a img {
	width: 300px;
	padding: 10px 0px;
}

/* ==========================================
   PREMIUM MLA VIDEO HERO
========================================== */


.hero-section-3 {
	position: relative;

	overflow: hidden;
}

/* VIDEO */

.hero-video-wrapper {
	position: absolute;
	inset: 0;
	z-index: -2;
}

.hero-video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero-video-overlay {
	position: absolute;
	inset: 0;

	background:
		linear-gradient(90deg,
			rgba(6, 20, 40, .92) 0%,
			rgba(6, 20, 40, .78) 40%,
			rgba(6, 20, 40, .25) 70%,
			rgba(6, 20, 40, .05) 100%);
}

/* MAIN */

.hero-premium-wrapper {
	/* min-height:100vh; */
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 10;
}

.hero-premium-content {
	width: 80%;
	padding-top: 150px;
	padding-bottom: 50px;
}


.hero-badge {

	display: inline-flex;

	padding: 14px 26px;

	border-radius: 100px;

	background: rgba(255, 107, 0, .12);

	border: 1px solid rgba(255, 107, 0, .3);

	color: #FF6B00;

	font-size: 13px;

	font-weight: 700;

	letter-spacing: 2px;

	margin-bottom: 30px;
}

/* NAME */

.hero-main-title {
	font-size: 50px;
	line-height: .95;
	font-weight: 800;
	color: #fff;
	margin-bottom: 20px;
}

.hero-main-title span {
	/* display:block; */
	color: #FF6B00;
}

/* DESIGNATION */

.hero-designation {
	color: #fff;
	font-size: 20px;
	margin-bottom: 10px;
}

.hero-designation span {

	margin: 0 15px;

	color: #FF6B00;
}

/* DESCRIPTION */

.hero-description {
	max-width: 650px;
	color: rgba(255, 255, 255, .85);
	font-size: 15px;
	line-height: 1.9;
	margin-bottom: 30px;
}

/* BUTTONS */

.hero-action-buttons {

	display: flex;

	gap: 20px;
}

.hero-btn-primary {

	background: #FF6B00;

	color: #fff;

	padding: 18px 35px;

	border-radius: 60px;

	font-weight: 700;
}

.hero-btn-primary:hover {

	background: #fff;

	color: #111;
}

.hero-btn-secondary {

	padding: 18px 35px;

	border-radius: 60px;

	border: 1px solid rgba(255, 255, 255, .25);

	backdrop-filter: blur(15px);

	color: #fff;
}

/* SOCIAL */

.social-icon-items span,
.email-items a {
	color: #fff;
}

/* MOBILE */

@media(max-width:991px) {

	.hero-premium-wrapper {

		flex-direction: column;

		justify-content: center;

		text-align: center;
	}

	.hero-premium-content,
	.hero-premium-image {

		width: 100%;
	}

	.hero-main-title {font-size: 20px;}

	.hero-description {

		margin: auto auto 30px;
	}

	.hero-action-buttons {

		justify-content: center;
	}

	.hero-premium-image img {

		max-height: 450px;

		margin-top: 40px;
	}
}


.hero-video-overlay {
	background:
		linear-gradient(90deg,
			rgba(4, 18, 35, .92) 0%,
			rgba(4, 18, 35, .78) 35%,
			rgba(4, 18, 35, .15) 100%);
}

.hero-premium-image {
	position: absolute;
	right: 3%;
	bottom: 0px;
	width: auto;
	height: auto;
	z-index: 10;
	pointer-events: none;
}

.hero-premium-image img {
	height: 400px;
	width: auto;
	/* max-height:780px; */
	object-fit: contain;
	display: block;
	filter:
		drop-shadow(0 20px 60px rgba(0, 0, 0, .35));
	/* padding-bottom: 100px; */
}

.hero-premium-image::before {

	content: "";

	position: absolute;

	width: 550px;
	height: 550px;

	border-radius: 50%;

	right: -80px;
	bottom: 80px;

	background:
		radial-gradient(circle,
			rgba(255, 107, 0, .20),
			transparent 70%);

	z-index: -1;
}

.hero-premium-content {
	width: 60%;
	max-width: 700px;
	position: relative;
	z-index: 20;
}
/* =========================================
   HERO CONTENT RESPONSIVE
========================================= */

.hero-premium-content{

    position:relative;

    z-index:20;

    width:100%;

    max-width:720px;

    flex:0 0 58%;
}

/* Large Desktop */

@media (max-width:1600px){

    .hero-premium-content{

        max-width:680px;
    }
}

/* Laptop */

@media (max-width:1399px){

    .hero-premium-content{

        max-width:620px;
    }
}

/* Tablet Landscape */

@media (max-width:1199px){

    .hero-premium-content{

        max-width:100%;

        flex:0 0 100%;

        text-align:center;

        margin:0 auto;
    }
}

/* Tablet */

@media (max-width:991px){

    .hero-premium-content{

        width:100%;

        max-width:100%;

        padding:0 20px;

        text-align:center;
    }
}

/* Mobile */

@media (max-width:767px){

    .hero-premium-content{

        padding:0 15px;
    }
}

/* Small Mobile */

@media (max-width:575px){

    .hero-premium-content{padding: 100px 0px;}
}
.hero-premium-wrapper{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:50px;
}

@media(max-width:1199px){

    .hero-premium-wrapper{

        flex-direction:column;

        text-align:center;
    }
}
.hero-premium-title{

    font-size:clamp(42px,6vw,96px);

    line-height:1.05;

    font-weight:800;
}

.hero-premium-text{

    font-size:clamp(16px,1.2vw,20px);

    line-height:1.9;
}
.hero-premium-image::before {content: "";position: absolute;width: 550px;height: 550px;border-radius: 50%;right: -80px;bottom: 80px;background: radial-gradient(circle, rgb(255 107 0 / 15%), #00000000 70%);z-index: -1;}

/* ====================================
   BJP LOTUS WATERMARK
==================================== */

.hero-premium-image {
	position: absolute;
	right: 4%;
	bottom: 0;

	z-index: 10;
}

/* Lotus */

.hero-lotus-bg {
	position: absolute;
	left: 40%;
	top: 68%;
	transform: translate(-50%, -50%);
	z-index: -1;
	pointer-events: none;
}

.hero-lotus-bg img {
	width: 500px;
	opacity: .1;
	filter:
		drop-shadow(0 0 30px rgba(255, 107, 0, .25));
	animation:
		lotusFloat 8s ease-in-out infinite;
	/* padding-top: 200px; */
	/* right: 20%; */
}

/* Animation */

@keyframes lotusFloat {

	0% {
		transform:
			translateX(0px) translateY(0px) rotate(0deg);
	}

	25% {
		transform:
			translateX(-10px) translateY(-5px) rotate(-1deg);
	}

	50% {
		transform:
			translateX(10px) translateY(0px) rotate(1deg);
	}

	75% {
		transform:
			translateX(-8px) translateY(5px) rotate(-1deg);
	}

	100% {
		transform:
			translateX(0px) translateY(0px) rotate(0deg);
	}
}

.hero-lotus-bg::before {

	content: "";

	position: absolute;

	width: 400px;
	height: 400px;

	border-radius: 50%;

	left: 50%;
	top: 50%;

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

	background:
		radial-gradient(circle,
			rgba(255, 107, 0, .12),
			transparent 70%);

	filter: blur(40px);

	z-index: -1;
}
/* ============================
   MLA ACHIEVEMENTS
============================ */

.achievement-section-custom{
    background: #07182d !important;
}

.mla-achievement-stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    margin-bottom:70px;
}

.achievement-card{
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;
    padding:35px;
    text-align:center;
    transition:.4s;
}

.achievement-card:hover{
    transform:translateY(-10px);
    border-color:#ff6b00;
}

.achievement-card h3{
    color:#ff6b00;
    font-size:48px;
    font-weight:800;
    margin-bottom:10px;
}

.achievement-card p{
    color:#fff;
    margin:0;
}

.service-block-two .inner-box.active{
    background:rgba(255,107,0,.08);
    border-left:4px solid #ff6b00;
}

.service-hover-image .content-box{
    background:#081b33;
    border-radius:20px;
}

.service-hover-image .image img{
    border-radius:20px;
}

@media(max-width:991px){

    .mla-achievement-stats{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:576px){

    .mla-achievement-stats{
        grid-template-columns:1fr;
    }

}

/* ===================================
   MLA ABOUT SECTION
=================================== */

.mla-about-section{
    background: #081b33;
    position:relative;
    overflow:hidden;
    padding-bottom: 0px;
}

.mla-about-image{
    position:relative;
    text-align:center;
}

.mla-about-image img{
    height: 650px;
    position:relative;
    z-index:2;
    filter:
    drop-shadow(
        0 30px 60px rgba(0,0,0,.35)
    );
}

.mla-image-bg{
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:
    radial-gradient(
        circle,
        rgba(255,107,0,.20),
        transparent 70%
    );
    left:50%;
    top:50%;
    transform:
    translate(-50%,-50%);
    z-index:1;
    }

.mla-subtitle{

    color:#ff6b00;

    font-weight:700;

    letter-spacing:1px;

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-bottom:15px;
}

.mla-title{color:#fff;font-size: 50px;font-weight:800;margin-bottom:10px;}

.mla-designation{

    color:#ff6b00;

    margin-bottom:25px;
}

.mla-description{

    color:#d8d8d8;

    line-height:1.9;

    margin-bottom:35px;
}

.mla-feature-grid{

    display:grid;

    grid-template-columns:
    repeat(2,1fr);

    gap:15px;

    margin-bottom:35px;
}

.mla-feature{

    color:#fff;

    font-weight:600;
}

.mla-feature i{

    color:#ff6b00;

    margin-right:8px;
}

.mla-vision-box{

    display:flex;

    gap:20px;

    align-items:center;

    padding:25px;

    border-radius:24px;

    background:
    rgba(255,255,255,.03);

    border:
    1px solid rgba(255,255,255,.08);

    margin-bottom:35px;
}

.vision-icon{

    width:70px;
    height:70px;

    background:#ff6b00;

    border-radius:18px;

    display:flex;

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

    color:#fff;

    font-size:28px;
}

.mla-vision-box h5{
    color:#fff;
    margin-bottom:8px;
}

.mla-vision-box p{
    color:#cfcfcf;
    margin:0;
}

.mla-about-footer{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;
}

.service-years h3{

    color:#ff6b00;

    font-size:52px;

    margin-bottom:0;
}

.service-years span{

    color:#fff;
}

@media(max-width:991px){

    .mla-title{
        font-size:42px;
    }

    .mla-about-footer{
        flex-direction:column;
        align-items:flex-start;
    }

    .mla-feature-grid{
        grid-template-columns:1fr;
    }
}

.mla-history-section{background: #07182d;position:relative;}

.mla-history-image{
position:relative;
overflow:hidden;
border-radius:25px;
}

.mla-history-image img{
border-radius:25px;
}

.history-badge{
position:absolute;
bottom:20px;
left:20px;
background:#ff6b00;
color:#fff;
font-weight:700;
padding:12px 22px;
border-radius:50px;
}

.hidden-history{
display:none;
}

.award-block-two .list-item{border-radius:20px;overflow:hidden;margin-bottom:15px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);transition:.4s;}

.award-block-two .list-item:hover{
transform:translateX(10px);
border-color:#ff6b00;
background:rgba(255,107,0,.05);
}

.award-block-two .year{
color:#ff6b00;
font-size:18px;
font-weight:800;
}

.award-block-two .title{
color:#fff;
}

.history-button-wrap{
text-align:center;
margin-top:40px;
}

.history-toggle-btn{
height:60px;
padding:0 40px;
border:none;
border-radius:60px;
background:linear-gradient(135deg,#ff6b00,#ff8c00);
color:#fff;
font-weight:700;
transition:.4s;
}

.history-toggle-btn:hover{
transform:translateY(-3px);
box-shadow:0 15px 40px rgba(255,107,0,.25);
}
/* =====================================
   ULTRA PREMIUM IMAGE CARD
===================================== */

.image-box{
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    isolation: isolate;
}

.image-box a{
    display:block;
    position:relative;
}

.image-box img{
    width: 200px;
    /* height:420px; */
    object-fit:cover;
    border-radius:30px;
    transition:
    transform .8s ease,
    filter .8s ease;
    border: 2px solid #ffffff30;
}

/* Dark premium overlay */

.image-box::before{content:"";position:absolute;inset:0;z-index:1;border-radius:30px;/* background:
    linear-gradient(
        180deg,
        rgba(0,0,0,0) 0%,
        rgba(8,27,51,.25) 50%,
        rgba(8,27,51,.65) 100%
    ); */pointer-events:none;}

/* Orange glow border */

.image-box::after{

    content:"";

    position:absolute;

    inset:0;

    border-radius:30px;

    border:
    1px solid rgba(255,107,0,.18);

    z-index:2;

    transition:.5s;
}

/* Hover */

.image-box:hover img{

    transform:scale(1.08);

    filter:
    brightness(1.05)
    contrast(1.05);
}

.image-box:hover::after{

    border-color:#ff6b00;

    box-shadow:
    0 0 40px rgba(255,107,0,.18),
    0 20px 60px rgba(0,0,0,.25);
}

/* Floating highlight */

.image-box .premium-shine{

    position:absolute;

    top:-100%;

    left:-60%;

    width:60%;

    height:250%;

    background:
    linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.12),
        transparent
    );

    transform:rotate(25deg);

    z-index:3;

    transition:1s;
}

.image-box:hover .premium-shine{

    left:140%;
}

/* Decorative saffron glow */

.image-box-glow{
    position:absolute;
    width:180px;
    height:180px;
    background:
    radial-gradient(
        circle,
        rgba(255,107,0,.25),
        transparent 70%
    );
    top:-50px;
    right:-50px;
    z-index:0;
    pointer-events:none;
    }
	.video-gallery-premium{background: #081b33;position:relative;overflow:hidden;}

.video-gallery-header{

    text-align:center;

    margin-bottom:60px;
}

.video-subtitle{

    color:#ff6b00;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:2px;
}

.video-gallery-header h2{font-size: 30px;font-weight:800;margin-top:15px;color: #ffffff;}

.video-gallery-header h2 span{

    color:#ff6b00;
}

.video-gallery-header p{max-width:700px;margin:auto;margin-top:15px;font-size: 15px;}

/* Featured Video */

.featured-video-card{

    position:relative;

    border-radius:35px;

    overflow:hidden;

    height:620px;
}

.featured-video-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.7s;
}

.featured-video-card:hover img{

    transform:scale(1.08);
}

.video-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
    to top,
    rgba(0,0,0,.85),
    rgba(0,0,0,.1));

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    padding:40px;
}

.video-play-btn{

    position:absolute;

    top:50%;
    left:50%;

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

    width:95px;
    height:95px;

    border-radius:50%;

    background:#ff6b00;

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

    color:#fff;

    font-size:28px;
}

.video-content span{

    color:#ff6b00;

    font-weight:700;
}

.video-content h4{

    color:#fff;

    font-size:32px;

    margin-top:10px;
}

/* Side Videos */

.video-side-list{

    display:flex;

    flex-direction:column;

    gap:20px;

    height:100%;
}

.video-side-card{

    position:relative;

    overflow:hidden;

    border-radius:25px;

    flex:1;
}

.video-side-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s;
}

.video-side-card:hover img{

    transform:scale(1.08);
}

.side-play{

    position:absolute;

    top:50%;
    left:50%;

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

    width:55px;
    height:55px;

    border-radius:50%;

    background:#ff6b00;

    color:#fff;

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

/* Bottom Carousel */

.video-carousel-wrapper{margin-top: 30px;}

.video-thumb-card{

    position:relative;

    border-radius:25px;

    overflow:hidden;
}

.video-thumb-card img{

    width:100%;

    height:240px;

    object-fit:cover;
}

.video-thumb-card span{

    position:absolute;

    top:50%;
    left:50%;

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

    width:60px;
    height:60px;

    border-radius:50%;

    background:#ff6b00;

    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;
}
.video-slider-nav{display:flex;justify-content:flex-end;gap:15px;/* margin-bottom: 10px; */margin-top: 30px;}

.video-prev,
.video-next{

    width:65px;
    height:65px;

    border-radius:50%;

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

    cursor:pointer;

    background:#fff;

    border:1px solid rgba(255,107,0,.15);

    color:#081b33;

    font-size:20px;

    transition:.4s;

    box-shadow:
    0 10px 30px rgba(0,0,0,.08);
}

.video-prev:hover,
.video-next:hover{

    background:#ff6b00;

    color:#fff;

    transform:translateY(-5px);

    box-shadow:
    0 20px 40px rgba(255,107,0,.25);
}

/* Active Click Effect */

.video-prev:active,
.video-next:active{

    transform:scale(.92);
}

/* =========================================
CITIZEN SERVICES PREMIUM DESIGN
========================================= */

.service-section-4{


position:relative;
overflow:hidden;


}

.service-section-4 .inner-box{border-radius: 30px;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(15px);transition:.5s;}

.service-section-4 .inner-box.active{


background:
linear-gradient(
    135deg,
    rgba(255,107,0,.10),
    rgba(255,255,255,.02)
);

border-color:
rgba(255,107,0,.30);


}

.service-section-4 .inner-box:hover{


transform:translateY(-6px);

border-color:#ff6b00;


}

.service-section-4 .title{


font-size:34px;
font-weight:700;


}

.service-section-4 .image-box{


border-radius:24px;

overflow:hidden;


}

.service-section-4 .image-box img{


transition:1s;


}

.service-section-4 .inner-box:hover .image-box img{


transform:scale(1.08);


}

.service-section-4 .tag-box{


border-radius:50px;

padding:12px 18px;

font-weight:600;


}

.service-section-4 .arrow-icon{


width:65px;
height:65px;

border-radius:50%;

background:#ff6b00;

color:#fff;

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

transition:.4s;


}

.service-section-4 .arrow-icon:hover{


transform:rotate(-45deg);


}

.service-section-4 .text{


font-size:17px;

line-height:1.9;


}
/* ===================================
SOCIAL MEDIA HUB
=================================== */

.social-hub-section{

    background:#02162d;

    position:relative;

    overflow:hidden;
}

.social-hub-header{

    margin-bottom:70px;
}

.social-subtitle{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#ff6b00;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:20px;
}

.social-hub-header h2{

    color:#fff;

    font-size:30px;

    font-weight:800;

    margin-bottom:20px;
}

.social-hub-header h2 span{

    color:#ff6b00;
}

.social-hub-header p{

    color:#b6c3d3;

    max-width:850px;

    margin:auto;

    font-size:18px;

    line-height:1.9;
}

/* CARD */

.social-card{

    background:
    linear-gradient(
        145deg,
        rgba(255,255,255,.04),
        rgba(255,255,255,.01)
    );

    border:1px solid rgba(255,255,255,.08);

    border-radius:30px;

    overflow:hidden;

    backdrop-filter:blur(20px);

    transition:.5s;

    height:100%;
}

.social-card:hover{

    transform:translateY(-10px);

    border-color:#ff6b00;
}

.social-card-header{

    display:flex;

    align-items:center;

    gap:20px;

    padding:25px;

    border-bottom:1px solid rgba(255,255,255,.08);
}

.social-card-header .icon{

    width:70px;

    height:70px;

    border-radius:50%;

    background:#ff6b00;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:28px;
}

.social-card-header h4{

    color:#fff;

    margin-bottom:5px;

    font-weight:700;
}

.social-card-header span{

    color:#b6c3d3;
}

.social-frame{

    padding:15px;
}

/* FACEBOOK */

.facebook-card:hover{

    box-shadow:
    0 0 40px rgba(24,119,242,.25);
}

/* INSTAGRAM */

.instagram-card:hover{

    box-shadow:
    0 0 40px rgba(225,48,108,.25);
}

/* X */

.twitter-card:hover{

    box-shadow:
    0 0 40px rgba(255,107,0,.25);
}
.foote-logo img{
	width:300px;
}

/* =========================================
   MLA STICKY SOCIAL HUB
========================================= */

.mla-social-fixed{position:fixed;right: 10px;top: 70%;transform:translateY(-50%);z-index:9999;display:flex;flex-direction:column;gap:14px;}

/* SOCIAL ITEM */

.mla-social-fixed .social-item{
    position:relative;
    width: 50px;
    height: 50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    text-decoration:none;
    color:#fff;
    font-size:22px;
    overflow:hidden;
    backdrop-filter:blur(20px);
    border:
    1px solid rgba(255,255,255,.12);
    box-shadow:
    0 15px 35px rgba(0,0,0,.15);
    transition:.45s;
    }

/* LABEL */

.mla-social-fixed .social-item span{

    position:absolute;

    right:75px;

    background:#081b33;

    color:#fff;

    padding:10px 18px;

    border-radius:50px;

    font-size:13px;

    font-weight:600;

    white-space:nowrap;

    opacity:0;

    visibility:hidden;

    transform:translateX(15px);

    transition:.4s;
}

/* SHOW LABEL */

.mla-social-fixed .social-item:hover span{

    opacity:1;

    visibility:visible;

    transform:translateX(0);
}

/* HOVER */

.mla-social-fixed .social-item:hover{

    transform:translateX(-10px);

    border-color:#ff6b00;
}

/* FACEBOOK */

.facebook{

    background:
    linear-gradient(
        135deg,
        #1877f2,
        #0d5adf
    );
}

/* INSTAGRAM */

.instagram{

    background:
    linear-gradient(
        135deg,
        #833ab4,
        #e1306c,
        #f77737
    );
}

/* X */

.twitter{

    background:
    linear-gradient(
        135deg,
        #111,
        #333
    );
}

/* YOUTUBE */

.youtube{

    background:
    linear-gradient(
        135deg,
        #ff0000,
        #c40000
    );
}

/* GLOW */

.facebook:hover{

    box-shadow:
    0 0 30px rgba(24,119,242,.45);
}

.instagram:hover{

    box-shadow:
    0 0 30px rgba(225,48,108,.45);
}

.twitter:hover{

    box-shadow:
    0 0 30px rgba(255,255,255,.25);
}

.youtube:hover{

    box-shadow:
    0 0 30px rgba(255,0,0,.45);
}

/* MOBILE */

@media(max-width:991px){

    .mla-social-fixed{

        right:12px;
    }

    .mla-social-fixed .social-item{

        width:52px;
        height:52px;

        font-size:18px;
    }

    .mla-social-fixed .social-item span{

        display:none;
    }
}
.mla-social-fixed{

    animation:socialFloat 4s ease-in-out infinite;
}

@keyframes socialFloat{

    0%{
        transform:translateY(-50%);
    }

    50%{
        transform:translateY(calc(-50% - 8px));
    }

    100%{
        transform:translateY(-50%);
    }
}
/* Hide MLA image on Tablet & Mobile */

@media (max-width: 991px){

    .hero-premium-image{
        display:none !important;
    }

}
/* Hide only on Mobile */

@media (max-width: 767px){

    .hero-premium-image{
        display:none !important;
    }

}
@media (max-width: 991px){

    .hero-premium-image{
        display:none !important;
    }

    .hero-premium-content{

        width:100% !important;

        max-width:100% !important;

        flex:0 0 100% !important;

        text-align:center;

        margin:0 auto;
    }

}
.hero-action-buttons{
    display:flex;
    align-items:center;
    gap:20px;
}

@media (max-width:767px){

    .hero-action-buttons{

        flex-direction:column;

        align-items:stretch;

        width:100%;
    }

    .hero-btn-primary,
    .hero-btn-secondary{

        width:100%;

        text-align:center;

        display:flex;

        justify-content:center;

        align-items:center;

        min-height:58px;
    }

}

/* =========================================
   MLA IMAGE RESPONSIVE
========================================= */

.mla-about-image{

    position:relative;

    display:flex;

    align-items:flex-end;

    justify-content:center;

    width:100%;
}

.mla-about-image img{width:100%;/* max-width:500px; */height:auto;display:block;position:relative;z-index:2;object-fit:contain;}

/* Desktop */

@media (min-width:1200px){

    .mla-about-image img{width: 250px;}

}

/* Laptop */

@media (max-width:1199px){

    .mla-about-image img{

        max-width:420px;
    }

}

/* Tablet */

@media (max-width:991px){

    .mla-about-image{

        margin-top:40px;

        text-align:center;
    }

    .mla-about-image img{

        max-width:350px;
    }

}

/* Mobile */

@media (max-width:767px){

    .mla-about-image{

        margin-top:30px;
    }

    .mla-about-image img{

        max-width:280px;

        width:90%;
    }

}

/* Small Mobile */

@media (max-width:480px){

    .mla-about-image img{

        max-width:240px;

        width:85%;
    }

}


@media (max-width:991px){

    .image-box{

        border-radius:20px;
    }

    .image-box img{

        border-radius:20px;
    }
}

/* Mobile */

@media (max-width:767px){

    .image-box{

        max-width:420px;

        margin:0 auto;

        border-radius:18px;
    }

    .image-box img{

        width:100%;

        height:auto;

        border-radius:18px;
    }
}

/* Small Mobile */

@media (max-width:575px){

    .image-box{

        max-width:100%;

        border-radius:16px;
    }

    .image-box img{

        border-radius:16px;
    }
}

.mla-journey-section{
    background: #07182d;
    padding: 80px 0;
}

.mla-journey-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin-bottom:50px;
}

.mla-journey-header h2{
    color:#fff;
    font-size: 30px;
    /* font-weight:800; */
}

.journey-subtitle{
    color:#ff6b1e;
    font-weight:700;
}

.journey-navigation button{
    width:70px;
    height:70px;
    border:none;
    border-radius:50%;
    background:#ff6b1e;
    color:#fff;
    margin-left:10px;
}

.year-item{
    text-align:center;
    color:#fff;
    cursor:pointer;
    font-weight:600;
}

.year-item.active{
    color:#ff6b1e;
}

.mla-journey-card{
    border-radius:35px;
    overflow:hidden;
    background:#082443;
}

.journey-image{
    position:relative;
}

.journey-image img{
    width:100%;
    height:520px;
    object-fit:cover;
}

.journey-overlay{
    position:absolute;
    left:40px;
    bottom:40px;
}

.journey-year{
    background:#ff6b1e;
    color:#fff;
    padding:12px 25px;
    border-radius:50px;
}

.journey-content{
    padding:40px;
}

.journey-content h3{
    color:#fff;
    font-size:36px;
}

.journey-content p{
    color:#c8d1dc;
    line-height:1.9;
}

.journey-tags span{
    display:inline-block;
    padding:10px 20px;
    background:#0e3158;
    border-radius:50px;
    color:#fff;
    margin-right:10px;
}
.year-item{


cursor:pointer;

position:relative;

text-align:center;

color:#9db0c4;

font-weight:600;

transition:.4s;

padding-bottom:25px;


}

.year-item:before{


content:"";

width:14px;

height:14px;

border-radius:50%;

background:#34506e;

position:absolute;

left:50%;

bottom:0;

transform:translateX(-50%);

transition:.4s;


}

.year-item.active{


color:#ff6b1e;

font-weight:700;


}

.year-item.active:before{


background:#ff6b1e;

box-shadow:
0 0 25px rgba(255,107,30,.7);


}

.year-item:hover{


color:#ff6b1e;


}

.journey-navigation{


display:flex;

gap:12px;


}

.journey-navigation button{


width:65px;

height:65px;

border:none;

border-radius:50%;

background:#ff6b1e;

color:#fff;

transition:.4s;


}

.journey-navigation button:hover{


transform:translateY(-5px);


}

.year-item.active{

    color:#ff6b1e;

    font-weight:700;
}

.year-item.active::before{

    background:#ff6b1e;

    box-shadow:
    0 0 25px rgba(255,107,30,.6);
}
.mla-journey-card-v2{

    background:#07203d;

    border-radius:35px;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.08);

    padding:30px;

    position:relative;
}

.journey-image-v2{

    position:relative;

    overflow:hidden;

    border-radius:25px;
}

.journey-image-v2 img{

    width:100%;

    height:520px;

    object-fit:cover;

    border-radius:25px;
}

.journey-year-badge{

    position:absolute;

    left:25px;

    bottom:25px;

    background:#ff6b1e;

    color:#fff;

    padding:12px 25px;

    border-radius:50px;

    font-weight:700;

    font-size:18px;
}

.journey-content-v2{

    padding-left:35px;
}

.journey-mini-title{

    color:#ff6b1e;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;
}

.journey-content-v2 h3{

    color:#fff;

    font-size:42px;

    margin:15px 0 20px;
}

.journey-content-v2 p{

    color:#c6d1de;

    line-height:1.9;

    font-size:17px;
}

.journey-tags-v2{

    margin-top:25px;
}

.journey-tags-v2 span{

    display:inline-block;

    background:#0e3158;

    color:#fff;

    padding:10px 18px;

    border-radius:40px;

    margin-right:10px;

    margin-bottom:10px;
}

@media(max-width:991px){

    .journey-content-v2{

        padding-left:0;

        padding-top:30px;
    }

    .journey-image-v2 img{

        height:350px;
    }

    .journey-content-v2 h3{

        font-size:30px;
    }
}
.premium-journey-card{

    background:linear-gradient(
    135deg,
    rgba(7,30,58,.95),
    rgba(4,19,38,.98));

    border:1px solid rgba(255,255,255,.08);

    border-radius:35px;

    overflow:hidden;

    padding:35px;

    position:relative;

    backdrop-filter:blur(20px);
}

.premium-journey-card:before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:linear-gradient(
    90deg,
    #ff6b1e,
    #ff9b62);
}

.premium-journey-image{

    position:relative;

    overflow:hidden;

    border-radius:25px;
}

.premium-journey-image img{

    width:100%;

    height:500px;

    object-fit:cover;

    border-radius:25px;

    transition:.6s;
}

.premium-journey-card:hover img{

    transform:scale(1.05);
}

.journey-image-glow{

    position:absolute;

    inset:0;

    background:linear-gradient(
    to top,
    rgba(0,0,0,.55),
    transparent);

    border-radius:25px;
}

.journey-year{

    position:absolute;

    left:25px;

    bottom:25px;

    background:#ff6b1e;

    color:#fff;

    padding:12px 24px;

    border-radius:50px;

    font-weight:700;

    font-size:18px;

    z-index:5;
}

.premium-journey-content{

    padding-left:30px;
}

.journey-sub-heading{

    display:inline-block;

    color:#ff6b1e;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:15px;
}

.premium-journey-content h3{color:#fff;font-size: 30px;line-height:1.2;margin-bottom:20px;font-weight:800;}

.premium-journey-content p{

    color:#c7d2df;

    font-size:17px;

    line-height:1.9;

    margin-bottom:25px;
}

.journey-highlights{

    margin-bottom:25px;
}

.journey-point{

    display:flex;

    align-items:center;

    gap:12px;

    color:#fff;

    margin-bottom:14px;

    font-size:16px;
}

.journey-point i{

    color:#ff6b1e;
}

.journey-tags{

    display:flex;

    flex-wrap:wrap;

    gap:12px;
}

.journey-tags span{

    padding:10px 18px;

    background:rgba(255,107,30,.12);

    border:1px solid rgba(255,107,30,.25);

    color:#fff;

    border-radius:50px;

    font-size:14px;

    transition:.4s;
}

.journey-tags span:hover{

    background:#ff6b1e;
}

@media(max-width:991px){

    .premium-journey-content{

        padding-left:0;

        padding-top:30px;
    }

    .premium-journey-image img{

        height:320px;
    }

    .premium-journey-content h3{

        font-size:32px;
    }
}