@charset "UTF-8";
/*
Theme Name: HomeRise - Construction & Industry Html Template
Author: Softiom
Description: HomeRise - Construction & Industry Html Template
Version: 1.0.0
*/
/* ------------------------------------------------------------------
[Table of Contents]
------------------------------------------------------------------- 

================= Base =================
01. Functions
02. Mixins
03. Variables
04. Typography
05. Color System
06. Section Spacing
07. Reset
08. Animations
09. Common Classes

================ Components ================
01. Menu
02. Breadcrumb
03. Common Components
04. Forms
05. Buttons
06. Cards
07. Progress Bar
08. Accordion
09. Section Title
10. Pagination
11. Back to Top
12. Search
13. Preloader
14. Sidebar

================= Pages =================
01. Home One
02. Home Two
03. Team Details
04. Blog Details
05. Project Details
06. Contact Page
07. Error Page

================ Sections ================
01. Header
02. Footer
03. Intro
04. About
05. Services
06. Call To Action (CTA)
07. Team
08. Counter
09. Clients
10. Why Choose Us (WCU)
11. Project
12. Testimonials
13. Blog
14. FAQ
15. Pricing
16. Work Process (WP)

------------------------------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&family=Kapakana:wght@300..400&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap");
:root {
 --primary-color: #FF5E14;
 --secondary-color: #0E121D;
 --text-color: #4C4F58;
 --border-color: #AFAFAF52;
 --secondary-border-color: #C8C9CC3D;
 --white-color: #FFFFFF;
 --black-color: #070707;
 --text-primary: rgba(255,255,255, 0.7);
 --text-secondary: #4C4F58;
 --icon-primary: #AEAFB3;
 --icon-secondary: #7B7D84;
 --bg-color-primary: #F5F5F5;
 --bg-color-secondary: #F1F1F1;
 --bg-color-tertiary: #2A2D37;
 --gradient-color: linear-gradient(180deg, rgba(22, 41, 50, 0.24) 0%, rgba(236, 86, 0, 0.24) 100%);
 --box-shadow: -3px 9px 13px 1px rgba(224, 66, 18, 0.65);
 --backdrop-bg: rgba(0, 0, 0, 0.45);
 --transition: all 0.3s;
 --primary-radius: 8px;
  /* Typography */
  --body-font: "Public Sans", sans-serif;
 --title-font: "Exo", sans-serif;
}
/* Colors */
/* Typography */
.box-shadow {
	box-shadow: var(--box-shadow);
}
/* ======================================
   Responsive Headings
   Scale: 2XL → XS
   Format: font-size / line-height
====================================== */
h1 {
	font-size: 56px;
}

@media (max-width: 1499.98px) {
h1 {
	font-size: 52px;
}
}

@media (max-width: 1199.98px) {
h1 {
	font-size: 48px;
}
}

@media (max-width: 991.98px) {
h1 {
	font-size: 44px;
}
}

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

@media (max-width: 575.98px) {
h1 {
	font-size: 36px;
}
}
h1 {
	line-height: 1.1667;
}
h2 {
	font-size: 48px;
}

@media (max-width: 1499.98px) {
h2 {
	font-size: 44px;
}
}

@media (max-width: 1199.98px) {
h2 {
	font-size: 40px;
}
}

@media (max-width: 991.98px) {
h2 {
	font-size: 36px;
}
}

@media (max-width: 767.98px) {
h2 {
	font-size: 32px;
}
}

@media (max-width: 575.98px) {
h2 {
	font-size: 30px;
}
}
h2 {
	line-height: 1.1667;
}
h3 {
	font-size: 40px;
}

@media (max-width: 1499.98px) {
h3 {
	font-size: 36px;
}
}

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

@media (max-width: 991.98px) {
h3 {
	font-size: 30px;
}
}

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

@media (max-width: 575.98px) {
h3 {
	font-size: 26px;
}
}
h3 {
	line-height: 1.1667;
}
h4 {
	font-size: 32px;
}

@media (max-width: 1499.98px) {
h4 {
	font-size: 30px;
}
}

@media (max-width: 1199.98px) {
h4 {
	font-size: 28px;
}
}

@media (max-width: 991.98px) {
h4 {
	font-size: 26px;
}
}

@media (max-width: 767.98px) {
h4 {
	font-size: 24px;
}
}

@media (max-width: 575.98px) {
h4 {
	font-size: 22px;
}
}
h4 {
	line-height: 1.1667;
}
h5 {
	font-size: 24px;
}

@media (max-width: 1499.98px) {
h5 {
	font-size: 22px;
}
}

@media (max-width: 1199.98px) {
h5 {
	font-size: 20px;
}
}

@media (max-width: 991.98px) {
h5 {
	font-size: 18px;
}
}

@media (max-width: 767.98px) {
h5 {
	font-size: 17px;
}
}

@media (max-width: 575.98px) {
h5 {
	font-size: 16px;
}
}
h5 {
	line-height: 1.1667;
}
h6 {
	font-size: 20px;
}

@media (max-width: 1499.98px) {
h6 {
	font-size: 18px;
}
}

@media (max-width: 1199.98px) {
h6 {
	font-size: 17px;
}
}

@media (max-width: 991.98px) {
h6 {
	font-size: 16px;
}
}

@media (max-width: 767.98px) {
h6 {
	font-size: 15px;
}
}

@media (max-width: 575.98px) {
h6 {
	font-size: 14px;
}
}
h6 {
	line-height: 1.1667;
}
.typo-d-l {
	font-family: var(--title-font);
	font-weight: 700;
	font-size: 100px;
	line-height: 108px;
	letter-spacing: 0.5px;
}

@media (max-width: 1499.98px) {
.typo-d-l {
	font-size: 70px;
	line-height: 1.1;
}
}

@media (max-width: 1199.98px) {
.typo-d-l {
	font-size: 60px;
	line-height: 1.1;
}
}

@media (max-width: 991.98px) {
.typo-d-l {
	font-size: 50px;
	line-height: 1.1;
}
}

@media (max-width: 767.98px) {
.typo-d-l {
	font-size: 30px;
	line-height: 1.1;
}
}
.typo-d-m {
	font-family: var(--title-font);
	font-weight: 700;
	font-size: 72px;
	line-height: 80px;
	letter-spacing: 0.5px;
}

@media (max-width: 1499.98px) {
.typo-d-m {
	font-size: 66px;
	line-height: 1.1;
}
}

@media (max-width: 1199.98px) {
.typo-d-m {
	font-size: 60px;
	line-height: 1.1;
}
}

@media (max-width: 991.98px) {
.typo-d-m {
	font-size: 50px;
	line-height: 1.1;
}
}

@media (max-width: 767.98px) {
.typo-d-m {
	font-size: 40px;
	line-height: 1.1;
}
}
.typo-d-s {
	font-family: var(--title-font);
	font-weight: 800;
	font-size: 64px;
	line-height: 72px;
	letter-spacing: 1%;
}

@media (max-width: 1499.98px) {
.typo-d-s {
	font-size: 60px;
	line-height: 1.1;
}
}

@media (max-width: 1199.98px) {
.typo-d-s {
	font-size: 60px;
	line-height: 1.1;
}
}

@media (max-width: 991.98px) {
.typo-d-s {
	font-size: 50px;
	line-height: 1.1;
}
}

@media (max-width: 767.98px) {
.typo-d-s {
	font-size: 30px;
	line-height: 1.1;
}
}
.typo-l-l {
	font-family: var(--title-font);
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.5px;
}

@media (max-width: 991.98px) {
.typo-l-l {
	font-size: 16px;
	line-height: 1.3;
}
}
.typo-l-m {
	font-family: var(--title-font);
	font-weight: 600;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 0.5px;
}

@media (max-width: 991.98px) {
.typo-l-m {
	font-size: 15px;
	line-height: 1.3;
}
}

@media (max-width: 767.98px) {
.typo-l-m {
	font-size: 14px;
	line-height: 1.3;
}
}

@media (max-width: 575.98px) {
.typo-l-m {
	font-size: 11px;
	line-height: 1.3;
}
}
.typo-l-s {
	font-family: var(--title-font);
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.5px;
}

@media (max-width: 1199.98px) {
.typo-l-s {
	font-size: 15px;
	line-height: 1.3;
}
}

@media (max-width: 991.98px) {
.typo-l-s {
	font-size: 14px;
	line-height: 1.3;
}
}
.typo-text-m {
	font-family: var(--body-font);
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
}

@media (max-width: 991.98px) {
.typo-text-m {
	font-size: 14px;
	line-height: 1.3;
}
}
.typo-text-s {
	font-family: var(--body-font);
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0%;
}

@media (max-width: 991.98px) {
.typo-text-s {
	font-size: 13px;
	line-height: 1.3;
}
}
.typo-label-s-color {
	color: var(--primary-color);
}
.typo-primary-color {
	color: var(--primary-color);
}
.typo-secondary-color {
	color: var(--secondary-color);
}
.text-primary-color {
	color: var(--text-primary);
}
.text-secondary-color {
	color: var(--text-secondary);
}
.hover-color {
	position: relative;
	transition: all 0.3s;
	display: inline-flex;
}
.hover-color.before:before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 0%;
	height: 1px;
	background: var(--primary-color);
	transition: var(--transition);
}
.hover-color:hover {
	color: var(--primary-color);
}
.hover-color:hover.before:before {
	width: 100%;
}
.bg-secondary-color {
	background: var(--bg-color-secondary);
}
.bg-primary-color {
	background: var(--bg-color-primary);
}
.bg-text-primary-color {
	background: var(--primary-color);
}
.bg-text-secondary-color {
	background: var(--secondary-color);
}
.section-padding {
	padding: 120px 0;
}

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

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

@media (max-width: 767.98px) {
.section-padding {
	padding: 60px 0;
}
}
.ms-12 {
	margin-left: 12px !important;
}
.mt-32 {
	margin-top: 32px;
}
.mt-40 {
	margin-top: 40px;
}
.mt-48 {
	margin-top: 48px;
}
.mb-6 {
	margin-bottom: 6px;
}
.mb-8 {
	margin-bottom: 8px;
}
.mb-12 {
	margin-bottom: 12px;
}
.mb-16 {
	margin-bottom: 16px !important;
}
.mb-24 {
	margin-bottom: 24px !important;
}
.mb-32 {
	margin-bottom: 32px;
}
.mb-48 {
	margin-bottom: 48px;
}
.pb-48 {
	padding-bottom: 48px !important;
}

@media (max-width: 1199.98px) {
.pt-376 {
	padding-top: 330px;
}
}

