/* ----------------------------------

Main Font    : Sora
Main Color   : #A8FBD3
#4FB7B3
#25367C

-------------------------------------

[Typography]

Body copy:    15px 'Sora', sans-serif
Header:     36px 'Sora', sans-serif
Input, textarea:  16px 'Sora', sans-serif
Sidebar heading:  20px 'Sora', sans-serif
   
*/

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');

/* Varialbes */

:root {
	--font-default: 'Sora', sans-serif;
	--font-heading: 'Sora', sans-serif;
	--fontawesome: "Font Awesome 5 Pro";
	--black: #000000;
	--dark: #1f1f1f;
	--dark-secondary: #363e40;
	--dark-optional: #111315;
	--white: #ffffff;
	--white-secondary: #b5b5bc;
	--white-common: #cfddde;
	--color-primary: #4FB7B3;
	--color-secondary: #637AB9;
	--color-style-two: #A8FBD3;
	--color-style-three: #4FB7B3;
/*	--color-heading: #31326F;*/
	--color-heading: #25367C; 
	--color-paragraph: #60616c;
	--box-shadow-primary: -1px 3px 10px 0 rgba(0, 0, 0, 0.6);
	--box-shadow-secondary: 0 10px 30px 0 rgba(44, 130, 237, 0.4);
	--box-shadow-regular: 0px 2px 12px 0px #e7e7e7;
	--bg-gray: #f0f2f4;
	--bg--gray-secondary: #f4f4f4;
	--bg-gradient: linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%);
	--bg-gradient: linear-gradient(210deg, rgba(168, 251, 211, 1) 0%, rgba(79, 183, 179, 1) 33%, rgba(99, 122, 185, 1) 66%, rgba(49, 50, 111, 1) 100%);
	--bg-gradient-light: linear-gradient(210deg, rgba(168, 251, 211, 1) 0%, rgba(79, 183, 179, 1) 33%, rgba(99, 122, 185, 1) 100%);
	--bg-trans-gradient: linear-gradient(180deg, rgba(250, 250, 255, 1) 0%, rgba(255, 255, 255, 0.4) 33%, rgba(255, 255, 255, 0.4) 66%, rgba(250, 250, 255, 1) 100%);
	--semiglass-gradient: linear-gradient(209deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 243, 234, 0.2) 100%);
	--trans-gradient: rgba(79, 183, 179, 0.0) 0%, rgba(99, 122, 185, 0.5) 50%, rgba(49, 50, 111, 0.8) 99%;
	--trans-gradient-light: rgba(99, 122, 185, 0.0) 0%, rgba(79, 183, 179, 0.25) 50%, rgba(168, 251, 211, 0.6) 99%;
	--trans-gradient-dark: rgba(99, 122, 185, 0.0) 0%, rgba(49, 50, 111, 0.5) 50%, rgba(49, 50, 111, 0.8) 99%;
	--lg-bg-color: rgba(255, 255, 255, 0.25);
	--lg-highlight: rgba(255, 255, 255, 0.25);
	--lg-text: #ffffff;
	--lg-hover-glow: rgba(255, 255, 255, 0.4);
	--lg-red: #fb4268;
	--lg-grey: #5b5b5b;
	--border-radius: 30px;
}

.liquid-glass,
.theme-btn-two {
	/*	inset: 0;*/
	/*	z-index: 2;*/
	position: relative;
	border-radius: inherit;
	border: 0px transparent !important;
	overflow: hidden;
	box-shadow: inset 1px 1px 0 var(--lg-highlight), inset 0 0 5px var(--lg-highlight), 0 6px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);
	border-radius: var(--border-radius) !important;
	-webkit-border-radius: var(--border-radius);
	-moz-border-radius: var(--border-radius);
	-ms-border-radius: var(--border-radius);
	-o-border-radius: var(--border-radius);
/*	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2), backdrop-filter 0s linear;*/
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);
	background: var(--semiglass-gradient);
	backdrop-filter: blur(10px);
}

