/* Braine Digital Agency Business HTML-5 Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Two / Three
5. Slider One / Two
6. Services One
7. About One
8. Choose One / Two
9. Answer One
10. Testimonial One / Two / Three
11. Steps One
12. Price One / Two
13. Faq One / Two
14. Social One
15. News One / Two
16. CTA One / Two / Three / Four
17. Main Footer
18. Banner One
19. Assistance One
20. LiveChat One
21. Counter One
22. Conversation One
23. Clients One
24. Order One
25. Tools One
26. Price Two
27. Community One
28. Members One
29. Data One
30. Page Title
31. Story One
32. Value One
33. Team One
34. Login
35. Register
36. Forgot Password
37. Team Detail
38. Service Detail
39. Our Blog
40. Blog Widgets
41. Blog Classic
42. Blog Detail
43. Comments Form
44. Comments Box
45. Not Found
46. Contact Info
47. Contact Form
48. Map

**********************************************/

/* 

	font-family: 'Inter', sans-serif;

*/

/*** 

====================================================================
	Root Code Variables
====================================================================

 ***/

.theme_color {
	color: var(--main-color);
}

/* Theme Color */

:root {

	/* #45498f - Updated Theme Color */
	--main-color: rgb(69, 73, 143);
	--main-color-rgb: 69, 73, 143;

	/* #000000 - Black Background */
	--color-two: rgb(0, 0, 0);
	--color-two-rgb: 0, 0, 0;

	/* #FFFFFF - White Text */
	--color-three: rgb(255, 255, 255);
	--color-three-rgb: 255, 255, 255;

	/* #FFFFFF - Headings White */
	--color-four: rgb(255, 255, 255);
	--color-four-rgb: 255, 255, 255;

	/* #0f0d2b - Updated Gradient Secondary */
	--color-five: rgb(15, 13, 43);
	--color-five-rgb: 15, 13, 43;

	/* #FFFFFF - Text White */
	--color-six: rgb(255, 255, 255);
	--color-six-rgb: 255, 255, 255;

	/* #000000 - Black Background */
	--color-seven: rgb(0, 0, 0);
	--color-seven-rgb: 0, 0, 0;

	/* #000000 */
	--color-eight: rgb(0, 0, 0);
	--color-eight-rgb: 0, 0, 0;

	/* #000000 */
	--color-nine: rgb(0, 0, 0);
	--color-nine-rgb: 0, 0, 0;

	/* #000000 */
	--color-ten: rgb(0, 0, 0);
	--color-ten-rgb: 0, 0, 0;

	/* #ffffff in decimal RGB */
	--white-color: rgb(255, 255, 255);
	--white-color-rgb: 255, 255, 255;

	/* #000000 in decimal RGB */
	--black-color: rgb(0, 0, 0);
	--black-color-rgb: 0, 0, 0;

	/* ============================================================
	   Typography Scale — 3 tiers only
	   ============================================================
	   --fs-heading  : Section / block headings  (h2 level)
	   --fs-subhead  : Card headings, h3 level
	   --fs-label    : Labels, badges, tags
	   --fs-body     : Paragraphs, descriptions, list items
	   --fs-small    : Captions, footnotes, meta
	   ============================================================ */
	--fs-heading: 46px;
	--fs-subhead: 28px;
	--fs-label: 16px;
	--fs-body: 17px;
	--fs-small: 14px;

	--lh-heading: 1.2;
	--lh-body: 1.7;

}

/*** 

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

 ***/

* {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
}

/*** 

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

***/


/* width */
::-webkit-scrollbar {
	width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background-color: var(--main-color);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background-color: var(--color-three);
}