@media (max-width: 767.98px) {
.pt-376 {
	padding-top: 310px;
}
}
.wh-56 {
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 575.98px) {
.wh-56 {
	width: 35px;
	height: 35px;
}
}
/* --------------------------------------------
    Template Default Fonts & Fonts Styles
 ---------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	font-family: var(--body-font);
	background: var(--white-color);
	color: var(--text-color);
	font-size: 1rem;
	padding: 0;
	margin: 0;
	overflow-x: hidden;
}
ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
button {
	border: none;
	background-color: transparent;
	padding: 0;
}
input:focus {
	box-shadow: unset;
	outline: none;
}
p {
	margin: 0px;
	font-family: var(--body-font);
}
img {
	max-width: 100%;
	vertical-align: middle;
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--title-font);
	margin: 0 0 0px 0;
	padding: 0;
	color: inherit;
	font-weight: 700;
	letter-spacing: 0.5px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-size: inherit;
	color: inherit;
	font-weight: inherit;
}
a {
	text-decoration: none;
	outline: none !important;
	color: hsl(var(--base));
}
img {
	max-width: 100%;
	border-radius: inherit;
}
.fix {
	overflow: hidden;
}
.container {
 --bs-gutter-x: 32px;
}

@media (min-width: 1400px) {
.container {
	max-width: 1352px;
	margin-left: auto;
	margin-right: auto;
}
}
.container-xl {
	max-width: 1752px;
}
.container-1350 {
	max-width: 1350px;
}
.container-1600 {
	max-width: 1650px;
}
.row {
 --bs-gutter-x: 32px;
}

@media (max-width: 575.98px) {
.row {
 --bs-gutter-x: 0px;
}
}
.gx-0 {
 --bs-gutter-x: 0px!important;
}
.gy-32 {
 --bs-gutter-y: 32px;
}
input, select, textarea {
	width: 100%;
	padding: 19px 16px;
	font-family: var(--body-font);
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
	color: var(--text-color);
	background-color: var(--white-color);
	transition: var(--transition);
	border: none;
}
input:focus, select:focus, textarea:focus {
	border-color: var(--primary-color);
	outline: none;
	box-shadow: none;
}
input::placeholder, select::placeholder, textarea::placeholder {
 color: var(--text-secondary);
 font-family: var(--body-font);
 font-weight: 400;
 font-size: 16px;
 line-height: 24px;
 letter-spacing: 0px;
}
textarea {
	resize: none;
}
select {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 16px 12px;
	border-radius: 0;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.ripple-animation {
	animation-duration: var(--ripple-ani-duration);
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-name: ripple;
}
 @keyframes ripple {
 0% {
 transform: scale(1);
 opacity: 0;
}
 30% {
 opacity: 1;
}
 100% {
 transform: scale(2.1);
 opacity: 0;
}
}
.movingX {
	animation: movingX 8s linear infinite;
}
 @keyframes movingX {
 0% {
 transform: translateX(0);
}
 50% {
 transform: translateX(50px);
}
 100% {
 transform: translateX(0);
}
}
.moving {
	animation: moving 8s linear infinite;
}
 @keyframes moving {
 0% {
 transform: translateX(0);
}
 50% {
 transform: translateX(-50px);
}
 100% {
 transform: translateX(0);
}
}
.jump {
	animation: jumpAni 7s linear infinite;
}
.jump1 {
	animation: jumpAni 6s linear infinite;
}
.jump2 {
	animation: jumpAni 5s linear infinite;
}
.jump3 {
	animation: jumpAni 4s linear infinite;
}
 @keyframes jumpAni {
 0% {
 transform: translateY(0);
}
 40% {
 transform: translateY(-30px);
}
 100% {
 transform: translateY(0);
}
}
.jump-reverse {
	animation: jumpReverseAni 7s linear infinite;
}
 @keyframes jumpReverseAni {
 0% {
 transform: translateY(0);
}
 50% {
 transform: translateY(30px);
}
 100% {
 transform: translateY(0);
}
}
.spin {
	animation: spin 15s linear infinite;
}
.spin-slow {
	animation: spin 50s linear infinite;
}
 @keyframes spin {
 0% {
 transform: rotate(0);
}
 100% {
 transform: rotate(360deg);
}
}
@keyframes animate-positive {
 0% {
 width: 0;
}
 100% {
 width: var(--progress-width);
}
}
.scroll {
	animation: scroll 60s linear infinite;
	-webkit-animation: scroll 60s linear infinite;
}
.scroll2 {
	animation: scroll2 60s linear infinite;
	-webkit-animation: scroll2 60s linear infinite;
}
 @keyframes scroll {
 0% {
 transform: translateX(0);
}
 100% {
 transform: translateX(-100%);
}
}
@keyframes scroll2 {
 0% {
 transform: translateX(0%);
}
 100% {
 transform: translateX(-200%);
}
}
.wave-anim {
	width: 105px;
	height: 69px;
	background-repeat: repeat;
	background-size: auto;
	animation: wave 70s linear infinite;
	-webkit-animation: wave 70s linear infinite;
}
 @keyframes wave {
 0% {
 background-position: top left;
}
 100% {
 background-position: top left -2000px;
}
}
.rotate360 {
	animation: rotate360 10s linear infinite;
	-webkit-animation: rotate360 10s linear infinite;
}
 @keyframes rotate360 {
 from {
 transform: rotate(0deg);
}
 to {
 transform: rotate(-360deg);
 -webkit-transform: rotate(-360deg);
 -moz-transform: rotate(-360deg);
 -ms-transform: rotate(-360deg);
 -o-transform: rotate(-360deg);
}
}
.img-shine {
	position: relative;
	overflow: hidden;
}
.img-shine:after {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: "";
	width: 50%;
	height: 100%;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
	transform: skewX(-20deg);
	opacity: 0;
}
.img-shine:hover:after {
	animation: imgShine 1s;
	opacity: 1;
}
 @keyframes imgShine {
 100% {
 left: 125%;
}
}
@keyframes stickyAni {
 0% {
 transform: translate3d(0, -40px, 0) scaleY(0.8);
 opacity: 0.7;
}
 100% {
 transform: translate3d(0, 0, 0) scaleY(1);
 opacity: 1;
}
}
.moveAround {
	animation: moveAround 200s linear infinite;
	-webkit-animation: moveAround 200s linear infinite;
}
 @keyframes moveAround {
 0% {
 transform: translate(-100%, -100%) translate(-300px, 80px);
 -webkit-transform: translate(-100%, -100%) translate(-300px, 80px);
 -moz-transform: translate(-100%, -100%) translate(-300px, 80px);
 -ms-transform: translate(-100%, -100%) translate(-300px, 80px);
 -o-transform: translate(-100%, -100%) translate(-300px, 80px);
}
 25% {
 transform: translate(50%, -60%) translate(1900px, 300px);
 -webkit-transform: translate(50%, -60%) translate(1900px, 300px);
 -moz-transform: translate(50%, -60%) translate(1900px, 300px);
 -ms-transform: translate(50%, -60%) translate(1900px, 300px);
 -o-transform: translate(50%, -60%) translate(1900px, 300px);
}
 50% {
 transform: translate(-80%, -80%) translate(-150px, 0px);
 -webkit-transform: translate(-80%, -80%) translate(-150px, 0px);
 -moz-transform: translate(-80%, -80%) translate(-150px, 0px);
 -ms-transform: translate(-80%, -80%) translate(-150px, 0px);
 -o-transform: translate(-80%, -80%) translate(-150px, 0px);
}
 75% {
 transform: translate(50%, 50%) translate(1160px, 550px);
 -webkit-transform: translate(50%, 50%) translate(1160px, 550px);
 -moz-transform: translate(50%, 50%) translate(1160px, 550px);
 -ms-transform: translate(50%, 50%) translate(1160px, 550px);
 -o-transform: translate(50%, 50%) translate(1160px, 550px);
}
 100% {
 transform: translate(100%, 100%) translate(-800px, -50px);
 -webkit-transform: translate(100%, 100%) translate(-800px, -50px);
 -moz-transform: translate(100%, 100%) translate(-800px, -50px);
 -ms-transform: translate(100%, 100%) translate(-800px, -50px);
 -o-transform: translate(100%, 100%) translate(-800px, -50px);
}
}
.moveAround2 {
	animation: moveAround2 160s linear infinite;
	-webkit-animation: moveAround2 160s linear infinite;
}
 @keyframes moveAround2 {
 0% {
 transform: translate(30%, 60%) translate(1450px, 500px);
 -webkit-transform: translate(30%, 60%) translate(1450px, 500px);
 -moz-transform: translate(30%, 60%) translate(1450px, 500px);
 -ms-transform: translate(30%, 60%) translate(1450px, 500px);
 -o-transform: translate(30%, 60%) translate(1450px, 500px);
}
 25% {
 transform: translate(-50%, -60%) translate(-100px, -290px);
 -webkit-transform: translate(-50%, -60%) translate(-100px, -290px);
 -moz-transform: translate(-50%, -60%) translate(-100px, -290px);
 -ms-transform: translate(-50%, -60%) translate(-100px, -290px);
 -o-transform: translate(-50%, -60%) translate(-100px, -290px);
}
 50% {
 transform: translate(-50%, 0%) translate(150px, 0px);
 -webkit-transform: translate(-50%, 0%) translate(150px, 0px);
 -moz-transform: translate(-50%, 0%) translate(150px, 0px);
 -ms-transform: translate(-50%, 0%) translate(150px, 0px);
 -o-transform: translate(-50%, 0%) translate(150px, 0px);
}
 75% {
 transform: translate(50%, -50%) translate(1160px, -50px);
 -webkit-transform: translate(50%, -50%) translate(1160px, -50px);
 -moz-transform: translate(50%, -50%) translate(1160px, -50px);
 -ms-transform: translate(50%, -50%) translate(1160px, -50px);
 -o-transform: translate(50%, -50%) translate(1160px, -50px);
}
 100% {
 transform: translate(50%, 50%) translate(-80px, 50px);
 -webkit-transform: translate(50%, 50%) translate(-80px, 50px);
 -moz-transform: translate(50%, 50%) translate(-80px, 50px);
 -ms-transform: translate(50%, 50%) translate(-80px, 50px);
 -o-transform: translate(50%, 50%) translate(-80px, 50px);
}
}
.moveAround3 {
	animation: moveAround3 120s linear infinite;
	-webkit-animation: moveAround3 120s linear infinite;
}
 @keyframes moveAround3 {
 0% {
 transform: translate(-50%, -50%) translate(400px, 300px);
 -webkit-transform: translate(-50%, -50%) translate(400px, 300px);
 -moz-transform: translate(-50%, -50%) translate(400px, 300px);
 -ms-transform: translate(-50%, -50%) translate(400px, 300px);
 -o-transform: translate(-50%, -50%) translate(400px, 300px);
}
 25% {
 transform: translate(50%, -60%) translate(1900px, -300px);
 -webkit-transform: translate(50%, -60%) translate(1900px, -300px);
 -moz-transform: translate(50%, -60%) translate(1900px, -300px);
 -ms-transform: translate(50%, -60%) translate(1900px, -300px);
 -o-transform: translate(50%, -60%) translate(1900px, -300px);
}
 50% {
 transform: translate(-50%, 0%) translate(-150px, 0px);
 -webkit-transform: translate(-50%, 0%) translate(-150px, 0px);
 -moz-transform: translate(-50%, 0%) translate(-150px, 0px);
 -ms-transform: translate(-50%, 0%) translate(-150px, 0px);
 -o-transform: translate(-50%, 0%) translate(-150px, 0px);
}
 75% {
 transform: translate(50%, 50%) translate(160px, 50px);
 -webkit-transform: translate(50%, 50%) translate(160px, 50px);
 -moz-transform: translate(50%, 50%) translate(160px, 50px);
 -ms-transform: translate(50%, 50%) translate(160px, 50px);
 -o-transform: translate(50%, 50%) translate(160px, 50px);
}
 100% {
 transform: translate(50%, 50%) translate(-200px, 200px);
 -webkit-transform: translate(50%, 50%) translate(-200px, 200px);
 -moz-transform: translate(50%, 50%) translate(-200px, 200px);
 -ms-transform: translate(50%, 50%) translate(-200px, 200px);
 -o-transform: translate(50%, 50%) translate(-200px, 200px);
}
}
.moveAround4 {
	animation: moveAround4 200s linear infinite;
	-webkit-animation: moveAround4 200s linear infinite;
}
 @keyframes moveAround4 {
 0% {
 transform: translate(50%, -50%) translate(500px, 300px);
 -webkit-transform: translate(50%, -50%) translate(500px, 300px);
 -moz-transform: translate(50%, -50%) translate(500px, 300px);
 -ms-transform: translate(50%, -50%) translate(500px, 300px);
 -o-transform: translate(50%, -50%) translate(500px, 300px);
}
 25% {
 transform: translate(50%, 60%) translate(-100px, -300px);
 -webkit-transform: translate(50%, 60%) translate(-100px, -300px);
 -moz-transform: translate(50%, 60%) translate(-100px, -300px);
 -ms-transform: translate(50%, 60%) translate(-100px, -300px);
 -o-transform: translate(50%, 60%) translate(-100px, -300px);
}
 50% {
 transform: translate(50%, 0%) translate(150px, 0px);
 -webkit-transform: translate(50%, 0%) translate(150px, 0px);
 -moz-transform: translate(50%, 0%) translate(150px, 0px);
 -ms-transform: translate(50%, 0%) translate(150px, 0px);
 -o-transform: translate(50%, 0%) translate(150px, 0px);
}
 75% {
 transform: translate(50%, 50%) translate(760px, 550px);
 -webkit-transform: translate(50%, 50%) translate(760px, 550px);
 -moz-transform: translate(50%, 50%) translate(760px, 550px);
 -ms-transform: translate(50%, 50%) translate(760px, 550px);
 -o-transform: translate(50%, 50%) translate(760px, 550px);
}
 100% {
 transform: translate(50%, 50%) translate(-800px, 350px);
 -webkit-transform: translate(50%, 50%) translate(-800px, 350px);
 -moz-transform: translate(50%, 50%) translate(-800px, 350px);
 -ms-transform: translate(50%, 50%) translate(-800px, 350px);
 -o-transform: translate(50%, 50%) translate(-800px, 350px);
}
}
@keyframes characters {
 0%, 75%, 100% {
 opacity: 0;
 transform: rotateY(-90deg);
}
 25%, 50% {
 opacity: 1;
 transform: rotateY(0deg);
}
}
.scalein.as-animated {
 --animation-name: scalein;
}
.slidetopleft.as-animated {
 --animation-name: slidetopleft;
}
.slidebottomright.as-animated {
 --animation-name: slidebottomright;
}
.slideinleft.as-animated {
 --animation-name: slideinleft;
}
.slideinright.as-animated {
 --animation-name: slideinright;
}
.slideinup.as-animated {
 --animation-name: slideinup;
}
.slideindown.as-animated {
 --animation-name: slideindown;
}
.rollinleft.as-animated {
 --animation-name: rollinleft;
}
.rollinright.as-animated {
 --animation-name: rollinright;
}
.scalein, .slidetopleft, .slidebottomright, .slideinleft, .slideinright, .slideindown, .slideinup, .rollinleft, .rollinright {
	opacity: 0;
	animation-fill-mode: both;
	animation-iteration-count: 1;
	animation-duration: 1s;
	animation-delay: 0.3s;
	animation-name: var(--animation-name);
}
.as-animated {
	opacity: 1;
}
 @keyframes slideinup {
 0% {
 opacity: 0;
 transform: translateY(70px);
}
 100% {
 transform: translateY(0);
}
}
@keyframes slideinright {
 0% {
 opacity: 0;
 transform: translateX(70px);
}
 100% {
 transform: translateX(0);
}
}
@keyframes slideindown {
 0% {
 opacity: 0;
 transform: translateY(-70px);
}
 100% {
 transform: translateY(0);
}
}
@keyframes slideinleft {
 0% {
 opacity: 0;
 transform: translateX(-70px);
}
 100% {
 transform: translateX(0);
}
}
@keyframes slidebottomright {
 0% {
 opacity: 0;
 transform: translateX(100px) translateY(100px);
}
 100% {
 transform: translateX(0) translateY(0);
}
}
@keyframes slidetopleft {
 0% {
 opacity: 0;
 transform: translateX(-100px) translateY(-100px);
}
 100% {
 transform: translateX(0) translateY(0);
}
}
@keyframes rotate {
 from {
 transform: rotate(0deg);
}
 to {
 transform: rotate(360deg);
}
 0% {
 border-right-color: transparent;
 border-bottom-color: transparent;
 border-top-color: transparent;
 border-left-color: transparent;
}
 75% {
 border-top-color: #fff;
 border-left-color: #fff;
 border-right-color: #fff;
 border-bottom-color: transparent;
}
 100% {
 border-right-color: transparent;
 border-bottom-color: transparent;
 border-top-color: transparent;
 border-left-color: transparent;
}
}
.bg-anime-scratch {
	animation: scratch 4s linear infinite;
	overflow: hidden;
}
 @keyframes scratch {
 0% {
 height: 0;
}
 70% {
 height: 158px;
}
 100% {
 height: 158px;
}
}
@keyframes shine {
 0% {
 left: -100px;
}
 60% {
 left: 100%;
}
 to {
 left: 100%;
}
}
.fadein, .scalein, .slidetopleft, .slidebottomright, .slideinleft, .slideinright, .slideindown, .slideinup, .rollinleft, .rollinright {
	opacity: 0;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-duration: 1.3s;
	animation-delay: 0.3s;
	animation-name: var(--animation-name);
}
.swiper-slide-active .fadein {
 --animation-name: fadein;
}
.swiper-slide-active .scalein {
 --animation-name: scalein;
}
.swiper-slide-active .slidetopleft {
 --animation-name: slidetopleft;
}
.swiper-slide-active .slidebottomright {
 --animation-name: slidebottomright;
}
.swiper-slide-active .slideinleft {
 --animation-name: slideinleft;
}
.swiper-slide-active .slideinright {
 --animation-name: slideinright;
}
.swiper-slide-active .slideinup {
 --animation-name: slideinup;
}
.swiper-slide-active .slideindown {
 --animation-name: slideindown;
}
.swiper-slide-active .rollinleft {
 --animation-name: rollinleft;
}
.swiper-slide-active .rollinright {
 --animation-name: rollinright;
}
 @keyframes fadein {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@keyframes scalein {
 0% {
 transform: scale(1);
}
 100% {
 transform: scale(1.3);
}
}
@keyframes slideinup {
 0% {
 opacity: 0;
 transform: translateY(100px);
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}
@keyframes slideinright {
 0% {
 opacity: 0;
 transform: translateX(180px);
}
 100% {
 opacity: 1;
 transform: translateX(0);
}
}
@keyframes slideindown {
 0% {
 opacity: 0;
 transform: translateY(-100px);
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}
@keyframes slideinleft {
 0% {
 opacity: 0;
 transform: translateX(-100px);
}
 100% {
 opacity: 1;
 transform: translateX(0);
}
}
@keyframes slidebottomright {
 0% {
 opacity: 0;
 transform: translateX(120px) translateY(120px);
}
 100% {
 opacity: 1;
 transform: translateX(0) translateY(0);
}
}
@keyframes slidetopleft {
 0% {
 opacity: 0;
 transform: translateX(-100px) translateY(-100px);
}
 100% {
 opacity: 1;
 transform: translateX(0) translateY(0);
}
}
.flex-wrap {
	display: flex;
	flex-wrap: wrap;
}
.items-center {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.justify-between {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.project-silderone .project-cardone__content {
	opacity: 0;
	visibility: hidden;
	transition: var(--transition);
}
.project-silderone .project-cardone:hover .project-cardone__thumb {
	height: 326px;
}
.project-silderone .project-cardone:hover .project-cardone__content {
	opacity: 1;
	visibility: visible;
}
.project-silderone .swiper-slide-active .project-cardone__thumb {
	height: 326px;
}
.project-silderone .swiper-slide-active .project-cardone__content {
	opacity: 1;
	visibility: visible;
}
.text-video {
	padding-bottom: 120px;
}

@media (max-width: 1199.98px) {
.text-video {
	padding-bottom: 80px;
}
}
.text-video .popup-video svg {
	height: 100%;
}

@media (max-width: 1199.98px) {
.text-video .popup-video svg {
	height: 70px;
}
}
.text-video .stroke-text {
	font-family: var(--title-font);
	font-weight: 800;
	font-size: 200px;
	line-height: 0.5;
	letter-spacing: 0%;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	-webkit-text-stroke: 2px var(--secondary-color);
	-webkit-text-fill-color: rgba(255, 255, 255, 0);
	margin-right: -200px;
}

@media (max-width: 1499.98px) {
.text-video .stroke-text {
	margin-right: 0;
	font-size: 120px;
}
}

@media (max-width: 991.98px) {
.text-video .stroke-text {
	font-size: 60px;
}
}

@media (max-width: 767.98px) {
.text-video .stroke-text {
	font-size: 45px;
}
}
.text-video .video-textwrap {
	display: flex;
	align-items: center;
	gap: 52px;
	margin-bottom: 60px;
	margin-left: -100px;
}

@media (max-width: 1499.98px) {
.text-video .video-textwrap {
	margin-left: 0;
}
}

@media (max-width: 991.98px) {
.text-video .video-textwrap {
	flex-wrap: wrap-reverse;
	gap: 20px;
	margin-bottom: 40px;
	justify-content: center;
}
}
.text-video .musk-text {
	background-image: linear-gradient(90deg, rgba(255, 94, 20, 0.48) 0%, rgba(14, 18, 29, 0.24) 100%);
	font-weight: 800;
	font-family: var(--title-font);
	font-size: 300px;
	line-height: 0.82;
	letter-spacing: 0%;
}

@media (max-width: 1499.98px) {
.text-video .musk-text {
	font-size: 120px;
	height: 100%;
}
.text-video .musk-text svg {
	height: 100px;
}
}

@media (max-width: 991.98px) {
.text-video .musk-text {
	font-size: 100px;
	height: 100%;
}
.text-video .musk-text svg {
	height: 80px;
}
}

@media (max-width: 767.98px) {
.text-video .musk-text {
	font-size: 80px;
	height: 100%;
}
.text-video .musk-text svg {
	height: 80px;
}
}
.projecttwo {
	position: relative;
	z-index: 9;
}
.projecttwo__wrap {
	position: relative;
	z-index: 9;
	padding: 48px;
	margin-bottom: -256px;
	margin-top: -245px;
}

@media (max-width: 767.98px) {
.projecttwo__wrap {
	padding: 25px 5px;
}
}
.projecttwo__wrap-thumb {
	display: flex;
	align-items: center;
	margin-left: 48px;
}

@media (max-width: 1499.98px) {
.projecttwo__wrap-thumb {
	display: none;
}
}
.projecttwo__wrap-thumbshapeone {
	position: relative;
	z-index: 0;
	margin-right: -130px;
}

@media (max-width: 1499.98px) {
.projecttwo__wrap-thumbshapeone {
	display: none;
}
}
.projecttwo__wrap-thumbshapetwo {
	position: relative;
	z-index: 5;
	margin-right: -130px;
}

@media (max-width: 1499.98px) {
.projecttwo__wrap-thumbshapetwo {
	display: none;
}
}
.projecttwo .project-slidertwo {
	position: relative;
	z-index: 8;
	max-width: 452px;
	margin-right: 0;
}

@media (max-width: 767.98px) {
.projecttwo .project-slidertwo {
	max-width: 300px;
	margin-left: 10px;
}
}
.projecttwo .swiper-slide-active .projecttwo-card {
	position: relative;
	height: 100%;
}
.projecttwo .swiper-slide-active .projecttwo-card__thumb {
	overflow: hidden;
}
.projecttwo .swiper-slide-active .projecttwo-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.team-details__list-title {
	display: inline-flex;
	width: 136px;
}

@media (max-width: 767.98px) {
.team-details__list-title {
	width: max-content;
}
}
.team-details__social {
	display: flex;
	gap: 16px;
	align-items: center;
	padding-top: 24px;
	margin-top: 32px;
	border-top: 1px solid var(--border-color);
}
.team-details__social-icons {
	display: flex;
	align-items: baseline;
	gap: 12px;
}
.team-details__social-icons a {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--bg-color-secondary);
	border-radius: 50%;
	transition: var(--transition);
	color: var(--text-secondary);
}
.team-details__social-icons a:hover {
	background: var(--primary-color);
	color: var(--white-color);
}
.team-details__highlight {
	font-family: var(--title-font);
	font-weight: 500;
	font-style: Italic;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0.5px;
}
.team-details__top {
	padding-bottom: 56px;
	border-bottom: 1px solid var(--border-color);
}
.team-details__bottom {
	padding-top: 64px;
}
.blog-details-page {
	background: var(--white-color);
}
.blog-details__thumb {
	overflow: hidden;
	transition: var(--transition);
	margin-bottom: 24px;
}
.blog-details__thumb img {
	transition: var(--transition);
}
.blog-details__thumb:hover img {
	transform: scale(1.1);
}
.blog-details__posted {
	display: flex;
	gap: 28px;
	align-items: center;
}

@media (max-width: 991.98px) {
.blog-details__posted {
	flex-wrap: wrap;
	gap: 12px;
}
}
.blog-details__posted li {
	padding: 3px 12px;
	border-radius: 100px;
	font-family: var(--body-font);
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
	color: var(--text-secondary);
}
.blog-details__posted li i {
	margin-right: 8px;
	color: var(--text-secondary);
}
.blog-details__posted li.bg-primary {
	background: var(--primary-color) !important;
	color: var(--white-color);
}
.blog-details__posted li.bg-primary i {
	color: var(--white-color);
}
.blog-details__title {
	color: var(--secondary-color);
	margin-top: 1rem;
	margin-bottom: 12px;
}
.blog-details__quote {
	position: relative;
	font-family: var(--title-font);
	font-weight: 600;
	font-style: Italic;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.5px;
	color: var(--secondary-color);
	padding: 32px 32px 42px 32px;
	border: 1px solid var(--secondary-border-color);
	margin-bottom: 50px;
}

@media (max-width: 1499.98px) {
.blog-details__quote {
	font-size: 19px;
	line-height: 135%;
	padding: 28px 28px 38px 28px;
	margin-bottom: 45px;
}
}

@media (max-width: 1199.98px) {
.blog-details__quote {
	font-size: 18px;
	line-height: 130%;
	padding: 26px 26px 36px 26px;
	margin-bottom: 40px;
}
}

@media (max-width: 991.98px) {
.blog-details__quote {
	font-size: 17px;
	line-height: 130%;
	padding: 24px 24px 34px 24px;
	margin-bottom: 35px;
}
}

@media (max-width: 767.98px) {
.blog-details__quote {
	font-size: 16px;
	line-height: 130%;
	padding: 20px 20px 30px 20px;
	margin-bottom: 30px;
}
}
.blog-details__quote .author {
	position: absolute;
	bottom: -18px;
	left: 32px;
	font-family: var(--title-font);
	font-weight: 600;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 0.5px;
	padding: 5px 12px;
	color: var(--white-color);
	background-color: var(--primary-color);
}
.blog-details__operation {
	margin-top: 30px;
}
.blog-details__operation-subtitle {
	margin-bottom: 8px;
	color: var(--secondary-color);
}
.blog-details__operation-text {
	color: var(--text-secondary);
	font-family: var(--body-font);
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
	margin-bottom: 20px;
}
.blog-details__operation-title {
	font-size: 24px;
	font-family: var(--title-font);
	color: var(--secondary-color);
	margin-bottom: 24px;
	font-weight: 600;
}
.blog-details__operation-list-subtitle {
	margin-bottom: 8px;
	font-weight: 600;
	color: var(--secondary-color);
}
.blog-details__operation-list-text {
	margin-bottom: 20px;
	color: var(--text-color);
	font-family: var(--body-font);
	line-height: 1.7;
}
.blog-details__feature {
	margin-top: 40px;
}
.blog-details__feature-item .blog-details__feature-img img {
	width: 100%;
	height: 100%;
}
.blog-details__feature-item .blog-details__feature-content {
	margin: 24px 0 0;
}
.blog-details__feature-item .blog-details__feature-content .blog-details__feature-title {
	font-size: 22px;
	font-weight: 600;
	color: var(--secondary-color);
	margin-bottom: 16px;
}
.blog-details__feature-item .blog-details__feature-content .blog-details__feature-list li {
	color: var(--secondary-color);
	font-size: 16px;
	font-family: var(--body-font);
	font-weight: 600;
	display: flex;
	align-items: center;
	line-height: 1.6;
}
.blog-details__feature-item .blog-details__feature-content .blog-details__feature-list li:not(:last-child) {
	margin-bottom: 16px;
}
.blog-details__feature-item .blog-details__feature-content .blog-details__feature-list li i {
	color: var(--white-color);
	background-color: var(--primary-color);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	margin-right: 10px;
}

@media (max-width: 767.98px) {
.blog-details__feature-item .blog-details__feature-content {
	margin: 14px 0 0;
}
}
.blog-details__final {
	margin-top: 32px;
}
.blog-details__final-title {
	font-size: 24px;
	font-family: var(--title-font);
	font-weight: 600;
	color: var(--secondary-color);
}
.blog-details__final-text {
	color: var(--text-color);
	line-height: 1.8;
	font-family: var(--body-font);
}
.blog-details__tags-share {
	border-bottom: 1.2px solid rgba(191, 191, 191, 0.24);
	padding: 0px 0px 30px;
	margin-top: 32px;
}
.blog-details__tags-share .blog-details__tags span {
	font-size: 20px;
	font-weight: 600;
	color: var(--secondary-color);
	margin-right: 15px;
}
.blog-details__tags-share .blog-details__tags a {
	display: inline-block;
	padding: 6px 24px;
	background: var(--bg-color-primary);
	border-radius: 30px;
	text-transform: capitalize;
	font-weight: 600;
	color: var(--secondary-color);
	transition: var(--transition);
	margin-right: 8px;
}
.blog-details__tags-share .blog-details__tags a:hover {
	background-color: var(--primary-color);
	color: var(--white-color);
}

@media (max-width: 1199.98px) {
.blog-details__tags-share .blog-details__tags a {
	padding: 10px 20px;
	margin-bottom: 15px;
}
}
.blog-details__tags-share .blog-details__share a {
	font-size: 16px;
	color: var(--secondary-color);
	display: inline-block;
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	background-color: var(--bg-color-primary);
	border-radius: 50%;
	transition: var(--transition);
}
.blog-details__tags-share .blog-details__share a:not(:last-child) {
	margin-right: 10px;
}
.blog-details__tags-share .blog-details__share a:hover {
	color: var(--white-color);
	background-color: var(--primary-color);
}
.blog-details__comments {
	margin-top: 40px;
	border-bottom: 1px solid var(--secondary-border-color);
}
.blog-details__comments-title {
	font-size: 28px;
	font-family: var(--title-font);
	color: var(--secondary-color);
}
.blog-details__comments .blog-details__comment {
	display: flex;
	gap: 24px;
	padding-top: 24px;
}
.blog-details__comments .blog-details__comment--reply {
	margin-left: 100px;
}
.blog-details__comments .blog-details__comment-image {
	height: 96px;
	border-radius: 50%;
}
.blog-details__comments .blog-details__comment-image img {
	border-radius: 50%;
	height: auto;
	object-fit: cover;
}
.blog-details__comments .blog-details__comment-content {
	flex: 1;
}
.blog-details__comments .blog-details__comment-content .blog-details__comment-head {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	justify-content: space-between;
}
.blog-details__comments .blog-details__comment-content .blog-details__comment-head .blog-details__comment-info .blog-details__comment-date {
	display: flex;
	color: var(--text-secondary);
	font-family: var(--body-font);
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
	margin-bottom: 4px;
}
.blog-details__comments .blog-details__comment-content .blog-details__comment-head .blog-details__comment-info .blog-details__comment-author {
	margin-bottom: 10px;
	font-weight: 600;
	font-size: 20px;
}
.blog-details__comments .blog-details__comment-content .blog-details__comment-head .blog-details__comment-info .blog-details__comment-author a {
	color: var(--secondary-color);
	transition: var(--transition);
}
.blog-details__comments .blog-details__comment-content .blog-details__comment-head .blog-details__comment-info .blog-details__comment-author a:hover {
	color: var(--primary-color);
}
.blog-details__comments .blog-details__comment-content .blog-details__comment-head .blog-details__comment-reply {
	padding: 5px 18px;
	font-weight: 400;
	background-color: var(--primary-color);
	color: var(--white-color);
	transition: var(--transition);
	border-radius: 20px;
	font-size: 14px;
}
.blog-details__comments .blog-details__comment-content .blog-details__comment-head .blog-details__comment-reply:hover {
	background-color: var(--secondary-color);
}
.blog-details__comments .blog-details__comment-content .blog-details__comment-text {
	color: var(--text-color);
	line-height: 1.6;
}

@media (max-width: 575.98px) {
.blog-details__comments .blog-details__comment {
	flex-direction: column;
	gap: 20px;
}
.blog-details__comments .blog-details__comment--reply {
	margin-left: 0;
}
.blog-details__comments .blog-details__comment-content .blog-details__comment-head {
	flex-direction: column;
	align-items: flex-start !important;
	gap: 5px;
	margin-bottom: 15px;
}
}

@media (max-width: 767.98px) {
.blog-details__comments .blog-details__comment {
	gap: 20px;
}
}

@media (max-width: 991.98px) {
.blog-details__comments .blog-details__comment--reply {
	margin-left: 50px;
}
}
.blog-details__comment-form-title {
	font-size: 28px;
	font-family: var(--title-font);
	font-weight: 700;
	color: var(--secondary-color);
	padding-bottom: 20px;
	border-bottom: 1px solid var(--secondary-border-color);
	margin-bottom: 30px;
}

@media (max-width: 575.98px) {
.blog-details__comment-form-title {
	font-size: 24px;
	margin-bottom: 20px;
}
}
.blog-details__comment-form .blog-details__form .blog-details__form-group {
	margin-bottom: 20px;
}
.blog-details__comment-form .blog-details__form .blog-details__form-group label {
	display: block;
	font-weight: 600;
	font-size: 15px;
	color: var(--secondary-color);
	margin-bottom: 8px;
}
.blog-details__comment-form .blog-details__form .blog-details__form-group .blog-details__form-input, .blog-details__comment-form .blog-details__form .blog-details__form-group .blog-details__form-textarea {
	width: 100%;
	outline: none;
	border: 1px solid transparent;
	background-color: var(--bg-color-primary);
	font-family: var(--body-font);
	font-weight: 400;
	font-size: 15px;
	color: var(--text-color);
	transition: all 0.3s ease;
}
.blog-details__comment-form .blog-details__form .blog-details__form-group .blog-details__form-input::placeholder, .blog-details__comment-form .blog-details__form .blog-details__form-group .blog-details__form-textarea::placeholder {
 color: var(--text-secondary);
}
.blog-details__comment-form .blog-details__form .blog-details__form-group .blog-details__form-input:focus, .blog-details__comment-form .blog-details__form .blog-details__form-group .blog-details__form-textarea:focus {
	border: 1px solid var(--primary-color);
	background-color: var(--white-color);
}
.blog-details__comment-form .blog-details__form .blog-details__form-group .blog-details__form-textarea {
	min-height: 136px;
	resize: none;
}
.blog-details__comment-form .blog-details__form .blog-details__form-button {
	margin-top: 20px;
}
.blog-details__comment-form .blog-details__form .blog-details__form-button button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 14px 32px;
	background-color: var(--primary-color);
	color: var(--white-color);
	font-weight: 700;
	font-size: 15px;
	text-transform: uppercase;
	border: none;
	border-radius: 3px;
	transition: all 0.3s ease;
	cursor: pointer;
}
.blog-details__comment-form .blog-details__form .blog-details__form-button button:hover {
	background-color: var(--secondary-color);
}
.blog-details__comment-form .blog-details__form .blog-details__form-button button svg {
	width: 16px;
	height: 16px;
}

@media (max-width: 575.98px) {
.blog-details__operation-title, .blog-details__final-title {
	font-size: 20px;
}
.blog-details__feature-content .blog-details__feature-title {
	font-size: 18px;
}
.blog-details__tags-share .blog-details__tags a {
	padding: 10px 18px;
}
.blog-details__comment-form .blog-details__form .blog-details__form-button button {
	width: 100%;
}
}

@media (max-width: 767.98px) {
.blog-details__comment-form .blog-details__form .blog-details__form-input, .blog-details__comment-form .blog-details__form .blog-details__form-textarea {
	font-size: 14px;
	padding: 12px 16px;
}
}
.project-details {
	background-color: var(--white-color);
	font-family: var(--body-font);
	color: var(--text-color);
}
.project-details__header {
	margin-top: 32px;
}
.project-details__title {
	color: var(--secondary-color);
}
.project-details__block {
	border-radius: var(--primary-radius);
	margin-bottom: 2rem;
	transition: var(--transition);
}
.project-details__block h5 {
	color: var(--secondary-color);
	font-family: var(--title-font);
	font-weight: 600;
	margin-bottom: 1rem;
}
.project-details__block ul {
	padding-left: 0;
}
.project-details__block ul li {
	list-style: none;
	margin-bottom: 14px;
	color: var(--text-secondary);
}
.project-details__block ul li:last-child {
	margin-bottom: 0;
}
.project-details__block ul li strong {
	color: var(--secondary-color);
	font-family: var(--title-font);
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.5px;
}
.project-details__block ul li strong i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	font-size: 10px;
	background: var(--primary-color);
	color: var(--white-color);
	border-radius: 50%;
	margin-right: 12px;
}
.project-details__images img {
	transition: var(--transition);
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.project-details__sidebar {
	position: -webkit-sticky;
	position: sticky;
	margin-top: -30px;
	z-index: 10;
	align-self: flex-start;
}
.project-details__sidebar .card {
	padding: 32px;
	border-radius: 0px;
	border: 0px;
	border-top: 4px solid var(--primary-color);
	background: var(--bg-color-primary);
}
.project-details__sidebar .card h5 {
	border-bottom: 1px solid rgba(200, 201, 204, 0.2392156863);
}
.project-details__sidebar ul li {
	padding: 16px 0;
	border-bottom: 1px solid rgba(200, 201, 204, 0.2392156863);
}
.project-details__sidebar ul li:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}
.project-details__sidebar ul li strong {
	color: var(--secondary-color);
}
.project-details__sidebar .project-details__social a {
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--white-color);
	font-size: 1.2rem;
	transition: var(--transition);
}
.project-details__sidebar .project-details__social a i {
	transition: var(--transition);
}
.project-details__sidebar .project-details__social a:hover {
	background: var(--primary-color);
	color: var(--white-color);
}
.project-details__sidebar .project-details__social a:hover i {
	color: var(--white-color);
}
.project-details {
/* Responsive Tweaks */
}