.liquid-glass::after,
.theme-btn-two::after,
nav.navbar.navbar-common ul.nav.navbar-nav.navbar-center::after {
	content: "";
	position: absolute;
	display: block !important;
	inset: 0;
	padding: 1px;
	z-index: -1;
	border-radius: var(--border-radius) !important;
	-webkit-border-radius: var(--border-radius);
	-moz-border-radius: var(--border-radius);
	-ms-border-radius: var(--border-radius);
	-o-border-radius: var(--border-radius);
	background: linear-gradient(146deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.2) 19.3%, rgba(255, 255, 255, 0.06) 62.02%, rgba(255, 255, 255, 0.4) 100%);
	background: linear-gradient(to left, #743ad5, #d53a9d);
	background: linear-gradient(to top right, rgba(255, 255, 255, 0.0) 0%, rgba(226, 244, 255, 0.1) 36%, rgba(0, 0, 0, 0.9) 40%, rgba(252, 90, 252, 0.91) 44%, rgba(249, 252, 90, 0.99) 49%, rgba(211, 248, 122, 1) 51%, rgba(57, 233, 249, 0.93) 56%, rgba(0, 0, 0, 0.9) 60%, rgba(226, 244, 255, 0.1) 64%, rgba(255, 255, 255, 0.0) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

.liquid-glass::before,
.theme-btn-two::before,
nav.navbar.navbar-common ul.nav.navbar-nav.navbar-center::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	z-index: -1;
	height: 100%;
	width: 100%;
	border-radius: var(--border-radius) !important;
	-webkit-border-radius: var(--border-radius);
	-moz-border-radius: var(--border-radius);
	-ms-border-radius: var(--border-radius);
	-o-border-radius: var(--border-radius);
	transition: all 0.6s ease;
	background-image: url(../img/noise-service.png);
	background-repeat: repeat;
	background-size: unset;
	opacity: 0.65;
}
/*
nav.navbar.navbar-common ul.nav.navbar-nav.navbar-center {
	overflow: unset;
}
*/

@media (min-width: 1024px) {
	nav.navbar.navbar-common ul.nav.navbar-nav.navbar-center {
		position: relative;
		border-radius: inherit;
		border: 0px transparent !important;
/*		overflow: hidden;*/
		box-shadow: inset 1px 1px 0 var(--lg-highlight), inset 0 0 5px var(--lg-highlight), 0 6px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);
		border-radius: var(--border-radius) !important;
		-webkit-border-radius: var(--border-radius);
		-moz-border-radius: var(--border-radius);
		-ms-border-radius: var(--border-radius);
		-o-border-radius: var(--border-radius);
	/*	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2), backdrop-filter 0s linear;*/
		transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);
		background: var(--semiglass-gradient);
		backdrop-filter: blur(10px);
	}
	.mobile-only {display: none !important;}
}
@media (max-width: 1024px) {
	nav.navbar.navbar-common ul.nav.navbar-nav.navbar-center::before,
	nav.navbar.navbar-common ul.nav.navbar-nav.navbar-center::after {
	display: none;
	}
}

.btn-style-one.theme-btn-two,
.btn.theme-btn-two {
	overflow: visible;
	padding: 19px 30px;
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	text-transform: capitalize;
	background: var(--bg-gradient);
	background-size: 105% 105%;
	background-position: center;
	-webkit-box-shadow: 0 0 9px 0px #111c7c inset;
	box-shadow: -1px 0px 9.6px 0px #111c7c inset;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.btn.theme-btn-two::after {
	inset: -1px;
	overflow: visible !important;
	padding: 2px;
	background: linear-gradient(15deg, rgba(255, 255, 255, 0.0) 0%, rgba(226, 244, 255, 0.1) 36%, rgba(0, 0, 0, 0.9) 40%, rgba(252, 90, 252, 0.91) 44%, rgba(249, 252, 90, 0.99) 49%, rgba(211, 248, 122, 1) 51%, rgba(57, 233, 249, 0.93) 56%, rgba(0, 0, 0, 0.9) 60%, rgba(226, 244, 255, 0.1) 64%, rgba(255, 255, 255, 0.0) 100%);
	background-size: 200% 200%;
	transition: all 0.6s ease;
/*	transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.2);*/
	background-repeat: no-repeat;
	background-position: 0% 150%;
	opacity: 0;
}