body {
	font-family: 'Inter', sans-serif;
	line-height: var(--lh-body);
	font-weight: 400;
	font-size: var(--fs-body);

	background-color: #050510;
	/* Deep dark background to match Product/About */
	background-image: radial-gradient(circle at 50% 0, #1a1a2e, #050510);
	/* Subtle gradient */
	color: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}


.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.dark-layout {
	position: relative;
	background-color: var(--black-color);
}

/* Preloader */

.handle-preloader {
	background-color: var(--main-color);
}

.handle-preloader {
	align-items: center;
	-webkit-align-items: center;
	display: flex;
	display: -ms-flexbox;
	height: 100%;
	justify-content: center;
	-webkit-justify-content: center;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9999999;
}

.preloader-close {
	position: fixed;
	z-index: 9999999999999;
	font-size: 18px;
	background: #ffffff;
	width: 30px;
	height: 30px;
	line-height: 26px;
	text-align: center;
	cursor: pointer;
	right: 15px;
	top: 15px;
	border-radius: 0%;
	display: none;
}

.handle-preloader .animation-preloader {
	position: absolute;
	z-index: 100;
}

.handle-preloader .animation-preloader .spinner {
	animation: spinner 1s infinite linear;
	border-radius: 50%;
	height: 150px;
	margin: 0 auto 45px auto;
	width: 150px;
}

.handle-preloader .animation-preloader .txt-loading {
	text-align: center;
	user-select: none;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before {
	animation: letters-loading 4s infinite;
	content: attr(data-text-preloader);
	text-transform: capitalize;
	left: 0;
	opacity: 0;
	top: 0;
	position: absolute;
	font-family: 'Inter', sans-serif;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading {
	font-weight: 500;
	letter-spacing: 15px;
	display: inline-block;
	position: relative;
	font-size: 70px;
	line-height: 70px;
	font-family: 'Inter', sans-serif;
	color: transparent;
	-webkit-text-stroke-width: 1px;

	-webkit-text-stroke-color: rgba(255, 255, 255, 0.30);
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
	animation-delay: 0.2s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
	animation-delay: 0.4s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
	animation-delay: 0.6s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
	animation-delay: 0.8s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
	animation-delay: 1s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
	animation-delay: 1.2s;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
	animation-delay: 1.4s;
}

.handle-preloader .loader-section {
	background-color: #fff;
	height: 100%;
	position: fixed;
	top: 0;
	width: calc(50% + 1px);
}

.preloader .loaded .animation-preloader {
	opacity: 0;
	transition: 0.3s ease-out;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading {
	display: inline-block;
	/* base type for animation letters */
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before {
	color: #fff;
}

.handle-preloader .animation-preloader .spinner {
	border: 3px solid #fff;
	border-top-color: rgba(255, 255, 255, 0.5);
}

/* Animación del preloader */
@keyframes spinner {
	to {
		transform: rotateZ(360deg);
	}
}

@keyframes letters-loading {

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

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

@media screen and (max-width: 767px) {
	.handle-preloader .animation-preloader .spinner {
		height: 8em;
		width: 8em;
	}
}

@media screen and (max-width: 500px) {
	.handle-preloader .animation-preloader .spinner {
		height: 7em;
		width: 7em;
	}

	.handle-preloader .animation-preloader .txt-loading .letters-loading {
		font-size: 30px;
		letter-spacing: 10px;
	}
}

i {
	font-style: normal;
}

.bordered-layout .page-wrapper {
	padding: 0px 50px 0px;
}

a {
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	color: var(--main-color);
}

button,
a:hover,
a:focus,
a:visited {
	text-decoration: none;
	outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative;
	margin: 0px;
	background: none;
	color: var(--color-four);
	font-family: 'Inter', sans-serif;
}

input,
button,
select,
textarea {
	box-sizing: border-box;
}

textarea {
	overflow: hidden;
}

.text,
p {
	position: relative;
	line-height: var(--lh-body);
	color: var(--color-four);
	font-size: var(--fs-body);
}

/* Typography */

h1 {
	line-height: 1.15;
	font-size: 58px;
	font-weight: 700;
}

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

h3 {
	line-height: var(--lh-heading);
	font-size: var(--fs-subhead);
	font-weight: 700;
}

h4 {
	line-height: 1.3;
	font-size: 22px;
	font-weight: 600;
}

h5 {
	line-height: 1.4;
	font-size: 19px;
	font-weight: 600;
}

h6 {
	line-height: 1.4;
	font-size: 17px;
	font-weight: 600;
}

.auto-container {
	position: static;
	max-width: 1350px;
	padding: 0px 15px;
	margin: 0 auto;
}

.page-wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 300px;
	overflow: hidden;
}

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

img {
	display: inline-block;
	max-width: 100%;
}

.template-btn {
	cursor: pointer;
	display: inline-block;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.centered {
	text-align: center;
}

::-webkit-input-placeholder {
	color: inherit;
}

::-moz-input-placeholder {
	color: inherit;
}

::-ms-input-placeholder {
	color: inherit;
}

/***

====================================================================
	Scroll To Top style
====================================================================

***/

/* backtoup */
.progress-wrap {
	position: fixed;
	right: 30px;
	bottom: 40px;
	height: 35px;
	width: 35px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.20);
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
	transform: translateY(15px);
	-webkit-transform: translateY(15px);
	-moz-transform: translateY(15px);
	-ms-transform: translateY(15px);
	-o-transform: translateY(15px);
}

.progress-wrap::after {
	position: absolute;
	content: '\f176';
	font-family: "Font Awesome 5 Free";
	text-align: center;
	line-height: 35px;
	font-size: 15px;
	color: var(--main-color);
	left: 0;
	top: 0;
	height: 35px;
	width: 35px;
	cursor: pointer;
	display: block;
	font-weight: 700;
	z-index: 1;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
	font-size: 13px;
}

.progress-wrap svg path {
	fill: none;
}

.progress-wrap svg.progress-circle path {
	stroke: var(--main-color);
	stroke-width: 4;
	box-sizing: border-box;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}

.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.progress-wrap.style2::after {
	color: var(--thm-color-2);
}

.progress-wrap.style2 svg.progress-circle path {
	stroke: var(--thm-color-2);
}

.progress-wrap.style3::after {
	color: var(--thm-color-3);
}

.progress-wrap.style3 svg.progress-circle path {
	stroke: var(--thm-color-3);
}

/* List Style One */

.list-style-one {
	position: relative;
}

.list-style-one li {
	position: relative;
	color: var(--white-color);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8em;
	margin-bottom: 10px;
	padding-left: 30px;
}

.list-style-one li a {
	position: relative;
	color: var(--white-color);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.list-style-one li a:hover {
	color: var(--main-color);
}

.list-style-one li .icon {
	position: absolute;
	left: 0px;
	top: 5px;
	color: var(--main-color);
	font-size: 18px;
	line-height: 1em;
	font-weight: 300;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

/* Btn Style One */

.btn-style-one {
	position: relative;
	font-weight: 600;
	font-size: 16px;
	overflow: hidden;
	text-align: center;
	border-radius: 5px;
	padding: 18px 34px;
	display: inline-block;
	color: var(--white-color);
	background-color: var(--main-color);
}

.btn-style-one:before {
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	position: absolute;
	width: 200%;
	height: 200%;
	content: "";
	top: -200%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
	z-index: 1;
	background-color: rgba(40, 44, 100, 1);
}

.btn-style-one:hover:before {
	top: 0%;
}

.btn-style-one .btn-wrap {
	position: relative;
	z-index: 1;
	float: left;
	overflow: hidden;
	/* display:inline-block is handled by float */
}

.btn-style-one .btn-wrap .text-one {
	position: relative;
	display: block;
	color: var(--white-color);
	transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.btn-style-one:hover .btn-wrap .text-one:first-child {
	-webkit-transform: translateY(-150%);
	-ms-transform: translateY(-150%);
	transform: translateY(-150%);
}

.btn-style-one .btn-wrap .text-two {
	position: absolute;
	top: 100%;
	display: block;
	color: var(--white-color);
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.btn-style-one:hover .btn-wrap .text-two {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.btn-style-one:hover .btn-wrap .text-two {
	pointer-events: none;
}

.btn-style-one:hover {
	color: var(--white-color) !important;
}

.btn-style-one:hover:before {
	top: -40%;
}

/* Btn Style Two */

.btn-style-two {
	position: relative;
	font-weight: 600;
	font-size: 16px;
	overflow: hidden;
	text-align: center;
	border-radius: 5px;
	padding: 18px 34px;
	display: inline-block;
	color: var(--white-color);
	border: 1px solid var(--main-color);
}

.btn-style-two:before {
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	position: absolute;
	width: 200%;
	height: 200%;
	content: "";
	top: -200%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
	z-index: 1;
	background-color: var(--main-color);
}

.btn-style-two:hover:before {
	top: 0%;
}

.btn-style-two .btn-wrap {
	position: relative;
	z-index: 1;
	float: left;
	overflow: hidden;
	/* display:inline-block is handled by float */
}

.btn-style-two .btn-wrap .text-one {
	position: relative;
	display: block;
	color: var(--white-color);
	transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.btn-style-two:hover .btn-wrap .text-one:first-child {
	-webkit-transform: translateY(-150%);
	-ms-transform: translateY(-150%);
	transform: translateY(-150%);
}

.btn-style-two .btn-wrap .text-two {
	position: absolute;
	top: 100%;
	display: block;
	color: var(--white-color);
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.btn-style-two:hover .btn-wrap .text-two {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.btn-style-two:hover .btn-wrap .text-two {
	pointer-events: none;
}

.btn-style-two:hover {
	cursor: pointer;
}

.btn-style-two:hover:before {
	top: -40%;
}

/* Btn Style Three */

.btn-style-three {
	position: relative;
	font-weight: 600;
	font-size: 16px;
	overflow: hidden;
	text-align: center;
	border-radius: 8px;
	padding: 18px 34px;
	display: inline-block;
	color: var(--color-four);
	background-color: var(--white-color);
}

.btn-style-three:before {
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	position: absolute;
	width: 200%;
	height: 200%;
	content: "";
	top: -200%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
	z-index: 1;
	background-color: var(--color-four);
}

.btn-style-three:hover:before {
	top: 0%;
}

.btn-style-three .btn-wrap {
	position: relative;
	z-index: 1;
	float: left;
	overflow: hidden;
	/* display:inline-block is handled by float */
}

.btn-style-three .btn-wrap .text-one {
	position: relative;
	display: block;
	color: var(--color-four);
	transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.btn-style-three:hover .btn-wrap .text-one:first-child {
	-webkit-transform: translateY(-150%);
	-ms-transform: translateY(-150%);
	transform: translateY(-150%);
}

.btn-style-three .btn-wrap .text-two {
	position: absolute;
	top: 100%;
	display: block;
	color: var(--white-color);
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.btn-style-three:hover .btn-wrap .text-two {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.btn-style-three:hover .btn-wrap .text-two {
	pointer-events: none;
}

.btn-style-three:hover {
	cursor: pointer;
}

.btn-style-three:hover:before {
	top: -40%;
}

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

/*** 

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

***/

.sec-title {
	position: relative;
	z-index: 2;
	margin-bottom: 40px;
}

.sec-title_icon {
	position: relative;
	width: 64px;
	height: 64px;
	text-align: center;
	line-height: 64px;
	display: inline-block;
	margin: 0 auto;
	font-size: 20px;
	border-radius: 50px;
	margin-bottom: 10px;
	color: var(--color-five);
	border-top: 1px solid var(--color-five);
	background-color: rgba(var(--main-color-rgb), 0.20);
}

.sec-title_title {
	position: relative;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 2px;
	color: var(--main-color);
	display: inline-block;
	text-transform: uppercase;
}

.sec-title_heading {
	margin-top: 15px;
	color: var(--white-color);
}

.sec-title_heading span {
	position: relative;
	font-style: italic;
	display: inline-block;
	font-family: 'Lora', serif;
	text-transform: lowercase;
}

.sec-title_heading span::before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 8px;
	right: 0px;
	z-index: -1;
	height: 10px;
	border-radius: 50px;

	background: var(--main-color);
	background: linear-gradient(to top, var(--main-color) 0%, var(--color-two) 100%);
}

.sec-title_text {
	line-height: var(--lh-body);
	font-size: var(--fs-body);
	margin-top: 20px;
	color: var(--color-three);
}

.sec-title.light .sec-title_title {
	color: var(--white-color);
}

.sec-title.light .sec-title_heading span::before {
	opacity: 0.70;
	background: var(--white-color);
	background: linear-gradient(to top, var(--white-color) 0%, var(--main-color) 100%);
}

.sec-title.light .sec-title_text {
	opacity: 0.60;
	color: var(--white-color);
}

.sec-title.light .sec-title_heading {
	color: var(--white-color);
}

.sec-title.centered {
	text-align: center !important;
}

.sec-title.centered .sec-title_title {
	display: block;
	text-align: center;
	width: 100%;
}

.sec-title.centered .separator {
	margin: 0 auto;
}

/* Style Two */

.sec-title.style-two .sec-title_title {
	color: var(--main-color);
	padding: 8px 18px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0px;
	border-radius: 3px;
	text-transform: capitalize;
}

.sec-title.style-two .sec-title_title::before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0.10;
	border-radius: 5px;
	background: var(--main-color);
	background: linear-gradient(to bottom, var(--main-color) 0%, var(--color-five) 100%);
}

.sec-title.style-two .sec-title_heading span {
	color: var(--main-color);
}

.sec-title.style-two .sec-title_heading span::before {
	display: none;
}

.sec-title.style-two.light .sec-title_title {
	color: var(--white-color);
	background-color: rgba(var(--white-color-rgb), 0.10);
}

.sec-title.style-two.light .sec-title_heading span {
	color: var(--white-color);
}

/* Style Three */

.sec-title.style-three .sec-title_title {
	padding: 8px 18px;
	font-size: 15px;
	font-weight: 700;
	border-radius: 3px;
	letter-spacing: 0px;
	color: var(--white-color);
	text-transform: capitalize;
}

.sec-title.style-three .sec-title_title::before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -1;
	border-radius: 5px;
	background: var(--main-color);
	background: linear-gradient(to right, var(--main-color) 0%, var(--color-five) 80%);
}

.sec-title.style-three .sec-title_heading span::before {
	display: none;
}

.sec-title.style-three.light .sec-title_title {
	color: var(--white-color);
	background-color: rgba(var(--white-color-rgb), 0.10);
}

.sec-title.style-three .sec-title_heading span {
	color: var(--main-color);
	display: inline-block;
	background: linear-gradient(to right, var(--main-color) 0%, var(--color-five) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.sec-title.style-four .sec-title_title {
	padding: 0px 0px;
	color: #D093E8;
	text-transform: uppercase;
}

.sec-title.style-four .sec-title_heading span {
	color: var(--main-color);
	font-style: italic;
	display: inline-block;
	font-family: 'Lora', serif;
	text-transform: lowercase;
}

.sec-title.style-four .sec-title_heading span::before {
	display: none;
}

/* Custom Select */

.form-group .ui-selectmenu-button.ui-button {
	top: -2px;
	width: 100%;
	border: 0px;
	padding: 19px 25px;
	padding-left: 65px;
	font-weight: 600;
	line-height: 28px;
	font-size: 18px;
	border-radius: 6px;
	color: var(--white-color);
	background: none;
	border: 1px solid rgba(var(--white-color-rgb), 0.08);
}

.form-group .ui-button .ui-icon {
	background: none;
	position: relative;
	top: 3px;
	text-indent: 0px;
	color: #a5a5a5;
}

.form-group .ui-button .ui-icon:before {
	font-family: 'FontAwesome';
	content: "\f107";
	position: absolute;
	right: 0px;
	top: 2px !important;
	top: 10px;
	height: 22px;
	display: block;
	line-height: 20px;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	z-index: 5;
	color: var(--color-three);
}

.ui-menu .ui-menu-item {
	font-size: 14px;
}

.ui-menu .ui-menu-item:last-child {
	border: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
	background-color: var(--main-color) !important;
	border-color: var(--main-color) !important;
}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	display: block;
	padding: 8px 20px;
	line-height: 24px;
	font-size: 14px;
}

.ui-menu-item:hover {
	background-color: var(--color-two);
}

/* Cursor */

.cursor {
	position: fixed;
	background-color: var(--main-color);
	width: 10px;
	height: 10px;
	border-radius: 100%;
	z-index: 1;
	-webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
	transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	z-index: 10000;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.cursor.active {
	opacity: 1;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.cursor.menu-active {
	opacity: 1;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.cursor.hovered {
	opacity: 1;
}

.cursor-follower {
	position: fixed;
	border: 0.5px solid var(--main-color);
	width: 30px;
	height: 30px;
	border-radius: 100%;
	z-index: 1;
	-webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background;
	transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	z-index: 10000;
	-webkit-transform: translate(2px, 2px);
	transform: translate(2px, 2px);
}

.cursor-follower.active {
	opacity: 1;
	-webkit-transform: scale(2);
	transform: scale(2);
}

.cursor-follower.menu-active {
	opacity: 1;
	-webkit-transform: scale(2);
	transform: scale(2);
}

.cursor-follower.hovered {
	transform: scale(1.6);
}

/* Hide custom cursor on mobile/tablet (touch devices) */
@media only screen and (max-width: 991px) {

	.cursor,
	.cursor-follower {
		display: none !important;
	}
}

@media (pointer: coarse) {

	.cursor,
	.cursor-follower {
		display: none !important;
	}
}


/* Cursor End */

.xs-sidebar-group .close-button {
	font-family: "Flaticon";
}

.newsletter-popup-area-section {
	display: none;
}

.ui-datepicker td span,
.ui-datepicker td a {
	text-align: center !important;
}

/* ============================================================
   Banner Animations
   ============================================================ */

@keyframes bannerFadeUp {
	from {
		opacity: 0;
		transform: translateY(40px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes bannerFadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes bannerScale {
	from {
		opacity: 0;
		transform: scale(0.9);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes bannerFloat {

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

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

.banner-one_heading {
	animation: bannerFadeUp 0.8s ease-out both;
}

.banner-one_text {
	animation: bannerFadeUp 0.8s ease-out 0.2s both;
}

.banner-one_newsletter {
	animation: bannerFadeUp 0.8s ease-out 0.4s both;
}

.banner-one_image {
	animation: bannerScale 1s ease-out 0.5s both;
}

.banner-one_shadow {
	animation: bannerFadeIn 1.5s ease-out both;
	background: linear-gradient(135deg, #0a0a1a, #0F0D2B, #151233, #0a0a1a) !important;
	background-size: 400% 400% !important;
	animation: bgShift 12s ease-in-out infinite, bannerFadeIn 1.5s ease-out both;
}

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

	25% {
		background-position: 100% 50%;
	}

	50% {
		background-position: 100% 0%;
	}

	75% {
		background-position: 0% 100%;
	}

	100% {
		background-position: 0% 50%;
	}
}

/* Glowing text pulse on heading span — animation removed */


@keyframes glowPulse {

	0%,
	100% {
		text-shadow: 0 0 10px rgba(69, 73, 143, 0.3), 0 0 20px rgba(108, 92, 231, 0.1);
	}

	50% {
		text-shadow: 0 0 20px rgba(69, 73, 143, 0.6), 0 0 40px rgba(108, 92, 231, 0.3);
	}
}

/* Shimmer on list check icons */
.banner-one_list li i {
	animation: checkShimmer 2s ease-in-out infinite;
}

.banner-one_list li:nth-child(2) i {
	animation-delay: 0.5s;
}

@keyframes checkShimmer {

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

	50% {
		opacity: 1;
		transform: scale(1.15);
	}
}

/* Title slide-in */
.banner-one_title {
	animation: bannerSlideRight 0.7s ease-out both;
}

@keyframes bannerSlideRight {
	from {
		opacity: 0;
		transform: translateX(-30px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

/* === Floating Particles === */
.banner-one {
	position: relative !important;
}

.banner-particles {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1;
	overflow: visible;
}

.particle {
	position: absolute;
	border-radius: 50%;
	background: #45498f;
	box-shadow: 0 0 20px rgba(69, 73, 143, 0.7), 0 0 40px rgba(108, 92, 231, 0.4);
}

.particle-1 {
	width: 14px;
	height: 14px;
	top: 15%;
	left: 8%;
	animation: particleFloat1 6s ease-in-out infinite;
}

.particle-2 {
	width: 20px;
	height: 20px;
	top: 55%;
	left: 85%;
	background: #6c5ce7;
	box-shadow: 0 0 25px rgba(108, 92, 231, 0.8), 0 0 50px rgba(108, 92, 231, 0.4);
	animation: particleFloat2 8s ease-in-out infinite;
}

.particle-3 {
	width: 10px;
	height: 10px;
	top: 35%;
	left: 25%;
	animation: particleFloat3 7s ease-in-out infinite;
}

.particle-4 {
	width: 16px;
	height: 16px;
	top: 70%;
	left: 55%;
	background: #6c5ce7;
	box-shadow: 0 0 20px rgba(108, 92, 231, 0.7), 0 0 40px rgba(69, 73, 143, 0.3);
	animation: particleFloat1 9s ease-in-out infinite;
	animation-delay: -3s;
}

.particle-5 {
	width: 8px;
	height: 8px;
	top: 10%;
	left: 65%;
	background: #b16bea;
	box-shadow: 0 0 15px rgba(177, 107, 234, 0.7), 0 0 30px rgba(177, 107, 234, 0.3);
	animation: particleFloat2 5s ease-in-out infinite;
	animation-delay: -2s;
}

.particle-6 {
	width: 22px;
	height: 22px;
	top: 80%;
	left: 15%;
	box-shadow: 0 0 30px rgba(69, 73, 143, 0.8), 0 0 60px rgba(108, 92, 231, 0.4);
	animation: particleFloat3 10s ease-in-out infinite;
	animation-delay: -4s;
}

.particle-7 {
	width: 12px;
	height: 12px;
	top: 45%;
	left: 92%;
	background: #b16bea;
	box-shadow: 0 0 20px rgba(177, 107, 234, 0.7);
	animation: particleFloat1 7s ease-in-out infinite;
	animation-delay: -1s;
}

.particle-8 {
	width: 18px;
	height: 18px;
	top: 25%;
	left: 45%;
	box-shadow: 0 0 25px rgba(69, 73, 143, 0.8), 0 0 50px rgba(108, 92, 231, 0.3);
	animation: particleFloat2 11s ease-in-out infinite;
	animation-delay: -5s;
}

@keyframes particleFloat1 {

	0%,
	100% {
		transform: translate(0, 0) scale(1);
		opacity: 0.7;
	}

	25% {
		transform: translate(25px, -40px) scale(1.4);
		opacity: 1;
	}

	50% {
		transform: translate(-15px, -80px) scale(0.8);
		opacity: 0.5;
	}

	75% {
		transform: translate(20px, -30px) scale(1.2);
		opacity: 0.9;
	}
}

@keyframes particleFloat2 {

	0%,
	100% {
		transform: translate(0, 0) scale(1);
		opacity: 0.6;
	}

	33% {
		transform: translate(-40px, -50px) scale(1.5);
		opacity: 1;
	}

	66% {
		transform: translate(30px, -90px) scale(0.7);
		opacity: 0.4;
	}
}

@keyframes particleFloat3 {

	0%,
	100% {
		transform: translate(0, 0) scale(1);
		opacity: 0.8;
	}

	50% {
		transform: translate(-25px, -60px) scale(1.3);
		opacity: 1;
	}
}

/* ============================================================
   About Organic Section
   ============================================================ */

.about-organic {
	position: relative;
	padding: 120px 0;
	background: transparent;
	/* Use global body gradient */
	overflow: hidden;
	z-index: 1;
}


/* Animated floating orbs */
.about-organic .orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(100px);
	opacity: 0.35;
	z-index: 0;
	pointer-events: none;
}

.about-organic .orb-1 {
	width: 500px;
	height: 500px;
	background: #45498f;
	top: -100px;
	left: -150px;
	animation: orbFloat1 12s ease-in-out infinite;
}

.about-organic .orb-2 {
	width: 400px;
	height: 400px;
	background: #0F0D2B;
	bottom: -80px;
	right: -100px;
	animation: orbFloat2 15s ease-in-out infinite;
}

.about-organic .orb-3 {
	width: 300px;
	height: 300px;
	background: #6c5ce7;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation: orbFloat3 10s ease-in-out infinite;
}

@keyframes orbFloat1 {

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

	50% {
		transform: translate(60px, 40px) scale(1.1);
	}
}

@keyframes orbFloat2 {

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

	50% {
		transform: translate(-50px, -30px) scale(1.15);
	}
}

@keyframes orbFloat3 {

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

	50% {
		transform: translate(-40%, -60%) scale(1.2);
		opacity: 0.4;
	}
}

/* Section Header */
.about-organic_header {
	text-align: center;
	max-width: 900px;
	margin: 0 auto 60px;
	position: relative;
	z-index: 2;
}

.about-organic_label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #45498f;
	padding: 8px 20px;
	border: 1px solid rgba(69, 73, 143, 0.4);
	border-radius: 30px;
	background: rgba(69, 73, 143, 0.1);
	margin-bottom: 25px;
}

.about-organic_title {
	font-size: 52px;
	font-weight: 800;
	line-height: 1.15;
	color: #ffffff;
	margin-bottom: 20px;
}

.about-organic_title span {
	color: var(--main-color);
	font-style: italic;
	font-family: 'Lora', serif;
	position: relative;
	background: none;
	-webkit-text-fill-color: initial;
	color: inherit;
	/* replaces non-standard text-fill-color */
	background-clip: border-box;
	-webkit-background-clip: border-box;
	/* Animation removed */
}




.about-organic_subtitle {
	font-size: 18px;
	line-height: 1.7;
	color: #888888;
	max-width: 580px;
	margin: 0 auto;
}

/* Cards Grid */
.about-organic_cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	position: relative;
	z-index: 2;
}

/* Glass Card */
.glass-card {
	position: relative;
	padding: 35px 30px;
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	overflow: hidden;
	transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s ease, background 0.3s ease;
}

.glass-card:hover {
	transform: translateY(-8px);
	border-color: rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.07);
}


.glass-card--wide {
	grid-column: span 2;
}

/* Card Icon */
.glass-card_icon {
	width: 56px;
	height: 56px;
	border-radius: 16px;
	background: linear-gradient(135deg, #45498f, #6c5ce7);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	color: #ffffff;
	margin-bottom: 22px;
	/* Shadow removed */
}


.glass-card h3 {
	font-size: 22px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 12px;
}

.glass-card p {
	font-size: 15px;
	line-height: 1.6;
	color: #999999;
	margin: 0;
}

/* Glow effect on wide card */
.glass-card_glow {
	display: none;
}


/* Stats Card */
.glass-card_number {
	font-size: 56px;
	font-weight: 800;
	color: #ffffff;
	line-height: 1;
	margin-bottom: 8px;
	background: linear-gradient(135deg, #ffffff 30%, #45498f);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.glass-card_label {
	font-size: 14px;
	color: #888888;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	margin-bottom: 20px;
}

.glass-card_bar {
	width: 100%;
	height: 6px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 3px;
	overflow: hidden;
}

.glass-card_bar-fill {
	width: 98%;
	height: 100%;
	background: linear-gradient(90deg, #45498f, #6c5ce7);
	border-radius: 3px;
	animation: barGrow 2s ease-out forwards;
}

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

	100% {
		width: 98%;
	}
}

/* CTA Card */
.glass-card--cta {
	background: linear-gradient(135deg, rgba(69, 73, 143, 0.2), rgba(15, 13, 43, 0.3));
	border-color: rgba(69, 73, 143, 0.3);
}

.glass-card--cta:hover {
	background: linear-gradient(135deg, rgba(69, 73, 143, 0.3), rgba(15, 13, 43, 0.4));
}

.cta-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
}

.cta-inner h3 {
	margin-bottom: 5px;
}

.about-organic_btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 30px;
	background: #45498f;
	color: #ffffff;
	border-radius: 12px;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	transition: all 0.3s ease;
	box-shadow: 0 8px 24px rgba(69, 73, 143, 0.4);
}

.about-organic_btn:hover {
	background: #6c5ce7;
	transform: translateX(5px);
	color: #ffffff;
}

/* === Mission Block === */
.about-organic_mission {
	margin-bottom: 80px;
}

.about-organic_text-block h3 {
	font-size: 28px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 18px;
}

.about-organic_text-block p {
	font-size: 18px;
	line-height: 1.8;
	color: #999999;
	margin-bottom: 16px;
}

.about-organic_text-block .highlight-text {
	font-size: 20px;
	font-weight: 700;
	color: #ffffff;
	padding: 15px 0;
	border-left: 3px solid #45498f;
	padding-left: 20px;
	margin: 20px 0;
	background: rgba(69, 73, 143, 0.05);
}

/* === Neural Network Visual === */
.about-organic_visual {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 0;
}

.neural-visual {
	position: relative;
	width: 380px;
	height: 380px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.neural-core {
	width: 90px;
	height: 90px;
	background: linear-gradient(135deg, #45498f, #6c5ce7);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 36px;
	color: #ffffff;
	z-index: 3;
	box-shadow: 0 0 40px rgba(69, 73, 143, 0.6), 0 0 80px rgba(108, 92, 231, 0.3);
	animation: corePulse 3s ease-in-out infinite;
}

@keyframes corePulse {

	0%,
	100% {
		box-shadow: 0 0 40px rgba(69, 73, 143, 0.6), 0 0 80px rgba(108, 92, 231, 0.3);
	}

	50% {
		box-shadow: 0 0 60px rgba(69, 73, 143, 0.8), 0 0 120px rgba(108, 92, 231, 0.5);
	}
}

.neural-ring {
	position: absolute;
	border-radius: 50%;
	border: 1px solid rgba(69, 73, 143, 0.2);
}

.neural-ring.ring-1 {
	width: 180px;
	height: 180px;
	animation: ringRotate 20s linear infinite;
}

.neural-ring.ring-2 {
	width: 280px;
	height: 280px;
	border-color: rgba(108, 92, 231, 0.15);
	animation: ringRotate 30s linear infinite reverse;
}

.neural-ring.ring-3 {
	width: 360px;
	height: 360px;
	border-color: rgba(69, 73, 143, 0.1);
	animation: ringRotate 40s linear infinite;
}

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

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

.neural-node {
	position: absolute;
	width: 50px;
	height: 50px;
	background: var(--color-five);
	border: 1px solid rgba(108, 92, 231, 0.4);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: #ffffff;
	z-index: 10;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}




/* Counter-rotate icons to keep them upright */
.neural-node i {
	display: block;
}

.neural-node.node-1 i,
.neural-node.node-2 i {
	animation: counterSpin 12s linear infinite;
}

.neural-node.node-3 i,
.neural-node.node-4 i {
	animation: counterSpin 18s linear infinite reverse;
}

.neural-node.node-5 i,
.neural-node.node-6 i {
	animation: counterSpin 25s linear infinite;
}

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

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

/* Nodes orbit on ring-1 (radius 90px) */
.neural-node.node-1 {
	animation: orbit90 12s linear infinite;
}

.neural-node.node-2 {
	animation: orbit90 12s linear infinite;
	animation-delay: -6s;
}

/* Nodes orbit on ring-2 (radius 140px) */
.neural-node.node-3 {
	animation: orbit140 18s linear infinite reverse;
}

.neural-node.node-4 {
	animation: orbit140 18s linear infinite reverse;
	animation-delay: -9s;
}

/* Nodes orbit on ring-3 (radius 180px) */
.neural-node.node-5 {
	animation: orbit180 25s linear infinite;
}

.neural-node.node-6 {
	animation: orbit180 25s linear infinite;
	animation-delay: -12.5s;
}

@keyframes orbit90 {
	from {
		transform: rotate(0deg) translateX(90px);
	}

	to {
		transform: rotate(360deg) translateX(90px);
	}
}

@keyframes orbit140 {
	from {
		transform: rotate(0deg) translateX(140px);
	}

	to {
		transform: rotate(360deg) translateX(140px);
	}
}

@keyframes orbit180 {
	from {
		transform: rotate(0deg) translateX(180px);
	}

	to {
		transform: rotate(360deg) translateX(180px);
	}
}

/* === Research Pillars === */
.about-organic_pillars {
	margin-bottom: 80px;
}

.pillars-heading {
	font-size: 28px;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
	margin-bottom: 40px;
}

.about-organic_pillars .about-organic_cards {
	grid-template-columns: repeat(5, 1fr);
}

.about-organic_pillars .glass-card {
	text-align: center;
}

.about-organic_pillars .glass-card_icon {
	margin: 0 auto 18px;
}

.about-organic_pillars .glass-card h4 {
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 10px;
}

.about-organic_pillars .glass-card p {
	font-size: 13px;
	line-height: 1.5;
}

/* === Team Expertise === */
.about-organic_team {
	margin-bottom: 80px;
}

.expertise-list {
	list-style: none;
	padding: 0;
	margin: 20px 0 0;
}

.expertise-list li {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 0;
	font-size: 16px;
	color: #cccccc;
	font-weight: 500;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.expertise-list li:last-child {
	border-bottom: none;
}

.expertise-list li i {
	width: 28px;
	height: 28px;
	background: rgba(69, 73, 143, 0.2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #6c5ce7;
	font-size: 12px;
	flex-shrink: 0;
}

/* === Stats Grid === */
.about-organic_stats {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.stat-block {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 20px;
	padding: 30px 25px;
	text-align: center;
	transition: all 0.3s ease;
}

.stat-block:hover {
	border-color: rgba(69, 73, 143, 0.4);
	background: rgba(255, 255, 255, 0.05);
}

.stat-block--full {
	grid-column: span 2;
}

.stat-number {
	font-size: 42px;
	font-weight: 800;
	line-height: 1;
	margin-bottom: 8px;
	background: linear-gradient(135deg, #ffffff 30%, #45498f);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.stat-label {
	font-size: 13px;
	color: #888888;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
}

/* === Discipline Block === */
.about-organic_discipline {
	padding: 30px 0;
}

.discipline-item {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	margin-bottom: 20px;
	padding: 20px 24px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 16px;
	transition: all 0.3s ease;
}

.discipline-item:hover {
	border-color: rgba(69, 73, 143, 0.3);
	background: rgba(255, 255, 255, 0.05);
}

.discipline-icon {
	width: 36px;
	height: 36px;
	background: linear-gradient(135deg, #45498f, #6c5ce7);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-size: 14px;
	flex-shrink: 0;
}

.discipline-item p {
	font-size: 16px;
	line-height: 1.6;
	color: #cccccc;
	margin: 0;
	font-weight: 500;
}

.belief-text {
	font-size: 18px;
	line-height: 1.7;
	color: #ffffff;
	font-weight: 600;
	margin-top: 24px;
	padding: 20px 24px;
	border-left: 3px solid #6c5ce7;
	background: rgba(69, 73, 143, 0.08);
	border-radius: 0 12px 12px 0;
}

/* === Bottom CTA === */
.about-organic_bottom {
	margin-top: 20px;
}

.cta-tagline {
	font-size: 14px !important;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: #6c5ce7 !important;
	margin-bottom: 8px !important;
	font-weight: 600;
}

/* Responsive */
@media only screen and (max-width: 991px) {
	.about-organic_cards {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.about-organic_pillars .about-organic_cards {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.glass-card--wide {
		grid-column: span 1;
	}

	.about-organic_title {
		font-size: 36px;
	}

	.cta-inner {
		flex-direction: column;
		text-align: center;
	}

	.neural-visual {
		width: 300px;
		height: 300px;
	}

	.neural-core {
		width: 70px;
		height: 70px;
		font-size: 28px;
	}

	.neural-ring.ring-1 {
		width: 140px;
		height: 140px;
	}

	.neural-ring.ring-2 {
		width: 220px;
		height: 220px;
	}

	.neural-ring.ring-3 {
		width: 280px;
		height: 280px;
	}
}

@media only screen and (max-width: 767px) {
	.about-organic {
		padding: 80px 0 60px;
	}

	.about-organic_title {
		font-size: 28px;
	}

	.about-organic_subtitle {
		font-size: 16px;
	}

	.about-organic_cards {
		grid-template-columns: 1fr !important;
	}

	.about-organic_pillars .about-organic_cards {
		grid-template-columns: 1fr !important;
	}

	.about-organic_stats {
		grid-template-columns: 1fr;
	}

	.stat-block--full {
		grid-column: span 1;
	}
}

/* ============================================================
   Mission Section
   ============================================================ */

.mission-section {
	position: relative;
	padding: 120px 0;
	background: transparent;
	/* Use global body gradient */
	overflow: hidden;
	z-index: 1;
}


/* Radial glow background */
.mission-glow {
	display: none;
}


/* === Particles === */
.mission-particles {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 0;
}

.m-particle {
	position: absolute;
	border-radius: 50%;
	background: #45498f;
	/* Shadow removed */
}


.m-particle-1 {
	width: 6px;
	height: 6px;
	top: 12%;
	left: 5%;
	animation: mFloat1 8s ease-in-out infinite;
}

.m-particle-2 {
	width: 10px;
	height: 10px;
	top: 60%;
	left: 90%;
	background: #6c5ce7;
	box-shadow: 0 0 18px rgba(108, 92, 231, 0.7);
	animation: mFloat2 10s ease-in-out infinite;
}

.m-particle-3 {
	width: 5px;
	height: 5px;
	top: 30%;
	left: 50%;
	background: #b16bea;
	box-shadow: 0 0 10px rgba(177, 107, 234, 0.6);
	animation: mFloat1 7s ease-in-out infinite;
	animation-delay: -3s;
}

.m-particle-4 {
	width: 8px;
	height: 8px;
	top: 75%;
	left: 20%;
	animation: mFloat2 9s ease-in-out infinite;
	animation-delay: -2s;
}

.m-particle-5 {
	width: 4px;
	height: 4px;
	top: 20%;
	left: 80%;
	background: #b16bea;
	box-shadow: 0 0 8px rgba(177, 107, 234, 0.5);
	animation: mFloat1 6s ease-in-out infinite;
	animation-delay: -4s;
}

.m-particle-6 {
	width: 7px;
	height: 7px;
	top: 85%;
	left: 65%;
	background: #6c5ce7;
	box-shadow: 0 0 14px rgba(108, 92, 231, 0.6);
	animation: mFloat2 11s ease-in-out infinite;
	animation-delay: -1s;
}

@keyframes mFloat1 {

	0%,
	100% {
		transform: translate(0, 0);
		opacity: 0.5;
	}

	50% {
		transform: translate(15px, -30px);
		opacity: 1;
	}
}

@keyframes mFloat2 {

	0%,
	100% {
		transform: translate(0, 0);
		opacity: 0.4;
	}

	33% {
		transform: translate(-20px, -25px);
		opacity: 1;
	}

	66% {
		transform: translate(10px, -50px);
		opacity: 0.3;
	}
}

/* === Top Divider === */
.mission-divider {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-bottom: 60px;
	position: relative;
	z-index: 2;
}

.mission-divider_line {
	display: block;
	width: 120px;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(69, 73, 143, 0.5), transparent);
}

.mission-divider_diamond {
	font-size: 10px;
	color: #45498f;
	animation: diamondPulse 2.5s ease-in-out infinite;
}

@keyframes diamondPulse {

	0%,
	100% {
		opacity: 0.4;
		transform: scale(1) rotate(0deg);
	}

	50% {
		opacity: 1;
		transform: scale(1.3) rotate(45deg);
	}
}

/* === Section Header === */
.mission-header {
	text-align: center;
	max-width: 780px;
	margin: 0 auto 70px;
	position: relative;
	z-index: 2;
}

.mission-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #6c5ce7;
	padding: 8px 22px;
	border: 1px solid rgba(108, 92, 231, 0.35);
	border-radius: 30px;
	background: rgba(108, 92, 231, 0.08);
	margin-bottom: 30px;
}

.mission-main-title {
	font-size: clamp(28px, 4vw, 48px);
	font-weight: 800;
	line-height: 1.15;
	color: #ffffff;
	margin-bottom: 24px;
}

.mission-main-title span {
	color: var(--main-color);
	font-style: italic;
	font-family: 'Lora', serif;
	position: relative;
	background: none;
	-webkit-text-fill-color: initial;
	color: inherit;
	/* replaces non-standard text-fill-color */
	background-clip: border-box;
	-webkit-background-clip: border-box;
	/* Animation removed */
}



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

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

.mission-intro {
	font-size: 18px;
	line-height: 1.75;
	color: #999999;
	max-width: 640px;
	margin: 0 auto;
}

.mission-intro strong {
	color: #ffffff;
	font-weight: 700;
}

/* === Quote Card === */
.mission-statement-block {
	position: relative;
	z-index: 2;
	margin-bottom: 70px;
}

.mission-quote-card {
	display: flex;
	align-items: center;
	gap: 24px;
	max-width: 720px;
	margin: 0 auto;
	padding: 32px 40px;
	border-radius: 20px;
	background: linear-gradient(135deg, rgba(69, 73, 143, 0.15), rgba(108, 92, 231, 0.08));
	border: 1px solid rgba(108, 92, 231, 0.25);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow: 0 12px 48px rgba(69, 73, 143, 0.12);
}

.mission-quote-icon {
	flex-shrink: 0;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: linear-gradient(135deg, #45498f, #6c5ce7);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: #ffffff;
	box-shadow: 0 0 30px rgba(69, 73, 143, 0.5);
	animation: quoteIconPulse 3s ease-in-out infinite;
}

@keyframes quoteIconPulse {

	0%,
	100% {
		box-shadow: 0 0 30px rgba(69, 73, 143, 0.5);
	}

	50% {
		box-shadow: 0 0 50px rgba(108, 92, 231, 0.7);
	}
}

.mission-quote-card h3 {
	font-size: 22px;
	font-weight: 700;
	color: #ffffff;
	line-height: 1.4;
	margin: 0;
}

/* === Split Layout === */
.mission-split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: start;
	position: relative;
	z-index: 2;
	margin-bottom: 80px;
}

/* === Mission Block (left & right) === */
.mission-block {
	position: relative;
}

.mission-block-title {
	font-size: 20px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 24px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(69, 73, 143, 0.2);
}

/* Mission List with icons */
.mission-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.mission-list li {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	font-size: 16px;
	line-height: 1.7;
	color: #bbbbbb;
}

.mission-list-icon {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background: rgba(69, 73, 143, 0.15);
	border: 1px solid rgba(69, 73, 143, 0.25);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #6c5ce7;
	transition: all 0.3s ease;
}

.mission-list li:hover .mission-list-icon {
	background: linear-gradient(135deg, #45498f, #6c5ce7);
	color: #ffffff;
	border-color: transparent;
	box-shadow: 0 6px 20px rgba(69, 73, 143, 0.4);
}

/* Evolve statement */
.mission-evolve-statement {
	padding: 18px 24px;
	background: rgba(108, 92, 231, 0.08);
	border-left: 3px solid #6c5ce7;
	border-radius: 0 12px 12px 0;
	margin-bottom: 28px;
}

.mission-evolve-statement p {
	font-size: 18px;
	font-weight: 700;
	color: #ffffff;
	margin: 0;
	line-height: 1.5;
}

/* Tags */
.mission-tags {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.mission-tags li {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 22px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	font-size: 15px;
	font-weight: 500;
	color: #cccccc;
	transition: all 0.3s ease;
}

.mission-tags li i {
	color: #45498f;
	font-size: 14px;
	transition: color 0.3s ease;
}

.mission-tags li:hover {
	background: rgba(69, 73, 143, 0.15);
	border-color: rgba(108, 92, 231, 0.35);
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(69, 73, 143, 0.15);
}

.mission-tags li:hover i {
	color: #b16bea;
}

/* === Research Section === */
.mission-research {
	position: relative;
	z-index: 2;
	margin-bottom: 80px;
}

.mission-research-title {
	font-size: 24px;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
	margin-bottom: 40px;
}

.mission-research-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
}

.mission-research-card {
	position: relative;
	padding: 30px 20px;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.07);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	text-align: center;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.mission-research-card:hover {
	transform: translateY(-8px);
	border-color: rgba(108, 92, 231, 0.4);
	background: rgba(255, 255, 255, 0.06);
	box-shadow: 0 20px 50px rgba(69, 73, 143, 0.18);
}

.research-card-icon {
	width: 54px;
	height: 54px;
	border-radius: 16px;
	background: linear-gradient(135deg, #45498f, #6c5ce7);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	color: #ffffff;
	margin: 0 auto 18px;
	box-shadow: 0 8px 24px rgba(69, 73, 143, 0.35);
	transition: transform 0.3s ease;
}

.mission-research-card:hover .research-card-icon {
	transform: scale(1.1) rotate(-5deg);
}

.mission-research-card h4 {
	font-size: 15px;
	font-weight: 600;
	color: #dddddd;
	line-height: 1.45;
	margin: 0;
}

/* === Bottom CTA === */
.mission-bottom {
	position: relative;
	z-index: 2;
}

.mission-bottom-card {
	border-radius: 24px;
	background: linear-gradient(135deg, rgba(69, 73, 143, 0.2), rgba(15, 13, 43, 0.35));
	border: 1px solid rgba(69, 73, 143, 0.25);
	overflow: hidden;
	position: relative;
}

.mission-bottom-card::before {
	content: '';
	position: absolute;
	top: -50%;
	right: -10%;
	width: 400px;
	height: 400px;
	background: radial-gradient(circle, rgba(108, 92, 231, 0.12) 0%, transparent 70%);
	pointer-events: none;
}

.mission-bottom-inner {
	position: relative;
	padding: 50px 60px;
	text-align: center;
}

.mission-bottom-lead {
	font-size: 18px;
	color: #999999;
	margin-bottom: 8px;
}

.mission-bottom-heading {
	font-size: 36px;
	font-weight: 800;
	color: #ffffff;
	margin-bottom: 20px;
	background: linear-gradient(135deg, #ffffff 30%, #6c5ce7);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.mission-bottom-goal {
	font-size: 17px;
	line-height: 1.7;
	color: #aaaaaa;
	max-width: 600px;
	margin: 0 auto;
}

/* === Responsive === */
@media only screen and (max-width: 1199px) {
	.mission-split {
		gap: 40px;
	}

	.mission-main-title {
		font-size: 44px;
	}

	.mission-research-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media only screen and (max-width: 991px) {
	.mission-split {
		grid-template-columns: 1fr;
		gap: 50px;
	}

	.mission-main-title {
		font-size: 40px;
	}

	.mission-research-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.mission-bottom-inner {
		padding: 40px 30px;
	}

	.mission-bottom-heading {
		font-size: 28px;
	}
}

@media only screen and (max-width: 767px) {
	.mission-section {
		padding: 60px 0 80px;
	}

	.mission-main-title {
		font-size: 32px;
	}

	.mission-quote-card {
		flex-direction: column;
		text-align: center;
		padding: 28px 24px;
	}

	.mission-research-grid {
		grid-template-columns: 1fr;
	}

	.mission-divider_line {
		width: 60px;
	}

	.mission-bottom-heading {
		font-size: 24px;
	}

	.mission-bottom-inner {
		padding: 30px 20px;
	}

	.mission-tags li {
		padding: 10px 16px;
		font-size: 14px;
	}
}

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

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

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

/* Enforce consistent section spacing */

.about-organic,
.why-different-section,
.mission-section,
.product-section,
.contact-section {
	padding: 80px 0 !important;
}

/* Mobile: reduce huge gaps */
@media only screen and (max-width: 767px) {

	.about-organic,
	.why-different-section,
	.mission-section,
	.product-section,
	.contact-section {
		padding: 40px 0 !important;
	}
}

/* ============================================================
   Early Access Form — Email Validation & Success State
   ============================================================ */

.banner-one .newsletter-box input.input-error {
	border-color: #ff4d6d !important;
	box-shadow: 0 0 0 3px rgba(255, 77, 109, 0.15);
}

.email-error-msg {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 10px;
	padding: 10px 16px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	color: #ff4d6d;
	background: rgba(255, 77, 109, 0.08);
	border: 1px solid rgba(255, 77, 109, 0.25);
	animation: errorSlideIn 0.25s ease-out;
}

.email-error-msg i {
	font-size: 15px;
	flex-shrink: 0;
}

@keyframes errorSlideIn {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.early-access-success {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 22px;
	border-radius: 12px;
	font-size: 16px;
	font-weight: 600;
	color: #2ecc71;
	background: rgba(46, 204, 113, 0.08);
	border: 1px solid rgba(46, 204, 113, 0.3);
	animation: errorSlideIn 0.3s ease-out;
}

.early-access-success i {
	font-size: 20px;
	flex-shrink: 0;
}

/* ============================================================
   Global Typography Normalisation
   Single source of truth — overrides scattered style.css sizes
   All body/detail text → var(--fs-body) = 17px
   All labels/badges    → var(--fs-label) = 16px
   All captions/meta    → var(--fs-small) = 14px
   ============================================================ */

/* --- Body / Paragraph text --- */
.sec-title_text,
.banner-one_text,
.about-one_text,
.feature-block_one-text,
.service-block_one-text,
.service-block_two-text,
.service-block_three-text,
.service-block_four-text,
.pricing-block_one-text,
.news-block_one-text,
.news-block_two-text,
.news-block_three-text,
.testimonial-block_one-text,
.testimonial-block_two-text,
.testimonial-two_text,
.faq-one .acc-content .text p,
.footer-copyright,
.footer-newsletter_text,
.livechat-list li,
.data-block_one-list li,
.solution-one_list li,
.conversation-one-text,
p {
	font-size: var(--fs-body);
	line-height: var(--lh-body);
}

/* --- Labels / Badges / Tags --- */
.sec-title_title,
.banner-one_title,
.about-organic_label {
	font-size: var(--fs-label);
}

/* --- Small / Meta / Captions --- */
.news-block_one-meta li,
.news-block_two-meta li,
.news-block_three-meta li,
.footer-pages_list li a,
.footer-social_box span,
.menu-text span,
.header-top .text {
	font-size: var(--fs-small);
}

/* --- Responsive: scale down on mobile --- */
@media only screen and (max-width: 767px) {
	:root {
		--fs-heading: 36px;
		--fs-subhead: 24px;
		--fs-body: 16px;
	}
}

@media only screen and (max-width: 479px) {
	:root {
		--fs-heading: 30px;
		--fs-subhead: 22px;
		--fs-body: 15px;
	}
}