@media (max-width: 991.98px) {
.project-details__sidebar {
	margin-top: 2rem;
}
}
.contact-page {
	background: var(--white-color);
}
.contact-page__map {
	margin-bottom: 88px;
}
.contact-page__map iframe {
	width: 100%;
	height: 586px;
}
.contact-page__info-wrap {
	margin-bottom: 48px;
}
.contact-info__icon {
	width: 80px;
	height: 80px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 32px;
	background: var(--primary-color);
	color: var(--white-color);
	margin-bottom: 24px;
}

@media (max-width: 1199.98px) {
.contact-info__icon {
	width: 60px;
	height: 60px;
	font-size: 20px;
}
}
.contact-info__text {
	color: var(--text-secondary);
}
.contact-form {
	background-color: var(--bg-color-primary);
	padding: 48px;
}

@media (max-width: 1499.98px) {
.contact-form {
	padding: 40px;
}
}

@media (max-width: 1199.98px) {
.contact-form {
	padding: 35px;
}
}

@media (max-width: 991.98px) {
.contact-form {
	padding: 30px;
}
}

@media (max-width: 767.98px) {
.contact-form {
	padding: 25px;
}
}
.contact-form__title {
	font-family: var(--title-font);
	font-size: 24px;
	font-weight: 700;
	color: var(--secondary-color);
	text-align: center;
	margin-bottom: 30px;
	border-bottom: 1px solid var(--border-color);
	padding-bottom: 24px;
	margin-bottom: 32px;
}

@media (max-width: 1499.98px) {
.contact-form__title {
	padding-bottom: 20px;
	margin-bottom: 28px;
}
}

@media (max-width: 1199.98px) {
.contact-form__title {
	padding-bottom: 10px;
	margin-bottom: 18px;
	text-align: start;
}
}
.contact-form {
/* ============================
     Responsive Styles
  ============================ */
}

@media (max-width: 991.98px) {
.contact-form__title {
	font-size: 20px;
}
.contact-form .contact-form__btn {
	padding: 12px 0;
}
}

@media (max-width: 575.98px) {
.contact-form__title {
	font-size: 18px;
}
}
.error__title {
	color: var(--secondary-color);
	font-family: var(--title-font);
	font-weight: 700;
	font-size: 56px;
	line-height: 64px;
	letter-spacing: 0.5px;
	text-align: center;
	margin-bottom: 16px;
	margin-top: 48px;
}

@media (max-width: 1199.98px) {
.error__title {
	font-size: 55px;
	line-height: 60px;
	margin-bottom: 15px;
}
}

@media (max-width: 991.98px) {
.error__title {
	font-size: 35px;
	line-height: 1.2;
	margin-bottom: 10px;
}
}
.error__title span {
	color: var(--primary-color);
}
.error__text {
	color: var(--text-color);
	font-family: var(--body-font);
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
	text-align: center;
	padding: 0 100px;
	margin-bottom: 48px;
}

@media (max-width: 1199.98px) {
.error__text {
	padding: 0 10px;
	margin-bottom: 30px;
}
}
/* === header scss === */
.header-top {
	position: relative;
	z-index: 9;
	padding: 12px 0;
	background: var(--secondary-color);
}
.header-top::before {
	position: absolute;
	width: 964px;
	height: 100%;
	top: 0;
	left: 0;
	content: "";
	background: var(--primary-color);
	z-index: 0;
	clip-path: polygon(0 0, 95% 0, 100% 100%, 0 100%);
}

@media (max-width: 1499.98px) {
.header-top::before {
	width: 730px;
}
}
.header-top__wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 5;
}
.header-top__left {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 48px;
}
.header-top__left-info {
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: flex-start;
}
.header-top__left-info .icon {
	color: var(--white-color);
}
.header-top__left-info .text {
	color: var(--white-color);
	font-family: var(--body-font);
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0px;
}
.header-top__right {
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: flex-start;
}
.header-top__right .icon {
	color: var(--white-color);
}
.header-top__right .text {
	color: var(--white-color);
	font-family: var(--body-font);
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
}
.header-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.header-area__inner {
	gap: 30px;
	display: flex;
	padding: 0px 35px;
	align-items: center;
	border-radius: 20px;
	background: var(--white-color);
	justify-content: space-between;
	margin-top: 30px;
}

@media (max-width: 1199.98px) {
.header-area__inner {
	padding: 10px 20px;
}
}

@media (max-width: 575.98px) {
.header-area .header__logo {
	max-width: 160px;
}
}
.header-area .header-right {
	gap: 10px;
	display: flex;
	align-items: center;
}

@media (max-width: 1199.98px) {
.header-area .header-right .rr-btn-green {
	display: none;
}
}
.header-area .header-right {
/* === Icon draw scss  === */
}
.header-area .header-right .bar-icon {
	width: 24px;
	height: 16px;
	display: flex;
	gap: 3.5px;
	overflow: hidden;
	flex-direction: column;
	justify-content: space-between;
	transition: color 0.2s ease-out;
}
.header-area .header-right .bar-icon span {
	width: 100%;
	height: 2px;
	display: inline-block;
	background: var(--text-secondary);
	transition: color 0.2s ease-out;
}
.header-area .header-right .bar-icon span:nth-child(2) {
	margin-left: 0px;
}
.header-area .header-right .bar-icon:hover span {
	animation: qode-draw 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
}
.header-area .header-right .bar-icon:hover span:nth-child(2) {
	margin-left: 0px;
	animation-delay: 0.1s;
}
.header-area .header-right .bar-icon:hover span:nth-child(3) {
	animation-delay: 0.2s;
}
.header-area .header-right .bar-icon.is-black span {
	background: var(--black-color);
}
.header-area .header-right .bar-icon.is-white span {
	background: var(--white-color);
}
.header-area .header-right {
/* === Icon draw Animate scss === */
}
@keyframes qode-draw {
 0%, 100% {
 -webkit-clip-path: inset(-2px 0);
 clip-path: inset(-2px 0);
}
 42% {
 -webkit-clip-path: inset(-2px 0 -2px 100%);
 clip-path: inset(-2px 0 -2px 100%);
}
 43% {
 -webkit-clip-path: inset(-2px 100% -2px 0);
 clip-path: inset(-2px 100% -2px 0);
}
}
.header-area .sticky, .header-area .transformed {
	background-color: #ffffff;
}
.header-area .main-menu ul.dp-menu li {
	position: relative;
	padding: 0 25px;
}
.header-area .main-menu ul.dp-menu li:hover > a {
	color: var(--red);
	background-color: transparent;
}
.header-area .main-menu ul.dp-menu li:hover > ul {
	opacity: 1;
	transform: none !important;
	pointer-events: all;
}
.header-area .main-menu ul.dp-menu li a {
	font-size: 16px;
	font-weight: 500;
	color: var(--white-color);
	padding: 10px 0;
	background-color: transparent;
	border-radius: 8px;
	text-transform: capitalize;
}
.header-area .main-menu ul.dp-menu li a:hover {
	letter-spacing: 0.5px;
}
.header-area .main-menu ul.dp-menu li a:after {
	transform: rotate(-90deg);
	margin-left: auto;
}
.header-area .main-menu > ul {
	display: flex;
	gap: 80px;
}

@media (max-width: 1499.98px) {
.header-area .main-menu > ul {
	gap: 15px;
}
}
.header-area .main-menu > ul > li:hover > a {
	color: var(--red);
}
.header-area .main-menu li a {
	font-family: var(--title-font);
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.5px;
	color: white;
}
.header-area .main-menu li a:hover {
	color: var(--primary-color);
}
.header-area .header__navicon {
	margin-left: auto;
}
.header-area .header__navicon i {
	font-size: 22px;
	color: var(--white-color);
}
.header-layoutone {
	position: absolute;
}
.header-layoutone .header-main {
	background: transparent;
}
.header-layoutone .header-area__inner {
	position: relative;
	z-index: 9;
	background: var(--white-color);
	margin-top: 0;
	border-radius: 0px;
	margin-left: -100px;
	padding: 0px 35px 0px 100px;
}

@media (max-width: 1199.98px) {
.header-layoutone .header-area__inner {
	margin-left: -70px;
}
}

@media (max-width: 991.98px) {
.header-layoutone .header-area__inner {
	margin-left: -100px;
	padding: 0px 15px 0px 100px;
}
}
.header-layoutone .header-area__inner::before {
	position: absolute;
	content: "";
	width: 386px;
	height: 96px;
	top: 0;
	left: 0;
	background: var(--secondary-color);
	z-index: 0;
	clip-path: polygon(0 0, 95% 0, 75% 100%, 0% 100%);
}

@media (max-width: 575.98px) {
.header-layoutone .header-area__inner::before {
	width: 330px;
}
}
.header-layoutone .header__logo {
	position: relative;
	z-index: 9;
}
.header-layoutone .header__nav .main-menu {
	border-radius: 0px;
	border: 0px solid rgba(255, 255, 255, 0.1);
}
.header-layoutone .main-menu li a {
	padding: 35px 0;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
}
.header-layoutone .main-menu li:hover > a {
	color: var(--primary-color) !important;
}
.header-layoutone .header-right {
	gap: 24px;
	display: flex;
	align-items: center;
	padding: 20px 0;
}
.header-layoutone .header-right .side-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white-color);
	text-transform: uppercase;
	font-family: var(--body-font);
	width: 56px;
	height: 56px;
	gap: 8px;
	background: var(--bg-color-primary);
}
.header-layoutone .header-right .search-open-btn {
	gap: 11px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: var(--white-color);
	text-transform: uppercase;
	font-family: var(--body-font);
	width: 56px;
	height: 56px;
	gap: 8px;
	background: var(--bg-color-primary);
}
.header-layoutone .header-right .search-open-btn i {
	color: var(--white-color);
}
.header-layouttwo {
	position: absolute;
}
.header-layouttwo .header-main {
	background: transparent;
}

@media (max-width: 991.98px) {
.header-layouttwo .header-main .container, .header-layouttwo .header-main .container-xl {
 --bs-gutter-x: 0;
}
}
.header-layouttwo .header-area__inner {
	position: relative;
	z-index: 9;
	background: var(--white-color);
	margin-top: 0;
	border-radius: 0px;
	padding: 0px 35px 0px 40px;
}

@media (max-width: 1499.98px) {
.header-layouttwo .header-area__inner {
	padding: 0px 15px 0px 15px;
}
}
.header-layouttwo .header-area__inner::before {
	position: absolute;
	content: "";
	width: 290px;
	height: 100%;
	top: 0;
	left: 0;
	background: white;
	z-index: 0;
}

@media (max-width: 1499.98px) {
.header-layouttwo .header-area__inner::before {
	width: 230px;
}
}
.header-layouttwo .header-area__inner::after {
	position: absolute;
	content: "";
	width: 436px;
	height: 100%;
	top: 0;
	right: 0;
	background: white;
	z-index: -1;
}

@media (max-width: 1499.98px) {
.header-layouttwo .header-area__inner::after {
	width: 380px;
}
}
.header-layouttwo .header__logo {
	position: relative;
	z-index: 9;
}
.header-layouttwo .header__nav .main-menu {
	border-radius: 0px;
	border: 0px solid rgba(255, 255, 255, 0.1);
}
.header-layouttwo .main-menu li a {
	padding: 35px 0;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
}
.header-layouttwo .main-menu li:hover > a {
	color: white !important;
}
.header-layouttwo .header-right {
	gap: 24px;
	display: flex;
	align-items: center;
	padding: 20px 0;
}

@media (max-width: 1199.98px) {
.header-layouttwo .header-right {
	padding: 12px 0;
}
}
.header-layouttwo .header-right .side-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white-color);
	text-transform: uppercase;
	font-family: var(--body-font);
	width: 56px;
	height: 56px;
	gap: 8px;
	background: var(--bg-color-primary);
}
.header-layouttwo .header-right .search-open-btn {
	gap: 11px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: var(--white-color);
	text-transform: uppercase;
	font-family: var(--body-font);
	width: 56px;
	height: 56px;
	gap: 8px;
	background: var(--bg-color-primary);
}
.header-layouttwo .header-right .search-open-btn i {
	color: var(--white-color);
}
.header-layoutthree {
	position: absolute;
}
.header-layoutthree .header-area__inner {
	position: relative;
	z-index: 9;
	background: var(--white-color);
	margin-top: 0;
	border-radius: 0px;
	padding: 0px 35px 0px 100px;
}

@media (max-width: 1499.98px) {
.header-layoutthree .header-area__inner {
	padding: 0px 15px 0px 20px;
}
}

@media (max-width: 1199.98px) {
.header-layoutthree .header-area__inner {
	padding: 15px 15px 15px 20px;
}
}
.header-layoutthree .header-area__inner::before {
	position: absolute;
	content: "";
	width: 40%;
	height: 100%;
	top: 0;
	left: -8%;
	background: var(--secondary-color);
	z-index: 0;
	clip-path: polygon(0 0, 100% 0, 84% 100%, 0% 100%);
}

@media (min-width: 1600px) {
.header-layoutthree .header-area__inner::before {
	width: 47%;
}
}

@media (max-width: 1499.98px) {
.header-layoutthree .header-area__inner::before {
	width: 38%;
}
}

@media (max-width: 1199.98px) {
.header-layoutthree .header-area__inner::before {
	width: 40%;
}
}

@media (max-width: 991.98px) {
.header-layoutthree .header-area__inner::before {
	width: 50%;
}
}

@media (max-width: 767.98px) {
.header-layoutthree .header-area__inner::before {
	width: 75%;
	left: -6%;
}
}
.header-layoutthree .header-area__inner::after {
	position: absolute;
	content: "";
	width: 8%;
	height: 100%;
	top: 0;
	right: -8%;
	background: var(--white-color);
	z-index: 0;
}

@media (max-width: 575.98px) {
.header-layoutthree .header-area__inner::after {
	width: 8%;
}
}
.header-layoutthree .header__logo {
	position: relative;
	z-index: 9;
}
.header-layoutthree .header__nav .main-menu {
	border-radius: 0px;
	border: 0px solid rgba(255, 255, 255, 0.1);
}
.header-layoutthree .main-menu li a {
	padding: 48px 0;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
}
.header-layoutthree .main-menu li:hover > a {
	color: var(--primary-color) !important;
}
.header-layoutthree .header-right {
	gap: 24px;
	display: flex;
	align-items: center;
}
.header-layoutthree .header-right .side-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white-color);
	text-transform: uppercase;
	font-family: var(--body-font);
	width: 56px;
	height: 56px;
	gap: 8px;
	background: var(--bg-color-primary);
}
.header-layoutthree .header-right .search-open-btn {
	gap: 11px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: var(--white-color);
	text-transform: uppercase;
	font-family: var(--body-font);
	width: 56px;
	height: 56px;
	gap: 8px;
	background: var(--bg-color-primary);
	margin-left: 20px;
}
.header-layoutthree .header-right .search-open-btn i {
	color: var(--white-color);
}
.header-layoutfour {
	position: absolute;
}
.header-layoutfour .header-area__inner {
	position: relative;
	z-index: 9;
	background: var(--white-color);
	margin-top: 0;
	border-radius: 0px;
	margin-left: -100px;
	padding: 0px 35px 0px 100px;
}

@media (max-width: 1199.98px) {
.header-layoutfour .header-area__inner {
	margin-left: -70px;
}
}

@media (max-width: 991.98px) {
.header-layoutfour .header-area__inner {
	margin-left: -100px;
	padding: 0px 15px 0px 100px;
}
}
.header-layoutfour .header-area__inner::before {
	position: absolute;
	content: "";
	width: 386px;
	height: 96px;
	top: 0;
	left: 0;
	background: var(--secondary-color);
	z-index: 0;
	clip-path: polygon(0 0, 95% 0, 75% 100%, 0% 100%);
}

@media (max-width: 575.98px) {
.header-layoutfour .header-area__inner::before {
	width: 330px;
}
}
.header-layoutfour .header__logo {
	position: relative;
	z-index: 9;
}
.header-layoutfour .header__nav .main-menu {
	border-radius: 0px;
	border: 0px solid rgba(255, 255, 255, 0.1);
}
.header-layoutfour .main-menu li a {
	padding: 35px 0;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
}
.header-layoutfour .main-menu li:hover > a {
	color: var(--primary-color) !important;
}
.header-layoutfour .header-right {
	gap: 24px;
	display: flex;
	align-items: center;
	padding: 20px 0;
}
.header-layoutfour .header-right .side-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white-color);
	text-transform: uppercase;
	font-family: var(--body-font);
	width: 56px;
	height: 56px;
	gap: 8px;
	background: var(--bg-color-primary);
}
.header-layoutfour .header-right .search-open-btn {
	gap: 11px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: var(--white-color);
	text-transform: uppercase;
	font-family: var(--body-font);
	width: 56px;
	height: 56px;
	gap: 8px;
	background: var(--bg-color-primary);
}
.header-layoutfour .header-right .search-open-btn i {
	color: var(--white-color);
}
.footer-widget {
	padding-top: 48px;
}

@media (max-width: 991.98px) {
.footer-widget {
	padding-top: 35px;
}
}
.footer-widget__wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

@media (max-width: 1199.98px) {
.footer-widget__wrap {
	gap: 20px;
}
}

@media (max-width: 991.98px) {
.footer-widget__wrap {
	gap: 33px;
}
}
.footer-widget__nav-item {
	margin-bottom: 20px;
}

@media (max-width: 767.98px) {
.footer-widget__nav-item:last-child {
	margin-bottom: 0;
}
}
.footer-widget__nav-link {
	font-family: var(--body-font);
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
	transition: all 0.3s;
}
.footer-widget__nav-link:hover {
	color: var(--primary-color);
	margin-left: 5px;
}
.footer-widget__gallery {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	max-width: 250px;
}
.footer-widget__about {
	max-width: 100%;
	margin: 0 auto;/*	padding-left: 32px;*/
}

@media (max-width: 767.98px) {
.footer-widget__about {
	padding-left: 0;
}
}
.footer-widget__about-logo {
	margin-bottom: 12px;
}
.footer-widget__about-text {
	margin-bottom: 48px;
	font-family: var(--body-font);
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0%;
	color: var(--text-primary);
}
.footer-widget__online {
	display: flex;
	flex-wrap: wrap;
	gap: 48px;
	align-items: center;
}
.footer-widget__online-icon {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 16px;
}
.footer-widget__online-info a {
	color: var(--text-primary);
	display: flex;
}
.footer-one {
	background-color: rgb(var(--body-bg));
}
.footer-one .footer-logo {
	margin-top: 30px;
}
.footer-one .footer-widget {
	padding-top: 70px;
	padding-bottom: 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer-one .footer-widget {
	padding-top: 40px;
	padding-bottom: 70px;
}
}

@media (max-width: 767px) {
.footer-one .footer-widget {
	padding-top: 20px;
	padding-bottom: 60px;
}
}
.footer-one .footer-title {
	font-size: _rem(18px);
	font-weight: 600;
	line-height: 22px;
	color: var(--black-color);
	position: relative;
}
.footer-one .footer-app-store {
	padding-top: 22px;
}
.footer-one .footer-app-store .download-title {
	font-size: _rem(15px);
	display: block;
	margin-bottom: 15px;
	font-weight: 500;
	color: var(--dark-1);
}
.footer-one .footer-app-store li {
	display: inline-block;
	margin-right: 8px;
}
.footer-one .footer-app-store li img {
	max-width: 140px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer-one .footer-app-store li {
	margin-right: 6px;
}
}
.footer-one .footer-app-store li:last-child {
	margin-right: 0;
}

@media (max-width: 767px) {
.footer-one .footer-app-store li {
	width: 120px;
	display: block;
	margin-bottom: 10px;
}
.footer-one .footer-app-store li:last-child {
	margin: 0;
}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
.footer-one .footer-app-store li {
	width: auto;
}
}
.footer-one .footer-app-store li a {
	transition: all 0.2s ease-out 0s;
}
.footer-one .footer-app-store li a:hover {
	box-shadow: var(--shadow-4);
	transform: translateY(-4px);
}
.footer-one .f-about {
	margin-top: 30px;
}
.footer-one .f-about .text {
	margin-top: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1400px) {
.footer-one .f-about {
	padding-right: 200px;
}
}
.footer-one .footer-link {
	margin-top: 30px;
}
.footer-one .footer-link ul {
	margin-top: 8px;
}
.footer-one .footer-link ul a {
	font-size: _rem(16px);
	line-height: 24px;
	color: rgb(var(--black));
	margin-top: 16px;
	font-weight: 400;
	transition: all 0.3s ease-out 0s;
}

@media (max-width: 767px) {
.footer-one .footer-link ul a {
	margin-top: 12px;
}
}
.footer-one .footer-link ul a:hover {
	color: var(--primary-color);
}
.footer-one .footer-contact {
	margin-top: 30px;
}
.footer-one .footer-contact ul {
	margin-top: 24px;
}
.footer-one .footer-contact ul li {
	display: block;
	margin-top: 15px;
	position: relative;
	color: rgb(var(--black));
}
.footer-one .footer-contact ul li:first-child {
	margin: 0;
}
.footer-one .footer-contact ul li i {
	font-size: _rem(18px);
	position: absolute;
	left: 0;
	top: 4px;
}
.footer-one .footer-copyright {
	border-top: 1px solid rgb(var(--border-color));
}
.footer-one .copyright {
	padding-bottom: 23px;
	padding-top: 13px;
}
.footer-one .copyright .text {
	color: rgb(var(--black));
	margin-top: 10px;
}
.footer-one .social {
	margin-top: 10px;
}
.footer-one .social li {
	display: inline-block;
	margin-right: 15px;
}
.footer-one .social li:last-child {
	margin-right: 0;
}
.footer-one .social li a {
	font-size: _rem(18px);
	color: rgb(var(--black));
	transition: all 0.3s ease-out 0s;
}
.footer-one .social li a:hover {
	color: var(--primary-color);
}
.footer-two {
	position: relative;
	background: var(--secondary-color);
}
.footer-two .border-right {
	border-right: 1px solid var(--border-color);
}
.footer-two__main {
	border-bottom: 1px solid var(--border-color);
}
.footer-two .footer-widget {
	padding-bottom: 80px;
}

@media (max-width: 991.98px) {
.footer-two .footer-widget {
	padding-bottom: 30px;
}
}
.footer-two .footer-widget__nav-link:hover {
	margin-left: -3px;
}
.footer-two .marquee-wrap .swiper-slide {
	width: auto;
}
.footer-two .marquee-wrap .text-slider-item {
	margin: 64px 0;
	line-height: normal;
}

@media (max-width: 1499.98px) {
.footer-two .marquee-wrap .text-slider-item {
	margin: 30px 0;
}
}

@media (max-width: 991.98px) {
.footer-two .marquee-wrap .text-slider-item {
	margin: 10px 0;
}
}
.footer-two .marquee-wrap .text-slider-item .stroke-text {
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 1px var(--white-color);
}

@media (max-width: 1199.98px) {
.footer-two .marquee-wrap .text-slider-item span svg {
	width: 70px;
}
}

@media (max-width: 991.98px) {
.footer-two .marquee-wrap .text-slider-item span svg {
	width: 50px;
}
}

@media (max-width: 767.98px) {
.footer-two .marquee-wrap .text-slider-item span svg {
	width: 40px;
}
}
.footer-two__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 28px 0;
}

@media (max-width: 767.98px) {
.footer-two__bottom {
	flex-wrap: wrap;
	gap: 15px;
}
}
.footer-two__bottom-wrap {
	border-top: 1px solid var(--border-color);
	background-color: #0e121d
}
.footer-two__bottom-text {
	font-family: var(--body-font);
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.5px;
	text-align: center;
	color: var(--white-color);
}
.footer-two__bottom-text span {
	color: var(--primary-color);
}
.footer-two__bottom-link {
	display: flex;
	gap: 24px;
	align-items: center;
}