.btn-style-one.btn.theme-btn-two:hover {
/*	color: var(--color-heading);*/
	background: var(--bg-gradient);
	background-size: 130% 130%;
	background-position: center;
	
}
.btn-style-one.btn.theme-btn-two:hover::before {
	background-color: #FFF2;
}

.btn-style-one.btn.theme-btn-two:hover::after {
	background-position: 0% 0%;
	opacity: 1;
}

.banner-style-one-area {
	position: relative;
	overflow: hidden;
}
.banner-video-bg {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	transform: translate(-50%, -50%);
	z-index: 0;
	object-fit: cover;
}
.video-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	/* Adjust darkness as needed */
	z-index: 1;
}
.banner-style-one-area .container {
	position: relative;
	z-index: 2;
}
.banner-style-one-area.text-light .row div p,
.banner-style-one-area.text-light .row div h2,
.text-light .funfact-style-one-item .info,
.breadcrumb-area.text-light .row,
.text-light.community-card {
	text-shadow: 2px 2px 1px rgba(0,10,20,0.5), 0px 0px 20px #012;
}
.banner-style-one-area.text-dark .row div p,
.banner-style-one-area.text-dark .row div h2,
.text-dark .funfact-style-one-item .info,
.breadcrumb-area.text-dark .row {
	text-shadow: 2px 2px 1px #FFFC, 0px 0px 20px #DEF;
}

.text-light h2.title {
text-shadow: 0px 0px 40px var(--color-heading);
	
}