@media (max-width: 767.98px) {
.footer-two__bottom-link {
	gap: 8px;
	flex-wrap: wrap;
}
}
.footer-two__bottom-link a {
	color: var(--text-primary);
	transition: var(--transition);
}
.footer-two__bottom-link a:hover {
	color: var(--primary-color);
}
.footer-three {
	position: relative;
}
.footer-three__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.footer-three__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.footer-three__bg:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: rgba(14, 18, 29, 0.96);
}
.footer-three__shapeone {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

@media (max-width: 1499.98px) {
.footer-three__shapeone {
	display: none;
}
}
.footer-three__shapetwo {
	position: absolute;
	bottom: 0%;
	right: 0%;
	z-index: 6;
}

@media (max-width: 1499.98px) {
.footer-three__shapetwo {
	display: none;
}
}
.footer-three .footer-widget {
	padding-bottom: 80px;
}

@media (max-width: 991.98px) {
.footer-three .footer-widget {
	padding-bottom: 0px;
}
}
.footer-three .footer-widget__nav-link:hover {
	margin-left: -3px;
}
.footer-three__top {
	position: relative;
	z-index: 6;
	border-bottom: 1px solid var(--border-color);
	padding-top: 72px;
	text-align: center;
}
.footer-three__top .musk-text {
	font-family: var(--title-font);
	font-weight: 700;
	font-style: Bold;
	font-size: 100px;
	line-height: 108px;
	letter-spacing: 0.5px;
	padding-bottom: 48px;
	text-align: center;
}

@media (max-width: 1499.98px) {
.footer-three__top .musk-text {
	font-size: 85px;
	line-height: 1.1;
}
}

@media (max-width: 1199.98px) {
.footer-three__top .musk-text {
	font-size: 72px;
	padding-bottom: 32px;
}
}

@media (max-width: 991.98px) {
.footer-three__top .musk-text {
	font-size: 50px;
}
}

@media (max-width: 767.98px) {
.footer-three__top .musk-text {
	font-size: 26px;
}
}
.footer-three__main {
	position: relative;
	z-index: 5;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
}

@media (max-width: 1199.98px) {
.footer-three__main {
	justify-content: flex-start;
}
}

@media (max-width: 991.98px) {
.footer-three__main {
	padding-bottom: 50px;
}
}
.footer-three__main-left {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 48px;
	padding-right: 48px;
	border-right: 1px solid var(--border-color);
}

@media (max-width: 1499.98px) {
.footer-three__main-left {
	padding-right: 32px;
	gap: 30px;
}
}

@media (max-width: 1199.98px) {
.footer-three__main-left {
	padding-right: 20px;
	gap: 20px;
}
}

@media (max-width: 991.98px) {
.footer-three__main-left {
	border: none;
}
}
.footer-three__newsletter {
	padding-left: 48px;
	padding-top: 48px;
	width: 45.6%;
}

@media (max-width: 1499.98px) {
.footer-three__newsletter {
	width: 36%;
	padding-left: 12px;
}
}

@media (max-width: 1199.98px) {
.footer-three__newsletter {
	width: 29%;
}
}

@media (max-width: 991.98px) {
.footer-three__newsletter {
	width: 100%;
	padding-left: 0;
	padding-top: 30px;
	margin-top: 0;
}
}
.footer-three__newsletter-title {
	color: var(--white-color);
	margin-bottom: 16px;
}
.footer-three__newsletter-form {
	position: relative;
	margin-bottom: 88px;
}

@media (max-width: 1199.98px) {
.footer-three__newsletter-form {
	margin-bottom: 40px;
}
}
.footer-three__newsletter-form .input {
	position: relative;
	padding: 20px 16px !important;
	width: 100%;
	border-radius: 0 !important;
	background: rgba(255, 255, 255, 0.1215686275);
}

@media (max-width: 1199.98px) {
.footer-three__newsletter-form .input {
	font-size: 14px !important;
	line-height: 1.1 !important;
	padding: 20px 10px !important;
}
}

@media (max-width: 767.98px) {
.footer-three__newsletter-form .input {
	font-size: 12px !important;
	line-height: 1.1 !important;
}
}
.footer-three__newsletter-form .input::placeholder {
 font-family: var(--body-font) !important;
 font-weight: 400 !important;
 font-size: 16px !important;
 line-height: 24px !important;
 letter-spacing: 0px !important;
 color: var(--text-primary);
}

@media (max-width: 1199.98px) {
 .footer-three__newsletter-form .input::placeholder {
 font-size: 12px !important;
 line-height: 1.1 !important;
}
}

@media (max-width: 767.98px) {
 .footer-three__newsletter-form .input::placeholder {
 font-size: 12px !important;
 line-height: 1.1 !important;
}
}
.footer-three__newsletter-form .button {
	position: absolute;
	top: 4px;
	right: 4px;
	padding: 16px 24px;
	background: var(--primary-color);
	color: var(--white-color);
}

@media (max-width: 1199.98px) {
.footer-three__newsletter-form .button {
	padding: 16px 10px;
	font-size: 12px;
}
}

@media (max-width: 991.98px) {
.footer-three__newsletter-form .button {
	padding: 16px 24px;
}
}

@media (max-width: 767.98px) {
.footer-three__newsletter-form .button {
	padding: 15px 24px;
}
}
.footer-three__newsletter-link {
	gap: 40px;
}

@media (max-width: 1499.98px) {
.footer-three__newsletter-link {
	gap: 10px;
	flex-wrap: wrap;
}
}
.footer-three__newsletter .newsletter-text {
	color: var(--white-color);
}
.footer-three__bottom {
	position: relative;
	z-index: 6;
	padding: 28px 0;
	border-top: 1px solid var(--border-color);
}
.footer-three__bottom-text {
	font-family: var(--body-font);
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.5px;
	text-align: center;
	color: var(--white-color);
}
.footer-three__bottom-text span {
	color: var(--primary-color);
}
.footer-four {
	position: relative;
	background: var(--secondary-color);
}
.footer-four .shape-one {
	position: absolute;
	bottom: -10%;
	left: 0;
	z-index: 0;
}

@media (max-width: 1499.98px) {
.footer-four .shape-one {
	opacity: 0.3;
}
}
.footer-four .shape-two {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
}

@media (max-width: 1499.98px) {
.footer-four .shape-two {
	opacity: 0.3;
}
}
.footer-four__top {
	position: relative;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid var(--border-color);
}

@media (max-width: 991.98px) {
.footer-four__top {
	flex-wrap: wrap;
	gap: 10px;
}
}
.footer-four__top-left {
	display: flex;
	gap: 40px;
	align-items: center;
	justify-content: space-between;
	padding-right: 80px;
	padding-top: 72px;
	padding-bottom: 48px;
	width: 62.5%;
	position: relative;
}
.footer-four__top-left:before {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: var(--border-color);
}

@media (max-width: 1499.98px) {
.footer-four__top-left {
	flex-wrap: wrap;
	padding-right: 30px;
	width: 74%;
}
}

@media (max-width: 1199.98px) {
.footer-four__top-left {
	width: 44%;
}
}

@media (max-width: 991.98px) {
.footer-four__top-left {
	width: 60%;
	padding-bottom: 35px;
	flex: none;
}
.footer-four__top-left::before {
	display: none;
}
}

@media (max-width: 767.98px) {
.footer-four__top-left {
	width: 100%;
	gap: 20px;
}
}
.footer-four__top-info {
	display: flex;
	gap: 16px;
	align-items: center;
}
.footer-four__top-info--left {
	max-width: 332px;
}

@media (max-width: 991.98px) {
.footer-four__top-info--left {
	max-width: 100%;
	flex: none;
}
}
.footer-four__top-icon {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 8px;
	font-size: 20px;
	background: var(--bg-color-tertiary);
	backdrop-filter: blur(56px);
	color: var(--primary-color);
}

@media (max-width: 1199.98px) {
.footer-four__top-icon {
	width: 50px;
	height: 50px;
	font-size: 25px;
}
}

@media (max-width: 767.98px) {
.footer-four__top-icon {
	width: 40px;
	height: 40px;
	font-size: 20px;
}
}
.footer-four__top-text {
	color: var(--white-color);
	opacity: 0.7;
	display: flex;
	margin-bottom: 3px;
}
.footer-four__top-right {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 30px;
	padding-left: 48px;
	width: 30%;
}

@media (max-width: 1499.98px) {
.footer-four__top-right {
	width: 52%;
	justify-content: flex-end;
}
}

@media (max-width: 991.98px) {
.footer-four__top-right {
	width: 35%;
}
}

@media (max-width: 767.98px) {
.footer-four__top-right {
	width: 100%;
	justify-content: flex-start;
	padding-left: 0;
	margin-bottom: 30px;
}
}

@media (max-width: 767.98px) {
.footer-four__top-right {
	flex-wrap: wrap;
}
.footer-four__top-right-social {
	text-align: center;
}
.footer-four__top-right-social .social {
	justify-content: center;
}
}
.footer-four__top-social {
	text-align: start;
}
.footer-four__top-social .title {
	color: var(--white-color);
	margin-bottom: 12px;
	text-align: center;
}
.footer-four__main {
	position: relative;
	z-index: 5;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 40px;
}

@media (max-width: 1199.98px) {
.footer-four__main {
	justify-content: flex-start;
	margin-bottom: 50px;
}
}
.footer-four__main-left {
	display: flex;
	flex-wrap: wrap;
	gap: 104px;
	padding-right: 64px;
	border-right: 1px solid var(--border-color);
}

@media (max-width: 1499.98px) {
.footer-four__main-left {
	padding-right: 58px;
	gap: 30px;
}
}

@media (max-width: 1199.98px) {
.footer-four__main-left {
	padding-right: 20px;
	gap: 20px;
}
}

@media (max-width: 991.98px) {
.footer-four__main-left {
	border: none;
	column-gap: 40px !important;
}
}
.footer-four__newsletter {
	padding-left: 48px;
	padding-top: 32px;
	width: 36.6%;
}

@media (max-width: 1499.98px) {
.footer-four__newsletter {
	width: 100%;
}
}

@media (max-width: 1199.98px) {
.footer-four__newsletter {
	width: 32%;
}
}

@media (max-width: 991.98px) {
.footer-four__newsletter {
	width: 100%;
	padding-left: 0;
	padding-top: 55px;
}
}
.footer-four__newsletter-title {
	color: var(--white-color);
	margin-bottom: 16px;
}
.footer-four__newsletter-form {
	position: relative;
	margin-bottom: 88px;
}

@media (max-width: 1199.98px) {
.footer-four__newsletter-form {
	margin-bottom: 40px;
}
}
.footer-four__newsletter-form .input {
	position: relative;
	padding: 20px 16px !important;
	width: 100%;
	border-radius: 0 !important;
}

@media (max-width: 1199.98px) {
.footer-four__newsletter-form .input {
	font-size: 14px !important;
	line-height: 1.1 !important;
	padding: 20px 10px !important;
}
}

@media (max-width: 767.98px) {
.footer-four__newsletter-form .input {
	font-size: 12px !important;
	line-height: 1.1 !important;
}
}
.footer-four__newsletter-form .input::placeholder {
 font-family: var(--body-font) !important;
 font-weight: 400 !important;
 font-size: 16px !important;
 line-height: 24px !important;
 letter-spacing: 0px !important;
}

@media (max-width: 1199.98px) {
 .footer-four__newsletter-form .input::placeholder {
 font-size: 12px !important;
 line-height: 1.1 !important;
}
}

@media (max-width: 767.98px) {
 .footer-four__newsletter-form .input::placeholder {
 font-size: 12px !important;
 line-height: 1.1 !important;
}
}
.footer-four__newsletter-form .button {
	position: absolute;
	top: 4px;
	right: 4px;
	padding: 16px 24px;
	background: var(--primary-color);
	color: var(--white-color);
}

@media (max-width: 1199.98px) {
.footer-four__newsletter-form .button {
	padding: 16px 10px;
	font-size: 12px;
}
}

@media (max-width: 991.98px) {
.footer-four__newsletter-form .button {
	padding: 16px 24px;
}
}

@media (max-width: 767.98px) {
.footer-four__newsletter-form .button {
	padding: 15px 24px;
}
}
.footer-four__newsletter .newsletter-text {
	color: var(--text-primary);
}
.footer-four__bottom {
	position: relative;
	z-index: 5;
	display: flex;
	gap: 32px;
	align-items: center;
	justify-content: center;
	padding-bottom: 31px;
}

@media (max-width: 1199.98px) {
.footer-four__bottom {
	gap: 15px;
	justify-content: flex-start;
}
.footer-four__bottom .icon svg {
	width: 40px;
	height: 40px;
}
}
.introone {
	position: relative;
	overflow: hidden;
}
.introone__shapeone {
	position: absolute;
	top: 40px;
	left: 0%;
	z-index: 1;
}

@media (max-width: 1499.98px) {
.introone__shapeone {
	display: none;
}
}

@media (max-width: 1600px) {
.introone__shapeone {
	left: -8%;
}
}
.introone__shapetwo {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
}

@media (max-width: 1499.98px) {
.introone__shapetwo {
	display: none;
}
}

@media (max-width: 1600px) {
.introone__shapetwo {
	left: -8%;
}
}
.introone__shapethree {
	position: absolute;
	bottom: 0;
	left: 30.3%;
	z-index: 7;
}

@media (min-width: 1921px) {
.introone__shapethree {
	left: 33.3%;
}
}

@media (max-width: 1499.98px) {
.introone__shapethree {
	display: none;
}
}

@media (max-width: 1600px) {
.introone__shapethree {
	left: -8%;
}
}
.introone__content {
	position: relative;
	z-index: 9;
	padding: 270px 0 218px;
}

@media (max-width: 1199.98px) {
.introone__content {
	padding: 200px 0 120px;
}
}
.introone__desc {
	padding-right: 50px;
}
.introone__thumb {
	position: relative;
	height: 100%;
}

@media (max-width: 1199.98px) {
.introone__thumb {
	display: none;
}
}
.introone__thumb-shape {
	position: absolute;
	bottom: 0;
	right: -57%;
}
.introone__thumb-main {
	margin-left: -238px;
	margin-top: 48px;
	width: 1085px;
	height: 850px;
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 1085 850"><path fill-rule="evenodd" clip-rule="evenodd" d="M1085.86 0V492.57L879.574 849.863H0C131.69 621.788 312.29 308.97 443.954 80.9378L397.224 0H1085.86Z"/></svg>');
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 1085 850"><path fill-rule="evenodd" clip-rule="evenodd" d="M1085.86 0V492.57L879.574 849.863H0C131.69 621.788 312.29 308.97 443.954 80.9378L397.224 0H1085.86Z"/></svg>');
	transition: var(--transition);
}
.introone__thumb-main img {
	height: 100%;
}

@media (max-width: 1499.98px) {
.introone__thumb-main {
	margin-right: 0;
	margin-top: 0;
}
}
.introone .slider__buttons {
	position: absolute;
	justify-content: flex-end;
	bottom: 68px;
	left: 38%;
}
.introtwo {
	position: relative;
	padding-top: 80px;
}
.introtwo .shape {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 0;
	opacity: 0.08;
	background: linear-gradient(258.54deg, #0E121D 18.04%, rgba(14, 18, 29, 0) 96.59%);
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 1491 979"><path fill-rule="evenodd" clip-rule="evenodd"  d="M1491 979H597.38L0 1.99121L1491 0V979Z"/></svg>');
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 1491 979"><path fill-rule="evenodd" clip-rule="evenodd"  d="M1491 979H597.38L0 1.99121L1491 0V979Z"/></svg>');
}
.introtwo .shape:before {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(258.54deg, #0E121D 18.04%, rgba(14, 18, 29, 0) 96.59%);
	z-index: 1;
}
.introtwo__callaction {
	position: absolute;
	z-index: 9;
	top: 50%;
	right: -2%;
	display: flex;
	gap: 16px;
	align-items: center;
	justify-content: center;
	transform: rotate(-90deg);
}

@media (max-width: 1499.98px) {
.introtwo__callaction {
	right: -5%;
}
}

@media (max-width: 991.98px) {
.introtwo__callaction {
	top: 20%;
	left: -3%;
	right: auto;
}
}

@media (max-width: 767.98px) {
.introtwo__callaction {
	top: 20%;
	left: -8%;
	right: auto;
}
}

@media (max-width: 575.98px) {
.introtwo__callaction {
	top: 20%;
	left: -9%;
	right: auto;
}
}
.introtwo .section-top__heading {
	font-size: 72px;
	font-weight: 700;
}

@media (max-width: 1499.98px) {
.introtwo .section-top__heading {
	font-size: 60px;
}
}

@media (max-width: 1199.98px) {
.introtwo .section-top__heading {
	font-size: 50px;
}
}

@media (max-width: 767.98px) {
.introtwo .section-top__heading {
	font-size: 35px;
}
}
.introtwo__thumb {
	margin-bottom: -103px;
	position: relative;
	z-index: 7;
}

@media (max-width: 1499.98px) {
.introtwo__thumb {
	margin-bottom: -220px;
}
}

@media (max-width: 1199.98px) {
.introtwo__thumb {
	margin-bottom: 0;
	margin-top: 50px;
}
}
.introtwo__content {
	position: relative;
	z-index: 7;
	padding-left: 47px;
	padding-top: 258px;
	padding-bottom: 130px;
}

@media (max-width: 1499.98px) {
.introtwo__content {
	padding-left: 0;
	padding-right: 10px;
}
}

@media (max-width: 1199.98px) {
.introtwo__content {
	padding-top: 40px;
	padding-bottom: 120px;
}
}

@media (max-width: 991.98px) {
.introtwo__content {
	padding-top: 20px;
	padding-bottom: 60px;
}
}
.introthree {
	position: relative;
	padding: 180px 0 0;
	overflow: hidden;
}
.introthree__wrap {
	position: relative;
	z-index: 5;
}
.introthree__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.introthree__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.introthree__bg:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: rgba(14, 18, 29, 0.93);
}
.introthree__shapeone {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

@media (max-width: 1499.98px) {
.introthree__shapeone {
	display: none;
}
}
.introthree__shapetwo {
	position: absolute;
	bottom: 22%;
	left: 8%;
	z-index: 6;
}

@media (max-width: 1499.98px) {
.introthree__shapetwo {
	display: none;
}
}
.introthree__shapethree {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
}

@media (max-width: 1499.98px) {
.introthree__shapethree {
	display: none;
}
}
.introthree__shapefour {
	position: absolute;
	top: 52%;
	right: 20%;
	z-index: 3;
}

@media (max-width: 1499.98px) {
.introthree__shapefour {
	display: none;
}
}
.introthree__shapefive {
	position: absolute;
	top: 10%;
	right: 0;
	z-index: 3;
}

@media (max-width: 1499.98px) {
.introthree__shapefive {
	display: none;
}
}
.introthree .container {
	margin: 0 auto;
	max-width: 1552px;
}
.introthree__title {
	color: var(--white-color);
}
.introthree__title .stroke-text {
	color: var(--primary-color);
	-webkit-text-fill-color: var(--secondary-color);
	-webkit-text-stroke: 4px var(--primary-color);
	position: relative;
}

@media (max-width: 767.98px) {
.introthree__title .stroke-text {
	-webkit-text-stroke: 1px var(--primary-color);
}
}
.introthree__titletwo {
	display: flex;
	align-items: center;
	gap: 19px;
	margin-left: 86px;
	margin-bottom: 32px;
}

@media (max-width: 991.98px) {
.introthree__titletwo {
	flex-wrap: wrap;
}
}
.introthree__content {
	position: relative;
	z-index: 6;
	max-width: 900px;
	margin-left: auto;
	margin-bottom: -130px;
}

@media (max-width: 1499.98px) {
.introthree__content {
	margin-bottom: 15px;
}
}
.introthree__content .custom-btn {
	margin-left: 200px;
	margin-top: 30px;
}

@media (max-width: 767.98px) {
.introthree__content .custom-btn {
	margin-left: 0;
}
}
.introthree__shape {
	position: relative;
	z-index: 5;
	display: flex;
	margin-left: auto;
	justify-content: flex-end;
	margin-top: -310px;
}

@media (max-width: 991.98px) {
.introthree__shape {
	margin-top: -150px;
}
}
.introthree__circle {
	position: relative;
	display: inline-flex;
	align-items: center;
}
.introthree__circle-shape {
	position: absolute;
	top: 10px;
	left: 12px;
}
.introthree__thumb-top {
	border-radius: 100px;
}
.introthree__thumb-main {
	margin-bottom: 64px;
	position: relative;
	z-index: 1;
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 1320 600"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 600H1320V152.788H773.857V77.7966H579.303L579 0H0V600Z"/></svg>');
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 1320 600"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 600H1320V152.788H773.857V77.7966H579.303L579 0H0V600Z"/></svg>');
	transition: var(--transition);
}
.aboutone__thumb {
	position: relative;
	display: flex;
	align-items: center;
	gap: 26px;
	margin-left: -130px;
}

@media (max-width: 1499.98px) {
.aboutone__thumb {
	margin-left: 0;
}
}
.aboutone__thumb-shapeone {
	position: absolute;
	top: -23px;
	left: -18px;
	z-index: 0;
}

@media (max-width: 1499.98px) {
.aboutone__thumb-shapeone img {
	width: 80%;
	opacity: 0.3;
}
}

@media (max-width: 575.98px) {
.aboutone__thumb-shapeone img {
	width: 40%;
}
}
.aboutone__thumb-shapetwo {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 0;
}

@media (max-width: 1499.98px) {
.aboutone__thumb-shapetwo {
	opacity: 0.3;
}
}
.aboutone__thumb-shapethree {
	position: absolute;
	bottom: 0;
	left: 24%;
	z-index: 0;
}

@media (max-width: 1499.98px) {
.aboutone__thumb-shapethree {
	opacity: 0.3;
}
}
.aboutone__thumb-shapefour {
	position: absolute;
	top: 0;
	right: 20%;
	z-index: 0;
}

@media (max-width: 1499.98px) {
.aboutone__thumb-shapefour {
	opacity: 0.3;
}
}
.aboutone__thumb-one {
	position: relative;
	z-index: 6;
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 390 502"><path fill-rule="evenodd" clip-rule="evenodd" d="M389.607 38.0566L384.612 501.706L0 388.261L85.7332 0L389.607 38.0566Z"/></svg>');
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 390 502"><path fill-rule="evenodd" clip-rule="evenodd" d="M389.607 38.0566L384.612 501.706L0 388.261L85.7332 0L389.607 38.0566Z"/></svg>');
	transition: var(--transition);
}
.aboutone__thumb-two {
	position: relative;
	z-index: 6;
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 335 475"><path fill-rule="evenodd" clip-rule="evenodd" d="M294.929 50.7422L3.63999 0L0 474.732L334.982 413.127L294.929 50.7422Z"/></svg>');
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 335 475"><path fill-rule="evenodd" clip-rule="evenodd" d="M294.929 50.7422L3.63999 0L0 474.732L334.982 413.127L294.929 50.7422Z"/></svg>');
	transition: var(--transition);
}
.aboutone__blockone {
	display: flex;
	gap: 80px;
	align-items: center;
	padding-bottom: 48px;
	margin-bottom: 32px;
	border-bottom: 1px solid var(--border-color);
}

@media (max-width: 575.98px) {
.aboutone__blockone {
	flex-wrap: wrap;
}
}
.aboutone__blocktwo {
	display: flex;
	flex-wrap: wrap-reverse;
	gap: 32px;
	align-items: center;
	justify-content: space-between;
}

@media (max-width: 767.98px) {
.aboutone__blocktwo {
	gap: 15px;
}
}
.aboutone__featurelist {
	position: relative;
	padding-right: 25px;
}
.aboutone__featurelist li {
	margin-bottom: 12px !important;
}
.aboutone__featurelist li:last-child {
	margin-bottom: 0 !important;
}
.aboutone__featurelist:before {
	position: absolute;
	content: "";
	bottom: 0;
	right: 0;
	width: 8px;
	height: 100%;
	background: var(--primary-color);
	border-radius: 16px;
}
.aboutone__video {
	position: relative;
}
.aboutone__video-thumb {
	position: relative;
	z-index: 3;
}

@media (max-width: 767.98px) {
.aboutone__video-thumb {
	max-width: 250px;
}
}
.aboutone__video-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 6;
}
.aboutone__video-btn a {
	width: 65px;
	height: 65px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-family: var(--title-font);
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0px;
	color: var(--white-color);
	background: var(--primary-color);
}
.aboutone__video-btn a:after, .aboutone__video-btn a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: rgba(255, 94, 20, 0.2392156863);
	opacity: 0;
	animation: ripple 2s infinite ease-out;
}
.aboutone__video-btn a:after {
	animation-delay: 1s;
}
.aboutone__name {
	font-family: "Kapakana", cursive;
	font-weight: 400;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: 0.5px;
	padding-right: 17px;
	border-right: 1px solid #C6C9CA;
}
.aboutone__profile {
	display: flex;
	align-items: center;
	gap: 12px;
}
 @keyframes ripple {
 0% {
 transform: translate(-50%, -50%) scale(1);
 opacity: 0.8;
}
 100% {
 transform: translate(-50%, -50%) scale(2.6);
 opacity: 0;
}
}
.abouttwo {
	position: relative;
}
.abouttwo .stroke-text {
	position: absolute;
	top: 30%;
	right: 0%;
	transform: rotate(-90deg);
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 1px var(--secondary-color);
	opacity: 0.12;
}

@media (max-width: 1499.98px) {
.abouttwo .stroke-text {
	display: none;
}
}
.abouttwo__thumb {
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 644 406"><path fill-rule="evenodd" clip-rule="evenodd" d="M573.263 406H0V45.9843C27.6346 28.0333 43.1326 17.9607 70.7524 0H573.248C600.882 17.9607 616.38 28.0333 644 45.9843V360.006C616.38 377.967 600.882 388.039 573.263 406Z" /></svg>');
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 644 406"><path fill-rule="evenodd" clip-rule="evenodd" d="M573.263 406H0V45.9843C27.6346 28.0333 43.1326 17.9607 70.7524 0H573.248C600.882 17.9607 616.38 28.0333 644 45.9843V360.006C616.38 377.967 600.882 388.039 573.263 406Z"/></svg>');
}
.abouttwo__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.abouttwo__thumbtwo {
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 644 565"><path fill-rule="evenodd" clip-rule="evenodd"  d="M70.7508 0H644V501.007C616.366 526.002 600.868 540.019 573.249 565H70.7508C43.1316 540.005 27.634 525.988 0 501.007V63.993C27.634 39.0119 43.1316 24.9945 70.7508 0Z"/></svg>');
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 644 565"><path fill-rule="evenodd" clip-rule="evenodd"  d="M70.7508 0H644V501.007C616.366 526.002 600.868 540.019 573.249 565H70.7508C43.1316 540.005 27.634 525.988 0 501.007V63.993C27.634 39.0119 43.1316 24.9945 70.7508 0Z"/></svg>');
}
.abouttwo__thumbtwo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.abouttwo__features {
	display: flex;
	align-items: center;
	gap: 24px;
	margin-top: 48px;
	border-bottom: 1px solid var(--secondary-border-color);
}
.abouttwo__features-box {
	padding-right: 24px;
	border-right: 1px solid var(--secondary-border-color);
	margin-bottom: 24px;
}

@media (max-width: 1199.98px) {
.abouttwo__features {
	flex-wrap: wrap;
	gap: 5px;
}
}
.abouttwo__featuretitle .text {
	color: var(--secondary-color);
	font-family: var(--title-font);
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 0.5px;
}
.aboutthree__thumb {
	position: relative;
	padding-bottom: 60px;
}

@media (max-width: 767.98px) {
.aboutthree__thumb {
	padding-bottom: 0;
}
}
.aboutthree__thumb-bgshape {
	position: absolute;
	top: 14%;
	right: 0.5%;
	z-index: 0;
}

@media (max-width: 767.98px) {
.aboutthree__thumb-bgshape {
	display: none;
}
}
.aboutthree__main-thumb {
	position: relative;
	display: inline-flex;
	z-index: 7;
	margin-left: 40px;
}

@media (max-width: 1499.98px) {
.aboutthree__main-thumb {
	padding-left: 0;
	margin-left: 0;
}
}
.aboutthree__playvideo {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 5;
}
.aboutthree__content {
	position: relative;
	padding-left: 52px;
}

@media (max-width: 767.98px) {
.aboutthree__content {
	padding-left: 30px;
}
}
.aboutthree__desc {
	padding-bottom: 24px;
	border-bottom: 1px solid var(--border-color);
}
.aboutthree__feature {
	display: flex;
	align-items: center;
	gap: 32px;
}

@media (max-width: 1199.98px) {
.aboutthree__feature {
	flex-wrap: wrap;
	gap: 20px;
}
}
.aboutthree__feature-top {
	display: flex;
	align-items: center;
	gap: 16px;
}
.aboutthree__feature-icon {
	width: 56px;
	height: 56px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--bg-color-secondary);
}
.aboutthree__feature-title {
	color: var(--secondary-color);
	max-width: 100px;
}
.tab-menu ul {
	display: flex;
	gap: 24px;
	align-items: center;
	height: 100%;
}

@media (max-width: 1199.98px) {
.tab-menu ul {
	flex-wrap: wrap;
	gap: 12px;
}
}
.tab-menu ul li {
	padding: 16px 0;
}

@media (max-width: 1499.98px) {
.tab-menu ul li {
	padding: 12px 0px;
}
}
.tab-menu ul li a {
	padding: 16px 37px;
	font-family: var(--title-font);
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.5px;
	color: var(--secondary-color);
	background: var(--white-color);
	transition: var(--transition);
}

@media (max-width: 1499.98px) {
.tab-menu ul li a {
	padding: 12px 25px;
	font-size: 16px;
	line-height: 1.2;
}
}
.tab-menu ul .tab-menu ul li a:hover {
	background: var(--primary-color);
	color: var(--white-color);
}
.tab-menu ul li a.active {
	background: var(--primary-color);
	color: var(--white-color);
}
.tab-box {
	display: none;
}
.servicetwo__button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.servicetwo__button a {
	position: relative;
	z-index: 5;
	padding: 12px 24px;
	border: 1px solid var(--border-color);
	background: var(--white-color);
}
.servicetwo__button a:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 50%;
	left: -222%;
	width: 539px;
	height: 1px;
	background: var(--border-color);
	transition: var(--transition);
}

@media (max-width: 1199.98px) {
.servicetwo__button a:before {
	width: 200px;
	left: -100%;
}
}
.servicetwo__button a:after {
	content: "";
	position: absolute;
	z-index: 0;
	top: 50%;
	right: -222%;
	width: 539px;
	height: 1px;
	background: var(--border-color);
	transition: var(--transition);
}

@media (max-width: 1199.98px) {
.servicetwo__button a:after {
	right: -100%;
	width: 200px;
}
}
.ctaone {
	position: relative;
	overflow: hidden;
}
.ctaone__shapeone {
	position: absolute;
	top: -4%;
	bottom: -5%;
	right: 0;
	z-index: 0;
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 886 757"><path fill-rule="evenodd" clip-rule="evenodd" d="M886 757H32.4189L241.175 405.925L0 -3H886V757Z"/></svg>');
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 886 757"><path fill-rule="evenodd" clip-rule="evenodd" d="M886 757H32.4189L241.175 405.925L0 -3H886V757Z"/></svg>');
	transition: var(--transition);
}

@media (max-width: 1499.98px) {
.ctaone__shapeone {
	right: -20%;
}
}

@media (max-width: 1199.98px) {
.ctaone__shapeone {
	top: 40%;
	bottom: 0;
}
}

@media (max-width: 991.98px) {
.ctaone__shapeone {
	top: 60%;
	bottom: 0;
	right: 0;
}
}

@media (max-width: 767.98px) {
.ctaone__shapeone {
	top: 80%;
	bottom: 0;
}
}
.ctaone__shapetwo {
	position: absolute;
	top: 0;
	right: 29%;
	z-index: 0;
}

@media (max-width: 1499.98px) {
.ctaone__shapetwo {
	right: 40%;
}
}

@media (max-width: 1199.98px) {
.ctaone__shapetwo {
	top: 40%;
	bottom: 0;
}
}

@media (max-width: 991.98px) {
.ctaone__shapetwo {
	top: 60%;
	bottom: 0;
}
}

@media (max-width: 767.98px) {
.ctaone__shapetwo {
	top: 80%;
	bottom: 0;
}
}
.ctaone__thumb {
	position: relative;
	z-index: 5;
	margin-right: -80px;
	margin-left: -150px;
}

@media (max-width: 1499.98px) {
.ctaone__thumb {
	margin-right: 0;
	margin-left: 0;
}
}
.teamone__content {
	text-align: end;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: column;
}
.teamone__content a h4 {
	font-family: var(--title-font);
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.5px;
}
.teamone__content a h4:before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 0%;
	height: 1px;
	background: var(--primary-color);
	transition: var(--transition);
}
.teamone .swiper-slide-active .teamone__content {
	justify-content: flex-start;
	align-items: flex-start;
}
.teamone .swiper-slide-active .teamone__content a h4 {
	font-family: var(--title-font);
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: 0.5px;
	text-decoration-thickness: 0%;
	color: var(--primary-color);
}

@media (max-width: 1499.98px) {
.teamone .swiper-slide-active .teamone__content a h4 {
	font-size: 25px;
	line-height: 1.3;
}
}
.teamone .swiper-slide-active .teamone__content a h4:before {
	width: 100%;
}
.teamone__sliderwrap {
	margin-right: 48px;
}
.teamone__sliderthree {
	margin-left: 60px;
}

@media (max-width: 1499.98px) {
.teamone__sliderthree {
	margin-left: 0;
}
}
.teamone-slidertwo__buttons {
	position: relative;
	z-index: 9;
	display: flex;
	gap: 32px;
	align-items: center;
	margin-left: -100px;
}

@media (max-width: 767.98px) {
.teamone-slidertwo__buttons {
	margin-left: 0;
}
}
.teamone-slidertwo__buttons .teamone-slidertwo-prev, .teamone-slidertwo__buttons .teamone-slidertwo-next {
	background: var(--bg-color-secondary);
}
.teamone-slidertwo__buttons .teamone-slidertwo-prev svg path, .teamone-slidertwo__buttons .teamone-slidertwo-next svg path {
	fill: var(--secondary-color);
	transition: var(--transition);
}
.teamone-slidertwo__buttons .teamone-slidertwo-prev:hover, .teamone-slidertwo__buttons .teamone-slidertwo-prev.active, .teamone-slidertwo__buttons .teamone-slidertwo-next:hover, .teamone-slidertwo__buttons .teamone-slidertwo-next.active {
	background: var(--primary-color);
}
.teamone-slidertwo__buttons .teamone-slidertwo-prev:hover svg path, .teamone-slidertwo__buttons .teamone-slidertwo-prev.active svg path, .teamone-slidertwo__buttons .teamone-slidertwo-next:hover svg path, .teamone-slidertwo__buttons .teamone-slidertwo-next.active svg path {
	fill: var(--white-color);
}
.counterone__item {
	padding: 32px 12px;
	border-left: 1px solid var(--border-color);
	min-width: 305px;
	text-align: center;
}
.counterone__item:last-child {
	border-right: 1px solid var(--border-color);
}
.counterone__number {
	font-family: var(--title-font);
	font-weight: 700;
	font-style: Bold;
	font-size: 48px;
	line-height: 56px;
	letter-spacing: 0.5px;
	text-align: center;
	color: var(--secondary-color);
	margin-bottom: 4px;
}
.counterone__text {
	font-family: var(--body-font);
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 0px;
	text-align: center;
	color: var(--secondary-color);
}
.clientone {
	position: relative;
}
.clientone__shapeone {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
}

@media (max-width: 1499.98px) {
.clientone__shapeone {
	opacity: 0.3;
}
}
.clientone__shapetwo {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
}

@media (max-width: 1499.98px) {
.clientone__shapetwo {
	opacity: 0.3;
}
}
.clientone__logowrap {
	position: relative;
	z-index: 5;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

@media (max-width: 1499.98px) {
.clientone__logowrap .clientone__logo {
	border-bottom: 1px solid var(--secondary-border-color);
}
}

@media (max-width: 767.98px) {
.clientone__logowrap {
	gap: 10px;
	border: none;
}
}
.clientone__logo {
	padding: 10px 30px;
	border-right: 1px solid #c8c9cc87;
	border-bottom: 1px solid #c8c9cc87;
}

@media (max-width: 1499.98px) {
.clientone__logo {
	border-bottom: 1px solid var(--secondary-border-color);
}
}

@media (max-width: 767.98px) {
.clientone__logo {
	border: none;
}
}
.clientone__logo img {
	width: 100%;
	height: auto;/*	object-fit: cover;*/
}
.clientone__logowrap-two {
	position: relative;
	z-index: 5;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.clientone__logowrap-two .clientone__logo {
	border-bottom: none;
}

@media (max-width: 1499.98px) {
.clientone__logowrap-two .clientone__logo {
	border-bottom: 1px solid var(--secondary-border-color);
}
}

@media (max-width: 767.98px) {
.clientone__logowrap-two {
	gap: 10px;
}
}
.wcuone {
	overflow: hidden;
}
.wcuone__content {
	padding-right: 20px;
	border-right: 1px solid var(--border-color);
}
.wcuone__bottom {
	gap: 40px;
}
.wcuone__bottom .shape {
	width: 190px;
}
.wcuone__banner {
	padding: 32px;
	width: 480px;
}
.wcuone__banner-content {
	max-width: 300px;
}
.wcuone__banner-content p {
	max-width: 230px;
}
.wcuone__info {
	gap: 70px;
}

@media (max-width: 767.98px) {
.wcuone__info {
	flex-wrap: wrap;
	gap: 25px;
}
}
.wcuone__duration {
	min-width: 305px;
}

@media (max-width: 767.98px) {
.wcuone__duration {
	width: 250px;
}
}
.wcuone__featureitem {
	display: flex;
	gap: 34px;
	align-items: center;
	padding: 24px 32px;
}
.wcuone__featureitem svg path {
	fill: var(--secondary-color);
	transition: var(--transition);
}
.wcuone__featureitem.active {
	background: var(--secondary-color);
}
.wcuone__featureitem.active .wcuone__featuretitle {
	color: var(--white-color);
}
.wcuone__featureitem.active .wcuone__featuretext {
	color: var(--text-primary);
}
.wcuone__featureitem.active svg path {
	fill: var(--primary-color);
	transition: var(--transition);
}
.wcutwo__content {
	padding-right: 90px;
}

@media (max-width: 1499.98px) {
.wcutwo__content {
	padding-right: 0;
}
}
.wcutwo__content-bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}

@media (max-width: 767.98px) {
.wcutwo__content-bottom {
	gap: 15px;
}
}
.wcutwo__content-shape {
	opacity: 0.48;
}
.wcuthree {
	position: relative;
}
.wcuthree__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.wcuthree__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.wcuthree__bg:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: rgba(14, 18, 29, 0.93);
}
.wcuthree__shapeone {
	position: absolute;
	top: 66px;
	left: 211px;
	z-index: 1;
}

@media (max-width: 1499.98px) {
.wcuthree__shapeone {
	display: none;
}
}
.wcuthree__shapetwo {
	position: absolute;
	bottom: 0%;
	left: 0%;
	z-index: 6;
}

@media (max-width: 1499.98px) {
.wcuthree__shapetwo {
	display: none;
}
}
.wcuthree__shapethree {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
}

@media (max-width: 1499.98px) {
.wcuthree__shapethree {
	display: none;
}
}
.wcuthree__shapefour {
	position: absolute;
	top: 25%;
	right: 5%;
	z-index: 3;
}

@media (max-width: 1499.98px) {
.wcuthree__shapefour {
	display: none;
}
}
.wcuthree__shapefive {
	position: absolute;
	top: 154px;
	left: 0;
	z-index: 3;
}

@media (max-width: 1499.98px) {
.wcuthree__shapefive {
	display: none;
}
}
.wcuthree .sectiontop__subtitle {
	padding-top: 115px;
}
.wcuthree .sectiontop__subtitle span {
	width: 200px;
	margin-top: 45px;
}
.wcuthree__content {
	position: relative;
	z-index: 6;
}
.wcuthree__content-wrap {
	padding-left: 52px;
}

@media (max-width: 767.98px) {
.wcuthree__content-wrap {
	padding-left: 30px;
}
}
.wcuthree__feature-item {
	display: flex;
	align-items: flex-start;
	gap: 21px;
	margin-bottom: 32px;
}
.wcuthree__feature-item:last-child {
	margin-bottom: 48px;
}
.wcuthree__feature-item:last-child .wcuthree__feature-number::before {
	display: none;
}
.wcuthree__feature-number {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	backdrop-filter: blur(48px);
	background: rgba(255, 255, 255, 0.0784313725);
	color: var(--white-color);
}

@media (max-width: 767.98px) {
.wcuthree__feature-number {
	flex: none;
}
}
.wcuthree__feature-number.active {
	position: relative;
	background: var(--primary-color);
}
.wcuthree__feature-number.active:after {
	position: absolute;
	content: "";
	top: -4px;
	left: -4px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	background: transparent;
	border: 2px solid var(--primary-color);
}
.wcuthree__feature-number::before {
	position: absolute;
	content: "";
	bottom: -110%;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 100%;
	background: var(--primary-color);
}
.wcuthree__info {
	position: relative;
	z-index: 5;
	border-left: 1px solid var(--border-color);
}
.wcuthree__about {
	padding-left: 48px;
}

@media (max-width: 767.98px) {
.wcuthree__about {
	padding-left: 20px;
}
}
.wcuthree__about-top {
	display: flex;
	gap: 66px;
	align-items: flex-end;
}

@media (max-width: 767.98px) {
.wcuthree__about-top {
	gap: 20px;
}
}
.wcuthree__testimonial {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	padding-top: 40px;
	margin-top: 50px;
	border-top: 1px solid var(--border-color);
	padding-left: 48px;
}

@media (max-width: 767.98px) {
.wcuthree__testimonial {
	padding-left: 20px;
}
}
.wcuthree__testimonial-icon {
	opacity: 48%;
}
.projectthree {
	position: relative;
	overflow: visible;
}
.projectthree::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 50%;
	background-color: var(--secondary-color);
	bottom: 0;
	left: 0;
	z-index: 0;
}
.projectthree .project-sliderthree {
	overflow: visible;
}
.projectthree .swiper-slide.swiper-slide-active {
	z-index: 10;
}
.projectthree .swiper-slide.swiper-slide-active .projectthree-card__content {
	opacity: 1;
	visibility: visible;
	display: flex;
}
.projectthree .swiper-slide.swiper-slide-active .projectthree-card__thumb {
	height: 378px;
}
.testimonialone {
	position: relative;
}
.testimonialone__content {
	position: relative;
	padding-bottom: 200px;
}
.testimonialone__content .shape {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 0;
}

@media (max-width: 1199.98px) {
.testimonialone__content .shape {
	opacity: 0.3;
}
}
.testimonialone .swiper-slide-active .testimonial-cardone {
	background: var(--white-color);
	border-left: 4px solid var(--primary-color);
	margin-right: 48px;
}
.testimonialone .swiper-slide-active .testimonial-cardone__icon {
	background: var(--primary-color);
}
.testimonialone .swiper-slide-active .testimonial-cardone__icon svg path {
	fill: var(--white-color);
	transition: var(--transition);
	opacity: 1;
}
.testimonialone .testimonial-sliderone {
	position: relative;
	padding-right: 80px;
}

@media (max-width: 479.98px) {
.testimonialone .testimonial-sliderone {
	padding-right: 60px;
}
}

@media (max-width: 399.98px) {
.testimonialone .testimonial-sliderone {
	padding-right: 25px;
}
}
.testimonialone .testimonial-sliderone__buttons {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	z-index: 9;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 32px;
}
.testimonialone .testimonial-sliderone-prev, .testimonialone .testimonial-sliderone-next {
	background: transparent;
}
.testimonialone .testimonial-sliderone-prev svg path, .testimonialone .testimonial-sliderone-next svg path {
	fill: var(--secondary-color);
	transition: var(--transition);
}
.testimonialone .testimonial-sliderone-prev:hover, .testimonialone .testimonial-sliderone-prev.active, .testimonialone .testimonial-sliderone-next:hover, .testimonialone .testimonial-sliderone-next.active {
	background: var(--primary-color);
}
.testimonialone .testimonial-sliderone-prev:hover svg path, .testimonialone .testimonial-sliderone-prev.active svg path, .testimonialone .testimonial-sliderone-next:hover svg path, .testimonialone .testimonial-sliderone-next.active svg path {
	fill: var(--white-color);
}
.testimonialtwo {
	position: relative;
	z-index: 9;/* Shapes */
}
.testimonialtwo__shape {
	position: absolute;
	z-index: 0;
}

@media (max-width: 1199.98px) {
.testimonialtwo__shape {
	display: none;
}
}
.testimonialtwo__shape--1 {
	top: 24%;
	left: 20%;
}
.testimonialtwo__shape--2 {
	bottom: 11%;
	left: 9%;
}
.testimonialtwo__shape--3 {
	top: 22%;
	right: 20%;
}
.testimonialtwo__shape--4 {
	top: 40%;
	right: 7%;
}
.testimonialtwo__shape--5 {
	bottom: 10%;
	right: 20%;
}