.blurry-transition, .blurry-dark-transition, .light-transition {
position: relative;
  z-index: 1;
}
.light-transition::before {
position: absolute;
  top: 0;
bottom: 0;
  content: "";
  width: 100%;
  background: var(--bg-trans-gradient);
  z-index: -1;
}
.light-intake-transition::before {
position: absolute;
  top: 0;
bottom: 0;
  content: "";
  width: 100%;
  background: linear-gradient(180deg, rgba(250, 250, 255, 1) 0%, rgba(255, 255, 255, 0.4) 33%, rgba(255, 255, 255, 0.0) 66%, rgba(250, 250, 255, 0) 100%);
  z-index: -1;
}
.blurry-transition::before, .blurry-dark-transition::before {
  position: absolute;
  top: 0;
  content: "";
  height: 200px;
  width: 100%;
  background: linear-gradient(0deg, var(--trans-gradient));
  z-index: -1;
}
.blurry-transition.text-light::before {
	background: linear-gradient(0deg, var(--trans-gradient-light));
}
.blurry-dark-transition::before {
	background: linear-gradient(0deg, var(--trans-gradient-dark));
}
.blurry-transition::after, .blurry-dark-transition::after {
  position: absolute;
  bottom: 0;
  content: "";
  height: 200px;
  width: 100%;
  background: linear-gradient(180deg, var(--trans-gradient));
  z-index: -1;
}
.blurry-transition.text-light::after {
	background: linear-gradient(180deg, var(--trans-gradient-light));
}
.blurry-dark-transition::after{
	background: linear-gradient(180deg, var(--trans-gradient-dark));
}
.js-counter.medium {
font-size: 60px;
  color: var(--color-primary);
  font-weight: 700;
  background: var(--bg-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-flex;
  text-align: left;
  line-height: 1;
}
.small {font-size: 12px !important;}

#problem {transform: scaleX(-1);}
#problem > div {transform: scaleX(-1);}
.mini-hero {max-height: 180px;}
.mini-hero::after {
	content: "";
	position: absolute;
	display: block !important;
	bottom: 0px;
	width: 100%;
	height: 80px;
	background: linear-gradient(0deg, rgba(250, 250, 255, 1) 0%, rgba(255, 255, 255, 0.0) 100%);
}
.button.language a {
	padding: 14px 12px; 
	font-size: 16px;
	transition: all 0.2s ease-out;
}

nav.sticked .button.language .liquid-glass {
	box-shadow: none;
	background: none;
}

nav.sticked .button.language .liquid-glass::after,
nav.sticked .button.language .liquid-glass::before {
	display:none !important;
}

@media (max-width: 768px) {
	#process .project-style-one-items .card-style-one-item.project-style-one-item.fade-up-anim.liquid-glass {
	  height: 500px;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
	.button.language a {padding: 8px 16px;}
}

.bg-0 {
	background-image: url(../img/banner-1.jpg);
}
.bg-1 {
	background-image: url(../img/banner-6b.jpg);
}
.bg-2 {
	background-image: url(../img/glass-2.jpg);
}
.bg-3 {
	background-image: url(../img/glass-3.jpg);
}
.bg-4 {
	background-image: url(../img/glass-4.jpg);
}
.bg-5 {
	background-image: url(../img/glass-5.jpg);
}
.bg-6 {
	background-image: url(../img/glass-6.jpg);
}
.bg-7 {
	background-image: url(../img/glass-7.jpg);
}
.bg-8 {
	background-image: url(../img/glass-8.jpg);
}
.bg-9 {
	background-image: url(../img/glass-9.jpg);
}
.bg-10 {
	background-image: url(../img/glass-10.jpg);
}
.bg-11 {
	background-image: url(../img/glass-11.jpg);
}
.bg-12 {
	background-image: url(../img/glass-12.jpg);
}
.bg-14 {
	background-image: url(../img/glass-14.jpg);
}
.dark-bg-1 {
	background-image: url(../img/dark-1.jpg);
}
.dark-bg-2 {
	background-image: url(../img/dark-2.jpg);
}
.dark-bg-3 {
	background-image: url(../img/dark-3.jpg);
}
.dark-bg-4 {
	background-image: url(../img/dark-4.jpg);
}
.dark-bg-5 {
	background-image: url(../img/dark-5.jpg);
}
.dark-bg-6 {
	background-image: url(../img/dark-6.jpg);
}
.dark-bg-7 {
	background-image: url(../img/dark-7.jpg);
}
.dark-bg-8 {
	background-image: url(../img/dark-8.jpg);
}
.dark-bg-9 {
	background-image: url(../img/dark-9.jpg);
}
.dark-bg-10 {
	background-image: url(../img/dark-10.jpg);
}
.dark-bg-11 {
	background-image: url(../img/dark-11.jpg);
}
.dark-bg-12 {
	background-image: url(../img/dark-12.jpg);
}
.dark-bg-13 {
	background-image: url(../img/dark-13.jpg);
}
.dark-bg-14 {
	background-image: url(../img/dark-14.jpg);
}
.wave-bg-1 {
	background-image: url(../img/waves-1.jpg);
}
.wave-bg-2 {
	background-image: url(../img/waves-2.jpg);
}
.wave-bg-3 {
	background-image: url(../img/waves-3.jpg);
}
.wave-bg-4 {
	background-image: url(../img/waves-4.jpg);
}
.wave-bg-5 {
	background-image: url(../img/waves-5.jpg);
}
.wave-bg-7 {
	background-image: url(../img/waves-7.jpg);
}
.wave-bg-9 {
	background-image: url(../img/waves-9.jpg);
}
.wave-bg-14 {
	background-image: url(../img/waves-14.jpg);
}
.mini-hero {
	background-image: url(../img/mini-hero.jpg);
}