@media (max-width: 1199px) {
.testimonialtwo__shape {
	display: none;
}
}
.testimonialtwo {
/* Title */
}
.testimonialtwo__title {
	text-align: center;
}
.testimonialtwo__title .testimonialtwo__subtitle {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
.testimonialtwo__title .testimonialtwo__heading {
	margin-top: 10px;
}
.testimonialtwo {
/* Client Side */
}
.testimonialtwo__clients-slider {
	height: 330px;
}
.testimonialtwo__stars {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 20px;
}
.testimonialtwo__client {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 0;
	transition: 0.3s;
}
.testimonialtwo__client-name {
	color: var(--secondary-color);
	font-family: var(--title-font);
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.5px;
	margin-bottom: 4px;
}

@media (max-width: 991.98px) {
.testimonialtwo__client-name {
	font-size: 16px;
	line-height: 1.2;
}
}
.testimonialtwo__client-job {
	font-family: var(--body-font);
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
}

@media (max-width: 991.98px) {
.testimonialtwo__client-job {
	font-size: 14px;
	line-height: 1.2;
}
}
.testimonialtwo__client-img img {
	width: 88px;
	height: 88px;
	border-radius: 50%;
}
.testimonialtwo__client-info > p {
	margin-top: 5px;
}
.testimonialtwo {
/* Active Slide */
}
.testimonialtwo .swiper-slide-active .testimonialtwo__client {
	background-color: var(--primary-color);
	padding: 8px 16px;
	margin-left: 88px;
}

@media (max-width: 1199.98px) {
.testimonialtwo .swiper-slide-active .testimonialtwo__client {
	margin-left: 0;
}
}
.testimonialtwo .swiper-slide-active .testimonialtwo__client .testimonialtwo__client-name, .testimonialtwo .swiper-slide-active .testimonialtwo__client .testimonialtwo__client-job {
	color: var(--white-color);
}
.testimonialtwo .swiper-slide-active .testimonialtwo__client .testimonialtwo__client-name {
	color: var(--white-color);
	font-family: var(--title-font);
}
.testimonialtwo {
/* Right Content Area */
}
.testimonialtwo__content-area {
	padding-left: 60px;
	position: relative;
	margin-left: 50px;
}
.testimonialtwo__content-area .icon {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
}

@media (max-width: 991.98px) {
.testimonialtwo__content-area .icon {
	display: none;
}
}

@media (max-width: 991px) {
.testimonialtwo__content-area {
	margin-left: 0;
	padding-left: 0;
}
}
.testimonialtwo__content-area .testimonialtwo__icon {
	position: absolute;
	top: 0;
	left: 0;
}

@media (max-width: 991px) {
.testimonialtwo__content-area .testimonialtwo__icon {
	display: none;
}
}
.testimonialtwo {
/* Content Slider */
}
.testimonialtwo__content-slider .testimonialtwo__content .testimonialtwo__stars {
	color: #ecb014;
}
.testimonialtwo__content-slider .testimonialtwo__content .testimonialtwo__text {
	font-size: 20px;
	font-style: italic;
	font-weight: 600;
	margin-top: 16px;
	color: var(--text-secondary);
}

@media (max-width: 991px) {
.testimonialtwo__content-slider .testimonialtwo__content .testimonialtwo__text {
	font-size: 16px;
	margin-top: 15px;
}
}
.testimonialtwo {
/* Navigation */
}
.testimonialtwo .slider__buttons {
	margin-top: 48px;
}
.testimonialthree {
	position: relative;
	z-index: 9;
}
.testimonialthree__map {
	position: relative;
	margin-right: -290px;
}

@media (max-width: 1499.98px) {
.testimonialthree__map {
	margin-right: 0;
	margin-bottom: 30px;
}
}
.testimonialthree__map-thumb1 {
	position: absolute;
	top: 16%;
	left: 10%;
	z-index: 0;
}

@media (max-width: 1199.98px) {
.testimonialthree__map-thumb1 {
	width: 30px;
	height: 30px;
}
}
.testimonialthree__map-thumb2 {
	position: absolute;
	top: 53%;
	left: 13%;
	z-index: 0;
}

@media (max-width: 1199.98px) {
.testimonialthree__map-thumb2 {
	width: 30px;
	height: 30px;
}
}
.testimonialthree__map-thumb3 {
	position: absolute;
	top: -4%;
	left: 32%;
	z-index: 0;
}

@media (max-width: 1199.98px) {
.testimonialthree__map-thumb3 {
	width: 30px;
	height: 30px;
}
}
.testimonialthree__map-thumb4 {
	position: absolute;
	top: 18%;
	left: 38%;
	z-index: 0;
}

@media (max-width: 1199.98px) {
.testimonialthree__map-thumb4 {
	width: 40px;
	height: 40px;
}
}
.testimonialthree__map-thumb5 {
	position: absolute;
	top: 59%;
	left: 49%;
	z-index: 0;
}

@media (max-width: 1199.98px) {
.testimonialthree__map-thumb5 {
	width: 30px;
	height: 30px;
}
}
.testimonialthree__map-thumb6 {
	position: absolute;
	top: 5%;
	left: 55%;
	z-index: 0;
}

@media (max-width: 1199.98px) {
.testimonialthree__map-thumb6 {
	width: 30px;
	height: 30px;
}
}
.testimonialthree__map-thumb7 {
	position: absolute;
	top: 35%;
	left: 76%;
	z-index: 0;
}

@media (max-width: 1199.98px) {
.testimonialthree__map-thumb7 {
	width: 30px;
	height: 30px;
}
}
.testimonialthree {
/* Title */
}
.testimonialthree__title {
	text-align: center;
}
.testimonialthree__title .testimonialthree__subtitle {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
.testimonialthree__title .testimonialthree__heading {
	margin-top: 10px;
}
.testimonialthree {
/* Client Side */
}
.testimonialthree__clients-slider {
	height: 330px;
}
.testimonialthree__client {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 0;
	transition: 0.3s;
}
.testimonialthree__client-name {
	color: var(--secondary-color);
	font-family: var(--title-font);
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.5px;
	margin-bottom: 4px;
}

@media (max-width: 991.98px) {
.testimonialthree__client-name {
	font-size: 16px;
	line-height: 1.2;
}
}
.testimonialthree__client-job {
	font-family: var(--body-font);
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
}

@media (max-width: 991.98px) {
.testimonialthree__client-job {
	font-size: 14px;
	line-height: 1.2;
}
}
.testimonialthree__client-img img {
	width: 88px;
	height: 88px;
	border-radius: 50%;
}
.testimonialthree__client-info > p {
	margin-top: 5px;
}
.testimonialthree {
/* Active Slide */
}
.testimonialthree .swiper-slide-active .testimonialthree__client {
	background-color: var(--primary-color);
	padding: 8px 16px;
	margin-left: 88px;
}

@media (max-width: 1199.98px) {
.testimonialthree .swiper-slide-active .testimonialthree__client {
	margin-left: 0;
}
}
.testimonialthree .swiper-slide-active .testimonialthree__client .testimonialthree__client-name, .testimonialthree .swiper-slide-active .testimonialthree__client .testimonialthree__client-job {
	color: var(--white-color);
}
.testimonialthree .swiper-slide-active .testimonialthree__client .testimonialthree__client-name {
	color: var(--white-color);
	font-family: var(--title-font);
}
.testimonialthree__content-slider {
	position: relative;
}
.testimonialthree__content-slider .slider__buttons {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 9;
}
.testimonialthree__content-area {
	padding-left: 32px;
	border-left: 8px solid var(--primary-color);
	position: relative;
}
.testimonialthree__content-area .icon {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
}

@media (max-width: 991.98px) {
.testimonialthree__content-area .icon {
	display: none;
}
}

@media (max-width: 991px) {
.testimonialthree__content-area {
	margin-left: 0;
	padding-left: 10px;
}
}
.testimonialthree__content-area .testimonialthree__icon {
	position: absolute;
	top: 0;
	left: 0;
}

@media (max-width: 991px) {
.testimonialthree__content-area .testimonialthree__icon {
	display: none;
}
}
.testimonialthree {
/* Content Slider */
}
.testimonialthree__content-slider .testimonialthree__content .testimonialthree__stars {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #ecb014;
	font-size: 30px;
}

@media (max-width: 1199.98px) {
.testimonialthree__content-slider .testimonialthree__content .testimonialthree__stars {
	font-size: 20px;
}
}
.testimonialthree__content-slider .testimonialthree__content .testimonialthree__text {
	font-size: 20px;
	font-style: italic;
	font-weight: 600;
	margin-top: 16px;
	color: var(--text-secondary);
}

@media (max-width: 991px) {
.testimonialthree__content-slider .testimonialthree__content .testimonialthree__text {
	font-size: 16px;
	margin-top: 15px;
}
}
.testimonialthree {
/* Navigation */
}
.testimonialthree .slider__buttons {
	margin-top: 48px;
}
.faqone {
	position: relative;
}
.faqone__shapeone {
	position: absolute;
	top: 5%;
	left: 5%;
}
.faqone__thumb-wrap {
	position: relative;
}
.faqone__thumb {
	padding: 12px;
	position: relative;
	z-index: 4;
	width: 580px;
	height: 596px;
	transition: var(--transition);
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 580 596"><path fill-rule="evenodd" clip-rule="evenodd" d="M269.291 6.30518C281.439 -2.10158 297.552 -2.10166 309.694 6.30518L563.804 182.25C573.324 188.843 579 199.663 579 211.211V560.734C579 580.21 563.152 596 543.604 596H35.3955C15.8479 596 2.81717e-05 580.21 0 560.734V211.216C0.000137898 199.663 5.67575 188.848 15.1963 182.254L269.291 6.30518Z" /></svg>');
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 580 596"><path fill-rule="evenodd" clip-rule="evenodd" d="M269.291 6.30518C281.439 -2.10158 297.552 -2.10166 309.694 6.30518L563.804 182.25C573.324 188.843 579 199.663 579 211.211V560.734C579 580.21 563.152 596 543.604 596H35.3955C15.8479 596 2.81717e-05 580.21 0 560.734V211.216C0.000137898 199.663 5.67575 188.848 15.1963 182.254L269.291 6.30518Z" /></svg>');
	transition: var(--transition);
	background: var(--primary-color);
	border-radius: 34px;
}

@media (max-width: 1499.98px) {
.faqone__thumb {
	width: 537px;
	height: 553px;
}
}

@media (max-width: 767.98px) {
.faqone__thumb {
	width: 100%;
	mask: none;
}
}
.faqone__thumb img {
	width: 100%;
	height: 100%;
	background: var(--primary-color);
}
.faqone__shape {
	position: absolute;
	bottom: 56px;
	left: -103px;
	z-index: 5;
}

@media (max-width: 575.98px) {
.faqone__shape {
	left: -13px;
}
}
.faqone__shape-text {
	position: absolute;
	width: 224px;
	height: 224px;
	transform: rotate(-90deg);
	top: 0%;
	left: -5%;
}
.faqone__shape-textone {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 48px;
	font-weight: 700;
	font-family: var(--title-font);
	font-weight: 700;
	font-size: 40px;
	line-height: 48px;
	letter-spacing: 0.5px;
	text-align: center;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 1px var(--secondary-color);
}
.faqone__shape-texttwo {
	position: absolute;
	top: 65%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 16px;
	font-weight: 500;
	color: var(--primary-color);
}
.faqone .faq__question {
	color: var(--white-color);
	background: #21252f !important;
}
.faqone .faq__answer {
	background: transparent !important;
}
.pricingone {
	position: relative;
}
.pricingone__wrap {
	position: relative;
	z-index: 8;
}
.pricingone__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.pricingone__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.pricingone__bg:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: rgba(14, 18, 29, 0.93);
}
.pricingone__shapeone {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

@media (max-width: 1499.98px) {
.pricingone__shapeone {
	display: none;
}
}
.pricingone__shapetwo {
	position: absolute;
	top: 50%;
	right: 131px;
	z-index: 6;
	transform: translateY(-50%);
}

@media (max-width: 1499.98px) {
.pricingone__shapetwo {
	display: none;
}
}
.pricingone-card {
	background: var(--white-color);
	backdrop-filter: blur(48px);
	padding: 48px 23px 76px;
}

@media (max-width: 1499.98px) {
.pricingone-card {
	padding: 38px 12px 66px;
}
}
.pricingone-card__header {
	padding: 0 24px;
}

@media (max-width: 1499.98px) {
.pricingone-card__header {
	padding: 0 10px;
}
}
.pricingone-card__feature {
	padding: 24px 24px 60px;
	background: var(--bg-color-secondary);
}

@media (max-width: 1499.98px) {
.pricingone-card__feature {
	padding: 12px 12px 48px;
}
}
.pricingone-card__feature .item__feature-list li {
	color: var(--text-color);
}
.pricingone-card__feature .item__feature-list li i {
	background-color: var(--secondary-color);
}
.pricingone-card .custom-btn {
	max-width: 323px;
	margin: -28px auto;
}
.wpone__card {
	position: relative;
	text-align: center;
	max-width: 396px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 1199.98px) {
.wpone__card.mt-48 {
	margin-top: 0;
}
}
.wpone__card-shape {
	position: absolute;
	top: 18%;
	right: -52.5%;
	z-index: 0;
	transform: rotate(0deg);
}

@media (max-width: 1499.98px) {
.wpone__card-shape {
	display: none;
}
}
.wpone__card-shape2 {
	position: absolute;
	top: 0%;
	right: -52.5%;
	z-index: 0;
	transform: rotate(0deg);
}

@media (max-width: 1499.98px) {
.wpone__card-shape2 {
	display: none;
}
}
.wpone__icon {
	position: relative;
	z-index: 6;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 88px;
	height: 88px;
	border-radius: 50%;
	background: var(--bg-color-secondary);
}
.wpone__icon.active {
	background: var(--primary-color);
}
.wpone__icon.active svg path {
	fill: var(--white-color);
}
.wpone__number {
	font-family: var(--title-font);
	font-weight: 700;
	font-size: 100px;
	line-height: 1;
	letter-spacing: 0.5px;
	text-align: center;
	color: var(--secondary-color);
	opacity: 0.04;
	margin-top: -50px;
}
.work-process__card {
	position: relative;
	z-index: 9;
}
.work-process__shape {
	position: absolute;
	top: 20%;
	left: 10%;
	z-index: -1;
}

@media (max-width: 1199px) {
.work-process__shape {
	display: none;
}
}
.work-process__icon {
	width: 88px;
	height: 88px;
	background-color: var(--bg-color-secondary);
	border-radius: 50%;
	border: 8px solid var(--white-color);
	text-align: center;
	line-height: 70px;
	margin: 0 auto;
}
.work-process__icon img {
	max-width: 100%;
}
.work-process__content {
	text-align: center;
	margin-top: 40px;
}
.work-process__step {
	color: var(--primary-color);
	margin-bottom: 4px;
}
.work-process__title {
/* Add title styling if needed */
}
.work-process__desc {
	max-width: 300px;
	margin: auto;
}
/* === menu scss (index 01) === */
.main-menu.menu-dark > ul > li > a {
	color: var(--black-color);
}
.main-menu.menu-light > ul > li > a {
	color: var(--white-color);
}
.main-menu > ul {
	display: flex;
}
.main-menu > ul > li:first-child > a {
	padding-left: 0;
}
.main-menu > ul > li:last-child > a {
	padding-right: 0;
}
.main-menu > ul > li:hover > a {
	color: var(--primary-color);
}
.main-menu > ul > li:hover > ul {
	opacity: 1;
	pointer-events: all;
	inset-inline-start: 0;
}
.main-menu > ul > li:hover > ul.dp-menu li:hover > ul {
	opacity: 1;
	pointer-events: all;
	inset-inline-start: 100%;
}
.main-menu li {
	position: relative;
	list-style: none;
}
.main-menu li a {
	display: flex;
	align-items: center;
	color: var(--secondary-color);
	text-transform: capitalize;
}
.main-menu ul.dp-menu {
	border: 1px solid var(--primary-color);
	border-top: 0;
	background-color: #232529;
	padding: 18px 0px;
	width: 250px;
	position: absolute;
	inset-inline-start: 10px;
	opacity: 0;
	pointer-events: none;
	z-index: 10;
	transition: all 0.5s;
	top: 100%;
	border-radius: 4px;
}
.main-menu ul.dp-menu.column-2 {
	column-count: 2;
	width: 480px;
	column-gap: 0;
}
.main-menu ul.dp-menu ul {
	background: var(--black-color);
	padding: 18px 0px;
	width: 300px;
	position: absolute;
	inset-inline-start: calc(100% + 10px);
	top: 0;
	opacity: 0;
	z-index: 10;
	transition: all 0.5s;
}
.main-menu ul.dp-menu li {
	position: relative;
	padding: 0 25px;
}
.main-menu ul.dp-menu li:hover > a {
	color: var(--white-color);
	background-color: transparent;
}
.main-menu ul.dp-menu li:hover > ul {
	opacity: 1;
	transform: none !important;
	pointer-events: all;
}
.main-menu ul.dp-menu li a {
	font-size: 16px;
	font-weight: 500;
	color: #999999;
	padding: 10px 0;
	background-color: transparent;
	border-radius: 8px;
	text-transform: capitalize;
}
.main-menu ul.dp-menu li a:hover {
	letter-spacing: 0.5px;
}
.main-menu ul.dp-menu li a:after {
	transform: rotate(-90deg);
	margin-left: auto;
}
.main-menu .has-mega-menu {
	position: static;
}
.main-menu li.menu-item-has-children > a:after {
	content: "\f078";
	font-family: "Font Awesome 6 Pro";
	margin-inline-start: 5px;
	font-weight: 600;
	font-size: 14px;
}
.main-menu .mega-menu {
	background-color: var(--black-color);
	padding: 30px 50px;
	width: 100%;
	position: absolute;
	left: 10px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 50px;
	justify-content: center;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	z-index: 10;
	transition: all 0.5s;
}

@media (max-width: 1499.98px) {
.main-menu .mega-menu {
	column-gap: 30px;
}
}
.main-menu .mega-menu li:has(ul) > a:after {
 content: "";
}
.main-menu .mega-menu li a {
	font-size: 16px;
	font-weight: 500;
	color: #999999;
	height: 40px;
	padding: 0 20px;
	display: flex;
	align-items: center;
	gap: 8px;
	background: var(--black-color);
	border-radius: 8px;
	overflow: hidden;
}
.main-menu .mega-menu li a:hover {
	color: var(--white-color);
	background: #2c2c2f;
}
.main-menu .mega-menu .title {
	font-weight: 600;
	color: var(--white-color);
	text-transform: uppercase;
	border-bottom: 1px solid #333337;
	padding-bottom: 20px;
	margin-bottom: 20px;
	pointer-events: none;
	border-radius: 0;
}
.main-menu .span-first-item ul li:first-child {
	grid-column: 1/-1;
	column-span: all;
}
/* === offcanvas scss (index 02) === */
.offcanvas__menu-wrapper.mean-container .mean-nav > ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
	display: block !important;
}
.offcanvas__menu-wrapper.mean-container .mean-nav > ul > li:last-child > a {
	border-bottom: 1px solid var(--black-4);
}
.offcanvas__menu-wrapper.mean-container .mean-nav {
	background: none;
	margin-top: 0;
}
.offcanvas__menu-wrapper.mean-container .mean-nav .new {
	font-size: 10px;
	font-weight: 600;
	background: #ffa38e;
	color: var(--black-color);
	padding: 3px 7px;
	line-height: 1;
	display: flex;
	align-items: center;
	border-radius: 2px;
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
	width: 100%;
	padding: 15px 0;
	padding-inline-start: 15px;
	font-weight: 400;
	font-size: 22px;
	line-height: 1;
	color: var(--white-color);
	text-transform: capitalize;
	border-top: 1px solid var(--black-4);
	display: flex;
	gap: 8px;
	justify-content: flex-start;
	align-items: center;
	outline: none;
	transform: translateY(var(--y)) translateZ(0);
	transition: transform 0.4s ease, box-shadow 0.4s ease;
	box-sizing: border-box;
}

@media (max-width: 767.98px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
	font-size: 20px;
}
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
	width: 54px;
	height: 54px;
	justify-content: center;
	font-weight: 300;
	border: none !important;
}

@media (max-width: 767.98px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand {
	height: 50px;
}
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a.mean-expand:hover {
	background: var(--primary-color);
	opacity: 1;
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li:first-child {
	border-top: 1px solid var(--black-4);
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a {
	font-size: 20px;
	text-transform: capitalize;
	border-top: none !important;
	padding: 12px 0;
	padding-inline-start: 30px;
}

@media (max-width: 767.98px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a {
	font-size: 18px;
}
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand {
	height: 58px;
}

@media (max-width: 991.98px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand {
	height: 25px;
}
}

@media (max-width: 767.98px) {
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li a.mean-expand {
	height: 22px;
}
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li:last-child {
	border-bottom: 1px solid var(--black-4);
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li li li a {
	padding-left: 40px;
}
.offcanvas__menu-wrapper.mean-container .mean-bar {
	padding: 0;
	background: none;
	max-height: auto;
	overflow-y: scroll;
}
.offcanvas__menu-wrapper.mean-container .mean-bar::-webkit-scrollbar {
 width: 0;
}
.offcanvas__menu-wrapper.mean-container a.meanmenu-reveal {
	display: none !important;
}
.breadcumb {
	position: relative;
	height: 502px;
}
.breadcumb .shapeone {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5;
	opacity: 1;
}

@media (max-width: 1499.98px) {
.breadcumb .shapeone {
	display: none;
}
}
.breadcumb .shapetwo {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 5;
}

@media (max-width: 1499.98px) {
.breadcumb .shapetwo {
	display: none;
}
}

@media (max-width: 1199.98px) {
.breadcumb {
	height: 100%;
}
}
.breadcumb__wrap {
	position: relative;
	z-index: 8;
	padding: 250px 0 122px;
}

@media (max-width: 1199.98px) {
.breadcumb__wrap {
	padding: 200px 0 100px;
}
}
.breadcumb__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.breadcumb__bg:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0e121dc9;
	z-index: 3;
}
.breadcumb__bg img {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.breadcumb__title {
	color: var(--white-color);
	font-family: var(--title-font);
	font-weight: 700;
	font-size: 72px;
	line-height: 80px;
	letter-spacing: 0.5px;
	margin-bottom: 24px;
}

@media (max-width: 1199.98px) {
.breadcumb__title {
	font-size: 55px;
	line-height: 60px;
	margin-bottom: 15px;
}
}

@media (max-width: 991.98px) {
.breadcumb__title {
	font-size: 45px;
	line-height: 1.3;
	margin-bottom: 5px;
}
}

@media (max-width: 575.98px) {
.breadcumb__title {
	font-size: 40px;
	line-height: 1.3;
	margin-bottom: 5px;
}
}
.breadcumb__nav ul {
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: flex-start;
}
.breadcumb__nav ul li a {
	color: var(--text-primary);
	font-family: var(--body-font);
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
	transition: all 0.3s;
}
.breadcumb__nav ul li a:hover {
	color: var(--primary-color);
}
.breadcumb__nav ul li .active {
	color: var(--white-color);
}
.breadcumb__nav ul li i {
	font-size: 12px;
	color: var(--white-color);
}

/* === Scrollbar scss === */
::-webkit-scrollbar {
 width: 8px;
}

::-webkit-scrollbar-track {
 background: var(--primary-color);
}

::-webkit-scrollbar-thumb {
 background: var(--secondary-color);
}

::-webkit-scrollbar-thumb:hover {
 background: var(--white-color);
}
/* === Parallax view scss === */
.parallax-view {
	overflow: hidden;
}
.go-down {
	width: 28px;
	height: 28px;
	background-color: var(--primary-color);
	color: var(--white-color);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	border-radius: 50%;
}
/* === Section title scss === */
.section-title {
	font-size: 90px;
}

@media (min-width: 1600px) {
.section-title {
	font-size: 70px;
}
}

@media (max-width: 1499.98px) {
.section-title {
	font-size: 60px;
}
}

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

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

@media (max-width: 767.98px) {
.section-title {
	font-size: 35px;
}
}
.mb-minus-30 {
	margin-bottom: -30px;
}
/* === Section spacing  scss  === */
/* ===Inverted scss  === */
.text-invert > div {
	background-image: linear-gradient(to right, var(--primary-color) 50%, #cdc9c6 51%);
	background-size: 200% 100%;
	background-position-x: 100%;
	color: transparent;
	background-clip: text;
	-webkit-background-clip: text;
}
/* ===Side info and offcanvas scss  === */
.offcanvas-overlay {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #000;
	z-index: 900;
	top: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
}
.offcanvas-overlay.overlay-open {
	opacity: 0.5;
	visibility: visible;
}
.side-info-close {
	font-size: 20px;
	padding: 0;
	transition: all 0.3s linear;
	background-color: transparent;
	color: black;
	width: 40px;
	height: 40px;
	border: 1px solid black;
	border-radius: 50%;
	line-height: 38px;
}
.side-info-close:hover {
	transform: rotate(90deg);
}
.side-info {
	background: #FDFDFD none repeat scroll 0 0;
	padding: 40px 45px;
	position: fixed;
	right: 0;
	top: 0;
	width: 500px;
	height: 100vh;
	transform: translateX(calc(100% + 80px));
	transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
	z-index: 9999;
	overflow-y: scroll;
	overscroll-behavior-y: contain;
	scrollbar-width: none;
	-webkit-box-shadow: var(--box-shadow);
	box-shadow: var(--box-shadow);
}

@media (max-width: 1199.98px) {
.side-info {
	width: 460px;
}
}

@media (max-width: 575.98px) {
.side-info {
	width: 305px;
	padding: 30px 20px;
}
}
.side-info ::-webkit-scrollbar {
 display: none;
/* Hide scrollbar */
}
.side-info.info-open {
	opacity: 1;
	transform: translateX(0);/* Show side info */
}
/* === Offset header scss (index 11) === */
.offset-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.offset-logo {
	width: 210px;
}

@media (max-width: 575.98px) {
.offset-logo {
	width: 150px;
}
}
.offset-logo img {
	width: 100%;
}
.offset-button {
	margin-top: 40px;
}

@media (min-width: 576px) {
.offset-button {
	display: none;
}
}
/* === Offset widget box scss === */
.offset-widget-box {
	margin-top: 40px;
}
.offset-widget-box .title {
	font-size: 24px;
	line-height: 1.33;
	margin-bottom: 15px;
	color: black;
}

@media (min-width: 1600px) {
.offset-widget-box .title {
	margin-bottom: 22px;
}
}
.offset-widget-box .contact-meta > *:not(:first-child) {
	margin-top: 16px;
}
.offset-widget-box .contact-item {
	display: flex;
	align-items: center;
	gap: 14px;
}
.offset-widget-box .contact-item span {
	color: var(--primary-color);
	font-weight: 500;
}
.offset-widget-box .contact-item span a:hover {
	color: var(--primary-color);
}
.offset-widget-box .contact-item .icon {
	width: 40px;
	min-width: 40px;
	height: 40px;
	display: inline-flex;
	border: 1px solid var(--border-color);
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	color: var(--primary-color);
}
/* ===Mobile menu customization scss === */
.mobile-menu {
	margin-top: 40px;
}
.mobile-menu.mean-container .mean-nav > ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
	display: block !important;
}
.mobile-menu.mean-container .mean-nav > ul > li:last-child > a {
	border-bottom: 1px solid var(--border-color);
}
.mobile-menu.mean-container .mean-nav {
	background: none;
	margin-top: 0;
}
.mobile-menu.mean-container .mean-nav .new {
	font-size: 10px;
	font-weight: 600;
	background: #ffa38e;
	color: #999999;
	padding: 3px 7px;
	line-height: 1;
	display: flex;
	align-items: center;
	border-radius: 2px;
}
.mobile-menu.mean-container .mean-nav ul li a {
	width: 100%;
	padding: 15px 0;
	padding-inline-start: 0px;
	font-weight: 500;
	font-size: 18px;
	line-height: 1;
	color: var(--primary-color);
	text-transform: capitalize;
	border-top: 1px solid var(--border-color);
	display: flex;
	gap: 8px;
	justify-content: flex-start;
	align-items: center;
	outline: none;
	transform: translateY(var(--y)) translateZ(0);
	transition: transform 0.4s ease, box-shadow 0.4s ease;
	box-sizing: border-box;
	opacity: 1;
}

@media (max-width: 767.98px) {
.mobile-menu.mean-container .mean-nav ul li a {
	font-size: 20px;
}
}
.mobile-menu.mean-container .mean-nav ul li a:hover {
	color: var(--primary-color);
}
.mobile-menu.mean-container .mean-nav ul li a.mean-expand {
	width: 100%;
	height: 48px;
	justify-content: end;
	font-weight: 300;
	border: none !important;
	background-color: transparent;
}

@media (max-width: 767.98px) {
.mobile-menu.mean-container .mean-nav ul li a.mean-expand {
	height: 50px;
}
}
.mobile-menu.mean-container .mean-nav ul li a.mean-expand:hover {
	opacity: 1;
}
.mobile-menu.mean-container .mean-nav ul li li:first-child {
	border-top: 1px solid var(--border-color);
}
.mobile-menu.mean-container .mean-nav ul li li a {
	font-size: 16px;
	text-transform: capitalize;
	border-top: none !important;
	padding: 12px 0;
	padding-inline-start: 15px;
}
.mobile-menu.mean-container .mean-nav ul li li a.mean-expand {
	height: 58px;
}

@media (max-width: 991.98px) {
.mobile-menu.mean-container .mean-nav ul li li a.mean-expand {
	height: 25px;
}
}

@media (max-width: 767.98px) {
.mobile-menu.mean-container .mean-nav ul li li a.mean-expand {
	height: 22px;
}
}
.mobile-menu.mean-container .mean-nav ul li li li:last-child {
	border-bottom: 1px solid var(--border-color);
}
.mobile-menu.mean-container .mean-nav ul li li li a {
	padding-left: 40px;
}
.mobile-menu.mean-container .mean-bar {
	padding-bottom: 30px;
	background: none;
	max-height: auto;
	overflow-y: scroll;
}
.mobile-menu.mean-container .mean-bar::-webkit-scrollbar {
 width: 0;
}
.mobile-menu.mean-container a.meanmenu-reveal {
	display: none !important;
}
/* === Sticky header scss === */
.header-sticky {
	transition: all 0.5s;
}
.transformed {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 800;
	transform: translateY(-100%);
}
.transformed .header-area__inner {
	height: 80px;
}
.sticky {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 800;
	background-color: #ffffff;
	transform: translateY(0%);
}
.header-sticky {
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	animation: slide-animation 0.8s;
	backdrop-filter: blur(10px);
}
[data-bg-img] {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.gsap-title-anim {
	display: block;/* words get small gap */
}
.gsap-title-anim .gsap-word {
	display: inline-block;
	white-space: nowrap;
	/* keep characters in the same word on one line */
	margin-right: 0.35ch;
}
.gsap-title-anim .gsap-word .gsap-char {
	display: inline-block;
	white-space: pre;
	/* preserve spaces inside char if needed */
	transform-origin: left center;
	/* prevent selection flash on some browsers */
	-webkit-user-select: none;
	user-select: none;
}
/* === inverted text scss === */
.text-invert > div {
	background-image: linear-gradient(to right, var(--primary-color) 50%, rgba(17, 17, 17, 0.3) 50%);
	background-size: 200% 100%;
	background-position-x: 100%;
	color: transparent;
	background-clip: text;
	-webkit-background-clip: text;
}
.img-hover-ani {
	overflow: hidden;
	transition: var(--transition);
}
.img-hover-ani img {
	transition: var(--transition);
}
.img-hover-ani:hover img {
	transform: scale(1.1);
}
.card__link {
	position: relative;
	color: var(--primary-color);
	font-family: var(--title-font);
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.5px;
}
.card__link::before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 0%;
	height: 1px;
	background: var(--primary-color);
	transition: var(--transition);
}
.card__link svg {
	transform: rotate(0deg);
	transition: var(--transition);
}
.card__link svg path {
	fill: var(--primary-color);
}
.card__link:hover:before {
	width: 100%;
}
.card__link:hover svg {
	transform: rotate(-45deg);
}

@media (max-width: 991.98px) {
.card__link {
	font-size: 14px;
	line-height: 1.3;
}
}
.list__item {
	color: var(--secondary-color);
	font-size: 16px;
	font-family: var(--body-font);
	font-weight: 600;
	line-height: 1.6;
	margin-bottom: 16px;
}
.list__item:last-child {
	margin-bottom: 0;
}
.list__item i {
	color: var(--white-color);
	background-color: var(--primary-color);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	margin-right: 10px;
}
.btn__link {
	width: 56px;
	height: 56px;
	padding: 5px 16px;
}
.background-image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.vr-slider {
	height: 555px;
}

@media (max-width: 1499.98px) {
.vr-slider {
	height: 620px;
}
.vr-slider .swiper-slide {
	height: max-content !important;
}
.vr-slider .swiper-slide-next {
	margin-top: 15px;
}
}

@media (max-width: 1199.98px) {
.vr-slider {
	height: 550px;
}
.vr-slider .swiper-slide {
	height: 168px !important;
}
}

@media (max-width: 991.98px) {
.vr-slider {
	height: 550px;
}
.vr-slider .swiper-slide {
	height: 168px !important;
}
.vr-slider .swiper-slide-next {
	margin-top: 15px;
}
}

@media (max-width: 767.98px) {
.vr-slider {
	height: 650px;
}
.vr-slider .swiper-slide {
	height: 200px !important;
}
}

@media (max-width: 575.98px) {
.vr-slider {
	height: 250px;
}
.vr-slider .swiper-slide {
	height: 250px !important;
}
}

@media (max-width: 479.98px) {
.vr-slider {
	height: 304px;
}
.vr-slider .swiper-slide {
	height: 304px !important;
}
}

@media (max-width: 399.98px) {
.vr-slider {
	height: 320px;
}
.vr-slider .swiper-slide {
	height: 320px !important;
}
}
.vr-slidertwo {
	height: 305px;
}

@media (max-width: 1499.98px) {
.vr-slidertwo {
	height: 305px;
}
.vr-slidertwo .swiper-slide-next {
	margin-top: 15px;
}
}

@media (max-width: 1199.98px) {
.vr-slidertwo {
	height: 170px;
}
.vr-slidertwo .swiper-slide {
	height: 76px !important;
}
}

@media (max-width: 575.98px) {
.vr-slidertwo {
	height: 170px;
}
.vr-slidertwo .swiper-slide {
	height: 65px !important;
}
}
.item__feature-list li {
	color: var(--secondary-color);
	font-size: 16px;
	font-family: var(--body-font);
	font-weight: 600;
	display: flex;
	align-items: center;
	line-height: 1.6;
}
.item__feature-list li:not(:last-child) {
	margin-bottom: 16px;
}
.item__feature-list li i {
	color: var(--white-color);
	background-color: var(--primary-color);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	margin-right: 10px;
}
.slider__buttons {
	position: relative;
	z-index: 9;
	display: flex;
	gap: 32px;
	align-items: center;
}

@media (max-width: 767.98px) {
.slider__buttons {
	margin-left: 0;
	gap: 10px;
}
}
.slider__buttons .slider-prev, .slider__buttons .slider-next {
	background: var(--bg-color-secondary);
}
.slider__buttons .slider-prev svg path, .slider__buttons .slider-next svg path {
	fill: var(--secondary-color);
	transition: var(--transition);
}
.slider__buttons .slider-prev:hover, .slider__buttons .slider-prev.active, .slider__buttons .slider-next:hover, .slider__buttons .slider-next.active {
	background: var(--primary-color);
}
.slider__buttons .slider-prev:hover svg path, .slider__buttons .slider-prev.active svg path, .slider__buttons .slider-next:hover svg path, .slider__buttons .slider-next.active svg path {
	fill: var(--white-color);
}
.social {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
}
.social .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	font-size: 16px;
	color: var(--white-color);
	transition: all 0.3s ease;
	background: var(--bg-color-tertiary);
}
.social .icon:hover {
	background: var(--primary-color);
	transform: translateY(-3px);
}
.musk-text {
	display: inline-flex;
	background-image: linear-gradient(90deg, rgba(255, 94, 20, 0.48) 0%, rgba(14, 18, 29, 0.24) 100%);
	background-size: cover;
	background-position: center;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	position: relative;
	overflow: hidden;
}

@media (max-width: 1499.98px) {
.musk-text {
	font-size: 120px;
	height: 100%;
}
.musk-text svg {
	height: 100px;
}
}

@media (max-width: 991.98px) {
.musk-text {
	font-size: 100px;
	height: 100%;
}
.musk-text svg {
	height: 80px;
}
}
.buttons {
	background: var(--bg-color-primary);
}
.buttons__wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 15px;
}
.custom-btn {
	position: relative;
	z-index: 0;
	display: inline-flex;
	gap: 8px;
	align-items: center;
	padding: 15px 27px;
	border: 1px solid transparent;
	font-family: var(--title-font);
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	width: max-content;
	overflow: hidden;
}

@media (max-width: 767.98px) {
.custom-btn {
	padding: 12px 20px;
	font-size: 14px;
	line-height: 20px;
}
}
.custom-btn .text-one {
	position: relative;
	display: inline-flex;
	transition: all 0.5s;
	transform: translateY(0%);
}
.custom-btn .text-two {
	position: absolute;
	transition: all 0.5s;
	transform: translateY(145%);
}
.custom-btn svg {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.5s;
}
.custom-btn--primary {
	background: var(--primary-color);
	color: var(--white-color);
}
.custom-btn--primary svg path {
	transition: all 0.5s;
	fill: var(--white-color);
}
.custom-btn--secondary {
	background: transparent;
	color: var(--secondary-color);
	border: 1px solid var(--secondary-color);
}
.custom-btn--secondary svg path {
	transition: all 0.5s;
	fill: var(--secondary-color);
}
.custom-btn--tertiary {
	background: var(--secondary-color);
	color: var(--white-color);
	border: 1px solid var(--secondary-color);
}
.custom-btn--tertiary svg path {
	transition: all 0.5s;
	fill: var(--white-color);
}
.custom-btn:hover {
	background: var(--secondary-color);
	border: 1px solid var(--secondary-color);
}
.custom-btn:hover .text-one {
	position: absolute;
	transform: translateY(-145%);
	color: var(--white-color);
}
.custom-btn:hover .text-two {
	position: relative;
	display: inline-flex;
	transform: translateY(0%);
	color: var(--white-color);
}
.custom-btn:hover svg {
	transform: rotate(-45deg);
	color: var(--white-color);
}
.custom-btn:hover svg path {
	transition: all 0.5s;
	fill: var(--white-color);
}
/*====== Project Card =======*/
.project-cardone__thumb {
	height: max-content;
	transition: var(--transition);
}
.project-cardone__thumb img {
	height: 100%;
	width: 100%;
}
.project-cardone__content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px;
	background: var(--white-color);
}
.project-cardone__subtitle {
	position: relative;
	margin-left: 35px;
	margin-bottom: 4px;
}
.project-cardone__subtitle:before {
	position: absolute;
	content: "";
	top: 10px;
	left: -35px;
	width: 24px;
	height: 2px;
	background: var(--primary-color);
}
.project-cardone__title {
	margin-bottom: 0;
}
.project-cardone__link {
	width: 56px;
	height: 56px;
	padding: 5px 16px;
}
.projecttwo-card {
	position: relative;
}
.projecttwo-card .custom-btn {
	position: absolute;
	top: 31%;
	left: 50%;
	transform: translate(-50%, -31%);
	z-index: 5;
	transition: var(--transition);
	opacity: 1;
	visibility: visible;
}
.projecttwo-card__thumb {
	overflow: hidden;
}
.projecttwo-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.projecttwo-card__content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 24px 32px;
	background: var(--white-color);
	opacity: 1;
	visibility: visible;
}

@media (max-width: 767.98px) {
.projecttwo-card__content {
	padding: 10px 15px;
}
}
.projectthree-card {
	height: 490px;
}

@media (max-width: 1499.98px) {
.projectthree-card {
	height: 100%;
}
}
.projectthree-card__thumb {
	height: max-content;
	transition: var(--transition);
	overflow: hidden;
}
.projectthree-card__thumb img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.projectthree-card__content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px;
	padding-bottom: 0;
	background: var(--secondary-color);
	opacity: 0;
	visibility: hidden;
	transition: var(--transition);
	display: none;
}
.projectthree-card__subtitle {
	position: relative;
	margin-left: 35px;
	margin-bottom: 4px;
}
.projectthree-card__subtitle:before {
	position: absolute;
	content: "";
	top: 10px;
	left: -35px;
	width: 24px;
	height: 2px;
	background: var(--primary-color);
}
.projectthree-card__title {
	margin-bottom: 0;
	color: var(--white-color);
}
.projectthree-card__link {
	width: 56px;
	height: 56px;
	padding: 5px 16px;
}
.projectthree-card:hover .projectthree-card__content {
	opacity: 1;
	visibility: visible;
	display: flex;
}
.project-card__thumb {
/*	height: 448px;*/
}
.project-card__thumb img {
	height: 100%;
	width: 100%;
}
.project-card__content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 24px 32px 32px;
	background: var(--bg-color-secondary);
}
.project-card__subtitle {
	position: relative;
	margin-left: 35px;
	margin-bottom: 4px;
}
.project-card__subtitle:before {
	position: absolute;
	content: "";
	top: 10px;
	left: -35px;
	width: 24px;
	height: 2px;
	background: var(--primary-color);
}
.project-card__title {
	margin-bottom: 0;
}
.project-card__link {
	width: 56px;
	height: 56px;
	padding: 5px 16px;
}
/*====== Service Card  =======*/
.service-cardone {
	background: var(--white-color);
}
.service-cardone__top {
	display: flex;
	gap: 24px;
	align-items: flex-end;
	justify-content: space-between;
	padding-right: 32px;
}
.service-cardone__icon {
	width: 80px;
	height: 80px;
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	background: var(--secondary-color);
	transition: var(--transition);
}
.service-cardone__icon svg path {
	fill: var(--white-color);
}
.service-cardone hr.dashed-line {
	width: 100%;
	opacity: 0.4;
	border-width: 1px;
	border-style: dashed;
}
.service-cardone__number {
	position: relative;
	margin-bottom: 0;
	-webkit-text-stroke: 1px var(--secondary-color);
	-webkit-text-fill-color: var(--white-color);
	opacity: 0.16;
}
.service-cardone__content {
	padding: 24px 32px 32px 40px;
	background: var(--white-color);
}
.service-cardone__thumb img {
	width: 100%;
	object-fit: cover;
}
.service-cardone:hover .service-cardone__icon, .service-cardone.active .service-cardone__icon {
	background: var(--primary-color);
}
.servicetwo__card {
	background: var(--white-color);
}
.servicetwo__card-thumb {
	overflow: hidden;
}
.servicetwo__card-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin-top: -17px;
	margin-bottom: -15px;
}
.servicetwo__card-content {
	position: relative;
	padding: 32px;
	background: var(--white-color);
}
.servicetwo__card-icon {
	position: absolute;
	top: -30px;
	right: 0;
}
.servicetwo__card-icon svg path {
	transition: var(--transition);
}
.servicetwo__card-icon svg path, .servicetwo__card-icon svg rect {
	fill: var(--bg-color-secondary);
}
.servicetwo__card-icon svg .icon {
	fill: var(--primary-color);
}
.servicetwo__card svg .icon2 path {
	fill: var(--primary-color);
}
.servicetwo__card-title {
	margin-bottom: 6px;
}
.servicetwo__card-link {
	position: relative;
	padding: 12px 32px 12px 32px;
	display: inline-flex;
	gap: 8px;
	align-items: center;
	background: var(--secondary-color);
	color: var(--white-color);
	transition: var(--transition);
}
.servicetwo__card-link svg path {
	fill: var(--white-color);
	transition: var(--transition);
}
.servicetwo__card-link:before {
	position: absolute;
	content: "";
	top: 50%;
	right: -205px;
	transform: translateY(-50%);
	background: var(--secondary-border-color);
	width: 180px;
	height: 1px;
	transition: var(--transition);
}
.servicetwo__card-link:hover {
	background: var(--primary-color);
	color: var(--white-color);
}
.servicetwo__card-link:hover svg path {
	fill: var(--white-color);
}
.servicetwo__card:hover .servicetwo__card-link:before {
	background: var(--primary-color);
}
.servicetwo__card:hover .servicetwo__card-icon svg path, .servicetwo__card:hover .servicetwo__card-icon svg rect {
	fill: var(--primary-color);
}
.servicetwo__card:hover .servicetwo__card-icon svg .icon {
	fill: var(--white-color);
}
.servicetwo__card:hover .servicetwo__card-icon svg .icon2 path {
	fill: var(--white-color);
}
.service-cardthree {
	background: var(--bg-color-primary);
}
.service-cardthree__icon {
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--primary-color);
	margin-bottom: -110px;
	position: relative;
	z-index: 8;
	margin-right: 32px;
}
.service-cardthree__icon-wrap {
	display: flex;
	justify-content: flex-end;
}
.service-cardthree__content {
	padding: 32px 32px 16px;
}

@media (max-width: 767.98px) {
.service-cardthree__content {
	padding: 20px;
}
}
.service-cardthree__thumb {
	width: 100%;
	height: 290px;
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 419 290"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0L419 48V290H0V0Z"/></svg>');
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 419 290"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0L419 48V290H0V0Z"/></svg>');
	transition: var(--transition);
}
.service-cardthree__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 1499.98px) {
.service-cardthree__thumb {
	height: 273px;
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 300"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0L384 49.6552V300H0V0Z"/></svg>');
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 300"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0L384 49.6552V300H0V0Z"/></svg>');
}
}

@media (max-width: 1199.98px) {
.service-cardthree__thumb {
	height: 350px;
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 350"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0L448 57.931V350H0V0Z"/></svg>');
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 350"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0L448 57.931V350H0V0Z"/></svg>');
}
}

@media (max-width: 991.98px) {
.service-cardthree__thumb {
	height: 317px;
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 328 317"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0L328 52.469V317H0V0Z"/></svg>');
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 328 317"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0L328 52.469V317H0V0Z"/></svg>');
}
}

@media (max-width: 767.98px) {
.service-cardthree__thumb {
	mask: none;
}
}
/*======= Testimonial Card  =======*/
.testimonial-cardone {
	padding: 24px 32px;
	max-width: 596px;
	margin-left: auto;
}

@media (max-width: 399.98px) {
.testimonial-cardone {
	padding: 15px;
}
}
.testimonial-cardone.active {
	background: var(--white-color);
	border-left: 4px solid var(--primary-color);
	margin-right: 48px;
}
.testimonial-cardone.active .testimonial-cardone__icon {
	background: var(--primary-color);
}
.testimonial-cardone.active .testimonial-cardone__icon svg path {
	fill: var(--white-color);
	transition: var(--transition);
	opacity: 1;
}
.testimonial-cardone__bottom {
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: flex-end;
	gap: 8px;
}
.testimonial-cardone__text {
	font-family: var(--title-font);
	font-weight: 600;
	font-style: Italic;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.5px;
}
.testimonial-cardone__icon svg path {
	fill: var(--primary-color);
	transition: var(--transition);
	opacity: 0.5;
}
/*====== Team Card =======*/
.teamtwo__card {
	position: relative;
	padding: 32px 64px;
	background: var(--white-color);
}
.teamtwo__card-thumb {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	width: 290px;
	height: 290px;
	border-radius: 50%;
	transition: var(--transition);
}
.teamtwo__card-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	transition: var(--transition);
}

@media (max-width: 1199.98px) {
.teamtwo__card-thumb {
	width: 100%;
	height: 100%;
}
}
.teamtwo__card-social {
	position: absolute;
	top: 30%;
	left: -34px;
	transform: translateY(-30%);
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 12px;
	opacity: 0;
	visibility: hidden;
	transition: var(--transition);
}

@media (max-width: 767.98px) {
.teamtwo__card-social {
	gap: 4px;
}
}
.teamtwo__card-social a {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--white-color);
	border: 1px solid var(--secondary-border-color);
	transition: var(--transition);
	color: #aeafb3;
}
.teamtwo__card-social a:hover {
	background: var(--primary-color);
	color: var(--white-color);
}
.teamtwo__card-social .icon1 {
	margin-left: 35px;
}
.teamtwo__card-social .icon2 {
	margin-right: 10px;
}
.teamtwo__card-social .icon3 {
	margin-right: 10px;
}
.teamtwo__card-social .icon4 {
	margin-left: 35px;
}
.teamtwo__card:hover .teamtwo__card-social {
	opacity: 1;
	visibility: visible;
	left: 34px;
}
.teamtwo__card:hover .teamtwo__card-thumb {
	border-top-left-radius: 1000px;
	border-top-right-radius: 1000px;
	border-bottom-left-radius: 1000px;
}
.teamtwo__card:hover .teamtwo__card-thumb img {
	border-top-left-radius: 1000px;
	border-top-right-radius: 1000px;
	border-bottom-left-radius: 1000px;
}
/*====== Blog Card  =======*/
.blog-cardone {
	position: relative;
	transition: var(--transition);
}
.blog-cardone__thumb {
	overflow: hidden;
}
.blog-cardone__thumb img {
	width: 100%;
	height: 266px;
	object-fit: cover;
	margin-bottom: -50px;
}
.blog-cardone__date {
	position: absolute;
	top: -15%;
	z-index: 5;
	background: var(--primary-color);
	color: var(--white-color);
	font-family: var(--title-font);
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0.5px;
	width: 60px;
	height: 60px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.blog-cardone__date span {
	display: block;
	margin-left: 12px;
}
.blog-cardone__content {
	position: relative;
	padding: 40px 24px 32px;
	background: var(--bg-color-secondary);
}

@media (max-width: 767.98px) {
.blog-cardone__content {
	padding: 40px 12px 25px;
}
}
.blog-cardone__link {
	position: relative;
	color: var(--primary-color);
	font-family: var(--title-font);
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.5px;
}
.blog-cardone__link::before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 0%;
	height: 1px;
	background: var(--primary-color);
	transition: var(--transition);
}
.blog-cardone__link svg {
	transform: rotate(0deg);
	transition: var(--transition);
}
.blog-cardone__link svg path {
	fill: var(--primary-color);
}
.blog-cardone__link:hover:before {
	width: 100%;
}
.blog-cardone__link:hover svg {
	transform: rotate(-45deg);
}

@media (max-width: 991.98px) {
.blog-cardone__link {
	font-size: 14px;
	line-height: 1.3;
}
}
.blog-cardone__posted {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	border: 1px solid var(--border-color);
	border-radius: 112px;
}

@media (max-width: 767.98px) {
.blog-cardone__posted {
	padding: 7px 14px;
	margin-top: 16px !important;
}
}
.blogtwo__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.blogtwo__content {
	margin-top: 15px;
}
.blogtwo__meta {
	display: flex;
	gap: 32px;
}

@media (max-width: 1499.98px) {
.blogtwo__meta {
	flex-wrap: wrap;
	gap: 0px;
}
}

@media (max-width: 1199.98px) {
.blogtwo__meta {
	gap: 22px;
}
}

@media (max-width: 767.98px) {
.blogtwo__meta {
	margin-bottom: 3px !important;
}
}
.blogtwo__meta-item {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 10px;
	position: relative;
	padding-left: 30px;
}

@media (max-width: 767.98px) {
.blogtwo__meta-item {
	margin-bottom: 3px;
	font-size: 14px;
}
}
.blogtwo__meta-item::before {
	width: 16px;
	height: 2px;
	position: absolute;
	top: 12px;
	left: 0;
	content: "";
	background-color: var(--primary-color);
}
.blogtwo__heading {
	color: var(--secondary-color);
}
.blogtwo__heading a:hover {
	color: var(--primary-color);
}
.blogthree-card__thumb {
	overflow: hidden;
	height: 100%;
}
.blogthree-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.blogthree-card__date {
	position: relative;
	z-index: 5;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	background: var(--primary-color);
	margin-bottom: 24px;
	margin-top: 32px;
	margin-left: -180px;
}

@media (max-width: 767.98px) {
.blogthree-card__date {
	margin-left: 0;
	margin-bottom: 5px;
}
}
.blogthree-card__date:before {
	position: absolute;
	content: "";
	top: 50%;
	transform: translateY(-50%);
	right: -573px;
	width: 525px;
	height: 1px;
	background: var(--primary-color);
}

@media (max-width: 1499.98px) {
.blogthree-card__date:before {
	width: 250px;
	right: -280px;
}
}

@media (max-width: 1199.98px) {
.blogthree-card__date:before {
	width: 250px;
	right: -365px;
}
}

@media (max-width: 991.98px) {
.blogthree-card__date:before {
	width: 220px;
	right: -250px;
}
}

@media (max-width: 767.98px) {
.blogthree-card__date:before {
	width: 190px;
	right: -200px;
}
}

@media (max-width: 575.98px) {
.blogthree-card__date:before {
	right: -230px;
}
}
.blogthree-card__date:after {
	position: absolute;
	content: "";
	top: 50%;
	transform: translateY(-50%);
	right: -573px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--primary-color);
}

@media (max-width: 1499.98px) {
.blogthree-card__date:after {
	right: -290px;
}
}

@media (max-width: 1199.98px) {
.blogthree-card__date:after {
	right: -370px;
}
}

@media (max-width: 991.98px) {
.blogthree-card__date:after {
	right: -250px;
}
}

@media (max-width: 767.98px) {
.blogthree-card__date:after {
	right: -200px;
}
}

@media (max-width: 575.98px) {
.blogthree-card__date:after {
	right: -40px;
}
}
.blogthree-card__date-right {
	position: relative;
	z-index: 6;
	margin-bottom: 24px;
	margin-top: 32px;
	margin-left: 0;
	margin-right: -180px;
	height: 48px !important;
	align-items: center;
}

@media (max-width: 767.98px) {
.blogthree-card__date-right {
	margin-right: 0;
	margin-bottom: 20px;
}
}
.blogthree-card__date-right .blogthree-card__date:before, .blogthree-card__date-right .blogthree-card__date:after {
	display: none;
}
.blogthree-card__date-right:before {
	position: absolute;
	content: "";
	top: 50%;
	transform: translateY(-50%);
	left: 55px;
	width: 525px;
	height: 1px;
	background: var(--primary-color);
}

@media (max-width: 1499.98px) {
.blogthree-card__date-right:before {
	width: 250px;
}
}

@media (max-width: 767.98px) {
.blogthree-card__date-right:before {
	width: 200px;
	left: 110px;
	top: 70%;
	transform: translateY(-70%);
}
}

@media (max-width: 479.98px) {
.blogthree-card__date-right:before {
	width: 120px;
	left: 0px;
	top: 70%;
	transform: translateY(-70%);
}
}

@media (max-width: 399.98px) {
.blogthree-card__date-right:before {
	width: 90px;
}
}
.blogthree-card__date-right:after {
	position: absolute;
	content: "";
	top: 50%;
	transform: translateY(-50%);
	left: 55px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--primary-color);
}

@media (max-width: 767.98px) {
.blogthree-card__date-right:after {
	left: 100px;
	top: 80%;
	transform: translateY(-80%);
}
}

@media (max-width: 479.98px) {
.blogthree-card__date-right:after {
	left: 0px;
	top: 80%;
	transform: translateY(-80%);
}
}
.blogthree-card__content {
	padding-left: 16px;
}
.blogthree-card .custom-btn--primary {
	background: transparent;
	border: 1px solid var(--primary-color);
	color: var(--primary-color);
}
.blogthree-card .custom-btn--primary svg path {
	transition: all 0.5s;
	fill: var(--primary-color);
}
.blogthree-card .custom-btn--primary:hover {
	background: var(--primary-color);
}
.blogthree-card .custom-btn--primary:hover svg path {
	fill: var(--white-color);
}
.blog-cardfour {
	margin-bottom: 32px;
}
.blog-cardfour__title {
	margin-bottom: 12px;
	margin-top: 16px;
}
.blog-cardfour__text {
	margin-bottom: 32px;
}
.blog-cardfour__link {
	color: var(--primary-color);
	transition: var(--transition);
}
.blog-cardfour__link svg {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: var(--transition);
}
.blog-cardfour__link svg path {
	fill: var(--primary-color);
}
.blog-cardfour__link:hover {
	color: var(--secondary-color);
}
.blog-cardfour__link:hover svg path {
	fill: var(--secondary-color);
}
/*====== Team Card =======*/
.team-cardthree {
	position: relative;
	transition: var(--transition);
}
.team-cardthree__wrap {
	padding: 48px 32px 32px;
	text-align: center;
	background: var(--bg-color-primary);
	width: 100%;
	height: 458px;
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 419 458"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 458H343V382H419V213.733V0H0V458Z"/></svg>');
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 419 458"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 458H343V382H419V213.733V0H0V458Z"/></svg>');
	transition: var(--transition);
}

@media (max-width: 1499.98px) {
.team-cardthree__wrap {
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 348 458"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 458H269V382H345V213.733V0H0V458Z"/></svg>');
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 348 458"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 458H269V382H345V213.733V0H0V458Z"/></svg>');
}
}

@media (max-width: 1199.98px) {
.team-cardthree__wrap {
	-webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 448 458"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 458L366.545 458L366.545 382L448 382L448 213.733L448 0L0 0L0 458Z"/></svg>');
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 448 458"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 458L366.545 458L366.545 382L448 382L448 213.733L448 0L0 0L0 458Z"/></svg>');
}
}

@media (max-width: 991.98px) {
.team-cardthree__wrap {
	mask: none;
	height: 100%;
}
}

@media (max-width: 767.98px) {
.team-cardthree__wrap {
	mask: none;
	height: 400px;
	padding: 15px;
}
}
.team-cardthree__thumb {
	border-radius: 50%;
	width: 280px;
	height: 280px;
	margin: auto;
	transition: var(--transition);
}
.team-cardthree__thumb img {
	width: 100%;
	height: 100%;
	transition: var(--transition);
	object-fit: cover;
}

@media (max-width: 991.98px) {
.team-cardthree__thumb {
	width: 100%;
	height: 100%;
}
}

@media (max-width: 767.98px) {
.team-cardthree__thumb {
	width: 280px;
	height: 280px;
	margin: auto;
}
}

@media (max-width: 399.98px) {
.team-cardthree__thumb {
	width: 100%;
	height: 280px;
	margin: auto;
}
}
.team-cardthree__content {
	margin-top: 42px;
	text-align: start;
	transition: var(--transition);
}

@media (max-width: 767.98px) {
.team-cardthree__content {
	margin-top: 40px;
}
}
.team-cardthree__share {
	position: absolute;
	bottom: 3%;
	right: 3%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

@media (max-width: 1499.98px) {
.team-cardthree__share {
	bottom: 2.5%;
	right: 4.5%;
}
}

@media (max-width: 1199.98px) {
.team-cardthree__share {
	bottom: 2.6%;
	right: 3.5%;
}
}
.team-cardthree__share .team-cardthree__link {
	width: 48px;
	height: 48px;
	background: var(--primary-color);
	color: var(--white-color);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: var(--transition);
	z-index: 2;
}
.team-cardthree__share .team-cardthree__socials {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
	transition: all 0.3s ease;
	position: absolute;
	bottom: 80px;
}
.team-cardthree__share .team-cardthree__socials a {
	width: 48px;
	height: 48px;
	background: var(--white-color);
	color: var(--text-secondary);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	transition: all 0.3s ease;
}
.team-cardthree__share .team-cardthree__socials a:hover {
	background: var(--primary-color);
	color: var(--white-color);
}
.team-cardthree__share:hover .team-cardthree__socials {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.team-cardthree:hover {
	padding: 0;
	height: 100%;
}
.team-cardthree:hover .team-cardthree__wrap {
	padding: 0;
	position: relative;
}
.team-cardthree:hover .team-cardthree__wrap:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	background: linear-gradient(-180deg, rgba(14, 18, 29, 0) 34.28%, #0e121d 100%);
	z-index: 1;
}
.team-cardthree:hover .team-cardthree__thumb {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	border-radius: 0px;
}
.team-cardthree:hover .team-cardthree__thumb img {
	width: 100%;
}
.team-cardthree:hover .team-cardthree__content {
	position: absolute;
	bottom: 32px;
	left: 32px;
	z-index: 6;
}

@media (max-width: 767.98px) {
.team-cardthree:hover .team-cardthree__content {
	left: 15px;
	bottom: 15px;
}
}
.team-cardthree:hover .team-cardthree__title h5 {
	color: var(--white-color);
}
.team-cardthree:hover .team-cardthree__desig {
	color: var(--white-color);
}
.progress__wrap .skill {
	margin-bottom: 20px;
}
.progress__wrap .skill .skill-title {
	margin-bottom: 16px;
	font-family: var(--title-font);
	font-weight: 600;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 0.5px;
	color: var(--secondary-color);
}
.progress__wrap .skill .progress-container {
	width: 100%;
	background-color: #ddd;
	border-radius: 25px;
	overflow: hidden;
	height: 12px;
	position: relative;
}
.progress__wrap .skill .progress-container .progress-bar {
	height: 100%;
	width: 0;
	background-color: var(--primary-color);
	text-align: right;
	line-height: 12px;
	color: white;
	padding-right: 10px;
	border-radius: 25px 0 0 25px;
	transition: width 1.5s ease-in-out;
	font-size: 10px;
}
.faq__item {
	background: var(--white-color);
	margin-bottom: 20px;
	overflow: hidden;
	transition: var(--transition);
}
.faq__item:last-child {
	margin-bottom: 0;
}
.faq__item .faq__icon {
	transition: var(--transition);
}
.faq__item.active .faq__icon {
	width: 64px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--primary-color);
}
.faq__item.active .faq__icon svg path {
	fill: var(--white-color);
}
.faq__item.active .faq__question {
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.faq__item.active .faq__answer {
	max-height: 300px;
	padding: 1rem 1.25rem;
}
.faq__question {
	width: 100%;
	background: var(--bg-color-primary);
	border: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 18px;
	color: var(--secondary-color);
	cursor: pointer;
	transition: var(--transition);
}
.faq__question:hover {
	background: var(--bg-color-primary);
}
.faq__icon {
	width: 24px;
	height: 24px;
	transition: transform 0.3s;
}
.faq__answer {
	max-height: 0;
	overflow: hidden;
	background: var(--white-color);
	color: var(--text-color);
	font-size: 0.95rem;
	line-height: 1.5;
	transition: max-height 0.4s ease, padding 0.4s ease;
}

@media (max-width: 767.98px) {
.faq__question {
	font-size: 0.95rem;
	padding: 1rem;
}
}
.section-top__subtitle {
	position: relative;
	display: inline-flex;
	margin-left: 37px;
	margin-right: 37px;
	margin-bottom: 8px;
}
.section-top__subtitle:before {
	position: absolute;
	content: "";
	bottom: 0;
	left: -37px;
	width: 32px;
	height: 2px;
	background: var(--primary-color);
}
.section-top__subtitle:after {
	position: absolute;
	content: "";
	bottom: 0;
	right: -37px;
	width: 32px;
	height: 2px;
	background: var(--primary-color);
}
.section-top__subtitle.after-none:after {
	display: none;
}
.section-top__subtitle.before-none:before {
	display: none;
}
.section-top .stroke-text {
	font-family: var(--title-font);
	font-weight: 700;
	font-style: Bold;
	font-size: 100px;
	line-height: 1.1;
	letter-spacing: 0.5px;
	text-align: center;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 1px var(--border-color);
	opacity: 0.4;
	margin-bottom: -70px;
}

@media (max-width: 1499.98px) {
.section-top .stroke-text {
	font-size: 80px;
	margin-bottom: -50px;
}
}

@media (max-width: 1199.98px) {
.section-top .stroke-text {
	font-size: 70px;
}
}

@media (max-width: 991.98px) {
.section-top .stroke-text {
	font-size: 60px;
}
}

@media (max-width: 767.98px) {
.section-top .stroke-text {
	font-size: 48px;
}
}

@media (max-width: 399.98px) {
.section-top .stroke-text {
	font-size: 32px;
	margin-bottom: -20px;
}
}
.sectiontop__subtitle {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding-top: 80px;
	margin-top: 40px;
}
.sectiontop__subtitle span {
	position: absolute;
	transform: rotate(90deg);
	top: 0px;
	width: 100px;
}
.pagination-area {
	text-align: center;
}
.pagination-area .pagination {
	display: inline-flex;
	gap: 10px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.pagination-area .pagination .page-item {
	list-style: none;
}
.pagination-area .pagination .page-item .page-link {
	display: flex;
	gap: 4px;
	align-items: center;
	justify-content: center;
	color: var(--secondary-color);
	padding: 12px 24px;
	font-family: var(--title-font);
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.5px;
	text-align: center;
	border: 1px solid var(--border-color);
	border-radius: 0px;
	transition: var(--transition);
	backdrop-filter: blur(4px);
}
.pagination-area .pagination .page-item .page-link svg {
	transition: var(--transition);
}
.pagination-area .pagination .page-item .page-link svg path {
	fill: var(--secondary-color);
	transition: var(--transition);
}
.pagination-area .pagination .page-item .page-link i {
	font-size: 14px;
	transition: var(--transition);
}
.pagination-area .pagination .page-item .page-link:hover {
	background: var(--primary-color);
	color: var(--white-color);
}
.pagination-area .pagination .page-item .page-link:hover svg {
	transform: rotate(-45deg);
}
.pagination-area .pagination .page-item .page-link:hover svg path {
	fill: var(--white-color);
}
.pagination-area .pagination .page-item.active .page-link {
	background: var(--primary-color);
	color: var(--white-color);
	border-color: transparent;
}
.pagination-area .pagination .page-item.disabled .page-link {
	opacity: 0.5;
	cursor: not-allowed;
}

@media (max-width: 1199.98px) {
.pagination-area .pagination .page-link {
	font-size: 15px;
}
}

@media (max-width: 991.98px) {
.pagination-area .pagination .page-item .page-link {
	font-size: 14px;
	padding: 5px 12px;
}
}

@media (max-width: 767.98px) {
.pagination-area {
	margin-top: 35px;
}
.pagination-area .pagination {
	gap: 6px;
}
.pagination-area .pagination .page-item .page-link {
	padding: 5px 12px;
	font-size: 13px;
}
}

@media (max-width: 575.98px) {
.pagination-area .pagination {
	gap: 4px;
}
.pagination-area .pagination .page-item .page-link {
	padding: 5px 12px;
	font-size: 13px;
}
}
/* === Back to top === */
.progress-wrap {
	position: fixed;
	right: 20px;
	bottom: 20px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-100px);
	transition: all 300ms linear;
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	mix-blend-mode: exclusion;
	background-color: var(--black-color);
}
.progress-wrap::after {
	position: absolute;
	content: "\f062";
	font: var(--fa-font-solid);
	text-align: center;
	line-height: 46px;
	font-size: 20px;
	color: var(--primary-color);
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 1;
	transition: all 200ms linear;
	border-radius: 50px;
}
.progress-wrap svg path {
	fill: var(--black-6);
}
.progress-wrap svg.progress-circle path {
	fill: var(--white-color);
	stroke: transparent;
	stroke-width: 5;
	box-sizing: border-box;
	transition: all 200ms linear;
}
.header__search {
	position: relative;
	z-index: 9999;
}
.header__search .search-open-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: transparent;
	border: 0;
	padding: 0.5rem 0.8rem;
	cursor: pointer;
	font-weight: 600;
	letter-spacing: 0.02em;
}
.header__search .search-panel {
	position: fixed;
	top: 0;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	z-index: 9999;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	height: 10vh;
	transition: all 0.3s;
}
.header__search .search-panel .search-backdrop {
	position: absolute;
	z-index: 9999;
	inset: 0;
	background: var(--backdrop-bg);
	opacity: 0;
	transition: opacity var(--transition);
	backdrop-filter: blur(2px);
}
.header__search .search-panel .search-inner {
	position: relative;
	z-index: 9999;
	width: min(880px, 100% - 40px);
	background: var(--white-color);
	border-radius: var(--primary-radius);
	padding: 18px;
	box-shadow: var(--box-shadow);
	transform: translateY(-10px) scale(0.995);
	opacity: 0;
	transition: transform var(--transition), opacity var(--transition);
	pointer-events: auto;
	display: flex;
	align-items: center;
	gap: 12px;
}
.header__search .search-panel .search-close {
	position: absolute;
	z-index: 0;
	right: 0%;
	top: -50%;
	background: transparent;
	border: 0;
	font-size: 22px;
	cursor: pointer;
	line-height: 1;
	width: 40px;
	height: 40px;
	background: var(--primary-color);
	color: var(--white-color);
	border-radius: 4px;
}
.header__search .search-panel .search-form {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
}
.header__search .search-panel .search-input {
	flex: 1;
	font-size: 1.1rem;
	padding: 12px 14px;
	border-radius: 8px;
	border: 1px solid #e6e6e6;
	outline: none;
	transition: box-shadow var(--transition), border-color var(--transition);
}
.header__search .search-panel .search-input:focus {
	border-color: var(--primary-color);
	box-shadow: 0 4px 18px rgba(31, 182, 255, 0.12);
}
.header__search .search-panel .search-submit {
	display: inline-grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 8px;
	border: 0;
	background: var(--primary-color);
	color: #fff;
	cursor: pointer;
}
.header__search .search-panel.open {
	pointer-events: auto;
	z-index: 9999;
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	height: 50vh;
}
.header__search .search-panel.open .search-backdrop {
	opacity: 1;
}
.header__search .search-panel.open .search-inner {
	transform: translateY(0) scale(1);
	opacity: 1;
}

/* Responsive: on small screens make search full width */
@media (max-width: 575px) {
.header__search .search-inner {
	width: calc(100% - 20px);
	border-radius: 6px;
	padding: 12px;
}
}
/* === preloader scss === */
.loader-wrap {
	position: fixed;
	z-index: 111111111;
	height: 100vh;
	width: 100vw;
	left: 0;
	top: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: var(--primary-color);
	z-index: 99999999999999;
}
.loader-wrap svg {
	position: absolute;
	top: 0;
	width: 100vw;
	height: 110vh;
	fill: var(--primary-color);
}
.loader-wrap .loader-wrap-heading .load-text {
	font-size: 100px;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--secondary-color);
	z-index: 20;
}

@media (max-width: 767.98px) {
.loader-wrap .loader-wrap-heading .load-text {
	font-size: 50px;
}
}
.load-text span {
	-webkit-animation: loading 1s infinite alternate;
	animation: loading 1s infinite alternate;
}
.load-text span:nth-child(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.load-text span:nth-child(2) {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.load-text span:nth-child(3) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.load-text span:nth-child(4) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.load-text span:nth-child(5) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.load-text span:nth-child(6) {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.load-text span:nth-child(7) {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
 @-webkit-keyframes loading {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0.4;
}
}
@keyframes loading {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
.sidebar__search, .sidebar__categories, .sidebar__recent, .sidebar__tags, .sidebar__download {
	background: var(--bg-color-primary);
	padding: 2rem;
	margin-bottom: 2rem;
}
.sidebar__search-form {
	position: relative;
}
.sidebar__search-form input {
	position: relative;
	padding: 16px 16px;
}
.sidebar__search-form button {
	position: absolute;
	top: 8px;
	bottom: 8px;
	right: 12px;
	background: var(--primary-color);
	color: var(--white-color);
	border: none;
	padding: 0.6rem 1rem;
	transition: var(--transition);
}
.sidebar__title {
	position: relative;
	font-family: var(--title-font);
	color: var(--secondary-color);
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 0.5px;
	margin-bottom: 1.5rem;
	padding-bottom: 1rem;
}
.sidebar__title::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background: var(--secondary-border-color);
	margin-top: 0.4rem;
}
.sidebar__title::after {
	position: absolute;
	content: "";
	width: 80px;
	height: 2px;
	bottom: 0;
	left: 0;
	background: var(--primary-color);
	margin-top: 0.4rem;
}
.sidebar__list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.sidebar__list li {
	border-bottom: 1px solid var(--border-color);
	font-size: 0.95rem;
	color: var(--text-color);
	transition: var(--transition);
}
.sidebar__list li a {
	display: flex;
	gap: 50px;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 0;
	font-family: var(--body-font);
	font-weight: 400;
	font-size: 16px;
	line-height: 1.2;
	letter-spacing: 0px;
	transition: var(--transition);
}

@media (max-width: 575.98px) {
.sidebar__list li a {
	font-size: 14px;
}
}
.sidebar__list li a span {
	display: flex;
}
.sidebar__list li a:hover {
	color: var(--primary-color);
}
.sidebar__list li i {
	color: var(--white-color);
	background-color: var(--icon-primary);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	margin-right: 10px;
	margin-right: 8px;
	transition: var(--transition);
}
.sidebar__list li:hover {
	margin-left: 5px;
}
.sidebar__list li:hover i {
	background-color: var(--primary-color);
}
.sidebar__post {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-bottom: 1.5rem;
}
.sidebar__post:last-child {
	margin-bottom: 0;
}
.sidebar__post-img {
	width: 100%;
	height: 148px;
	object-fit: cover;
}
.sidebar__post-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.sidebar__post-date {
	color: var(--primary-color);
	font-family: var(--body-font);
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
	margin-bottom: 4px;
}
.sidebar__post-date i {
	margin-right: 8px;
}
.sidebar__post-title {
	color: var(--secondary-color);
	font-family: var(--title-font);
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.5px;
	text-decoration: none;
	transition: var(--transition);
}
.sidebar__post-title:hover {
	color: var(--primary-color);
}
.sidebar__tag-list {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.sidebar__tag {
	display: inline-block;
	padding: 6px 12px;
	border: 1px solid var(--border-color);
	border-radius: 100px;
	font-family: var(--body-font);
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0%;
	text-align: center;
	vertical-align: middle;
	color: var(--text-color);
	text-decoration: none;
	transition: var(--transition);
}
.sidebar__tag:hover {
	background: var(--primary-color);
	color: var(--white-color);
	border-color: var(--primary-color);
}
.sidebar__tag--active {
	background: var(--primary-color);
	color: var(--white-color);
}
.sidebar__download-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}
.sidebar__download-item:last-child {
	margin-bottom: 0;
}
.sidebar__download .btn__link {
	width: 56px;
	height: 56px;
	padding: 5px 18px;
}

@media (max-width: 767.98px) {
.sidebar__search, .sidebar__categories, .sidebar__recent, .sidebar__tags {
	padding: 1rem;
}
.sidebar__post-img {
	width: 80px;
	height: 60px;
}
}

@media (max-width: 575.98px) {
.sidebar__post {
	flex-direction: column;
	align-items: flex-start;
}
.sidebar__post-img {
	width: 100%;
	height: 160px;
}
}
.help-box {
	position: relative;
	padding: 48px 64px;
}
.help-box:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: linear-gradient(146.33deg, #000E12 10.25%, #FA6444 152.79%);
	opacity: 0.9;
}
.help-box__icon {
	position: relative;
	z-index: 8;
}
.help-box__content {
	position: relative;
	z-index: 8;
}
/*# sourceMappingURL=style.css.map */









/* ===== HERO SLIDER ===== */

.custom-hero-slider {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.slide-bg {
	position: relative;
	width: 100%;
	min-height: 100vh;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
}
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000b8;
}
.slide-content {
	position: relative;
	z-index: 2;
	max-width: 800px;
	color: #fff;
}
.slide-content h2 {
	font-size: 80px;
	font-weight: 700;
	margin-bottom: 20px;
	line-height: 1.2;
}
.slide-content p {
	font-size: 18px;
	margin-bottom: 25px;
}
.btn-slider {
	display: inline-block;
	padding: 12px 30px;
	background: #ff5e14;
	color: #000;
	font-weight: 600;
	text-decoration: none;
	border-radius: 5px;
	transition: .3s;
}
.btn-slider:hover {
	background: #ffa000;
	color: #000;
}
/* Arrow Styling */

.swiper-button-next, .swiper-button-prev {
	color: #ff5e14;
}
.swiper-button-next {
	padding-right: 100px;
}
.swiper-button-prev {
	padding-left: 100px;
}
.swiper-button-next:after, .swiper-button-prev:after {
	font-size: 26px;
}
/* Pagination */

.swiper-pagination-bullet {
	background: #fff;
	opacity: .7;
}
.swiper-pagination-bullet-active {
	background: #ff5e14;
}

/* ===== RESPONSIVE ===== */

@media (max-width:1200px) {
.slide-content h2 {
	font-size: 44px;
}
}

@media (max-width:992px) {
.slide-bg {
	min-height: 520px;
}
.slide-content {
	max-width: 500px;
}
.slide-content h2 {
	font-size: 34px;
}
.slide-content p {
	font-size: 16px;
}
}

@media (max-width:768px) {
.slide-bg {
	min-height: 460px;
}
.slide-content {
	text-align: center;
	margin: auto;
}
.swiper-button-next, .swiper-button-prev {
	display: none;
}
}

@media (max-width:576px) {
.slide-bg {
	min-height: 400px;
	padding: 40px 0;
}
.slide-content h2 {
	font-size: 24px;
}
.slide-content p {
	font-size: 14px;
}
.btn-slider {
	padding: 10px 20px;
	font-size: 14px;
}
}
li.text-white {
	margin-left: 12px;
}
.work-process__icon img {
	width: 50px;
	height: 50px;
	object-fit: contain;
}
.contact-info {
	padding: 48px;
	background: var(--bg-color-primary);
	text-align: center;
}


/*
.footer-section{

background-size:cover;
background-position:center;
padding-top:40px;

}


.footer-overlay{

position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.75);

}


.footer-divider{

border-color:rgba(255,255,255,0.2);

}


.footer-title{

margin-bottom:20px;
font-weight:600;

}


.footer-links{

list-style:none;
padding:0;

}

.footer-links li{

margin-bottom:10px;

}

.footer-links a{

color:#ddd;
text-decoration:none;
font-size:14px;

}

.footer-links a:hover{

color:#fff;

}

.footer-links i{

margin-right:6px;
color:#ff6600;

}


.footer-social a{

color:#fff;
font-size:18px;
margin-left:15px;
transition:0.3s;

}

.footer-social a:hover{

color:#ff6600;

}


.contact-box{

display:flex;
align-items:flex-start;
gap:15px;
margin-bottom:20px;

}

.icon-box{

width:40px;
height:40px;
background:#ff6600;
display:flex;
align-items:center;
justify-content:center;
border-radius:6px;
flex-shrink:0;

}

.icon-box i{

color:#fff;

}*/