@charset "UTF-8";

:root {
	--theme-primary: #0A3D91;
	--theme-accent: #28B9E0;
	--theme-dark: #0B1220;
	--theme-light: #F8FAFC;
	--theme-muted: #64748B;
	--section-title-size: clamp(40px, 7vw, 60px);
	--section-padding-y: clamp(60px, 6vw, 90px);
	--section-padding-top: var(--section-padding-y);
	--section-padding-bottom: var(--section-padding-y);
	--section-padding: var(--section-padding-y) 0;
}

/* ==========================================================================
   Global Text Selection (Brand Highlight)
   ========================================================================== */
::selection {
	background-color: #00b6de;
	color: #ffffff;
}

::-moz-selection {
	background-color: #00b6de;
	color: #ffffff;
}

/* ==========================================================================
   Global Section Padding System
   Ensures uniform and equal top and bottom padding across all site sections.
   ========================================================================== */
section.py-5,
.site-section,
.why-intechno-section,
.idea-cards-section,
.tech-stack-section,
.who-we-are-section,
.new-services-section,
.bento-services-section,
.school-feature-section,
.intechno-testimonial-section,
.our-request-box-area,
.blog-section,
.our-client-box-section,
.tech-platforms-section,
.about-relationship-section,
.list-member-box,
.our-team-box-area,
.contect-info-box-section,
.contect-form-section,
.service-box-section,
.we-serve-box-section,
.tp-courses-section,
.tp-target-audience,
.tp-hero-section,
.blog-slidebar-area,
.our-plugin {
	padding-top: var(--section-padding-y) !important;
	padding-bottom: var(--section-padding-y) !important;
}


/*** 

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

 ***/

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

/*** 

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

 ***/

body {
	font-size: 15px;
	color: #555555;
	line-height: 1.8em;
	font-weight: 400;
	background: #ffffff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-font-smoothing: antialiased;
	font-family: "Hind", sans-serif;
}

a {
	text-decoration: none;
	cursor: pointer;
}

.no-padding {
	padding: 0px;
}

.far {
	display: inline;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative;
	font-weight: normal;
	margin: 0px;
	background: none;
	line-height: 1.6em;
	font-family: "Hind", sans-serif;
	color: #000;
}

button:focus {
	outline: none;
}

p {
	position: relative;
	line-height: 1.8em;
	color: #555555;
	font-family: "Hind", sans-serif;
}

.text {
	font-size: 16px;
	color: #555555;
}

.border-bottom {
	border-bottom: 1px solid #f4f4f4;
}

.strike-through {
	text-decoration: line-through;
}

.page-wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 300px;
	background: #fff;
	z-index: 9;
	overflow: hidden;
}

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

@media (min-width: 1200px) {

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

.theme-btn {
	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;
}

.grey-bg {
	background-color: #edeff2;
}

.grey-deep-bg {
	background-color: #f2f2f2;
}

.grey-light-bg {
	background-color: #f8f8f8;
}

.gradient-bg {
	background-image: -webkit-linear-gradient(87deg, #000000 34%, #064e79 100%);
	background-image: -o-linear-gradient(87deg, #000000 34%, #064e79 100%);
	background-image: linear-gradient(3deg, #000000 34%, #082d71 100%);
}

.gradient-two-bg {
	background-image: -webkit-gradient(linear, left bottom, left top, from(#537895), to(#09203f));
	background-image: -webkit-linear-gradient(bottom, #537895 0%, #09203f 100%);
	background-image: -o-linear-gradient(bottom, #537895 0%, #09203f 100%);
	background-image: linear-gradient(to top, #537895 0%, #09203f 100%);
}

.image-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.black-bg {
	background-color: #000;
}

.black-bg-2 {
	background-color: #222;
}

.black-bg-3 {
	background-color: #00b6de;
}

.theme-bg {
	background-color: #082d71;
}

.bg-style-two {
	position: relative;
}

.bg-style-two:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 50%;
	height: 100%;
	background-color: rgb(240, 240, 240);
}

.bg-style-two:after {
	position: absolute;
	content: '';
	right: 0px;
	top: 0px;
	width: 50%;
	height: 100%;
	background-color: rgba(240, 240, 240, 0.3);
}

/* section padding */

.sp-one {
	padding: 90px 0 70px;
}

.sp-two {
	padding: 90px 0 100px;
}

.sp-three {
	padding: 90px 0 54px;
}

.sp-four {
	padding: 90px 0 0px;
}

.sp-five {
	padding: 70px 0 88px;
}

.sp-six {
	padding: 90px 0 60px;
}

.sp-seven {
	padding: 70px 0 60px;
}

.sp-eight {
	padding: 90px 0 100px;
}

.sp-ten {
	padding: 100px 0;
}

.sp-11 {
	padding: 90px 0 90px;
}

.sp-12 {
	padding: 90px 0 60px;
}

.sp-13 {
	padding: 90px 0 70px;
}

.projects-block-one.mix {
	display: none;
}

.projects-block-two.mix {
	display: none;
}

.theme-color {
	color: #082d71;
}

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

/* Legacy preloader replaced with Modern High-Tech Preloader below */

/*** Scroll To Top style ***/

.scroll-top {
	width: 55px;
	height: 55px;
	position: fixed;
	bottom: 30px;
	left: 30px;
	font-size: 18px;
	border-radius: 50%;
	z-index: 99;
	display: none;
	color: #fff;
	text-align: center;
	cursor: pointer;
	background: #082d71;
	-webkit-animation: pulse 2s infinite;
	animation: pulse 2s infinite;
}

.scroll-top span:before {
	font-size: 27px;
}

.scroll-top:after {
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 1;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
	background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
	background: -o-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button {
	width: 100%;
	font-size: 14px;
	font-style: normal;
	height: 50px;
	padding: 7px 20px;
	line-height: 30px;
	color: #333333;
	border-radius: 0px;
	border: 1px solid #e5e5e5;
	background: #ffffff;
}

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

.form-group .ui-button .ui-icon:before {
	font-family: 'FontAwesome';
	content: "\f107";
	position: absolute;
	right: 0px;
	top: 13px;
	width: 10px;
	height: 20px;
	display: block;
	color: #333333;
	line-height: 20px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	z-index: 5;
}

.ui-widget.ui-widget-content {
	border: 1px solid #e0e0e0;
	font-family: "Hind", sans-serif;
}

.ui-menu .ui-menu-item {
	font-size: 14px;
	border-bottom: 1px solid #e0e0e0;
}

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

.ui-state-active,
.ui-widget-content .ui-state-active {
	background-color: #082d71;
}

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

.ui-menu-item:hover {
	background-color: #17519d;
}

/* owl controll */

.owl-dots-none .owl-dots {
	display: none;
}

/* style one */

.owl-dot-style-one .owl-dots {
	position: relative;
	text-align: center;
}

.owl-dot-style-one .owl-dots .owl-dot {
	position: relative;
	display: inline-block;
	margin: 0px 5px;
}

.owl-dot-style-one .owl-dots .owl-dot span {
	position: relative;
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid #082d71;
	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;
}

.owl-dot-style-one .owl-dots .owl-dot.active span,
.owl-dot-style-one .owl-dots .owl-dot:hover span {
	background: #082d71;
	border-color: #082d71;
}

/* style two */

.owl-dot-style-two .owl-dots {
	position: relative;
	text-align: center;
	line-height: 15px;
}

.owl-dot-style-two .owl-dots .owl-dot {
	position: relative;
	display: inline-block;
	margin: 0px 5px;
}

.owl-dot-style-two .owl-dots .owl-dot span {
	position: relative;
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 2px solid #e8e8e8;
	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;
}

.owl-dot-style-two .owl-dots .owl-dot span:before {
	position: absolute;
	content: '';
	background: #e8e8e8;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	left: 3px;
	top: 3px;
}

.owl-dot-style-two .owl-dots .owl-dot.active span,
.owl-dot-style-two .owl-dots .owl-dot:hover span {
	background: #082d71;
	border-color: #082d71;
}

/* owl nav */

.owl-nav-none .owl-nav {
	display: none;
}

.owl-nav-style-one .owl-nav {
	margin: 24px;
	padding: 0px;
	text-align: center;
}

.owl-nav-style-one .owl-nav .owl-next,
.owl-nav-style-one .owl-nav .owl-prev {
	position: relative;
	width: 60px;
	height: 60px;
	margin: 0 8px;
	display: inline-block;
	line-height: 60px;
	border: 1px solid #082d713d;
	text-align: center;
	font-size: 24px;
	color: #082d71;
	background: #fff;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.owl-nav-style-one .carousel-outer:hover .owl-nav .owl-next,
.owl-nav-style-one .carousel-outer:hover .owl-nav .owl-prev {
	opacity: 1;
	visibility: visible;
}

.owl-nav-style-one .owl-nav .owl-prev {
	left: 0px;
}

.owl-nav-style-one .owl-nav .owl-next {
	right: 0px;
}

.owl-nav-style-one .owl-nav .owl-next:hover,
.owl-nav-style-one .owl-nav .owl-prev:hover {
	color: #ffffff;
	border-color: #082d71;
	background: #082d71;
}

/* nav style tow */

.owl-nav-style-two .owl-nav {
	padding: 0px;
	text-align: center;
	bottom: 100%;
	top: inherit;
	position: absolute;
	left: inherit;
	right: 0;
}

.owl-nav-style-two .owl-nav .owl-next,
.owl-nav-style-two .owl-nav .owl-prev {
	position: relative;
	width: 50px;
	height: 50px;
	margin: 0 8px 30px;
	display: inline-block;
	line-height: 46px;
	border: 1px solid #f0f0f0;
	text-align: center;
	font-size: 24px;
	color: #949494;
	border-radius: 50%;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.owl-nav-style-two .carousel-outer:hover .owl-nav .owl-next,
.owl-nav-style-two .carousel-outer:hover .owl-nav .owl-prev {
	opacity: 1;
	visibility: visible;
}

.owl-nav-style-two .owl-nav .owl-prev {
	left: 0px;
}

.owl-nav-style-two .owl-nav .owl-next {
	right: 0px;
}

.owl-nav-style-two .owl-nav .owl-next:hover,
.owl-nav-style-two .owl-nav .owl-prev:hover {
	color: #082d71;
	border-color: #082d71;
}

/* nav style three */

.owl-nav-style-three .owl-nav {
	padding: 0px;
	text-align: center;
	bottom: 100%;
	top: inherit;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(45px);
	-ms-transform: translateX(-50%) translateY(45px);
	transform: translateX(-50%) translateY(45px);
}

.owl-nav-style-three .owl-nav .owl-next,
.owl-nav-style-three .owl-nav .owl-prev {
	position: relative;
	width: 60px;
	height: 60px;
	margin: 0 8px 0px;
	display: inline-block;
	line-height: 56px;
	border: 1px solid #e5e5e5;
	text-align: center;
	font-size: 24px;
	color: #222;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.owl-nav-style-three .carousel-outer:hover .owl-nav .owl-next,
.owl-nav-style-three .carousel-outer:hover .owl-nav .owl-prev {
	opacity: 1;
	visibility: visible;
}

.owl-nav-style-three .owl-nav .owl-prev {
	left: 0px;
}

.owl-nav-style-three .owl-nav .owl-next {
	right: 0px;
}

.owl-nav-style-three .owl-nav .owl-next:hover,
.owl-nav-style-three .owl-nav .owl-prev:hover {
	color: #082d71;
	border-color: #082d71;
}

/* nav style four */

.owl-nav-style-four .owl-nav {
	padding: 0px;
	top: 50%;
	margin-top: -40px;
	position: absolute;
	left: 0;
	right: 0;
}

.owl-nav-style-four .owl-nav .owl-next,
.owl-nav-style-four .owl-nav .owl-prev {
	position: relative;
	width: 60px;
	height: 60px;
	margin: 0 8px 0px;
	display: inline-block;
	line-height: 56px;
	border: 1px solid #e5e5e5;
	text-align: center;
	font-size: 24px;
	color: #222;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.owl-nav-style-four .carousel-outer:hover .owl-nav .owl-next,
.owl-nav-style-four .carousel-outer:hover .owl-nav .owl-prev {
	opacity: 1;
	visibility: visible;
}

.owl-nav-style-four .owl-nav .owl-prev {
	left: 0px;
	float: left;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.owl-nav-style-four .owl-nav .owl-next {
	right: 0px;
	float: right;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.owl-nav-style-four .owl-nav .owl-next:hover,
.owl-nav-style-four .owl-nav .owl-prev:hover {
	color: #082d71;
	border-color: #082d71;
}

/*** Fancy Box ***/

.fancybox-next span,
.fancybox-prev span {
	background-image: none;
	width: 44px;
	height: 44px;
	line-height: 44px;
	text-align: center;
}

.fancybox-next span:before,
.fancybox-prev span:before {
	content: '';
	position: absolute;
	font-family: 'FontAwesome';
	left: 0px;
	top: 0px;
	font-size: 12px;
	width: 44px;
	height: 44px;
	line-height: 44px;
	background-color: rgba(28, 28, 28, 0.40);
	color: #ffffff;
	visibility: visible;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.fancybox-next span:before {
	content: '\f178';
}

.fancybox-prev span:before {
	content: '\f177';
}

.fancybox-next:hover span:before,
.fancybox-prev:hover span:before {
	background-color: #ffffff;
	color: #000000;
}

.fancybox-type-image .fancybox-close {
	right: 0px;
	top: 0px;
	width: 45px;
	height: 45px;
	background: url(../images/icons/icon-cross.png) center center no-repeat;
	background-color: rgba(17, 17, 17, 0.50);
}

.fancybox-type-image .fancybox-close:hover {
	background-color: #000000;
}

.fancybox-type-image .fancybox-skin {
	padding: 0px;
}

/* margin */

.mt-5 {
	margin-top: 5px;
}

.mt-10 {
	margin-top: 10px;
}

.mt-15 {
	margin-top: 15px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-25 {
	margin-top: 25px;
}

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

.mt-35 {
	margin-top: 35px;
}

.mt-40 {
	margin-top: 40px;
}

.mt-45 {
	margin-top: 45px;
}

.mt-50 {
	margin-top: 50px;
}

.mt-55 {
	margin-top: 55px;
}

.mt-60 {
	margin-top: 60px;
}

.mt-65 {
	margin-top: 65px;
}

.mt-70 {
	margin-top: 70px;
}

.mt-75 {
	margin-top: 75px;
}

.mt-80 {
	margin-top: 80px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-5 {
	margin-left: 5px;
}

.ml-10 {
	margin-left: 10px;
}

.ml-15 {
	margin-left: 15px;
}

.ml-20 {
	margin-left: 20px;
}

.ml-25 {
	margin-left: 25px;
}

.ml-30 {
	margin-left: 30px;
}

.ml-35 {
	margin-left: 35px;
}

.ml-40 {
	margin-left: 40px;
}

.ml-45 {
	margin-left: 45px;
}

.ml-50 {
	margin-left: 50px;
}

.ml-55 {
	margin-left: 55px;
}

.ml-60 {
	margin-left: 60px;
}

.ml-65 {
	margin-left: 65px;
}

.ml-70 {
	margin-left: 70px;
}

.ml-75 {
	margin-left: 75px;
}

.ml-80 {
	margin-left: 80px;
}

.mr-5 {
	margin-right: 5px;
}

.mr-10 {
	margin-right: 10px;
}

.mr-15 {
	margin-right: 15px;
}

.mr-20 {
	margin-right: 20px;
}

.mr-25 {
	margin-right: 25px;
}

.mr-30 {
	margin-right: 30px;
}

.mr-35 {
	margin-right: 35px;
}

.mr-40 {
	margin-right: 40px;
}

.mr-45 {
	margin-right: 45px;
}

.mr-50 {
	margin-right: 50px;
}

.mr-55 {
	margin-right: 55px;
}

.mr-60 {
	margin-right: 60px;
}

.mr-65 {
	margin-right: 65px;
}

.mr-70 {
	margin-right: 70px;
}

.mr-75 {
	margin-right: 75px;
}

.mr-80 {
	margin-right: 80px;
}

/* padding */

.pt-5 {
	padding-top: 5px;
}

.pt-10 {
	padding-top: 10px;
}

.pt-15 {
	padding-top: 15px;
}

.pt-20 {
	padding-top: 20px;
}

.pt-25 {
	padding-top: 25px;
}

.pt-30 {
	padding-top: 30px;
}

.pt-35 {
	padding-top: 35px;
}

.pt-40 {
	padding-top: 40px;
}

.pt-45 {
	padding-top: 45px;
}

.pt-50 {
	padding-top: 50px;
}

.pt-55 {
	padding-top: 55px;
}

.pt-60 {
	padding-top: 60px;
}

.pt-65 {
	padding-top: 65px;
}

.pt-70 {
	padding-top: 70px;
}

.pt-75 {
	padding-top: 75px;
}

.pt-80 {
	padding-top: 80px;
}

.pt-90 {
	padding-top: 90px;
}

.pt-100 {
	padding-top: 100px;
}

.pt-120 {
	padding-top: 120px;
}

.pb-5 {
	padding-bottom: 5px;
}

.pb-10 {
	padding-bottom: 10px;
}

.pb-15 {
	padding-bottom: 15px;
}

.pb-20 {
	padding-bottom: 20px;
}

.pb-25 {
	padding-bottom: 25px;
}

.pb-30 {
	padding-bottom: 30px;
}

.pb-35 {
	padding-bottom: 35px;
}

.pb-40 {
	padding-bottom: 40px;
}

.pb-45 {
	padding-bottom: 45px;
}

.pb-50 {
	padding-bottom: 50px;
}

.pb-55 {
	padding-bottom: 55px;
}

.pb-60 {
	padding-bottom: 60px;
}

.pb-65 {
	padding-bottom: 65px;
}

.pb-70 {
	padding-bottom: 70px;
}

.pb-75 {
	padding-bottom: 75px;
}

.pb-80 {
	padding-bottom: 80px;
}

.pb-90 {
	padding-bottom: 90px;
}

.pb-100 {
	padding-bottom: 100px;
}

.pb-120 {
	padding-bottom: 120px;
}

.pl-5 {
	padding-left: 5px;
}

.pl-10 {
	padding-left: 10px;
}

.pl-15 {
	padding-left: 15px;
}

.pl-20 {
	padding-left: 20px;
}

.pl-25 {
	padding-left: 25px;
}

.pl-30 {
	padding-left: 30px;
}

.pl-35 {
	padding-left: 35px;
}

.pl-40 {
	padding-left: 40px;
}

.pl-45 {
	padding-left: 45px;
}

.pl-50 {
	padding-left: 50px;
}

.pl-55 {
	padding-left: 55px;
}

.pl-60 {
	padding-left: 60px;
}

.pl-65 {
	padding-left: 65px;
}

.pl-70 {
	padding-left: 70px;
}

.pl-75 {
	padding-left: 75px;
}

.pl-80 {
	padding-left: 80px;
}

.pr-5 {
	padding-right: 5px;
}

.pr-10 {
	padding-right: 10px;
}

.pr-15 {
	padding-right: 15px;
}

.pr-20 {
	padding-right: 20px;
}

.pr-25 {
	padding-right: 25px;
}

.pr-30 {
	padding-right: 30px;
}

.pr-35 {
	padding-right: 35px;
}

.pr-40 {
	padding-right: 40px;
}

.pr-45 {
	padding-right: 45px;
}

.pr-50 {
	padding-right: 50px;
}

.pr-55 {
	padding-right: 55px;
}

.pr-60 {
	padding-right: 60px;
}

.pr-65 {
	padding-right: 65px;
}

.pr-70 {
	padding-right: 70px;
}

.pr-75 {
	padding-right: 75px;
}

.pr-80 {
	padding-right: 80px;
}

.pt-145 {
	padding-top: 145px;
}

/*** 

====================================================================
  Main Header style
====================================================================

***/

.main-header {
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 999;
	width: 100%;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

/*
=================================================
  header top
=================================================
*/

.header-top {
	position: relative;
	font-size: 13px;
	border-bottom: 1px solid #d0d1d6;
}

.header-top.grey {
	background: #304976;
	padding: 10px;
}

.header-top.black-bg {
	background: #222;
}

.header-top.transparent {
	border: 0px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.header-top.transparent .links-nav li {
	color: #fff;
	border: 0px;
}

.header-top.transparent .links-nav li .fa {
	color: #fff;
}

.header-top.transparent .social-links a {
	color: #fff;
	border: 0px;
}

.header-top a {
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.header-top .links-nav li {
	position: relative;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	display: inline-block;
	line-height: 45px;
	padding-left: 10px;
	padding-right: 10px
}

.header-top .links-nav li i {
	margin-right: 8px;
}

.header-top.light .links-nav li {
	color: #d4dae3;
	border-color: rgba(255, 255, 255, 0.3);
}

.header-top.light .links-nav li:last-child {
	border-color: rgba(255, 255, 255, 0.3);
}

.header-top .top-right .links-nav li {
	margin-right: 0px;
	margin-left: 25px;
}

.header-top .links-nav li a {
	position: relative;
	line-height: 26px;
	font-size: 13px;
	color: #000;
	font-weight: 400;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.header-top.black-bg .links-nav li a {
	color: #fff;
}

.header-top .links-nav li a:hover {
	color: #082d71;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.header-top .links-nav li .fa {
	padding-right: 8px;
	font-size: 16px;
	color: #ffffff;
}

.header-top .link-btn,
.header-top .text,
.header-top .social-links {
	display: inline-block;
}

.header-top .text,
.header-top .link-btn {
	margin-left: 25px;
}

.header-top .text {
	color: #111;
}

.header-top .social-links a {
	position: relative;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	padding: 0px 16px;
	line-height: 45px;
}

.header-top.light .social-links a {
	color: #d4dae3;
}

.header-top.light .social-links a,
.header-top.light .social-links a:last-child {
	border-color: rgba(255, 255, 255, 0.3);
}

.header-top a:hover {
	color: #fff;
}

/* header lower */

.header-info {
	padding: 22px 0;
}

.header-info .main-logo a {
	display: block;
	line-height: inherit;
	height: inherit;
	padding: 0;
}

.header-contect-info ul {
	margin-top: 14px;
}

.header-contect-info ul li {
	display: inline-block;
	float: left;
	margin-right: 25px;
	padding-left: 36px;
	position: relative;
}

.header-contect-info ul li:last-child {
	border-right: none;
	padding-right: 0;
}

.header-contect-info .mt {
	margin-top: 5px;
}

.header-contect-info ul li .iocn-holder span:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	height: 60px;
	border: 1px solid #082d71;
	text-align: center;
	line-height: 58px;
	color: #082d71;
	font-size: 27px;
	margin: 0;
}

.header-contect-info ul li .iocn-holder span.top-envelop {
	font-size: 40px;
}

.header-contect-info ul li:hover .iocn-holder span:before {
	color: #000000;
}

.header-contect-info ul li .text-holder {
	padding-left: 40px;
}

.header-contect-info ul li .text-holder h6 {
	color: #082d71;
	font-size: 18px;
	font-family: "Hind", sans-serif;
	font-weight: 600;
	text-transform: capitalize;
	margin: 0 0 5px;
}

.header-contect-info ul li .text-holder p {
	color: #555555;
	font-size: 17px;
	font-weight: 400;
	margin: 0;
	line-height: 16px;
}

/*Sticky Header*/

.sticky-header {
	position: fixed;
	opacity: 0;
	visibility: hidden;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 0px 0px;
	background: #ffffff;
	z-index: 0;
	border-bottom: 1px solid #e0e0e0;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.sticky-header .logo {
	padding: 3px 0px;
}

.fixed-header .sticky-header {
	z-index: 999;
	opacity: 1;
	visibility: visible;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

.main-header.fixed-header .main-menu {
	padding-top: 0px;
}

.main-header .header-upper {
	position: relative;
	z-index: 5;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	background-color: #fff;
}

.main-header .header-upper .logo img {
	position: relative;
	display: inline-block;
	max-width: 100%;
}

.main-header .logo-outer {
	position: relative;
	z-index: 25;
	padding: 34px 0px;
}

.main-header .logo-outer .logo img {
	position: relative;
	display: inline-block;
	max-width: 100%;
}

.main-header .header-upper .upper-right {
	position: relative;
}

.main-header .header-info {
	position: relative;
	top: 0px;
	width: 100%;
	z-index: 5;
}

.main-header .nav-outer {
	position: relative;
}

.main-menu {
	position: relative;
	float: left;
}

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

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

.main-menu .navigation>li {
	position: relative;
	float: left;
}

.main-header .sticky-header .main-menu .navigation>li {
	margin: 0px;
	border: 0px;
}

.main-menu .navigation>li>a {
	position: relative;
	display: block;
	font-size: 15px;
	color: #ffffff;
	line-height: 30px;
	font-weight: 600;
	opacity: 1;
	text-transform: uppercase;
	font-family: "Hind", sans-serif;
	padding: 25px 24px;
	transition: all 300ms ease;
}

.main-menu .navigation>li.current>a,
.main-menu .navigation>li.current-menu-item>a {
	color: #00b6de !important;
}

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

.main-menu .navigation>li:first-child>a {
	padding-left: 0px;
}

.main-menu .navigation>li.dropdown:before {
	position: absolute;
	font-family: FontAwesome;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.75);
	right: 5px;
	top: 50%;
	margin-top: -13.5px;
	content: "\f107";
	-webkit-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

.header-upper.dark .main-menu .navigation>li.dropdown:before {
	color: rgba(255, 255, 255, 0.75);
}

.main-menu .navigation>li.current:before,
.main-menu .navigation>li.current-menu-item:before {
	color: #00b6de;
}

.main-header .sticky-header .main-menu .navigation>li>a {
	color: #ffffff;
	padding: 24px 20px;
	line-height: 30px;
	font-size: 15px;
	font-weight: 600;
	min-height: 0px;
	background: none;
	border: 0px;
}

.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a,
.main-menu .navigation>li.current-menu-item>a {
	color: #00b6de;
	opacity: 1;
}

.main-header .sticky-header .main-menu .navigation>li:hover>a,
.main-header .sticky-header .main-menu .navigation>li.current>a,
.main-header .sticky-header .main-menu .navigation>li.current-menu-item>a {
	color: #00b6de;
}

.main-menu .navigation>li:hover>a:after {
	opacity: 1;
}

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

.main-header .sticky-header .main-menu .navigation>li>ul {
	top: 100%;
}

.main-menu .navigation>li>ul {
	position: absolute;
	left: 0px;
	top: 100%;
	width: 310px;
	z-index: 100;
	display: none;
	background: #ffffff;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

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

.main-menu .navigation>li>ul>li {
	position: relative;
	width: 100%;
	border-bottom: 1px dashed #ccc;
}

.main-menu .navigation>li>ul>li.dropdown:before {
	position: absolute;
	font-family: FontAwesome;
	font-size: 18px;
	color: #1d1d1d;
	right: 12px;
	top: 50%;
	margin-top: -13.5px;
	content: "\f105";
	-webkit-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

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

.main-menu .navigation>li>ul>li>a {
	position: relative;
	display: block;
	padding: 10px 25px;
	line-height: 24px;
	font-weight: 500;
	font-size: 16px;
	color: #262626;
	text-align: left;
	padding-right: 0px;
	text-transform: capitalize;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	font-family: "Hind", sans-serif;
}

.main-menu .navigation>li>ul>li>a:hover {
	color: #fff;
	background: #082d71;
}

.main-menu .navigation>li>ul>li ul {
	position: absolute;
	left: 100%;
	top: 0%;
	padding: 0px 0;
	width: 310px;
	z-index: 100;
	display: none;
	background: #ffffff;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li>ul>li>ul:before {
	position: absolute;
	content: '';
	right: 100%;
	top: 0px;
	width: 20px;
	height: 100%;
}

.main-menu .navigation>li>ul>li>ul li {
	position: relative;
	width: 100%;
	padding: 5px 0px;
}

.main-menu .navigation>li>ul>li>ul li:last-child {
	position: relative;
	width: 100%;
	border-bottom: 1px dashed #ccc;
}

.main-menu .navigation>li>ul>li>ul>li a {
	position: relative;
	display: block;
	padding: 10px 20px;
	line-height: 24px;
	font-weight: 500;
	font-size: 16px;
	color: #262626;
	text-align: left;
	padding-right: 0px;
	text-transform: capitalize;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>ul>li a:hover {
	color: #ffffff;
	background: #082d71;
	/* padding-left: 20px; */
}

.main-menu .navigation>li.dropdown.is-open>ul,
.main-menu .navigation>li.dropdown.open>ul {
	visibility: visible;
	opacity: 1;
	display: block;
}

.main-menu .navigation li>ul>li.dropdown.is-open>ul,
.main-menu .navigation li>ul>li.dropdown.open>ul {
	visibility: visible;
	opacity: 1;
	display: block;
	left: 100%;
	top: 0%;
}

.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
	position: absolute;
	right: 10px;
	top: 0;
	width: 50px;
	height: 43px;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	text-align: center;
	font-size: 16px;
	line-height: 43px;
	color: #ffffff;
	cursor: pointer;
	z-index: 5;
	display: none;
}

.main-header .outer-box {
	position: relative;
	float: left;
	margin-left: 15px;
	margin-top: 7px;
}

.navbar-header {
	display: none;
}

/* ====================== search box btn ===========================*/

.main-header .search-box-outer {
	position: relative;
	left: 3px;
	display: inline-block;
	padding: 9px 0;
	padding-left: 30px;
}

.main-header .search-box-btn {
	position: relative;
	font-size: 20px;
	line-height: 34px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 7px 14px 5px;
	background: #082d71;
	border-radius: 50%;
}

.main-header .search-box-outer .dropdown-menu {
	top: 15px;
	padding: 0px;
	width: 280px;
	border-radius: 0px;
	background: #f7f8f9;
}

.main-header .search-panel .form-container {
	padding: 25px 20px;
}

.main-header .search-panel .form-group {
	position: relative;
	margin: 0px;
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select {
	display: block;
	width: 100%;
	line-height: 24px;
	padding: 9px 50px 9px 15px;
	height: 44px;
	border: 1px solid #ffffff;
	border-radius: 3px;
	background: #ffffff;
}

#searchsubmit {
	padding: 10px 30px;
	border-radius: 8px;
	background: #304976;
	color: #fff;
	font-size: 18px;
	margin-top: 10px;
	float: right;
	margin-bottom: 10px;
}

.main-header .search-panel input:focus,
.main-header .search-panel select:focus {
	border-color: #082d71;
}

.main-header .search-panel .search-btn {
	position: absolute;
	right: 1px;
	top: 1px;
	width: 50px;
	height: 42px;
	text-align: center;
	color: #082d71;
	background: #ffffff;
	font-size: 14px;
	border-radius: 0px 3px 3px 0px;
	cursor: pointer;
}

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

/* =============== Mobile menu ===================== */

/* header upper style eight */

@media only screen and (min-width: 1200px) {
	.main-header .search-box-outer .dropdown-menu {
		left: inherit;
		right: 0;
	}
}

@media only screen and (max-width: 991px) {
	.fixed-header .sticky-header {
		display: none;
	}

	.main-menu .navbar-header {
		position: relative;
		float: none;
		display: block;
		text-align: left;
		width: 100%;
		top: 0px;
		z-index: 12;
	}

	.main-header .logo-outer {
		padding: 15px 0 0;
		text-align: center;
		width: 100%;
	}

	.main-header .header-upper .upper-right {
		position: relative;
		width: 100%;
		padding-top: 0px;
	}

	.main-header .main-menu {
		width: 100%;
	}

	.main-menu .navbar-header .navbar-toggle {
		display: inline-block;
		z-index: 7;
		float: none;
		padding: 4px 5px;
		cursor: pointer;
		margin: 10px 0px 10px 0px;
		border-radius: 3px;
		background: #00b6de;
	}

	.main-menu .navbar-header .navbar-toggle .icon-bar {
		background: #082d71;
		height: 2px;
		width: 29px;
		display: block;
		margin: 7px 5px;
	}

	.main-menu .collapse {
		max-height: 310px;
		overflow: auto;
		float: none;
		width: 100%;
		padding: 0px 0px 0px;
		border: none;
		margin: 0px;
		border-radius: 3px;
	}

	.main-menu .navbar-collapse>.navigation {
		float: none;
		margin: 0px;
		width: 100%;
		border-top: none;
		background: #304976;
		padding: 14px;
	}

	.main-menu .navbar-collapse>.navigation>li {
		margin: 0px;
		float: none;
		width: 100%;
	}

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

	.main-menu .navigation>li>a,
	.main-menu .navigation>li>ul:before {
		border: none;
	}

	.main-menu .navbar-collapse>.navigation>li>a {
		padding: 10px 10px;
		border: none;
	}

	.main-menu .navigation li.dropdown>a:after,
	.main-menu .navigation>li.dropdown>a:before,
	.main-menu .navigation>li>ul>li>a::before,
	.main-menu .navigation>li>ul>li>ul>li>a::before {
		color: #ffffff;
		right: 15px;
		font-size: 16px;
		display: none;
	}

	.main-menu .navbar-collapse>.navigation>li>ul,
	.main-menu .navbar-collapse>.navigation>li>ul>li>ul {
		position: relative;
		border: none;
		float: none;
		visibility: visible;
		opacity: 1;
		display: none;
		margin: 0px;
		padding: 0px;
		left: auto;
		right: auto;
		top: auto;
		width: 100%;
		background: #082d71;
		border-radius: 0px;
		transition: none;
		-webkit-transition: none;
		-ms-transition: none;
		-o-transition: none;
		-moz-transition: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.main-menu .navbar-collapse>.navigation>li,
	.main-menu .navbar-collapse>.navigation>li>ul>li,
	.main-menu .navbar-collapse>.navigation>li>ul>li>ul>li {
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		opacity: 1;
		top: 0px;
		padding-top: 0;
		padding-bottom: 0;
		left: 0px;
		visibility: visible;
		border-bottom: none;
		padding-left: 0px;
	}

	.main-menu .navbar-collapse>.navigation>li:first-child {
		border: none;
	}

	.main-menu .navbar-collapse>.navigation>li>a,
	.main-menu .navbar-collapse>.navigation>li>ul>li>a,
	.main-menu .navbar-collapse>.navigation>li>ul>li>ul>li>a {
		padding: 11px 25px;
		line-height: 22px;
		color: #fff;
		text-align: left;
		min-height: 0px;
	}

	.main-menu .navbar-collapse>.navigation>li>a {
		padding-left: 0px;
	}

	.main-menu .navbar-collapse>.navigation>li:hover>a,
	.main-menu .navbar-collapse>.navigation>li>ul>li:hover>a,
	.main-menu .navbar-collapse>.navigation>li>ul>li>ul>li:hover>a,
	.main-menu .navbar-collapse>.navigation>li.current>a,
	.main-menu .navbar-collapse>.navigation>li.current-menu-item>a {
		color: #ffffff;
	}

	.main-menu .navbar-collapse>.navigation li.dropdown .dropdown-btn {
		display: block;
	}

	.main-menu .navbar-collapse>.navigation li.dropdown:after,
	.main-menu .navigation>li>ul:before,
	.main-header .info-box:after,
	.services-section-two .owl-dots {
		display: none;
	}

	/* dark menu */
	.main-header .header-upper.dark-color .main-menu .navbar-collapse>.navigation>li>ul,
	.main-header .header-upper.dark-color .main-menu .navbar-collapse>.navigation>li>ul>li>ul {
		background-color: #fff;
	}

	.main-header .header-upper.dark-color .main-menu .navbar-collapse>.navigation>li>a,
	.main-header .header-upper.dark-color .main-menu .navbar-collapse>.navigation>li>ul>li>a,
	.main-header .header-upper.dark-color .main-menu .navbar-collapse>.navigation>li>ul>li>ul>li>a {
		color: #222;
	}

	.main-header .header-upper.dark-color .main-menu .navbar-collapse>.navigation>li:hover>a,
	.main-header .header-upper.dark-color .main-menu .navbar-collapse>.navigation>li>ul>li:hover>a,
	.main-header .header-upper.dark-color .main-menu .navbar-collapse>.navigation>li>ul>li>ul>li:hover>a,
	.main-header .header-upper.dark-color .main-menu .navbar-collapse>.navigation>li.current>a,
	.main-header .header-upper.dark-color .main-menu .navbar-collapse>.navigation>li.current-menu-item>a {
		color: #222;
	}

	.main-header .header-upper.dark-color .main-menu .navbar-collapse>.navigation>li,
	.main-header .header-upper.dark-color .main-menu .navbar-collapse>.navigation>li>ul>li,
	.main-header .header-upper.dark-color .main-menu .navbar-collapse>.navigation>li>ul>li>ul>li {
		border-color: #f1f1f1;
	}

	.main-header .header-upper.dark-color .main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
		color: #222;
		border-color: #f1f1f1;
	}

	/* search outer */
	.main-header .outer-box {
		position: absolute;
		right: 0px;
		top: 4px;
		margin-top: 0px;
		z-index: 15;
	}

	/* end header upper */
	.main-header .search-box-outer .dropdown-menu {
		top: 7px;
	}

	/* header info */
	.header-contect-info ul li {
		margin-top: 20px;
	}

	.main-header .header-info .float-left {
		width: 100%;
		text-align: center;
	}

	.main-header .header-info {
		margin-bottom: 0;
	}
}

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

	.header-top .top-left,
	.header-top .top-right {
		width: 100%;
		text-align: center;
	}

	.header-top .links-nav li {
		border: 0px;
		line-height: 26px;
	}

	.header-top .links-nav {
		padding: 20px 0 0;
	}
}

/* start social-media-links1 */

.social-media-links1 {
	position: relative;
	display: block;
}

.social-media-links1 li {
	position: relative;
	display: inline-block;
}

.social-media-links1 li a {
	position: relative;
	display: inline-block;
	height: 40px;
	width: 40px;
	background-color: #00b6de;
	color: #ffffff;
	text-align: center;
	padding: 0px 0;
	line-height: 40px;
	font-size: 18px;
	margin-right: 7px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	border-radius: 50px;
	margin-top: 4px;
}

.social-media-links1 li a:hover {
	background-color: #fff;
	color: #082d71;
}

/* end social-media-links1 */

/***

====================================================================
	Main Slider style
====================================================================

***/

/* style two */

.main-slider2 {
	min-height: 600px;
	background: #f4f4f4;
}

.main-slider2 .container-fluid {
	padding: 0px;
}

.main-slider2 .slider-wrapper {
	position: relative;
}

.main-slider2 .slider-wrapper:before {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.22);
	z-index: 1;
}

.main-slider2 .slider-wrapper .image img {
	min-height: 600px;
	width: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center;
	filter: saturate(0.9) contrast(1.08) brightness(0.9);
	transform: scale(1.02);
}

.main-slider2 .slider-caption {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 5;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
}

.main-slider2 .slider-caption .inner-box {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 30px;
}

.main-slider2 .slider-caption-bg {
	max-width: 570px;
	background-color: rgba(255, 255, 255, 0.70);
	padding: 50px;
}

.main-slider2 h1 {
	position: relative;
	color: #fff;
	font-size: 60px;
	font-weight: 700;
	line-height: 62px;
	margin-bottom: 20px;
}

.main-slider2 .dark h1 {
	color: #222;
}

.main-slider2 h2 {
	position: relative;
	color: #fff;
	font-size: 50px;
	font-weight: 500;
	line-height: 1.2em;
	font-family: "Hind", sans-serif;
}

.main-slider2 .dark h2 {
	color: #222;
	font-weight: 600;
	margin-bottom: 20px;
	font-size: 42px;
}

.main-slider2 .link-btn {
	padding-top: 30px;
	margin: 0 -10px;
}

.main-slider2 .theme-btn {
	margin: 0 10px 20px;
}

.main-slider2 .text {
	position: relative;
	font-size: 17px;
	font-weight: 400;
	max-width: 600px;
	color: #fff;
	line-height: 1.7em;
	margin-bottom: 30px;
}

.main-slider2 .dark .text {
	color: #222;
	margin-bottom: 0;
}

.main-slider2 .slide-overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.50);
	z-index: 3;
}

.main-slider2.style-two .slide-overlay {
	background-color: rgba(20, 22, 26, 0.1)
}

/* slide animation */

.main-slider2 .owl-item .slider-caption * {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.main-slider2 .owl-item.active .slider-caption h1 {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

.main-slider2 .owl-item.active .slider-caption h2 {
	-webkit-animation-delay: .9s;
	animation-delay: .9s;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

.main-slider2 .owl-item.active .slider-caption .text {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

.main-slider2 .owl-item.active .slider-caption .link-btn {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.main-slider2 .owl-item.active .slider-caption .slider-caption-bg {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

/* slide nav */

.slide-nav .owl-nav {
	padding: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%) scale(0.97);
	-ms-transform: translateY(-50%) scale(0.97);
	transform: translateY(-50%) scale(0.97);
	position: absolute;
	left: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}

.slide-nav:hover .owl-nav {
	-webkit-transform: translateY(-50%) scale(1);
	-ms-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);
	opacity: 1;
}

.slide-nav .owl-nav .owl-next,
.slide-nav .owl-nav .owl-prev {
	position: relative;
	width: 60px;
	height: 60px;
	line-height: 61px;
	background: rgba(0, 0, 0, 0.4);
	text-align: center;
	font-size: 24px;
	color: #fff;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.slide-nav .carousel-outer:hover .owl-nav .owl-next,
.slide-nav .carousel-outer:hover .owl-nav .owl-prev {
	opacity: 1;
	visibility: visible;
}

.slide-nav .owl-nav .owl-prev {
	left: 20px;
	float: left;
}

.slide-nav .owl-nav .owl-next {
	right: 20px;
	float: right;
}

.slide-nav .owl-nav .owl-next:hover,
.slide-nav .owl-nav .owl-prev:hover {
	color: #082d71;
	border-color: #e4353a;
}

/***

==================================================================
	20.	Main Footer
==================================================================

***/

.main-footer {
	position: relative;
	background-color: #fff;
}

.main-footer .widgets-section {
	position: relative;
	padding: 45px 0px 45px;
}

.main-footer .footer-column {
	position: relative;
}

.main-footer .footer-widget {
	position: relative;
	margin-bottom: 30px;
	padding-top: 45px;
}

.main-footer .footer-logo {
	position: relative;
	margin-bottom: 34px;
}

.main-footer .footer-logo img {
	display: block;
	max-width: 100%;
}

.main-footer .footer-column .widget-title {
	position: relative;
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
	margin-top: 15px;
	margin-bottom: 35px;
	color: #082d71;
}

.main-footer .footer-column .widget-title:before {
	left: 0;
	position: absolute;
	bottom: -8px;
	height: 1px;
	width: 50px;
	background-color: #082d71;
	content: "";
}

.main-footer .footer-column .widget-title:after {
	left: 0;
	position: absolute;
	bottom: -6px;
	height: 1px;
	width: 68px;
	background-color: #082d71;
	content: "";
}

.main-footer .about-widget .text {
	font-size: 16px;
	color: #555555;
	margin-bottom: 30px;
}

.social-icon-three {
	position: relative;
	display: block;
}

.social-icon-three li {
	position: relative;
	display: inline-block;
}

.social-icon-three li a {
	position: relative;
	display: inline-block;
	height: 50px;
	width: 50px;
	background-color: #082d71;
	color: #ffffff;
	text-align: center;
	padding: 5px 0;
	line-height: 42px;
	font-size: 18px;
	margin-right: 0px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-three li a:hover {
	background-color: #eaeaea;
	color: #082d71;
}

/*=== Services Widget ===*/

.main-footer .services-widget {
	position: relative;
	padding-left: 25px;
}

.main-footer .services-widget .list li {
	position: relative;
	display: block;
	margin-bottom: 14px;
}

.main-footer .services-widget .list li a {
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 20px;
	padding-left: 18px;
	color: #082d71;
	text-transform: capitalize;
	font-weight: 500;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .services-widget .list li a:hover {
	color: #00b6de;
}

.main-footer .services-widget .list li:last-child {
	margin-bottom: 0;
}

.main-footer .services-widget .list li a:before {
	content: '\f105';
	position: absolute;
	left: 0px;
	top: 3px;
	line-height: 15px;
	font-size: 16px;
	font-family: 'FontAwesome';
}

/*=== Newsletter Widget ===*/

.main-footer .newsletter-widget .text {
	color: #555555;
	margin-bottom: 15px;
	font-size: 15px;
}

.main-footer .newsletter-widget {
	padding: 45px 40px 60px;
	margin-bottom: 0px;
	border: 1px solid #082d71;
}

.main-footer .newsletter-widget input {
	height: 50px;
	color: #000000;
	width: 100%;
	padding: 0 18px;
	background-color: #eaeaea;
	margin-bottom: 20px;
}

.main-footer .newsletter-widget input::-webkit-input-placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #d4dae3;
}

.main-footer .newsletter-widget input:-ms-input-placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #d4dae3;
}

.main-footer .newsletter-widget input::-ms-input-placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #d4dae3;
}

.main-footer .newsletter-widget input::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #d4dae3;
}


/*=== Footer Bottom ===*/

.main-footer .footer-bottom {
	position: relative;
	padding: 18px 0px;
	background: #304976;
}

.main-footer .footer-bottom p {
	line-height: 30px;
	color: #d4dae3;
	font-size: 15px;
	font-weight: 500;
	margin: 0;
	text-align: center;
}

.main-footer .footer-bottom p a {
	color: #00b6de;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}

.main-footer .footer-bottom p a:hover {
	text-decoration: underline;
}

/* footer-last-link */

.footer-last-link {
	text-align: left;
}

.footer-last-link ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
	line-height: 1;
}

.footer-last-link ul li {
	display: inline-block;
	font-size: 15px;
	line-height: 25px;
	padding-left: 20px;
	position: relative;
	margin-left: 33px;
}

.footer-last-link ul li:before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
	width: 8px;
	height: 8px;
	background: #00b6de;
	border-radius: 50%;
}

.footer-last-link ul li:first-child {
	margin-left: 0;
}

.footer-last-link ul li a {
	font-size: 16px;
	color: #fff;
	transition: 0.3s;
	text-transform: uppercase;
	font-weight: 600;
}

.footer-last-link ul li a:hover {
	color: #082d71;
}

@media only screen and (max-width:767px) {
	.footer-last-link ul li {
		font-size: 15px;
		line-height: 25px;
		padding-left: 14px;
		position: relative;
		margin-left: 15px;
	}

	.footer-last-link ul li a {
		font-size: 14px;
	}

	.footer-last-link ul {
		text-align: center;
	}
}

/*
================================== 
1.section title 
==================================
*/

.sec-title {
	position: relative;
	margin-bottom: 70px;
}

.sec-title.style-two {
	margin-top: 20px;
}

.sec-title.small {
	margin-bottom: 40px;
}

.sec-title.centered {
	text-align: center;
	margin-bottom: 40px;
}

.sec-title span {
	color: #ffffff;
	background: #00b6de;
	padding: 10px 10px 0px 10px;
	border-radius: 15px;
}

.sec-title h1 {
	font-size: 42px;
	color: #000;
	font-weight: 700;
	line-height: 1.1em;
	text-transform: capitalize;
	margin-bottom: 40px;
	margin-top: 13px;
}

.about-section-title {
	margin-bottom: 42px;
}

.about-section-title .section-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
	color: var(--theme-accent);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1.2em;
	text-transform: uppercase;
}

.about-section-title .section-eyebrow:before {
	content: '';
	display: inline-block;
	width: 28px;
	height: 3px;
	background: var(--theme-accent);
}

.about-section-title h1 {
	color: var(--theme-primary);
	margin-bottom: 0;
}

.about-section-title span {
	display: inline-block;
	position: relative;
	color: var(--theme-accent);
	padding-bottom: 8px;
}

.about-section-title span:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 62%;
	height: 4px;
	border-radius: 4px;
	background: var(--theme-accent);
}

.sec-title.light h1 {
	color: #ffffff;
}

.sec-title p {
	margin: 0 auto;
	max-width: 650px;
}

.sec-title .text {
	margin-top: 30px;
}

.sec-title.light .text {
	color: rgba(255, 255, 255, 0.70);
}

/* Premium section-heading system */
.section-heading {
	position: relative;
	max-width: 720px;
	margin: 0 0 56px;
	padding-left: 0;
	text-align: left;
	color: var(--theme-dark);
}

.section-heading--center {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.section-heading--dark {
	color: #fff;
}

.section-heading__eyebrow {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-bottom: 16px;
	color: var(--theme-accent);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .18em;
	line-height: 1.2;
	text-transform: uppercase;
}

.section-heading--center .section-heading__eyebrow {
	justify-content: center;
}

.section-heading__eyebrow:before {
	content: '';
	display: block;
	width: 34px;
	height: 2px;
	flex: 0 0 34px;
	background: currentColor;
}

.section-heading__title,
.section-heading h1,
.section-heading h2 {
	max-width: 960px;
	margin: 0;
	color: var(--theme-dark);
	font-size: var(--section-title-size);
	font-weight: 800;
	letter-spacing: -.03em;
	line-height: 1.08;
	text-transform: uppercase;
}

.section-heading--center .section-heading__title,
.section-heading--center h1,
.section-heading--center h2 {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.section-heading--dark .section-heading__title,
.section-heading--dark h1,
.section-heading--dark h2 {
	color: #fff;
}

.section-heading__title span,
.section-heading h1 span,
.section-heading h2 span {
	display: inline-block;
	position: relative;
	padding: 0 .08em .12em;
	color: var(--theme-accent);
	background: none;
	-webkit-text-fill-color: currentColor;
}

.section-heading__title span:after,
.section-heading h1 span:after,
.section-heading h2 span:after {
	position: absolute;
	content: '';
	left: -.08em;
	right: -.08em;
	bottom: 0;
	height: 4px;
	background: currentColor;
}

.section-heading__title span:before,
.section-heading h1 span:before,
.section-heading h2 span:before {
	position: absolute;
	content: '';
	right: -.08em;
	bottom: 0;
	width: 4px;
	height: 1.18em;
	background: currentColor;
}

.section-heading--dark .section-heading__title span,
.section-heading--dark h1 span,
.section-heading--dark h2 span {
	color: var(--theme-accent);
	-webkit-text-fill-color: currentColor;
	background: none;
}

.section-heading__description,
.section-heading>p,
.section-heading>.text {
	max-width: 860px;
	margin: 22px 0 0;
	color: var(--theme-muted);
	font-size: 17px;
	line-height: 1.65;
}

.section-heading--center .section-heading__description,
.section-heading--center>p,
.section-heading--center>.text {
	margin-right: auto;
	margin-left: auto;
}

.section-heading--dark .section-heading__description,
.section-heading--dark>p,
.section-heading--dark>.text {
	color: rgba(255, 255, 255, .72);
}

.section-heading__number {
	position: absolute;
	top: -22px;
	right: 0;
	color: rgba(10, 61, 145, .08);
	font-size: clamp(72px, 9vw, 130px);
	font-weight: 700;
	letter-spacing: -.08em;
	line-height: 1;
	pointer-events: none;
}

.section-heading--dark .section-heading__number {
	color: rgba(255, 255, 255, .1);
}

.section-heading--reveal .section-heading__eyebrow,
.section-heading--reveal .section-heading__title,
.section-heading--reveal .section-heading__description,
.section-heading--reveal .section-heading__number {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity .55s ease, transform .65s cubic-bezier(.2, .7, .2, 1);
}

.section-heading--reveal .section-heading__title {
	transition-delay: .08s;
}

.section-heading--reveal .section-heading__description {
	transition-delay: .16s;
}

.section-heading--reveal.is-visible .section-heading__eyebrow,
.section-heading--reveal.is-visible .section-heading__title,
.section-heading--reveal.is-visible .section-heading__description,
.section-heading--reveal.is-visible .section-heading__number {
	opacity: 1;
	transform: translateY(0);
}


/* ==========================================================================
   Why Intechno Section (New Design)
   ========================================================================== */
.why-intechno-section {
	position: relative;
	padding: 50px 0 60px 0;
	background-color: #ffffff;
	overflow: hidden;
	z-index: 1;
}

.why-intechno__content {
	position: relative;
	z-index: 2;
}

/* Features (Left Column) */
.why-intechno__features {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.why-intechno__feature {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #ffffff;
	border: 1.5px solid #edf2f7;
	border-radius: 18px;
	padding: 16px 28px 16px 24px;
	box-shadow: 0 4px 18px rgba(10, 30, 80, 0.03);
	transition: border-color 0.25s ease, box-shadow 0.25s ease;
	cursor: pointer;
}

.why-intechno__feature:hover {
	box-shadow: 0 10px 28px rgba(0, 188, 212, 0.12);
	border-color: #bbf2fd;
}

.feature__corner-notch {
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px;
	pointer-events: none;
	z-index: 1;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
}

.feature__corner-notch svg {
	width: 48px;
	height: 48px;
	display: block;
}

.feature__left {
	display: flex;
	align-items: center;
	gap: 16px;
	padding-right: 20px;
}

.feature__index {
	font-size: 18px;
	font-weight: 800;
	color: #00bcd4;
	min-width: 26px;
	line-height: 1;
}

.feature__icon {
	width: 44px;
	height: 44px;
	background: #e0f7fa;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #00bcd4;
	flex-shrink: 0;
	transition: all 0.3s ease;
}

.why-intechno__feature:hover .feature__icon {
	background: #00bcd4;
	color: #ffffff;
}

.feature__title {
	font-size: 17px;
	font-weight: 700;
	color: #0b1e33;
	margin: 0;
	line-height: 1.3;
}

.feature__desc {
	font-size: 13.5px;
	color: #64748b;
	margin: 3px 0 0 0;
	line-height: 1.45;
	font-weight: 400;
}

/* Visual (Right Column) */
.why-intechno__visual {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
}

.why-intechno__image-stack {
	position: relative;
	width: 100%;
	max-width: 530px;
	height: 460px;
	margin: 0 auto;
}

.why-intechno__geo-organic-shape {
	position: absolute;
	top: -20px;
	left: -25px;
	width: calc(100% + 50px);
	height: calc(100% + 40px);
	pointer-events: none;
	z-index: 0;
}

.why-intechno__geo-organic-shape svg {
	width: 100%;
	height: 100%;
	display: block;
}

.why-intechno__geo-orbit {
	position: absolute;
	top: -10px;
	left: -10px;
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	pointer-events: none;
	z-index: 0;
}

.why-intechno__geo-orbit svg {
	width: 100%;
	height: 100%;
	display: block;
}

.why-intechno__image {
	position: absolute;
	overflow: hidden;
}

.why-intechno__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.why-intechno__image--large {
	top: 20px;
	left: 20px;
	width: 80%;
	height: 75%;
	border-radius: 20px;
	box-shadow: 0 16px 40px rgba(0, 30, 80, 0.12);
	z-index: 1;
}

.why-intechno__image--small {
	bottom: 10px;
	right: 0;
	width: 48%;
	height: 56%;
	border-radius: 20px;
	border: 4px solid #ffffff;
	box-shadow: 0 16px 40px rgba(0, 30, 80, 0.15);
	z-index: 2;
}

.why-intechno__image--small img {
	object-position: center top;
}

/* Floating AI-Powered Innovation Badge */
.why-intechno__badge {
	position: absolute;
	left: -10px;
	bottom: 30px;
	background: #ffffff;
	border: 1px solid #eef2f6;
	border-radius: 14px;
	padding: 10px 18px;
	display: flex;
	align-items: center;
	gap: 14px;
	box-shadow: 0 12px 32px rgba(0, 40, 120, 0.12);
	z-index: 3;
	animation: badgeFloat 4s ease-in-out infinite alternate;
}

.why-intechno__badge-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #0072ce;
	flex-shrink: 0;
}

.why-intechno__badge-text {
	display: flex;
	align-items: center;
	gap: 12px;
}

.why-intechno__badge-title {
	font-size: 13px;
	line-height: 1.2;
	white-space: nowrap;
}

.why-intechno__badge-title .badge-black {
	font-weight: 800;
	color: #0b1e33;
	display: block;
}

.why-intechno__badge-title .badge-accent {
	font-weight: 800;
	color: #0072ce;
	display: block;
}

.why-intechno__badge-divider {
	width: 1px;
	height: 26px;
	background: #e2e8f0;
	flex-shrink: 0;
}

.why-intechno__badge-sub {
	font-size: 11.5px;
	color: #64748b;
	font-weight: 500;
	white-space: nowrap;
}

/* Geometric Decorative Elements */
.why-intechno__decorations {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
	z-index: 0;
}

.why-intechno__geo-semicircle {
	position: absolute;
	top: -120px;
	left: -120px;
	width: 380px;
	height: 380px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(0, 188, 212, 0.18) 0%, rgba(40, 185, 224, 0.08) 55%, transparent 75%);
	border: 1.5px solid rgba(0, 188, 212, 0.28);
	box-shadow: 0 0 60px rgba(0, 188, 212, 0.12);
	pointer-events: none;
}

.why-intechno__geo-dots {
	position: absolute;
	pointer-events: none;
	z-index: 0;
}

.why-intechno__geo-dots--left {
	top: 18%;
	left: 24px;
	opacity: 0.9;
}

.why-intechno__geo-dots--right {
	bottom: 22%;
	right: 28px;
	opacity: 0.85;
}

/* Floating Diamonds */
.why-intechno__geo-diamond {
	position: absolute;
	border-radius: 3px;
	transform: rotate(45deg);
	pointer-events: none;
	z-index: 3;
}

.why-intechno__geo-diamond--blue {
	top: 15px;
	right: 45px;
	width: 15px;
	height: 15px;
	background: #0066ff;
	box-shadow: 0 4px 12px rgba(0, 102, 255, 0.35);
	animation: itGeoDiamondFloat 5s ease-in-out infinite alternate;
}

.why-intechno__geo-diamond--orange {
	top: 50%;
	right: -12px;
	width: 18px;
	height: 18px;
	background: #ff9900;
	box-shadow: 0 4px 12px rgba(255, 153, 0, 0.4);
	animation: itGeoDiamondFloat 6s ease-in-out infinite alternate-reverse;
}

.why-intechno__geo-diamond--cyan {
	top: 58%;
	left: -16px;
	width: 18px;
	height: 18px;
	background: #00bcd4;
	box-shadow: 0 4px 12px rgba(0, 188, 212, 0.4);
	animation: itGeoDiamondFloat 7s ease-in-out infinite alternate;
}

@keyframes itGeoDiamondFloat {
	0% {
		transform: rotate(45deg) translateY(0);
	}
	100% {
		transform: rotate(45deg) translateY(-8px);
	}
}

@keyframes badgeFloat {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-8px);
	}
}

/* ===== STATS COUNTER STRIP & 12 CARDS SHOWCASE (3 CARDS PER ROW - NO TRANSITIONS) ===== */
.why-intechno__stats-showcase {
	margin-top: 55px;
	position: relative;
	z-index: 5;
}

.why-stats-grid {
	margin-bottom: 30px;
}

/* Outer Curve Container (Luxury Dual-Contour Frame - Solid, No Movement) */
.why-stat-card {
	background: linear-gradient(150deg, #ffffff 0%, #f1f6fc 100%);
	border: 1.5px solid rgba(8, 45, 113, 0.08);
	border-radius: 26px 8px 26px 8px;
	padding: 6px;
	text-align: center;
	height: 100%;
	display: flex;
	flex-direction: column;
	box-shadow: 0 6px 20px rgba(8, 45, 113, 0.04);
	position: relative;
	overflow: hidden;
	transition: none !important;
	transform: none !important;
}

/* Top-Right Technical Corner Badge */
.why-stat-card__corner-badge {
	position: absolute;
	top: 10px;
	right: 12px;
	display: flex;
	align-items: center;
	gap: 5px;
	z-index: 4;
	pointer-events: none;
}

.why-stat-card__index {
	font-size: 10.5px;
	font-weight: 800;
	color: #94a3b8;
	font-family: 'Space Mono', Consolas, Monaco, monospace;
	letter-spacing: 0.5px;
	opacity: 0.8;
}

.why-stat-card__dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
	box-shadow: 0 0 6px currentColor;
}

/* Inner Curve Nested Chamber */
.why-stat-card__inner-curve {
	background: #ffffff;
	border: 1px solid rgba(8, 45, 113, 0.05);
	border-radius: 20px 6px 20px 6px;
	padding: 22px 10px 18px;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
	box-shadow: 0 2px 8px rgba(8, 45, 113, 0.02);
	transition: none !important;
	transform: none !important;
}

.why-stat-card:hover {
	transform: none !important;
	box-shadow: 0 8px 24px rgba(8, 45, 113, 0.08);
}

.why-stat-card:hover .why-stat-card__inner-curve {
	transform: none !important;
	box-shadow: 0 3px 12px rgba(8, 45, 113, 0.04);
}

/* Card Specific Brand Accents */
.why-stat-card--cyan { color: #009fe3; }
.why-stat-card--teal { color: #10b981; }
.why-stat-card--mobile { color: #00bcd4; }
.why-stat-card--android { color: #16a34a; }
.why-stat-card--ios { color: #082d71; }
.why-stat-card--purple { color: #7928ca; }
.why-stat-card--amber { color: #f59e0b; }
.why-stat-card--coral { color: #ef4444; }
.why-stat-card--royal { color: #005ce6; }
.why-stat-card--pink { color: #ec4899; }
.why-stat-card--globe { color: #0284c7; }
.why-stat-card--violet { color: #9333ea; }

.why-stat-card--cyan:hover { border-color: #009fe3; }
.why-stat-card--teal:hover { border-color: #10b981; }
.why-stat-card--mobile:hover { border-color: #00bcd4; }
.why-stat-card--android:hover { border-color: #16a34a; }
.why-stat-card--ios:hover { border-color: #082d71; }
.why-stat-card--purple:hover { border-color: #7928ca; }
.why-stat-card--amber:hover { border-color: #f59e0b; }
.why-stat-card--coral:hover { border-color: #ef4444; }
.why-stat-card--royal:hover { border-color: #005ce6; }
.why-stat-card--pink:hover { border-color: #ec4899; }
.why-stat-card--globe:hover { border-color: #0284c7; }
.why-stat-card--violet:hover { border-color: #9333ea; }

/* Floating 3D Squircle Icons */
.why-stat-icon {
	width: 50px;
	height: 50px;
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.3rem;
	margin-bottom: 12px;
	position: relative;
	transition: none !important;
	transform: none !important;
}

.why-stat-card:hover .why-stat-icon {
	transform: none !important;
}

.icon-bg-cyan { background: linear-gradient(135deg, rgba(0, 159, 227, 0.15) 0%, rgba(0, 188, 212, 0.08) 100%); color: #009fe3; border: 1px solid rgba(0, 159, 227, 0.25); box-shadow: 0 4px 12px rgba(0, 159, 227, 0.12); }
.icon-bg-teal { background: linear-gradient(135deg, rgba(16, 185, 129, 0.15) 0%, rgba(52, 211, 153, 0.08) 100%); color: #10b981; border: 1px solid rgba(16, 185, 129, 0.25); box-shadow: 0 4px 12px rgba(16, 185, 129, 0.12); }
.icon-bg-mobile { background: linear-gradient(135deg, rgba(0, 188, 212, 0.18) 0%, rgba(56, 189, 248, 0.08) 100%); color: #00bcd4; border: 1px solid rgba(0, 188, 212, 0.25); box-shadow: 0 4px 12px rgba(0, 188, 212, 0.12); }
.icon-bg-android { background: linear-gradient(135deg, rgba(22, 163, 74, 0.16) 0%, rgba(74, 222, 128, 0.08) 100%); color: #16a34a; border: 1px solid rgba(22, 163, 74, 0.25); box-shadow: 0 4px 12px rgba(22, 163, 74, 0.12); }
.icon-bg-ios { background: linear-gradient(135deg, rgba(8, 45, 113, 0.12) 0%, rgba(100, 116, 139, 0.08) 100%); color: #082d71; border: 1px solid rgba(8, 45, 113, 0.2); box-shadow: 0 4px 12px rgba(8, 45, 113, 0.1); }
.icon-bg-purple { background: linear-gradient(135deg, rgba(121, 40, 202, 0.15) 0%, rgba(192, 132, 252, 0.08) 100%); color: #7928ca; border: 1px solid rgba(121, 40, 202, 0.25); box-shadow: 0 4px 12px rgba(121, 40, 202, 0.12); }
.icon-bg-amber { background: linear-gradient(135deg, rgba(245, 158, 11, 0.16) 0%, rgba(251, 191, 36, 0.08) 100%); color: #d97706; border: 1px solid rgba(245, 158, 11, 0.25); box-shadow: 0 4px 12px rgba(245, 158, 11, 0.12); }
.icon-bg-coral { background: linear-gradient(135deg, rgba(239, 68, 68, 0.15) 0%, rgba(248, 113, 113, 0.08) 100%); color: #dc2626; border: 1px solid rgba(239, 68, 68, 0.25); box-shadow: 0 4px 12px rgba(239, 68, 68, 0.12); }
.icon-bg-royal { background: linear-gradient(135deg, rgba(0, 92, 230, 0.15) 0%, rgba(59, 130, 246, 0.08) 100%); color: #005ce6; border: 1px solid rgba(0, 92, 230, 0.25); box-shadow: 0 4px 12px rgba(0, 92, 230, 0.12); }
.icon-bg-pink { background: linear-gradient(135deg, rgba(236, 72, 153, 0.15) 0%, rgba(244, 114, 182, 0.08) 100%); color: #db2777; border: 1px solid rgba(236, 72, 153, 0.25); box-shadow: 0 4px 12px rgba(236, 72, 153, 0.12); }
.icon-bg-globe { background: linear-gradient(135deg, rgba(2, 132, 199, 0.15) 0%, rgba(56, 189, 248, 0.08) 100%); color: #0284c7; border: 1px solid rgba(2, 132, 199, 0.25); box-shadow: 0 4px 12px rgba(2, 132, 199, 0.12); }
.icon-bg-violet { background: linear-gradient(135deg, rgba(147, 51, 234, 0.15) 0%, rgba(216, 180, 254, 0.08) 100%); color: #9333ea; border: 1px solid rgba(147, 51, 234, 0.25); box-shadow: 0 4px 12px rgba(147, 51, 234, 0.12); }

/* Value & Typography (High-Impact Gradient Numbers) */
.why-stat-value {
	font-size: 1.85rem;
	font-weight: 850;
	letter-spacing: -0.5px;
	line-height: 1.1;
	margin-bottom: 5px;
	background: linear-gradient(135deg, #082d71 0%, #005ce6 75%, #009fe3 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.why-stat-title {
	font-size: 0.92rem;
	font-weight: 700;
	color: #0f172a;
	margin-bottom: 8px;
	line-height: 1.25;
	white-space: nowrap;
}

/* Micro-Pill Sub-Badge */
.why-stat-badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 3px 10px;
	border-radius: 30px;
	font-size: 11px;
	font-weight: 600;
	background: rgba(8, 45, 113, 0.04);
	border: 1px solid rgba(8, 45, 113, 0.08);
	color: #475569;
	line-height: 1.2;
	white-space: nowrap;
	transition: none !important;
	transform: none !important;
}

.why-stat-card:hover .why-stat-badge {
	background: rgba(0, 159, 227, 0.08);
	border-color: rgba(0, 159, 227, 0.2);
	color: #082d71;
}

.badge-emoji {
	font-size: 11.5px;
}

/* ===== BOTTOM EXPLORE PRODUCTS BANNER (INTECHNO SIGNATURE BLUE GRADIENT) ===== */
.why-stats-banner {
	background: linear-gradient(90deg, #082d71 0%, #005ce6 50%, #00a2ff 100%);
	border-radius: 50px;
	padding: 16px 30px;
	box-shadow: 0 14px 40px rgba(0, 92, 230, 0.25);
}

.why-stats-avatars {
	display: flex;
	align-items: center;
}

.why-avatar-img {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid #ffffff;
	margin-left: -10px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.why-stats-avatars .why-avatar-img:first-child {
	margin-left: 0;
}

.why-stats-banner-text {
	color: #ffffff;
	font-size: 1rem;
	font-weight: 500;
}

.why-stats-banner-text strong {
	color: #ffffff;
	font-weight: 800;
	text-decoration: underline;
	text-decoration-color: #38bdf8;
	text-underline-offset: 3px;
}

.why-btn-explore {
	display: inline-flex;
	align-items: center;
	padding: 12px 28px;
	background: #ffffff;
	border: none;
	border-radius: 40px;
	color: #082d71;
	font-size: 0.85rem;
	font-weight: 800;
	letter-spacing: 0.8px;
	text-decoration: none;
	transition: all 0.3s ease;
	white-space: nowrap;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.why-btn-explore:hover {
	background: #041838;
	color: #ffffff;
	box-shadow: 0 8px 25px rgba(4, 24, 56, 0.4);
	transform: translateY(-2px);
}

@media (max-width: 767.98px) {
	.why-stats-banner {
		border-radius: 20px;
		padding: 20px 18px;
		text-align: center;
	}
	.why-stats-banner__inner > div {
		flex-direction: column;
		text-align: center;
	}
	.why-btn-explore {
		width: 100%;
		justify-content: center;
	}
}

@media (max-width: 575.98px) {
	.why-intechno__stat-item:not(:last-child)::before {
		display: none;
	}
	.stat-item__inner {
		gap: 10px;
	}
	.why-intechno__badge {
		display: none;
	}
}

/* ==========================================================================
   Dotsquares-Style Modern Services & Tech Showcase Section
   ========================================================================== */
.tech-stack-section {
	padding: var(--section-padding);
	background: #ffffff;
	position: relative;
}

/* Master Showcase Container */
.tech-showcase-master {
	background: #ffffff;
	border: 1px solid rgba(15, 23, 42, 0.09);
	border-radius: 26px;
	box-shadow: 0 25px 70px rgba(10, 61, 145, 0.10);
	overflow: hidden;
	position: relative;
	transition: box-shadow 0.35s ease;
}

.tech-showcase-master:hover {
	box-shadow: 0 30px 80px rgba(10, 61, 145, 0.15);
}

/* Top AI Hero Banner */
.tech-showcase-banner {
	width: 100%;
	background: #030a1a;
	position: relative;
	overflow: hidden;
	line-height: 0;
}

.tech-showcase-banner__img {
	width: 100%;
	height: auto;
	max-height: 480px;
	object-fit: cover;
	object-position: center;
	display: block;
	transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.tech-showcase-master:hover .tech-showcase-banner__img {
	transform: scale(1.012);
}

/* Lower Interactive Showcase Body */
.tech-services-showcase {
	background: #ffffff;
	border: none;
	border-radius: 0;
	box-shadow: none;
	display: grid;
	grid-template-columns: 310px minmax(0, 1fr);
	overflow: hidden;
	position: relative;
	z-index: 2;
	border-top: 1px solid rgba(15, 23, 42, 0.06);
}

/* Left Sidebar Navigation Tabs */
.tech-services-nav {
	background: #f8fafc;
	border-right: 1px solid rgba(15, 23, 42, 0.06);
	padding: 24px 16px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.tech-service-tab {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 13px 18px;
	border-radius: 12px;
	border: 1px solid transparent;
	background: transparent;
	color: #334155;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	text-align: left;
	cursor: pointer;
	transition: background 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), 
	            color 0.3s ease, 
	            box-shadow 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), 
	            transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
	user-select: none;
}

.tech-service-tab__left {
	display: flex;
	align-items: center;
	gap: 12px;
}

.tech-service-tab__icon {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	background: rgba(10, 61, 145, 0.06);
	color: var(--theme-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: background 0.3s ease, color 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.tech-service-tab__icon svg {
	width: 18px;
	height: 18px;
}

.tech-service-tab__arrow {
	font-size: 16px;
	color: #94a3b8;
	transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), color 0.3s ease;
}

.tech-service-tab:hover {
	background: rgba(0, 182, 222, 0.08);
	color: var(--theme-primary);
}

.tech-service-tab:hover .tech-service-tab__arrow {
	color: var(--theme-primary);
	transform: translateX(3px);
}

.tech-service-tab.is-active {
	background: linear-gradient(135deg, #00b6de 0%, #0a3d91 100%);
	color: #ffffff;
	box-shadow: 0 8px 22px rgba(0, 182, 222, 0.32);
}

.tech-service-tab.is-active .tech-service-tab__icon {
	background: rgba(255, 255, 255, 0.22);
	color: #ffffff;
}

.tech-service-tab.is-active .tech-service-tab__arrow {
	color: #ffffff;
	transform: translateX(4px);
}

/* Right Content Body Panels */
.tech-services-content {
	padding: 38px 44px;
	background: #ffffff;
	min-height: 580px;
	position: relative;
	overflow: hidden;
}

/* Decorative 3D Spline Ribbon Wave Background (Matching Reference) */
.tech-waves-bg-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	overflow: hidden;
	z-index: 1;
}

.tech-ribbon-wave-svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	opacity: 0.92;
	transition: opacity 0.5s ease;
}

.tech-ribbon-wave-group {
	will-change: transform;
}

.tech-ribbon-line {
	vector-effect: non-scaling-stroke;
	animation: techRibbonFlow 14s ease-in-out infinite alternate;
	will-change: transform, opacity;
}

@keyframes techRibbonFlow {
	0% {
		transform: translateY(0) scaleY(1) rotate(0deg);
	}
	50% {
		transform: translateY(-10px) scaleY(1.05) rotate(0.6deg);
	}
	100% {
		transform: translateY(8px) scaleY(0.95) rotate(-0.5deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.tech-ribbon-line {
		animation: none !important;
	}
}

.tech-service-panel {
	display: none;
	opacity: 0;
	position: relative;
	z-index: 2;
}

.tech-service-panel.is-active {
	display: block;
	animation: techPanelFadeIn 0.32s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes techPanelFadeIn {
	0% {
		opacity: 0;
		transform: translateY(6px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.tech-panel__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--theme-accent);
	margin-bottom: 10px;
}

.tech-panel__eyebrow::before {
	content: "";
	display: block;
	width: 24px;
	height: 2px;
	background: var(--theme-accent);
}

.tech-panel__title {
	font-size: clamp(26px, 3vw, 36px);
	font-weight: 800;
	color: var(--theme-dark);
	line-height: 1.2;
	margin-bottom: 16px;
}

.tech-panel__title span {
	color: var(--theme-accent);
}

.tech-panel__desc {
	font-size: 15.5px;
	line-height: 1.65;
	color: var(--theme-muted);
	margin-bottom: 24px;
}

/* 4 Feature Mini Cards Grid */
.tech-feature-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px;
	margin-bottom: 26px;
}

.tech-feature-card {
	background: #f8fafc;
	border: 1px solid rgba(15, 23, 42, 0.06);
	border-radius: 12px;
	padding: 16px 18px;
	display: flex;
	align-items: flex-start;
	gap: 14px;
	transition: all 0.25s ease;
}

.tech-feature-card:hover {
	background: #ffffff;
	border-color: #00b6de;
	transform: translateY(-3px);
	box-shadow: 0 10px 24px rgba(0, 182, 222, 0.12);
}

.tech-feature-card__icon {
	width: 38px;
	height: 38px;
	border-radius: 10px;
	background: rgba(0, 182, 222, 0.1);
	color: #00b6de;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.tech-feature-card__icon svg {
	width: 20px;
	height: 20px;
}

.tech-feature-card__title {
	font-size: 14.5px;
	font-weight: 700;
	color: #0f172a;
	margin: 0 0 3px;
}

.tech-feature-card__desc {
	font-size: 12.5px;
	color: #64748b;
	line-height: 1.4;
	margin: 0;
}

/* Action CTA Buttons */
.tech-panel__actions {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 30px;
	flex-wrap: wrap;
}

.tech-btn-primary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 28px;
	border-radius: 10px;
	background: linear-gradient(135deg, #00b6de 0%, #0a3d91 100%);
	color: #ffffff !important;
	font-size: 14.5px;
	font-weight: 700;
	text-decoration: none !important;
	box-shadow: 0 6px 18px rgba(0, 182, 222, 0.35);
	transition: all 0.25s ease;
}

.tech-btn-primary:hover {
	background: linear-gradient(135deg, #0a3d91 0%, #00b6de 100%);
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(0, 182, 222, 0.45);
}

.tech-btn-secondary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 26px;
	border-radius: 10px;
	background: #0b1220;
	color: #ffffff !important;
	font-size: 14.5px;
	font-weight: 600;
	text-decoration: none !important;
	transition: all 0.25s ease;
}

.tech-btn-secondary:hover {
	background: #1e293b;
	transform: translateY(-2px);
}

/* Right Media Preview Card (Modern Clean Light Theme) */
.tech-panel__media-card {
	background: linear-gradient(145deg, #ffffff 0%, #f0f9ff 100%);
	border-radius: 18px;
	padding: 26px 24px;
	color: #0f172a;
	position: relative;
	overflow: hidden;
	height: 100%;
	min-height: 290px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border: 1px solid #e0f2fe;
	box-shadow: 0 14px 35px rgba(8, 45, 113, 0.07);
	transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
}

.tech-panel__media-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 20px 45px rgba(0, 188, 212, 0.15);
	border-color: #7dd3fc;
}

.tech-panel__media-glow {
	position: absolute;
	top: -40px;
	right: -40px;
	width: 240px;
	height: 240px;
	background: radial-gradient(circle, rgba(0, 185, 241, 0.15) 0%, transparent 70%);
	filter: blur(40px);
	pointer-events: none;
}

.tech-panel__media-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #e0f2fe;
	padding: 6px 14px;
	border-radius: 9999px;
	font-size: 12px;
	font-weight: 700;
	color: #0284c7;
	border: 1px solid #bae6fd;
	width: fit-content;
}

.tech-panel__media-graphic {
	text-align: center;
	margin: 18px 0;
}

.tech-panel__media-graphic svg {
	width: 80px;
	height: 80px;
	color: #0891b2;
	filter: drop-shadow(0 6px 18px rgba(0, 182, 222, 0.35));
	animation: pulseGlow 3s ease-in-out infinite alternate;
}

@keyframes pulseGlow {
	0% {
		transform: scale(0.96);
		filter: drop-shadow(0 4px 12px rgba(0, 182, 222, 0.25));
	}
	100% {
		transform: scale(1.04);
		filter: drop-shadow(0 8px 24px rgba(0, 182, 222, 0.5));
	}
}

.tech-panel__media-footer {
	text-align: center;
}

.tech-panel__media-title {
	font-size: 16px;
	font-weight: 700;
	color: #0f172a;
	margin-bottom: 12px;
	font-family: "Hind", sans-serif;
}

.tech-panel__media-cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13.5px;
	font-weight: 600;
	color: #ffffff !important;
	background: linear-gradient(135deg, #00B9F1 0%, #0047AB 100%);
	border: none;
	padding: 9px 20px;
	border-radius: 9999px;
	text-decoration: none !important;
	box-shadow: 0 4px 16px rgba(0, 185, 241, 0.3);
	transition: all 0.25s ease;
}

.tech-panel__media-cta:hover {
	background: linear-gradient(135deg, #0047AB 0%, #00B9F1 100%);
	transform: translateY(-2px);
	box-shadow: 0 8px 22px rgba(0, 185, 241, 0.45);
	color: #ffffff !important;
}

/* Responsive Media Queries */
@media (max-width: 1199px) {
	.tech-services-showcase {
		grid-template-columns: 270px minmax(0, 1fr);
	}
	.tech-services-content {
		padding: 30px 28px;
	}
	.tech-feature-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 991px) {
	.tech-services-showcase {
		grid-template-columns: 1fr;
	}
	.tech-services-nav {
		border-right: none;
		border-bottom: 1px solid rgba(15, 23, 42, 0.06);
		flex-direction: row;
		overflow-x: auto;
		padding: 16px;
		gap: 10px;
		scrollbar-width: thin;
	}
	.tech-service-tab {
		flex-shrink: 0;
		width: auto;
		white-space: nowrap;
		padding: 10px 16px;
	}
	.tech-service-tab__arrow {
		display: none;
	}
}

@media (max-width: 576px) {
	.tech-services-content {
		padding: 24px 18px;
	}
	.tech-panel__actions {
		flex-direction: column;
		align-items: stretch;
	}
	.tech-btn-primary, .tech-btn-secondary {
		justify-content: center;
	}
}

.tech-stack__card:hover .tech-stack__logo {
	transform: translateY(-2px) scale(1.08);
}

.tech-stack__card span {
	font-size: 14px;
	font-weight: 700;
}

.tech-stack__card--yellow {
	background: #fff9d9;
}

.tech-stack__card--red {
	background: #ffe3df;
}

.tech-stack__card--cyan {
	background: #dff8fc;
}

.tech-stack__card--green {
	background: #dff9f0;
}

.tech-stack__card--purple {
	background: #f2e5fb;
}

.tech-stack__card--blue {
	background: #dff1fc;
}

.tech-stack__card--orange {
	background: #ffeddc;
}

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

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

@media (prefers-reduced-motion: reduce) {

	.tech-stack__card,
	.tech-stack__card::after,
	.tech-stack__logo {
		transition: none;
		transform: none;
	}

	.tech-stack__card:hover {
		transform: none;
	}

	.tech-stack__card:hover::after {
		transform: translateX(-180%) rotate(18deg);
	}
}

@media (max-width: 767px) {
	.tech-stack-section {
		padding: 72px 0;
	}

	.tech-stack__heading {
		margin-bottom: 32px;
	}

	.tech-stack__layout {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.tech-stack__categories {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 6px;
	}

	.tech-stack__category {
		padding: 12px 10px;
		font-size: 14px;
	}

	.tech-stack__panel {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 420px) {
	.tech-stack__panel {
		grid-template-columns: 1fr;
	}
}



.why-intechno-section .why-intechno__content,
.why-intechno-section .why-intechno__feature,
.why-intechno-section .why-intechno__visual {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity .7s ease, transform .7s cubic-bezier(.2, .7, .2, 1);
}

.why-intechno-section.is-visible .why-intechno__content,
.why-intechno-section.is-visible .why-intechno__visual {
	opacity: 1;
	transform: translateY(0);
}

.why-intechno-section.is-visible .why-intechno__feature {
	opacity: 1;
	transform: translateY(0);
}

.why-intechno-section.is-visible .why-intechno__feature:nth-child(1) {
	transition-delay: .08s;
}

.why-intechno-section.is-visible .why-intechno__feature:nth-child(2) {
	transition-delay: .18s;
}

.why-intechno-section.is-visible .why-intechno__feature:nth-child(3) {
	transition-delay: .28s;
}

@media (max-width: 991px) {
	.why-intechno__inner {
		display: grid;
		grid-template-columns: 1fr;
		gap: 28px;
		padding: 22px 18px 18px;
	}

	.why-intechno__content {
		padding: 8px 8px 0;
	}

	.why-intechno__visual {
		min-height: auto;
		padding: 20px 10px;
	}

	.why-intechno__image-stack {
		width: 100%;
		max-width: 460px;
		height: 400px;
		margin: 0 auto;
	}

	.why-intechno__badge {
		left: 0;
		bottom: 15px;
	}
}

@media (max-width: 767px) {
	.why-intechno-section {
		padding: 60px 0 50px;
	}

	.why-intechno__inner {
		padding: 18px 14px 16px;
		border-radius: 24px;
	}

	.why-intechno__features {
		margin-top: 20px;
	}

	.why-intechno__feature {
		grid-template-columns: 42px 42px minmax(0, 1fr);
		gap: 12px;
		padding: 14px;
		border-radius: 16px;
	}

	.feature__index,
	.feature__icon {
		width: 42px;
		height: 42px;
	}

	.feature__index {
		font-size: 11px;
	}

	.feature__icon svg {
		width: 22px;
		height: 22px;
	}

	.feature__body p {
		font-size: 15px;
	}

	.why-intechno__image-stack {
		width: 100%;
		max-width: 380px;
		height: 330px;
	}

	.why-intechno__image--large {
		width: 80%;
		height: 80%;
		border-top-left-radius: 36px;
		border-radius: 18px;
	}

	.why-intechno__image--small {
		width: 48%;
		height: 48%;
		border: 4px solid #ffffff;
		border-radius: 16px;
	}

	.why-intechno__badge {
		left: 0;
		bottom: 8px;
		padding: 8px 14px;
		border-radius: 12px;
		gap: 8px;
	}

	.why-intechno__badge-number {
		font-size: 20px;
	}

	.why-intechno__badge-label {
		font-size: 11px;
		max-width: 80px;
	}

	.why-intechno-section .why-intechno__content,
	.why-intechno-section .why-intechno__feature,
	.why-intechno-section .why-intechno__visual {
		opacity: 1;
		transform: none;
	}
}

@media (max-width: 480px) {
	.why-intechno__image-stack {
		width: 100%;
		max-width: 310px;
		height: 270px;
	}

	.why-intechno__image--large {
		left: 0;
		width: 82%;
		height: 82%;
		border-top-left-radius: 28px;
		border-radius: 16px;
	}

	.why-intechno__image--small {
		right: 0;
		bottom: 0;
		width: 48%;
		height: 48%;
		border: 3px solid #ffffff;
		border-radius: 14px;
	}

	.why-intechno__badge {
		left: 0;
		bottom: 0;
		padding: 6px 10px;
		gap: 6px;
	}

	.why-intechno__badge-number {
		font-size: 17px;
	}

	.why-intechno__badge-label {
		font-size: 10px;
		max-width: 70px;
	}
}

@media (prefers-reduced-motion: reduce) {

	.why-intechno-section .why-intechno__content,
	.why-intechno-section .why-intechno__feature,
	.why-intechno-section .why-intechno__visual,
	.why-intechno__feature,
	.feature__icon {
		transition: none;
		transform: none;
		opacity: 1;
	}
}

@media (max-width: 767px) {
	.section-heading {
		margin-bottom: 38px;
	}

	.section-heading__title,
	.section-heading h1,
	.section-heading h2 {
		font-size: clamp(32px, 9vw, 48px);
	}

	.section-heading__description,
	.section-heading>p,
	.section-heading>.text {
		font-size: 15px;
	}

	.section-heading__number {
		top: -14px;
		right: 4px;
		font-size: 72px;
	}
}

@media (prefers-reduced-motion: reduce) {

	.section-heading--reveal .section-heading__eyebrow,
	.section-heading--reveal .section-heading__title,
	.section-heading--reveal .section-heading__description,
	.section-heading--reveal .section-heading__number {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* welcome title */

.welcome-title {
	text-align: center;
	margin-bottom: 40px;
}

.welcome-title h2 {
	text-align: center;
	font-size: 30px;
	margin-bottom: 10px;
	font-weight: 600;
}

/* inner page title */

.inner-page-title {
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 20px;
}

.inner-page-title h4 {
	font-size: 22px;
	color: #000000;
	font-weight: 500;
	line-height: 1.2em;
	text-transform: capitalize;
}

.inner-page-title:before {
	position: absolute;
	content: '';
	background: #ddd;
	height: 1px;
	width: 100%;
	bottom: 0;
}

.inner-page-title:after {
	position: absolute;
	content: '';
	background: #082d71;
	height: 2px;
	width: 40px;
	bottom: 0;
}

/*
================================== 
2.button Style One 
==================================
*/

.btn-style-one {
	position: relative;
	padding: 16px 45px;
	line-height: 26px;
	color: #fff;
	text-align: center;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
	background: #082d71;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: 2px solid #082d71;
	font-family: "Hind", sans-serif;
	border-radius: 8px;
}

.btn-style-one:hover {
	color: #082d71;
	background: #fff;
	border: 2px solid #fff;
}

.btn-style-one.bs {
	position: relative;
	padding: 11px 40px;
	border-radius: 25px;
	line-height: 24px;
	color: #ffffff;
	text-align: center;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	background: #082d71;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: 2px solid #082d71;
	font-family: "Hind", sans-serif;
}

.btn-style-one.bs:hover {
	color: #ffffff;
	background: #101010;
	border-color: #101010;
}

/*Btn Style two*/

.btn-style-two {
	position: relative;
	padding: 16px 45px;
	line-height: 26px;
	border-radius: 8px;
	color: #ffffff;
	text-align: center;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	background: #082d71;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: 2px solid #082d71;
	font-family: "Hind", sans-serif;
}

.btn-style-two:hover {
	color: #ffffff;
	background: #00b6de;
	border-color: #00b6de;
}

/* Common Intechno Button */
.itechno-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding: 12px 26px;
    border: 1px solid #009FE3;
    border-radius: 50px;
    background: linear-gradient(135deg, #00BFFF, #0072CE);
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none !important;
    cursor: pointer;
    box-shadow: 0 5px 16px rgba(0, 159, 227, 0.22);
    transition: color 0.3s ease,
                border-color 0.3s ease,
                box-shadow 0.3s ease,
                transform 0.3s ease;
}

.itechno-btn::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(135deg, #0047AB, #003580);
    transform: translateY(101%);
    transition: transform 0.4s ease;
}

.itechno-btn:hover {
    color: #ffffff !important;
    border-color: #0047AB;
    box-shadow: 0 8px 22px rgba(0, 71, 171, 0.28);
    transform: translateY(-2px);
}

.itechno-btn:hover::before {
    transform: translateY(0);
}

.itechno-btn:active {
    transform: translateY(0);
    box-shadow: 0 3px 10px rgba(0, 71, 171, 0.2);
}

.itechno-btn:focus-visible {
    outline: 3px solid rgba(0, 191, 255, 0.4);
    outline-offset: 3px;
}

.header-action-btn {
    display: inline-flex;
    align-items: center;
}

@media (max-width: 575px) {
    .header-action-btn .itechno-btn {
        padding: 9px 18px;
        font-size: 13.5px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .itechno-btn,
    .itechno-btn::before {
        transition: none;
    }
}

/*Btn Style seven*/

.btn-style-seven {
	position: relative;
	padding: 16px 45px;
	line-height: 26px;
	color: #fff;
	text-align: center;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	background: none;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: 2px solid #fff;
	font-family: "Hind", sans-serif;
	border-radius: 8px;
}

.btn-style-seven:hover {
	color: #ffffff;
	border-color: #082d71;
	background-color: #082d71;
}

.btn-style-three {
	position: relative;
	padding: 11px 24px;
	line-height: 24px;
	color: #00b6de;
	text-align: center;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	background: none;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: 2px solid #00b6de;
	font-family: "Hind", sans-serif;
}

.btn-style-three:hover {
	color: #ffffff;
	border-color: #00b6de;
	background-color: #00b6de;
}

/***

==================================================================
	3.	more-about-box css
==================================================================

***/

.more-about-box {
	position: relative;
}

.more-about-box .video-image-box .overlay-link {
	z-index: 9;
}

.more-about-box .video-image-box .overlay-link span:before {
	height: 81px;
	width: 81px;
	border-radius: 50%;
	text-align: center;
	background: #082d71;
	line-height: 80px;
	font-size: 82px;
	margin: 0;
}

.more-about-box .video-image-box.style-2 .overlay-link span:before {
	background: #fff;
	color: #082d71;
}

.about-relationship-section {
	position: relative;
	padding: var(--section-padding);
	background: #edf4fb;
}

.about-relationship-grid {
	display: grid;
	grid-template-columns: 1.08fr 0.92fr;
	align-items: center;
	gap: 36px;
	padding: 26px 22px 20px 18px;
	background: rgba(255, 255, 255, 0.82);
	border-radius: 34px;
	box-shadow: 0 24px 58px rgba(14, 47, 102, 0.08);
}

.about-relationship__content {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 16px 10px 10px 16px;
}

.relationship-item {
	display: flex;
	align-items: center;
	gap: 22px;
	padding: 8px 0;
	min-height: 138px;
}

.relationship-item__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 82px;
	height: 82px;
	min-width: 82px;
	border-radius: 50%;
	background: linear-gradient(135deg, #1bb1eb 0%, #0a5ed3 100%);
	box-shadow: 0 15px 26px rgba(10, 95, 211, 0.18);
	color: #fff;
	font-size: 30px;
	line-height: 1;
}

.relationship-item__icon .fa {
	font-size: 28px;
}

.relationship-item__icon svg {
	width: 34px;
	height: 34px;
	stroke: #ffffff;
	fill: none;
	stroke-width: 2.2;
}

.relationship-item__body {
	padding-top: 2px;
}

.relationship-item__body h3 {
	margin: 0 0 10px;
	font-size: clamp(2.1rem, 1.4vw + 1.4rem, 2.8rem);
	line-height: 1.14;
	letter-spacing: -0.05em;
	font-weight: 800;
	color: #0d244f;
}

.relationship-item__body p {
	margin: 0;
	max-width: 620px;
	font-size: 17px;
	line-height: 1.8;
	color: rgba(18, 33, 54, 0.8);
}

.about-relationship__visual {
	display: flex;
	justify-content: center;
	padding: 8px 10px 8px 0;
}

.relationship-visual__image-wrap {
	position: relative;
	width: 100%;
	max-width: 640px;
	padding: 18px;
	border-radius: 40px;
	background: linear-gradient(135deg, rgba(175, 218, 255, 0.32), rgba(43, 144, 225, 0.08));
	box-shadow: 0 26px 50px rgba(9, 38, 92, 0.12);
}

.relationship-visual__image-wrap::before {
	content: "";
	position: absolute;
	top: 24px;
	right: 18px;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.35);
}

.relationship-visual__image-wrap img {
	display: block;
	width: 100%;
	height: 620px;
	border-radius: 30px;
	object-fit: cover;
	box-shadow: 0 18px 35px rgba(12, 28, 62, 0.15);
}

@media (max-width: 991px) {
	.about-relationship-grid {
		grid-template-columns: 1fr;
		gap: 12px;
		padding: 18px 14px;
	}

	.about-relationship__content {
		padding: 10px 6px 0;
	}

	.about-relationship__visual {
		padding: 0 8px 10px;
	}
}

@media (max-width: 575px) {
	.about-relationship-section {
		padding: var(--section-padding);
	}

	.relationship-item {
		gap: 14px;
		align-items: flex-start;
		min-height: 0;
	}

	.relationship-item__icon {
		width: 58px;
		height: 58px;
		min-width: 58px;
		font-size: 24px;
	}

	.relationship-item__icon svg {
		width: 26px;
		height: 26px;
	}

	.relationship-item__body h3 {
		font-size: 1.9rem;
	}

	.relationship-item__body p {
		font-size: 15px;
	}
}

/*
================================== 
more-about-box-2 css
==================================
*/

.more-about-box-2 {
	position: relative;
	background-size: cover;
}

.more-about-box-2.style-2 {
	position: relative;
	background-size: cover;
	background-color: #000;
}

.about-box-style {
	position: relative;
	margin-bottom: 45px;
}

.about-box-style .about-no {
	display: inline-block;
	float: right;
	font-size: 70px;
	font-weight: 600;
	color: #ddd;
	line-height: 28px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.about-box-style .title {
	font-size: 26px;
	font-weight: 600;
	margin: 5px 0px 5px;
}

.about-box-style:hover .about-no {
	color: #00b6de;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.about-box-style .title a {
	color: #082d71;
}

.about-box-style .about-icon i:before {
	font-size: 50px;
	color: #082d71;
	margin: 0;
}

.experience-image-box {
	padding-top: 16px;
}

/***

==================================================================
	service-box-section css
==================================================================

***/

.service-box-section {
	position: relative;
	background-image: url('../img/bg-1.png');
	padding: var(--section-padding);
	background-repeat: no-repeat;
	background-size: cover;
}

.service-block {
	position: relative;
	margin-bottom: 30px;
}

.service-block .inner-box {
	position: relative;
	text-align: center;
	padding: 20px 24px 26px;
	background-color: #ffffff;
	border-radius: 28px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	box-shadow: 0 20px 35px rgba(8, 45, 113, 0.08);
	border: 1px solid rgba(8, 45, 113, 0.04);
	overflow: hidden;
}

.service-block .inner-box:hover {
	transform: translateY(-8px);
	box-shadow: 0 26px 42px rgba(8, 45, 113, 0.12);
}

.service-block .inner-box:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 160px;
	background: linear-gradient(135deg, #edf7fb 0%, #dff4fb 100%);
	border-radius: 0 0 38% 38%;
	transition: all 500ms ease;
}

.service-block:nth-child(2) .inner-box:before {
	background: linear-gradient(135deg, #fff3eb 0%, #ffe4d3 100%);
}

.service-block:nth-child(3) .inner-box:before {
	background: linear-gradient(135deg, #eefcf7 0%, #dff7ef 100%);
}

.service-block:nth-child(4) .inner-box:before {
	background: linear-gradient(135deg, #ecf9ff 0%, #d9ebff 100%);
}

.service-block .inner-box>* {
	position: relative;
	z-index: 1;
}

.service-block .inner-box .icon-box {
	position: relative;
	color: #00b6de;
	font-size: 60px;
	line-height: 1em;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	padding-top: 18px;
	margin-bottom: 24px;
}

.service-block .inner-box .icon-box img {
	display: block;
	max-width: 100%;
	height: 120px;
	margin: 0 auto;
	object-fit: contain;
}

.service-block .inner-box h5 {
	position: relative;
	font-weight: 700;
	line-height: 1.3em;
	margin-top: 0;
	margin-bottom: 18px;
	font-size: 22px;
	text-align: center;
}

.service-block .inner-box h5 a {
	position: relative;
	color: #0d2d5b;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.service-block .inner-box .text {
	position: relative;
	color: #555555;
	font-size: 16px;
	line-height: 1.8em;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	text-align: left;
}

.service-block .inner-box .arrow {
	position: absolute;
	left: 100%;
	width: 56px;
	height: 56px;
	bottom: 0px;
	color: #ffffff;
	line-height: 56px;
	font-size: 20px;
	margin-left: -56px;
	border-radius: 18px 0 0 0;
	background: linear-gradient(135deg, #09b9de 0%, #0bb0db 100%);
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.service-block .inner-box:hover .arrow {
	left: 0%;
	margin-left: 0px;
	border-radius: 0 18px 0 0;
	background: linear-gradient(135deg, #09b9de 0%, #0bb0db 100%);
	color: #fff;
}

/***

==================================================================
 feature-box-card1 css
==================================================================

***/

.feature-box-card1 {
	position: relative;
}

.feature-box-card1 .wrapper-box {
	margin-top: -100px;
	position: relative;
	z-index: 9;
	background: transparent;
	border-radius: 0;
	box-shadow: none;
}

.feature-box-card1 .outer-box {
	border-radius: 0;
	overflow: visible;
}

.feature-box-wrap {
	position: relative;
	padding: 0 10px;
}

.feature-box-wrap .inner-box {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 18px 24px;
	text-align: center;
	overflow: visible;
	background: #f7f9fc;
	border-radius: 22px;
	box-shadow: 0 15px 35px rgba(10, 61, 145, 0.08);
	min-height: 400px;
	border: 1px solid rgba(10, 61, 145, 0.08);
}

.feature-box-wrap .inner-box {
	position: relative;
	border-width: 1px;
	transition:
		transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 0.4s ease,
		border-color 0.4s ease;
}

.feature-box-wrap .inner-box::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 126px;
	border-radius: 22px 22px 42% 42%;
	background: linear-gradient(135deg, #e7f3fb 0%, #d6edf9 100%);
	pointer-events: none;
	transition: filter 0.4s ease;
}

.feature-box-wrap .inner-box::after {
	content: '';
	position: absolute;
	inset: 7px;
	border: 1px dashed transparent;
	border-top: 0;
	border-radius: 17px;
	pointer-events: none;
	z-index: 2;
	transition: border-color 0.4s ease, transform 0.4s ease;
}

.feature-box-wrap .inner-box:hover {
	border-color: rgba(40, 185, 224, 0.38);
	transform: translateY(-8px);
	box-shadow: 0 22px 42px rgba(10, 61, 145, 0.12), 0 0 18px rgba(40, 185, 224, 0.1);
}

.feature-box-wrap .inner-box:hover::before {
	filter: brightness(1.04) saturate(1.04);
}

.feature-box-wrap .inner-box:hover::after {
	border-color: rgba(13, 45, 91, 0.28);
	transform: scale(0.98);
}

.feature-box-wrap .number {
	position: absolute;
	right: 20px;
	top: 68px;
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	color: #0d2d5b;
	text-align: right;
	z-index: 1;
}

.feature-box-wrap .number:after {
	content: '';
	display: block;
	width: 42px;
	height: 2px;
	margin-top: 7px;
	margin-left: auto;
	background: #0d2d5b;
}

.feature-box-wrap .inner-box:before {
	z-index: 0;
}

.feature-box-wrap:nth-child(2) .inner-box:before {
	background: linear-gradient(135deg, #f3ecff 0%, #dfe6ff 100%);
}

.feature-box-wrap:nth-child(3) .inner-box:before {
	background: linear-gradient(135deg, #ebf9f4 0%, #d3f1e8 100%);
}

.feature-box-wrap:nth-child(4) .inner-box:before {
	background: linear-gradient(135deg, #dff9ff 0%, #cbe4ff 100%);
}

.feature-box-wrap .inner-box>* {
	position: relative;
	z-index: 1;
}

.feature-box-wrap .icon {
	position: absolute;
	top: -34px;
	left: 50%;
	width: 96px;
	height: 96px;
	margin: 0;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid rgba(10, 61, 145, 0.1);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 10px 22px rgba(10, 61, 145, 0.14);
	transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s ease;
}

.feature-box-wrap .icon img,
.feature-box-wrap .feature-illustration {
	display: block;
	width: 70px;
	height: 70px;
	object-fit: contain;
	filter: drop-shadow(0 10px 18px rgba(8, 45, 113, 0.12));
	transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.feature-box-wrap .inner-box:hover .icon {
	transform: translate(-50%, -4px);
	box-shadow: 0 14px 26px rgba(10, 61, 145, 0.18);
}

.feature-box-wrap .inner-box:hover .icon img,
.feature-box-wrap .inner-box:hover .feature-illustration {
	transform: scale(1.05);
}

.feature-box-wrap .feature-illustration {
	overflow: visible;
}

.feature-box-wrap .feature-illustration .cls-1,
.feature-box-wrap .feature-illustration .cls-2,
.feature-box-wrap .feature-illustration .cls-3,
.feature-box-wrap .feature-illustration .cls-4,
.feature-box-wrap .feature-illustration .cls-5,
.feature-box-wrap .feature-illustration .cls-6,
.feature-box-wrap .feature-illustration .cls-7,
.feature-box-wrap .feature-illustration .cls-8 {
	vector-effect: non-scaling-stroke;
}

.feature-box-wrap h4 {
	position: relative;
	margin: 112px 0 12px;
	font-size: clamp(1.55rem, 1.1vw + 1rem, 2.05rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	color: #062a5d;
	line-height: 1.16;
	text-wrap: balance;
	transition: color 0.3s ease;
}

.feature-box-wrap .text {
	position: relative;
	margin: 0 auto 16px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.65;
	letter-spacing: 0.01em;
	color: rgba(41, 59, 83, 0.82);
	max-width: 270px;
	text-align: center;
	flex: 1 1 auto;
	transition: color 0.3s ease;
}

.feature-box-wrap .inner-box:hover h4,
.feature-box-wrap .inner-box:hover .text {
	color: #0a2f69;
}

.feature-box-wrap .theme-btn,
.feature-box-wrap .theme-btn:hover {
	position: relative;
	display: inline-block;
	width: 90%;
	padding: 12px 18px;
	line-height: 22px;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: #082d71;
	border: 2px solid #082d71;
	border-radius: 8px;
	box-shadow: none;
	transition: background-color .4s ease, border-color .4s ease, box-shadow .4s ease;
}

.feature-box-wrap .theme-btn:hover {
	background: #0a3a8f;
	border-color: #0a3a8f;
	color: #fff;
}

.feature-box-wrap .theme-btn::after {
	content: ' \2192';
	margin-left: 5px;
	transition: transform .4s cubic-bezier(.22, 1, .36, 1);
}

.feature-box-wrap .theme-btn:hover::after {
	display: inline-block;
	transform: translateX(4px);
}

/* Keep the four feature cards equal within each Bootstrap row. */
.feature-box-card1 .row.m-0 {
	display: flex;
	align-items: stretch;
}

.feature-box-card1 .feature-box-wrap {
	display: flex;
}

.feature-box-card1 .feature-box-wrap .inner-box {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.feature-box-card1 .feature-box-wrap .theme-btn {
	margin-top: auto;
}

@media (max-width: 767px) {
	.feature-box-card1 .feature-box-wrap .inner-box {
		min-height: 390px;
		max-width: 320px;
		margin-right: auto;
		margin-left: auto;
	}

	.feature-box-wrap .icon {
		width: 86px;
		height: 86px;
		top: -30px;
	}

	.feature-box-wrap .icon img,
	.feature-box-wrap .feature-illustration {
		width: 64px;
		height: 64px;
	}
}

.feature-box-wrap .read-more-link {
	position: relative;
	color: #9ca6b6;
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.feature-box-wrap .inner-box:hover .read-more-link {
	color: #fff;
}

.feature-box-wrap .read-more-link i {
	margin-left: 5px;
}

/***

==================================================================
 our-process-box css
==================================================================

***/

.our-process-box {
	position: relative;
	z-index: 9;
}

.our-process-box .video-image-box .overlay-link {
	z-index: 9;
}

.our-process-box .video-image-box .overlay-link span:before {
	height: 81px;
	width: 81px;
	border-radius: 50%;
	text-align: center;
	background: #082d71;
	line-height: 80px;
	font-size: 82px;
	margin: 0;
}

.our-process-box .video-image-box.style-2 .overlay-link span:before {
	background: #fff;
	color: #082d71;
}

/*
================================== 
10.video box
==================================
*/

.video-image-box .image {
	position: relative;
}

.video-image-box img {
	display: block;
	width: 100%;
	border-radius: 15px;
}

/* Idea cards */
.idea-cards-section {
	position: relative;
	padding: var(--section-padding);
	background: #f7fafc;
	overflow: hidden;
}

.idea-cards-section:before {
	position: absolute;
	content: '';
	inset: 0;
	background-image: linear-gradient(rgba(10, 61, 145, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(10, 61, 145, .035) 1px, transparent 1px);
	background-size: 44px 44px;
	mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .7), transparent 78%);
	pointer-events: none;
}

.idea-cards-section:after {
	position: absolute;
	content: '';
	top: 10%;
	right: -160px;
	width: 420px;
	height: 420px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(40, 185, 224, .08), transparent 68%);
	pointer-events: none;
}

.idea-cards-section .section-heading {
	position: relative;
	margin-bottom: 48px;
	z-index: 1;
}

.idea-cards-section .section-heading__title {
	font-size: clamp(34px, 4vw, 58px);
}

.idea-cards-row {
	position: relative;
	margin-right: -12px;
	margin-left: -12px;
	z-index: 1;
}

.idea-cards-row>[class*="col-"] {
	display: flex;
	margin-bottom: 24px;
	padding-right: 12px;
	padding-left: 12px;
}

.idea-card {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: 232px;
	padding: 24px 50px 20px 24px;
	overflow: hidden;
	background: linear-gradient(135deg, rgba(255, 255, 255, .86), rgba(239, 247, 251, .68));
	border: 1px solid rgba(255, 255, 255, .82);
	border-radius: 18px;
	box-shadow: 0 14px 28px rgba(23, 52, 78, .13), inset 0 1px 0 rgba(255, 255, 255, .9);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	opacity: 1;
	transform: none;
	transition: none;
}

.idea-card.is-visible {
	opacity: 1;
	transform: none;
}

.idea-card:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 72%;
	height: 1px;
	background: linear-gradient(90deg, rgba(255, 255, 255, .95), transparent);
	z-index: 1;
	pointer-events: none;
}

.idea-cards-row>[class*="col-"]:nth-child(1) .idea-card {
	transition-delay: 0ms;
}

.idea-cards-row>[class*="col-"]:nth-child(2) .idea-card {
	transition-delay: 0ms;
}

.idea-cards-row>[class*="col-"]:nth-child(3) .idea-card {
	transition-delay: 0ms;
}

.idea-cards-row>[class*="col-"]:nth-child(4) .idea-card {
	transition-delay: 0ms;
}

.idea-cards-row>[class*="col-"]:nth-child(5) .idea-card {
	transition-delay: 0ms;
}

.idea-cards-row>[class*="col-"]:nth-child(6) .idea-card {
	transition-delay: 0ms;
}

.idea-cards-row>[class*="col-"]:nth-child(7) .idea-card {
	transition-delay: 0ms;
}

.idea-cards-row>[class*="col-"]:nth-child(8) .idea-card {
	transition-delay: 0ms;
}

.idea-card:after {
	position: absolute;
	content: '';
	top: 0;
	right: -1px;
	bottom: 0;
	width: 42px;
	background: #f3b42f;
	border: 0;
	border-radius: 0 18px 18px 0;
	clip-path: polygon(38% 0, 100% 0, 100% 100%, 0 100%, 0 22%);
	transform: none;
	z-index: 0;
}

.idea-card:hover {
	transform: none;
	transition: none;
}

.idea-card.is-visible:hover {
	transform: none;
	transition: none;
}

.idea-cards-row>[class*="col-"]:nth-child(2) .idea-card:after {
	background: #ef6333;
}

.idea-cards-row>[class*="col-"]:nth-child(3) .idea-card:after {
	background: #776d63;
}

.idea-cards-row>[class*="col-"]:nth-child(4) .idea-card:after {
	background: #2ca95c;
}

.idea-cards-row>[class*="col-"]:nth-child(5) .idea-card:after {
	background: #28b9c9;
}

.idea-cards-row>[class*="col-"]:nth-child(6) .idea-card:after {
	background: #2367a8;
}

.idea-cards-row>[class*="col-"]:nth-child(7) .idea-card:after {
	background: #8494b5;
}

.idea-cards-row>[class*="col-"]:nth-child(8) .idea-card:after {
	background: #9b52a6;
}

.idea-cards-row>[class*="col-"]:nth-child(8) .idea-card:after {
	background: #dc3d91;
}

.idea-card__clip {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 62px;
	height: 100%;
	background: rgba(255, 255, 255, .10);
	clip-path: polygon(48% 0, 100% 0, 100% 100%, 0 100%, 0 32%);
	pointer-events: none;
	z-index: 1;
}

.idea-card__clip:after {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	width: 5px;
	height: 100%;
	background: rgba(255, 255, 255, .28);
	display: block;
}

.idea-card__fold {
	position: absolute;
	right: 12px;
	bottom: 12px;
	display: block;
	width: 18px;
	height: 18px;
	background: rgba(255, 255, 255, .22);
	clip-path: polygon(0 0, 100% 0, 100% 100%);
	transform: rotate(0deg);
	z-index: 2;
	pointer-events: none;
}

.idea-card__icon {
	position: absolute;
	top: 22px;
	left: 24px;
	right: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	color: #334155;
	background: transparent;
	border: 0;
	border-radius: 50%;
	box-shadow: none;
	font-size: 24px;
	line-height: 1;
	text-align: center;
	z-index: 2;
	transition: none;
}

.idea-card__number {
	position: absolute;
	top: 13px;
	right: 7px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	opacity: .95;
	letter-spacing: 0;
	z-index: 2;
}

.idea-card h3 {
	position: relative;
	margin: 32px 0 12px;
	color: #0a2f6b;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.25;
	text-transform: uppercase;
	z-index: 1;
}

.idea-card h3:after {
	position: absolute;
	content: '';
	left: 0;
	bottom: -6px;
	width: 28px;
	height: 2px;
	background: #0a3d91;
	border-radius: 4px;
	transition: width .3s ease;
}

.idea-card p {
	position: relative;
	max-width: 210px;
	margin: 0;
	color: #64748b;
	font-size: 12px;
	line-height: 1.45;
	z-index: 1;
}

/* Geometric Corner SVGs for Idea Cards */
.idea-card__decor-tr {
	position: absolute;
	top: 14px;
	right: 48px;
	width: 22px;
	height: 22px;
	opacity: 0.45;
	pointer-events: none;
	z-index: 2;
}

.idea-card__decor-bl {
	position: absolute;
	bottom: 8px;
	left: 16px;
	width: 98px;
	height: 66px;
	opacity: 0.75;
	pointer-events: none;
	z-index: 0;
}

.idea-card__link {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 12px;
	align-self: flex-start;
	margin-top: auto;
	padding: 9px 14px;
	color: #fff;
	background: #0a3d91;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .04em;
	line-height: 1.2;
	text-transform: uppercase;
	z-index: 1;
	box-shadow: 0 5px 12px rgba(10, 61, 145, .14);
	transition: transform .3s ease, background .25s ease, color .25s ease, box-shadow .3s ease;
}

.idea-card__link:hover {
	color: #fff;
	background: #082f70;
	box-shadow: 0 9px 20px rgba(10, 61, 145, .22);
	transform: translateY(-2px);
}

.idea-card__link .fa {
	font-size: 13px;
	transition: transform .3s ease;
}

.idea-card__link:hover .fa {
	transform: translateX(4px);
}

.idea-card:hover .idea-card__icon {
	transform: none;
}

.idea-card:hover h3:after {
	width: 28px;
}

@media (max-width: 767px) {
	.idea-cards-section {
		padding: var(--section-padding);
	}

	.idea-card {
		min-height: 210px;
		padding-right: 42px;
		padding-left: 20px;
		padding-top: 22px;
		padding-bottom: 18px;
	}

	.idea-card__icon {
		left: 20px;
		top: 20px;
	}

	.idea-card h3 {
		margin-top: 30px;
	}
}

@media (prefers-reduced-motion: reduce) {

	.idea-card,
	.idea-card__icon,
	.idea-card__link,
	.idea-card__link .fa,
	.idea-card h3:after {
		transition: none;
	}

	.idea-card {
		opacity: 1;
		transform: none;
	}
}

.video-image-box .image .overlay-link {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	font-size: 50px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #ffffff;
	text-align: center;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.video-image-box .image .overlay-link .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -30px;
	margin-left: -30px;
	width: 60px;
	background: #fff;
	height: 60px;
	border-radius: 50%;
	line-height: 60px;
	font-size: 29px;
	color: #082d71;
	padding-left: 5px;
}

/* video-box */

.default-video-box {
	margin-bottom: 40px;
}

.default-video-box a {
	color: #fff;
	font-size: 60px;
	position: relative;
	display: inline-block;
}

.video-image-box.mb-30 .ripple,
.video-image-box.mb-30 .ripple:before,
.video-image-box.mb-30 .ripple:after {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 80px;
	width: 80px;
	margin-top: -40px;
	margin-left: -40px;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);
	-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);
	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);
	-webkit-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
}

.video-image-box.mb-30 .ripple:before {
	-webkit-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
}

.video-image-box.mb-30 .ripple:after {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
}

@-webkit-keyframes ripple {
	70% {
		-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);
		box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
		box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
	}
}

@keyframes ripple {
	70% {
		-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);
		box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);
	}

	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
		box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
	}
}

/*
================================== 
our-process-box2 CSS
==================================
*/

.our-process-box-area {
	position: relative;
}

.our-process-box2 {
	position: relative;
	z-index: 1;
	margin-bottom: 0px;
}

.our-process-box2 .inner-box {
	position: relative;
	overflow: hidden;
	padding: 45px 45px;
	border-radius: 10px;
	background-color: #ffffff;
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.08);
}

.our-process-box2 .inner-box .shape-one {
	content: '';
	width: 250px;
	height: 250px;
	background: #00B6DE;
	border-radius: 50%;
	position: absolute;
	bottom: -120px;
	right: -120px;
	transform: scale(0);
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.our-process-box2 .inner-box:hover .shape-one {
	transform: scale(1);
	webkit-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	transition-delay: 300ms;
}

.our-process-box2 .inner-box .shape-two {
	content: '';
	width: 373px;
	height: 373px;
	background: #00B6DE;
	border-radius: 50%;
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
	transform: translate(100%, 100%);
}

.our-process-box2 .inner-box:hover .shape-two {
	opacity: 0.6;
	transform: translate(50%, 50%);
	webkit-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	transition-delay: 600ms;
}

.our-process-box2 .inner-box .shape-three {
	content: '';
	width: 500px;
	height: 500px;
	background: #00B6DE;
	border-radius: 50%;
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
	transform: translate(100%, 100%);
}

.our-process-box2 .inner-box:hover .shape-three {
	opacity: 0.4;
	webkit-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	transition-delay: 900ms;
	transform: translate(50%, 50%);
}

.our-process-box2 .inner-box:before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 50%;
	opacity: 0;
	background-color: #082d71;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	transition: all 600ms ease;
}

.our-process-box2 .inner-box:hover::before {
	height: 100%;
	opacity: 1;
}

.our-process-box2 .inner-box .icon-box {
	position: relative;
	z-index: 2;
}

.our-process-box2 .inner-box .icon-box {
	position: relative;
	font-size: 60px;
	line-height: 1em;
	color: #00b6de;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.our-process-box2 .inner-box .icon-box .icon {
	position: relative;
}

.our-process-box2 .inner-box h3 {
	position: relative;
	font-size: 24px;
	z-index: 2;
	color: #222222;
	font-weight: 700;
	line-height: 1.3em;
	margin: 35px 0px 28px;
}

.our-process-box2 .inner-box h3 a {
	position: relative;
	color: #082d71;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.our-process-box2 .inner-box h3 a:hover,
.our-process-box2 .inner-box .read-more:hover {
	color: #ff0303;
}

.our-process-box2 .inner-box .text {
	position: relative;
	color: #222222;
	z-index: 2;
	font-size: 16px;
	line-height: 1.8em;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.our-process-box2 .inner-box:hover .icon-box,
.our-process-box2 .inner-box:hover h3 a,
.our-process-box2 .inner-box:hover .text {
	color: #ffffff;
}

/***

==================================================================
 latest button css
==================================================================

***/

.btn-button-style-1 {
	position: relative;
	padding: 11px 24px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	background: #082d71;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: 2px solid #082d71;
	font-family: "Hind", sans-serif;
}

.btn-button-style-1:hover {
	color: #082d71;
	background: #fff;
	border: 2px solid #fff;
}

.btn-button-style-1.bs {
	position: relative;
	padding: 11px 40px;
	border-radius: 25px;
	line-height: 24px;
	color: #ffffff;
	text-align: center;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	background: #082d71;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: 2px solid #082d71;
	font-family: "Hind", sans-serif;
}

.btn-button-style-1.bs:hover {
	color: #ffffff;
	background: #101010;
	border-color: #101010;
}

/***

==================================================================
 we-serve-box-section css
==================================================================

***/

.we-serve-box-section {
	position: relative;
	padding: var(--section-padding);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.we-serve-box-section:before {
	position: absolute;
	content: '';
	background: rgba(247, 247, 247, 0.523);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.we-serve-box-section .sec-title {
	margin: 0 0;
}

.we-serve-box-section .sec-title h1 {
	color: #fff;
}

.we-serve-box-section .sec-title p {
	color: #fff;
}

.we-serve-bento-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-auto-rows: minmax(245px, auto);
	gap: 20px;
	align-items: stretch;
}

.we-serve-bento-item {
	min-width: 0;
}

.we-serve-bento-item--wide {
	grid-column: auto;
}

.we-serve-bento-item--tall {
	grid-row: auto;
}

.single-we-serve-wrap {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: 100%;
	background: linear-gradient(145deg, #292b30, #1c1e23);
	-webkit-box-shadow: 0 18px 38px rgba(0, 0, 0, .42), 0 3px 10px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .1);
	box-shadow: 0 18px 38px rgba(0, 0, 0, .42), 0 3px 10px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .1);
	margin-bottom: 0;
	text-align: center;
	padding: 24px 22px 22px;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 16px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	-webkit-transition: transform .4s cubic-bezier(.2, .7, .2, 1), box-shadow .4s ease;
	transition: transform .4s cubic-bezier(.2, .7, .2, 1), box-shadow .4s ease;
}


.single-we-serve-wrap::before {
	content: '';
	position: absolute;
	top: 0;
	left: 24px;
	width: 42px;
	height: 3px;
	z-index: 0;
	background: var(--theme-accent);
	transition: width .4s ease;
}

.single-we-serve-wrap .image {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 94px;
	margin-bottom: 14px;
	padding: 0;
}

.single-we-serve-wrap .image img {
	width: 94px;
	height: 94px;
	object-fit: contain;
	filter: grayscale(.15) saturate(.9);
}

.single-we-serve-wrap:nth-child(2)::before {
	background: var(--theme-accent);
}

.single-we-serve-wrap:nth-child(3)::before {
	background: var(--theme-accent);
}

.single-we-serve-wrap:nth-child(4)::before {
	background: var(--theme-accent);
}

.single-we-serve-wrap h3 {
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 700;
	line-height: 1.2;
}

.single-we-serve-wrap h3 a {
	color: #ffffff;
}

.single-we-serve-wrap p {
	margin: 0;
	color: rgba(255, 255, 255, .64);
	font-size: 13px;
	line-height: 1.55;
	text-align: justify;
}

.single-we-serve-wrap:hover {
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);
	border-color: rgba(40, 185, 224, .7);
	box-shadow: 0 26px 48px rgba(0, 0, 0, .5), 0 0 20px rgba(40, 185, 224, .16), inset 0 1px 0 rgba(255, 255, 255, .14);
}

.single-we-serve-wrap:hover h3 a {
	color: var(--theme-accent);
}

.we-serve-bento-item--wide .single-we-serve-wrap {
	background: linear-gradient(145deg, #24262b 0%, #17181b 100%);

}

.we-serve-bento-item--tall .single-we-serve-wrap {
	background: linear-gradient(145deg, #202226 0%, #141518 100%);
}

.single-we-serve-wrap:hover::before {
	width: 72px;
}

.single-we-serve-wrap .icon {
	margin-bottom: 20px;
}

/* New icon-wrap for FA icons (items 07-12) */
.we-serve-icon-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: rgba(40, 185, 224, .12);
	border: 1px solid rgba(40, 185, 224, .25);
	margin: 0 auto;
	transition: background .3s ease, border-color .3s ease;
}

.we-serve-icon-wrap i {
	font-size: 26px;
	color: var(--theme-accent);
	transition: color .3s ease;
}

.single-we-serve-wrap:hover .we-serve-icon-wrap {
	background: rgba(40, 185, 224, .22);
	border-color: rgba(40, 185, 224, .55);
}

/* Number badge for items 07-12 */
.we-serve-num {
	display: inline-block;
	margin: 10px auto 6px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .12em;
	color: rgba(40, 185, 224, .65);
	text-transform: uppercase;
}

@media (max-width: 991px) {
	.we-serve-bento-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.we-serve-bento-item--wide,
	.we-serve-bento-item--tall {
		grid-column: auto;
		grid-row: auto;
	}
}

@media (max-width: 575px) {
	.we-serve-box-section {
		padding: var(--section-padding);
	}

	.we-serve-bento-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.single-we-serve-wrap {
		min-height: 300px;
	}
}

/***

==================================================================
 our-client-box-section css
==================================================================

***/

.our-client-box-section {
	position: relative;
	padding: var(--section-padding);
}

.partner-slider .item {
	margin: 15px;
	border-radius: 30px 30px 0 30px;
	padding: 0px 19px 25px;
}

/***

==================================================================
 our-testimonial-box-area css
==================================================================

***/

.our-testimonial-box-area {
	background-image: url('../img/bg-3.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	background-blend-mode: multiply;
	position: relative;
}

.our-testimonial-box-area::before {
	content: '';
	opacity: 0.8;
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.testimonial-box-content h2 {
	font-size: 48px;
	color: #00b6de;
	font-weight: 700;
	line-height: 35px;
}

.testimonial-box-content h3 {
	font-size: 48px;
	color: #fff;
	font-weight: 700;
	border-bottom: 1px solid #fff;
	margin-bottom: 5px;
}

.testimonial-box-content h5 {
	font-size: 19px;
	color: #00b6de;
	font-weight: 600;
	margin-bottom: 5px;
}

.testimonial-single-item {
	text-align: center;
	border: 1px solid #eee;
	border-radius: 10px;
	background: #fff;
	padding: 35px 0;
	margin: 0 15px;
}

.testimonial-thumb {
	display: inline-block;
	position: relative;
}

.testimonial-icon i {
	font-size: 18px;
	position: absolute;
	width: 50px;
	height: 50px;
	line-height: 50px;
	bottom: 0px;
	right: -30px;
	background-color: #00b6de;
	text-align: center;
	color: #fff;
	border-radius: 50%;
}

.testimonial-thumb img {
	border-radius: 50%;
}

.testimonial-content h4 {
	text-transform: capitalize;
	font-size: 20px;
	padding: 0;
	position: relative;
	margin-bottom: 5px;
	color: #082d71;
	font-weight: 500;
}

.testimonial-content h4::before {
	content: "";
	height: 1px;
	width: 25px;
	background: #00b6de;
	position: absolute;
	top: -20px;
	left: 0;
	right: 25px;
	margin: auto;
}

.testimonial-content h4::after {
	content: "";
	height: 1px;
	width: 25px;
	background: #cccccc;
	position: absolute;
	top: -20px;
	left: 25px;
	right: 0;
	margin: auto;
}

.testimonial-content-text {
	padding: 20px 25px 50px;
	margin: 0;
}

.testimonial-designation {
	color: #00b6de;
	font-size: 16px;
	font-weight: 500;
	margin: 0;
	text-transform: capitalize;
}

.subscribe-section.style-two .row.footer-hr.two {
	padding-top: 153px;
}

/***

==================================================================
 Modern Project Request / Digital Transformation CTA Section
==================================================================

***/

.our-request-box-area {
	position: relative;
	background: radial-gradient(circle at 85% 20%, rgba(40, 185, 224, 0.16) 0%, transparent 45%),
		radial-gradient(circle at 15% 85%, rgba(10, 61, 145, 0.38) 0%, transparent 50%),
		linear-gradient(135deg, #050b14 0%, #07193a 50%, #030812 100%);
	padding: var(--section-padding);
	overflow: hidden;
	color: #ffffff;
	border-top: 1px solid rgba(40, 185, 224, 0.16);
	border-bottom: 1px solid rgba(40, 185, 224, 0.16);
}

/* Remove old pseudo-element overlay */
.our-request-box-area::before {
	display: none;
}

/* Background Subtle Grid Pattern */
.cta-modern__grid-pattern {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-size: 45px 45px;
	background-image:
		linear-gradient(to right, rgba(40, 185, 224, 0.05) 1px, transparent 1px),
		linear-gradient(to bottom, rgba(40, 185, 224, 0.05) 1px, transparent 1px);
	mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.95) 30%, transparent 80%);
	-webkit-mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.95) 30%, transparent 80%);
	z-index: 1;
}

/* Ambient Glowing Orbs */
.cta-modern__bg-glow {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
	filter: blur(80px);
	z-index: 1;
	opacity: 0.6;
}

.cta-modern__bg-glow--top {
	width: 320px;
	height: 320px;
	top: -60px;
	right: 5%;
	background: radial-gradient(circle, rgba(40, 185, 224, 0.32) 0%, transparent 70%);
	animation: ctaFloatSlow 8s ease-in-out infinite alternate;
}

.cta-modern__bg-glow--bottom {
	width: 360px;
	height: 360px;
	bottom: -80px;
	left: 5%;
	background: radial-gradient(circle, rgba(10, 61, 145, 0.55) 0%, transparent 70%);
	animation: ctaFloatSlow 10s ease-in-out infinite alternate-reverse;
}

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

	100% {
		transform: translateY(22px) scale(1.08);
	}
}

/* Content Container relative to sit above background decor */
.our-request-box-area .container {
	position: relative;
	z-index: 2;
}

/* Eyebrow Badge */
.cta-modern__badge {
	position: relative;
	display: inline-flex;
	align-items: center;
	padding: 6px 18px;
	background: rgba(40, 185, 224, 0.08);
	border: 1px solid rgba(40, 185, 224, 0.32);
	border-radius: 50px;
	box-shadow: 0 4px 15px rgba(40, 185, 224, 0.12);
	margin-bottom: 20px;
}

.cta-badge-ping {
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #28B9E0;
	opacity: 0.75;
	animation: ctaPing 1.8s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.cta-badge-dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #28B9E0;
	margin-right: 10px;
	box-shadow: 0 0 8px #28B9E0;
}

@keyframes ctaPing {
	0% {
		transform: translateY(-50%) scale(1);
		opacity: 0.8;
	}

	75%,
	100% {
		transform: translateY(-50%) scale(2.6);
		opacity: 0;
	}
}

.cta-badge-text {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.8px;
	text-transform: uppercase;
	color: #28B9E0;
	font-family: 'Inter', sans-serif;
}

/* Title & Accent */
.cta-modern__title {
	font-family: 'Poppins', 'Inter', sans-serif;
	font-size: clamp(28px, 4.2vw, 48px);
	font-weight: 800;
	line-height: 1.22;
	color: #ffffff;
	letter-spacing: -0.02em;
	margin-bottom: 18px;
}

.cta-modern__title-accent {
	color: #28B9E0;
	background: linear-gradient(90deg, #28B9E0 0%, #76d9f5 50%, #28B9E0 100%);
	background-size: 200% auto;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: ctaShine 6s linear infinite;
	display: inline-block;
}

@keyframes ctaShine {
	to {
		background-position: 200% center;
	}
}

/* Lead text */
.cta-modern__lead {
	color: #cbd5e1;
	font-size: clamp(15px, 1.15vw, 17px);
	line-height: 1.75;
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 35px;
	font-weight: 400;
}

/* Value Feature Cards */
.cta-modern__features {
	margin-top: 15px;
	margin-bottom: 35px;
}

.cta-feature-card {
	background: rgba(255, 255, 255, 0.05);
	border: 2px solid rgba(255, 255, 255, 0.5);
	border-radius: 16px;
	padding: 24px 20px;
	text-align: left;
	transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
	backdrop-filter: blur(12px);
	position: relative;
	overflow: hidden;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}

.cta-feature-card__number {
	position: absolute;
	top: 14px;
	right: 18px;
	font-size: 13px;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.2);
	font-family: 'Poppins', 'Inter', sans-serif;
}

.cta-feature-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.cta-feature-card:hover {
	/* transform: translateY(-5px); */
	background: rgba(255, 255, 255, 0.10);
	border-color: #ffffff;
	/* box-shadow: 0 16px 36px -10px rgba(0, 0, 0, 0.5), 0 0 24px rgba(255, 255, 255, 0.28); */
}

.cta-feature-card:hover::before {
	opacity: 1;
}

.cta-feature-card__icon {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background: rgba(40, 185, 224, 0.12);
	border: 1px solid rgba(40, 185, 224, 0.25);
	color: #28B9E0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 14px;
	transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;
}

.cta-feature-card:hover .cta-feature-card__icon {
	transform: scale(1.08);
	background: #28B9E0;
	color: #050b14;
	border-color: #28B9E0;
	box-shadow: 0 0 16px rgba(40, 185, 224, 0.5);
}

.cta-feature-card__title {
	font-family: 'Poppins', 'Inter', sans-serif;
	font-size: 17px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 8px;
	line-height: 1.3;
}

.cta-feature-card__desc {
	font-size: 13.5px;
	color: #94a3b8;
	line-height: 1.55;
	margin-bottom: 0;
}

/* Action Buttons */
.cta-modern__actions {
	margin-top: 10px;
}

.cta-modern__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 14px 30px;
	border-radius: 50px;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
	cursor: pointer;
	line-height: 1.2;
	position: relative;
	overflow: hidden;
}

/* Primary Button */
.cta-modern__btn--primary {
	background: linear-gradient(135deg, #28B9E0 0%, #0099c2 100%);
	color: #030812 !important;
	font-weight: 700;
	box-shadow: 0 8px 24px rgba(40, 185, 224, 0.38);
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.cta-modern__btn--primary svg {
	margin-left: 10px;
	transition: transform 0.3s ease;
}

.cta-modern__btn--primary:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 32px rgba(40, 185, 224, 0.55);
	color: #000000 !important;
}

.cta-modern__btn--primary:hover svg {
	transform: translateX(4px);
}

/* Secondary Phone Button */
.cta-modern__btn--secondary {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.16);
	color: #ffffff !important;
	backdrop-filter: blur(10px);
}

.cta-modern__btn--secondary:hover {
	background: rgba(255, 255, 255, 0.12);
	border-color: rgba(40, 185, 224, 0.4);
	color: #28B9E0 !important;
	transform: translateY(-3px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3);
}

/* WhatsApp Button */
.cta-modern__btn--whatsapp {
	background: rgba(37, 211, 102, 0.1);
	border: 1px solid rgba(37, 211, 102, 0.35);
	color: #25d366 !important;
	backdrop-filter: blur(10px);
}

.cta-modern__btn--whatsapp:hover {
	background: #25d366;
	color: #ffffff !important;
	border-color: #25d366;
	transform: translateY(-3px);
	box-shadow: 0 10px 26px rgba(37, 211, 102, 0.4);
}

/* Trust Strip */
.cta-modern__trust-strip {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 50px;
	padding: 12px 24px;
	margin-top: 15px;
	backdrop-filter: blur(10px);
}

.cta-trust-item {
	padding: 6px 14px;
	color: #cbd5e1;
	font-size: 13.5px;
}

.cta-trust-item strong {
	color: #ffffff;
}

.cta-trust-icon {
	font-size: 14px;
	display: inline-flex;
}

.cta-trust-divider {
	width: 1px;
	height: 16px;
	background: rgba(255, 255, 255, 0.12);
	margin: 0 6px;
}

/* Backwards compatibility */
.request-heading h2 span {
	color: #28B9E0;
}

.request-heading p {
	color: #cbd5e1;
}

/* Mobile & Tablet adjustments */
@media (max-width: 991px) {
	.our-request-box-area {
		padding: var(--section-padding);
	}

	.cta-feature-card {
		padding: 20px 16px;
	}
}

@media (max-width: 767px) {
	.cta-modern__trust-strip {
		border-radius: 16px;
		padding: 10px 12px;
	}

	.cta-trust-item {
		width: 50%;
		justify-content: center;
		padding: 6px 4px;
		font-size: 12px;
		text-align: center;
	}

	.cta-trust-divider {
		display: none;
	}

	.cta-modern__btn {
		width: 100%;
		max-width: 320px;
	}
}

/***

==================================================================
 our-team-box-area css
==================================================================

***/

.our-team-box-area {
	position: relative;
	background-image: url('../img/bg-2.jpg');
	background-size: cover;
}

.team-box-content h2 {
	font-size: 30px;
	color: #00b6de;
	font-weight: 600;
	margin-bottom: 30px;
}

.progress-title {
	font-size: 18px;
	font-weight: 600;
	color: #555555;
	margin: 0 0 20px;
}

.progress {
	height: 14px;
	background: #d4d7e6;
	border-radius: 30px;
	box-shadow: none;
	margin-bottom: 20px;
	overflow: visible;
}

.progress .progress-bar {
	border-radius: 30px;
	box-shadow: none;
	position: relative;
	animation: animate-positive 2s;
}

.progress .progress-bar:before {
	content: "";
	width: 100%;
	height: 50%;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 0 0 10px 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.progress .progress-bar:after {
	content: "";
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #cbcbcb;
	border: 5px solid #304976;
	position: absolute;
	bottom: -6px;
	right: 0;
	z-index: 1;
}

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

.skills-2-section-area {
	padding: 100px 0px;
	background-color: #fff;
}

.skills-2 {
	padding-top: var(--main-padding);
	padding-bottom: var(--main-padding);
	text-align: center;
}

.skills-2 .text {
	padding-bottom: 20px;
}

.skills-2 h2 {
	font-size: 35px;
	color: #26313C;
	padding-bottom: 20px;
}

.skills-2 h2 span {
	color: var(--main-color);
}

.skills-2 p {
	font-size: 18px;
	color: var(--second-color);
	font-weight: 400;
}

.skills-2 .skill-card-2 {
	margin-bottom: 70px;
	margin-top: 35px;
}

.skills-2 .skill-card-2 .card-2 {
	padding: 25px;
	text-align: center;
	background-color: #26313C;
	border: 2px solid #00b6de;
	color: #fff;
	transition: 1s;
	position: relative;
}

.skills-2 .card-2 h4 {
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 25px;
	font-weight: 500;
	color: #fff;
}

.skills-2 .card-2 p {
	line-height: 1.7;
	font-size: 16px;
	color: #fff;
}

.skills-2 .card-2 i {
	font-size: 42px;
	padding: 15px;
	width: 75px;
	height: 75px;
	color: #26313C;
	background-color: #00b6de;
	position: absolute;
	top: calc(-75px / 2);
	transform: rotate(45deg);
	left: 39%;
	transition: 1s;
	border: 1px solid #00b6de;
}

.skills-2 .card-2:hover {
	background-color: transparent;
}

.skills-2 .card-2:hover i {
	transform: rotate(0deg);
	background-color: var(--bg-color);
}

.skills-2 .card-2:hover h4,
.skills-2 .card-2:hover p {
	color: #26313C;
	transition: 1s;
}

.skills-2 a {
	border: 1px solid #00b6de;
	background-color: #00b6de;
	border-radius: 2px;
	color: #26313C;
	transition: background-color 0.8s;
	padding: 12px 20px;
	letter-spacing: 1.5px;
	z-index: 50px;
	text-decoration: none;
}

.skills-2 a:hover {
	background-color: #26313C;
	color: #00b6de;
}

.meet-team-card-block {
	position: relative;
	margin: 0 20px;
}

.meet-team-card-block .inner-box {
	position: relative;
	padding: 40px 70px 28px 0px;
}

.meet-team-card-block .inner-box:before {
	position: absolute;
	content: '';
	right: 3px;
	top: 0px;
	left: 70px;
	bottom: 0px;
	border-radius: 10px;
	background-color: #00b6de;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.meet-team-card-block .inner-box::after {
	position: absolute;
	content: '';
	top: 0px;
	left: 70px;
	bottom: 0px;
	width: 0%;
	border-radius: 10px;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
	background-image: -ms-linear-gradient(top, #013768 0%, #0097dc 100%);
	background-image: -moz-linear-gradient(top, #013768 0%, #0097dc 100%);
	background-image: -o-linear-gradient(top, #013768 0%, #0097dc 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #131E39), color-stop(100, #0097dc));
	background-image: -webkit-linear-gradient(top, #013768 0%, #0097dc 100%);
	background-image: linear-gradient(to bottom, #013768 0%, #0097dc 100%);
}

.meet-team-card-block .inner-box:hover::after {
	width: 81%;
}

.meet-team-card-block .inner-box .social-icons {
	position: absolute;
	right: 25px;
	top: 100px;
	z-index: 1;
}

.meet-team-card-block .inner-box .social-icons li {
	position: relative;
	margin-bottom: 20px;
}

.meet-team-card-block .inner-box .social-icons li a {
	position: relative;
	color: #082d71;
	font-size: 18px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.meet-team-card-block .inner-box:hover .lower-content h3 a,
.meet-team-card-block .inner-box:hover .social-icons li a,
.meet-team-card-block .inner-box:hover .lower-content .designation {
	color: #ffffff;
}

.meet-team-card-block .designation {
	color: #fff;
}

.meet-team-card-block .inner-box .image {
	position: relative;
	z-index: 1;
	border-radius: 10px;
	background-color: #ffffff;
	box-shadow: inset 0px 0px 35px rgba(0, 0, 0, 0.20);
}

.meet-team-card-block .inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
}

.meet-team-card-block .inner-box .lower-content {
	position: relative;
	text-align: left;
	z-index: 1;
	padding: 20px 15px 0px 90px;
}

.meet-team-card-block .inner-box .lower-content h3 {
	position: relative;
	color: #082d71;
	font-weight: 600;
	font-size: 20px;
}

.meet-team-card-block .inner-box .lower-content h3 a {
	position: relative;
	color: #082d71;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;

}


/***

==================================================================
	12.	News Blog
==================================================================

***/

/* Section Background & Decor */
.blog-section {
	position: relative;
	background: linear-gradient(180deg, #f8fbff 0%, #f0f6fc 50%, #f8fbff 100%);
	padding: var(--section-padding);
	overflow: hidden;
}

.blog-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url('../img/bg-2.jpg');
	background-repeat: repeat;
	opacity: 0.16;
	pointer-events: none;
}

.blog-section::after {
	content: '';
	position: absolute;
	top: -120px;
	right: -100px;
	width: 450px;
	height: 450px;
	background: radial-gradient(circle, rgba(40, 185, 224, 0.12) 0%, transparent 70%);
	border-radius: 50%;
	pointer-events: none;
}

.blog-section .container {
	position: relative;
	z-index: 2;
}

.blog-section .section-heading {
	margin-bottom: 50px;
}

/* Row Spacing */
.blog-cards-row {
	margin-right: -15px;
	margin-left: -15px;
}

.blog-card-col {
	display: flex;
	margin-bottom: 30px;
	padding-right: 15px;
	padding-left: 15px;
}

/* Modern Blog Card Container */
.modern-blog-card {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	background: #ffffff;
	border-radius: 20px;
	border: 1px solid rgba(10, 61, 145, 0.08);
	box-shadow: 0 10px 25px -5px rgba(10, 61, 145, 0.06), 0 2px 6px -1px rgba(0, 0, 0, 0.03);
	overflow: hidden;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.modern-blog-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 22px 42px -6px rgba(10, 61, 145, 0.13), 0 8px 18px -4px rgba(40, 185, 224, 0.12);
	border-color: rgba(40, 185, 224, 0.38);
}

/* Card Media Header */
.modern-blog-card__media {
	position: relative;
	height: 220px;
	overflow: hidden;
	background: #0A3D91;
}

.modern-blog-card__thumb-link {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	text-decoration: none;
}

.modern-blog-card__thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.modern-blog-card:hover .modern-blog-card__thumb {
	transform: scale(1.08);
}

/* High-tech Fallback Gradient & Decor */
.modern-blog-card__thumb--placeholder {
	background: linear-gradient(135deg, #072861 0%, #0A3D91 45%, #186cb8 80%, #28B9E0 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
	text-decoration: none;
}

.modern-blog-card__placeholder-mesh {
	position: absolute;
	inset: 0;
	background-image:
		radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.12) 1px, transparent 1px),
		radial-gradient(circle at 80% 70%, rgba(40, 185, 224, 0.25) 2px, transparent 2px);
	background-size: 24px 24px, 32px 32px;
	opacity: 0.7;
	pointer-events: none;
}

.modern-blog-card__placeholder-icon {
	position: relative;
	z-index: 2;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.25);
	backdrop-filter: blur(8px);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-size: 24px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
	transition: transform 0.4s ease, background 0.4s ease;
}

.modern-blog-card:hover .modern-blog-card__placeholder-icon {
	transform: scale(1.1) rotate(5deg);
	background: rgba(255, 255, 255, 0.2);
}

.modern-blog-card__placeholder-label {
	position: relative;
	z-index: 2;
	margin-top: 10px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.9);
}

/* Floating Category Badge */
.modern-blog-card__cat-pill {
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 3;
	background: rgba(255, 255, 255, 0.94);
	color: #0A3D91;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	padding: 5px 13px;
	border-radius: 30px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(6px);
	border: 1px solid rgba(255, 255, 255, 0.8);
	transition: background 0.3s ease, color 0.3s ease;
}

.modern-blog-card:hover .modern-blog-card__cat-pill {
	background: #0A3D91;
	color: #ffffff;
}

/* Floating Date Badge */
.modern-blog-card__date-pill {
	position: absolute;
	bottom: 14px;
	right: 14px;
	z-index: 3;
	background: rgba(11, 18, 32, 0.76);
	color: #ffffff;
	font-size: 11.5px;
	font-weight: 600;
	padding: 4px 12px;
	border-radius: 20px;
	backdrop-filter: blur(8px);
	border: 1px solid rgba(255, 255, 255, 0.15);
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.modern-blog-card__date-pill i {
	color: #28B9E0;
	font-size: 11px;
}

/* Card Body */
.modern-blog-card__body {
	padding: 24px 26px 22px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

/* Meta Bar */
.modern-blog-card__meta {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: #64748B;
	margin-bottom: 12px;
}

.modern-blog-card__meta-item {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.modern-blog-card__meta-item i {
	color: #28B9E0;
}

.modern-blog-card__meta-dot {
	color: #cbd5e1;
	font-weight: bold;
}

/* Title */
.modern-blog-card__title {
	font-size: 19px;
	font-weight: 700;
	line-height: 1.45;
	margin: 0 0 12px;
	font-family: "Hind", sans-serif;
}

.modern-blog-card__title a {
	color: #0B1220;
	text-decoration: none;
	transition: color 0.25s ease;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.modern-blog-card:hover .modern-blog-card__title a {
	color: #0097dc;
}

/* Excerpt */
.modern-blog-card__excerpt {
	font-size: 14.5px;
	color: #64748B;
	line-height: 1.65;
	margin: 0 0 20px;
	flex-grow: 1;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Card Footer */
.modern-blog-card__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 16px;
	border-top: 1px solid rgba(10, 61, 145, 0.07);
	margin-top: auto;
}

.modern-blog-card__cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #0A3D91;
	font-weight: 700;
	font-size: 14px;
	text-decoration: none;
	transition: color 0.3s ease;
}

.modern-blog-card__cta-icon {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #f0f7ff;
	color: #0A3D91;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	border: 1px solid rgba(10, 61, 145, 0.12);
	transition: all 0.3s ease;
}

.modern-blog-card:hover .modern-blog-card__cta {
	color: #0097dc;
}

.modern-blog-card:hover .modern-blog-card__cta-icon {
	background: #0097dc;
	border-color: #0097dc;
	color: #ffffff;
	transform: translateX(4px);
}

/* Section Bottom CTA Button */
.blog-section__cta-wrapper {
	margin-top: 45px;
}

.blog-section__cta-btn {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 13px 36px;
	border-radius: 50px;
	background: transparent;
	color: #0A3D91;
	border: 2px solid #0A3D91;
	font-weight: 700;
	font-size: 14.5px;
	letter-spacing: 0.5px;
	text-decoration: none;
	transition: all 0.35s ease;
}

.blog-section__cta-arrow {
	transition: transform 0.3s ease;
}

.blog-section__cta-btn:hover {
	background: #0A3D91;
	color: #ffffff;
	transform: translateY(-3px);
	box-shadow: 0 10px 24px rgba(10, 61, 145, 0.22);
}

.blog-section__cta-btn:hover .blog-section__cta-arrow {
	transform: translateX(5px);
}

/* Modernized Legacy .news-block-one for Archive & Detail pages */
.news-block-one {
	position: relative;
	transition: all 400ms ease;
	margin-bottom: 30px;
}

.news-block-one .inner-box {
	background: #ffffff;
	border-radius: 16px;
	border: 1px solid rgba(10, 61, 145, 0.08);
	box-shadow: 0 8px 24px rgba(10, 61, 145, 0.05);
	overflow: hidden;
	transition: all 0.35s ease;
}

.news-block-one:hover .inner-box {
	transform: translateY(-5px);
	box-shadow: 0 16px 36px rgba(10, 61, 145, 0.12);
	border-color: rgba(40, 185, 224, 0.3);
}

.news-block-one .image {
	position: relative;
	overflow: hidden;
	max-height: 380px;
}

.news-block-one img {
	width: 100%;
	height: auto;
	object-fit: cover;
	transition: transform 0.6s ease;
}

.news-block-one:hover img {
	transform: scale(1.05);
}

.news-review {
	padding: 26px 30px;
	background: #ffffff;
}

.news-comment {
	float: left;
	margin: 0 20px 0 0;
	padding: 8px 14px;
	background: #f0f7ff;
	border-radius: 12px;
	border: 1px solid rgba(10, 61, 145, 0.1);
	line-height: 1.2;
	text-align: center;
}

.news-comment li {
	list-style: none;
	font-size: 22px;
	color: #0A3D91;
	font-weight: 700;
}

.news-comment li small {
	display: block;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	color: #0097dc;
}

.news-comment li strong {
	display: none;
}

.news-comment li:after {
	display: none;
}

.news-title {
	margin: 0 0 10px;
	display: block;
}

.news-title a {
	font-size: 22px;
	color: #0B1220;
	font-weight: 700;
	line-height: 1.4;
	transition: color 0.25s ease;
}

.news-title a:hover {
	color: #0097dc;
}

.news-description {
	font-size: 15px;
	color: #64748B;
	line-height: 1.7;
	padding: 0;
	margin-top: 10px;
}

/***

==================================================================
 main-footer-box-section css
==================================================================

***/

.main-footer-box-section {
	position: relative;
	display: block;
	background-color: #00b6de;
}

.single-footer-box {
	position: relative;
	display: block;
	background-color: #00b6de;
	border: 1px dashed #fff;
	padding: 18px 14px 18px;
	text-align: center;
	margin-bottom: 30px;
	z-index: 2;
}

.single-footer-box .inner {
	position: relative;
	display: block;
	z-index: 1;
}

.single-footer-box .icon-holder {
	position: relative;
	display: block;
	margin: 0px auto;
	padding: 0px 0px 15px;
	width: 28% height: 90px;
}

.single-footer-box .icon-holder span {
	position: relative;
	display: block;
	overflow: hidden;
}

.single-footer-box .title-holder h3 {
	font-size: 20px;
	line-height: 22px;
	font-weight: 600;
}

.single-footer-box .title-holder h3 a {
	color: #fff;
	transition: all 500ms linear;
	transition-delay: 0.2s;
}

.footer-text-heading h3 {
	font-size: 30px;
	margin-bottom: 16px;
	font-weight: 600;
}

.footer-text-heading h4 {
	font-size: 20px;
	color: #eaeaea;
	margin-bottom: 5px;
	font-weight: 600;
	text-transform: uppercase;
}

.footer-text-heading h3 a {
	color: #082d71;
}

.footer-text-heading:hover h3 a {
	color: #082d71;
}

.border02 {
	height: 1px;
	background-image: linear-gradient(90deg, #fff, #fff 75%, transparent 75%, transparent 100%);
	background-size: 10px 1px;
	border: none;
	margin-top: -20px;
	margin-bottom: 50px;
}


/***

==================================================================
 counter-section-box css
==================================================================

***/
.cntr_bg_up {
	background: #ffffff;
	border-radius: 15px;
	box-shadow: 11px 11px 38px rgba(0, 0, 0, 0.2);
}

.funfact-section .outer-box {
	overflow: hidden;
	background: #fff;
	padding: 50px 0;
}

.counter-area {
	margin: -1px;
	position: relative;
}

.fact-counter {
	position: relative;
	overflow: hidden;
	color: #ffffff;
}


.fact-counter .item {
	color: #222;
	width: 100%;
}

.fact-counter .column .icon span {
	position: relative;
	top: 0px;
	font-size: 50px;
	position: absolute;
	line-height: 70px;
	top: -5px;
	left: 0;
	margin-bottom: 20px;
	color: #ab7442;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.fact-counter .count-outer {
	margin-top: 10px;
	color: #082d71;
	position: relative;
	font-size: 42px;
	font-weight: 700;
}

.fact-counter .count-outer .count-text {
	margin-bottom: 5px;
	display: block;
}

.fact-counter .item .inner-box {
	position: relative;
	text-align: center;
	padding-top: 15px;
}

.fact-counter .item .inner-box .icon-box {
	line-height: 60px;
}

.fact-counter .item .inner-box .icon-box i {
	color: #00b6de;
}

.fact-counter .item .inner-box .icon-box i:before {
	margin: 0;
	font-size: 48px;
}

.fact-counter .item .inner-box p {
	font-weight: 600;
	font-size: 18px;
	color: #00b6de;
}

/*** 

====================================================================
	rs-breatcome_title_box css
====================================================================

***/
.rs-breatcome_title_box {
	position: relative;
	color: #ffffff;
	background: 
		radial-gradient(ellipse 70% 60% at 50% 0%, rgba(0, 191, 255, 0.22) 0%, transparent 70%),
		radial-gradient(circle at 85% 85%, rgba(10, 61, 145, 0.35) 0%, transparent 60%),
		linear-gradient(135deg, #020b18 0%, #051a3a 50%, #072a5e 100%) !important;
	background-size: cover !important;
	background-position: center center;
	text-align: center;
	overflow: hidden;
	isolation: isolate;
	border-bottom: 1px solid rgba(0, 191, 255, 0.20);
	box-shadow: 0 10px 30px rgba(2, 8, 20, 0.35);
}

/* Ambient Radial Glow Overlay (No harsh grid lines) */
.rs-breatcome_title_box:before {
	position: absolute;
	content: '';
	inset: 0;
	width: 100%;
	height: 100%;
	background: 
		radial-gradient(circle at 50% 10%, rgba(0, 191, 255, 0.12) 0%, transparent 55%),
		radial-gradient(circle at 15% 90%, rgba(0, 114, 206, 0.15) 0%, transparent 50%);
	pointer-events: none;
	z-index: 1;
}

/* Subtle bottom accent glow */
.rs-breatcome_title_box:after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent 0%, #00BFFF 50%, transparent 100%);
	pointer-events: none;
	z-index: 2;
}

.rs-breatcome_title_box .container {
	position: relative;
	z-index: 2;
}

.rs-breatcome_title_box .outer-box {
	position: relative;
	padding: clamp(48px, 5.5vw, 70px) 0 clamp(52px, 6vw, 76px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

/* Modern Glassmorphic Breadcrumb Pill - Placed gracefully at TOP */
.rs-breatcome_title_box .bread-crumb {
	order: 1;
	position: relative;
	margin-top: 0;
	margin-bottom: 14px;
	padding: 6px 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(0, 191, 255, 0.25);
	border-radius: 50px;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.rs-breatcome_title_box .bread-crumb li {
	position: relative;
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0;
	color: rgba(255, 255, 255, 0.75);
	font-size: 13.5px;
	font-weight: 500;
	line-height: 1.4;
	font-family: 'Inter', 'Poppins', sans-serif;
	text-transform: none;
}

.rs-breatcome_title_box .bread-crumb li::before {
	display: none !important;
}

/* Modern Separator */
.rs-breatcome_title_box .bread-crumb li + li::before {
	display: inline-block !important;
	content: '›' !important;
	position: static !important;
	width: auto !important;
	margin: 0 8px 0 0 !important;
	color: #00BFFF !important;
	font-size: 15px !important;
	line-height: 1 !important;
	font-weight: 600 !important;
	font-family: inherit !important;
	opacity: 0.9;
}

.rs-breatcome_title_box .bread-crumb li span {
	margin-right: 6px;
	color: #00BFFF;
	font-size: 13px;
}

.rs-breatcome_title_box .bread-crumb li a {
	color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
	font-weight: 500;
	transition: color 0.25s ease;
	display: inline-flex;
	align-items: center;
}

.rs-breatcome_title_box .bread-crumb li a:hover {
	color: #00BFFF;
	text-decoration: none;
}

.rs-breatcome_title_box .bread-crumb li.active {
	color: #ffffff;
	font-weight: 600;
}

/* Page Heading Title - In the Center */
.rs-breatcome_title_box h1 {
	order: 2;
	position: relative;
	font-family: 'Inter', 'Poppins', -apple-system, sans-serif;
	font-size: clamp(22px, 2.8vw, 34px);
	line-height: 1.3;
	font-weight: 700;
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
	text-align: center;
	letter-spacing: -0.01em;
	color: #ffffff;
	text-transform: capitalize;
	text-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}

/* Decorative Cyan Accent Line Under Title */
.rs-breatcome_title_box .outer-box::after {
	order: 3;
	content: '';
	display: block;
	width: 48px;
	height: 3.5px;
	background: linear-gradient(90deg, #00BFFF 0%, #0072CE 100%);
	border-radius: 4px;
	margin: 14px auto 0;
	box-shadow: 0 0 12px rgba(0, 191, 255, 0.6);
}

/*contect Form*/

.contect-form-section {
	position: relative;
}

.contect-form-section .row {
	margin: 0 -10px;
}

.contect-form-section .column {
	padding: 0 10px;
}

.contect-form input[type="text"],
.contect-form input[type="email"],
.contect-form input[type="password"],
.contect-form select,
.contect-form textarea {
	display: block;
	width: 100%;
	height: 55px;
	font-size: 16px;
	color: #848484;
	line-height: 30px;
	padding: 12px 25px;
	font-weight: 300;
	background-color: #ffffff;
	border-radius: 0px;
	border: 1px solid #ececec;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.contect-form input:focus,
.contect-form select:focus,
.contect-form textarea:focus {
	border-color: #fb4e0a;
}

.contect-form textarea {
	height: 150px;
	resize: none;
	padding: 12px 25px;
}

.contect-form input.error,
.contect-form select.error,
.contect-form textarea.error {
	border-color: #ff0000;
}

.contect-form label.error {
	display: block;
	line-height: 24px;
	padding: 5px 0px 0px;
	margin: 0px;
	text-transform: uppercase;
	font-size: 11px;
	color: #ff0000;
	font-weight: 500;
}

.contect-form .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #fb4e0a;
}

/* form style two */

.contect-form.style-two input[type="text"],
.contect-form.style-two input[type="email"],
.contect-form.style-two input[type="password"],
.contect-form.style-two select,
.contect-form.style-two textarea {
	background: #f7f8f9;
	border-color: #f7f8f9;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.contect-form.style-two textarea {
	height: 250px;
}

/* form style three */

.contect-form.style-three input[type="text"],
.contect-form.style-three input[type="email"],
.contect-form.style-three input[type="password"],
.contect-form.style-three select,
.contect-form.style-three textarea {
	background: #f7f8f9;
	border-color: #f7f8f9;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding-left: 50px;
}

.contect-form.style-three span {
	position: absolute;
	left: 30px;
	top: 13px;
	font-size: 24px;
	color: #ff214f;
}

/* contect-info-box-section */
.contect-info-box-section {
	background-color: #fff;
	padding: 45px 0;
}

.contect_box_card1 {
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	text-align: center;
	padding: 35px 30px 10px;
	box-shadow: 0 10px 29.7px 0.3px rgba(225, 225, 225, .64);
	position: relative;
	background: #fff;
}

.contect_box_card1_cion i {
	display: inline-block;
	color: #fff;
	background-color: #00b6de;
	border-radius: 0 40px 40px;
	font-size: 35px;
	line-height: 80px;
	height: 80px;
	width: 80px;
	transition: .5s;
}

.contect_box_card1_title h4 {
	font-size: 20px;
	font-weight: 600;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	margin-top: 15px;
	font-family: "Hind", sans-serif;
	color: #082d71;
}

.contect_box_card1_text p {
	transition: .5s;
	margin-top: 14px;
}

.contect_box_card1:hover {
	background-image: -ms-linear-gradient(top, #013768 0%, #0097dc 100%);
	background-image: -moz-linear-gradient(top, #013768 0%, #0097dc 100%);
	background-image: -o-linear-gradient(top, #013768 0%, #0097dc 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #131E39), color-stop(100, #0097dc));
	background-image: -webkit-linear-gradient(top, #013768 0%, #0097dc 100%);
	background-image: linear-gradient(to bottom, #013768 0%, #0097dc 100%);
	transform: translateY(-15px);
}

.contect_box_card1:hover .contect_box_card1_title h4,
.contect_box_card1:hover .contect_box_card1_text p {
	color: #fff;
}

/* contect-map-section */
.contect-map-section {
	position: relative;
	padding-top: 0px;
}

.contect-map-section iframe {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 380px;
	border: none;
}

/*** 

====================================================================
	list-member-box css
====================================================================

***/
.list-member-box {
	position: relative;
}

.list-members {
	background: #00b6de;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

/* ==========================================================================
   Modern Executive Leadership & Team Card Component
   ========================================================================== */
.list-member-box {
	position: relative;
	background: linear-gradient(180deg, #f8faff 0%, #ffffff 50%, #f4f8fc 100%);
	padding: 85px 0 90px;
}

.modern-team-card {
	background: #ffffff;
	border-radius: 20px;
	border: 1px solid rgba(8, 45, 113, 0.08);
	box-shadow: 0 12px 36px rgba(8, 45, 113, 0.06);
	overflow: hidden;
	transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.35s ease;
	text-align: center;
	max-width: 440px;
	margin: 0 auto;
}

.modern-team-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 22px 50px rgba(0, 114, 206, 0.14);
	border-color: rgba(0, 159, 227, 0.35);
}

.modern-team-card__image-wrap {
	position: relative;
	width: 100%;
	height: 380px;
	overflow: hidden;
	background: #e2e8f0;
}

.modern-team-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 15%;
	transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
	display: block;
}

.modern-team-card:hover .modern-team-card__img {
	transform: scale(1.04);
}

.modern-team-card__badge {
	position: absolute;
	bottom: 16px;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(8, 45, 113, 0.9);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 6px 18px;
	border-radius: 30px;
	border: 1px solid rgba(255, 255, 255, 0.25);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
	white-space: nowrap;
}

.modern-team-card__content {
	padding: 26px 24px 30px;
}

.modern-team-card__name {
	font-size: 24px;
	font-weight: 800;
	color: #082d71;
	margin: 0 0 4px;
	letter-spacing: -0.02em;
}

.modern-team-card__role {
	font-size: 14px;
	font-weight: 600;
	color: #0072ce;
	margin-bottom: 12px;
}

.modern-team-card__bio {
	font-size: 14.5px;
	line-height: 1.65;
	color: #64748b;
	margin-bottom: 22px;
}

.modern-team-card__socials {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
}

.team-social-btn {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #f1f5f9;
	color: #082d71 !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	text-decoration: none !important;
	transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
	border: 1px solid rgba(8, 45, 113, 0.08);
}

.team-social-btn:hover {
	background: linear-gradient(135deg, #00b6de 0%, #0a3d91 100%);
	color: #ffffff !important;
	transform: translateY(-3px);
	box-shadow: 0 6px 18px rgba(0, 182, 222, 0.35);
	border-color: transparent;
}

/* Specialization / Skills Progress Section */
.our-team-box-area {
	position: relative;
	background-color: #ffffff;
	background-image: radial-gradient(rgba(8, 45, 113, 0.045) 1px, transparent 1px);
	background-size: 24px 24px;
	padding: 85px 0 90px;
	border-top: 1px solid rgba(8, 45, 113, 0.06);
}

.specialization-list {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

.specialization-item {
	position: relative;
	transition: transform 0.25s ease;
}

.specialization-item__header {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom: 7px;
}

.specialization-item__title {
	font-size: 15px;
	font-weight: 600;
	color: #082d71;
	margin: 0;
	letter-spacing: -0.01em;
	transition: color 0.2s ease;
}

.specialization-item:hover .specialization-item__title {
	color: #0072ce;
}

.specialization-item__percent {
	font-size: 13.5px;
	font-weight: 700;
	color: #0083cb;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.01em;
}

.specialization-item__track {
	height: 6px;
	background: #edf2f7;
	border-radius: 999px;
	overflow: hidden;
	position: relative;
}

.specialization-item__fill {
	height: 100%;
	border-radius: 999px;
	background: linear-gradient(90deg, #00b6de 0%, #0072ce 100%);
	transition: box-shadow 0.25s ease, opacity 0.25s ease;
}

.specialization-item:hover .specialization-item__fill {
	box-shadow: 0 0 10px rgba(0, 182, 222, 0.45);
}

/*** 

====================================================================
	hire-us-area css
====================================================================

***/
.hire-us-area {
	position: relative;
}

/* ================================== 
   HIRE US & SERVICE CARDS MODERN FRAMER-MOTION-STYLE HOVER
   ================================== */
.hire-us-area {
	position: relative;
	background: #ffffff;
	padding: 85px 0 70px;
}

.hire-us-hero-img-box {
	position: relative;
	border-radius: 20px;
	padding: 10px;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	box-shadow: 0 15px 35px rgba(15, 23, 42, 0.08);
	overflow: hidden;
}

.hire-us-hero-img-box img {
	width: 100%;
	height: auto;
	max-height: 440px;
	object-fit: cover;
	border-radius: 14px;
	transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.hire-us-hero-img-box:hover img {
	transform: scale(1.03);
}

.hire-us-bullets-list {
	list-style: none;
	padding: 0;
	margin: 24px 0 30px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.hire-us-bullets-list li {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 16px;
	font-weight: 600;
	color: #1e293b;
	font-family: "Hind", sans-serif;
}

.hire-us-bullets-list li i {
	color: #00bcd4;
	font-size: 17px;
}

.hire-us-area2 {
	position: relative;
	background: #f8fafc;
	padding: 85px 0 95px;
	border-top: 1px solid #e2e8f0;
}

/* Framer-Motion style spring physics hover card */
.hire-us-box-wrap {
	position: relative;
	padding: 32px 28px;
	border-radius: 16px;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	z-index: 1;
	height: 100%;
	min-height: 190px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
	transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1),
	            box-shadow 0.35s cubic-bezier(0.25, 1, 0.5, 1),
	            border-color 0.35s cubic-bezier(0.25, 1, 0.5, 1),
	            background-color 0.35s cubic-bezier(0.25, 1, 0.5, 1);
	will-change: transform, box-shadow;
}

.hire-us-box-wrap:hover {
	transform: translateY(-7px);
	box-shadow: 0 16px 36px rgba(8, 45, 113, 0.12);
	border-color: rgba(0, 188, 212, 0.45);
	background: #ffffff;
}

.hire-us-box-wrap .title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 12px;
	color: #0f172a;
	display: flex;
	align-items: center;
	gap: 12px;
	font-family: "Hind", sans-serif;
}

.hire-us-box-wrap .title span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	font-weight: 800;
	color: #0891b2;
	background: #ecfeff;
	border: 1px solid rgba(8, 145, 178, 0.25);
	border-radius: 8px;
	padding: 4px 10px;
	font-family: "Inter", monospace;
	transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.25s ease, color 0.25s ease;
}

.hire-us-box-wrap:hover .title span {
	transform: scale(1.06);
	background: #0891b2;
	color: #ffffff;
	border-color: #0891b2;
}

.hire-us-box-wrap p {
	font-size: 15.5px;
	line-height: 1.65;
	color: #475569;
	margin: 0;
	font-family: "Hind", sans-serif;
}

@media (prefers-reduced-motion: reduce) {
	.hire-us-box-wrap,
	.hire-us-box-wrap .title span {
		transition: none !important;
		transform: none !important;
	}
}

/*
================================== 
11.sidebar widget
==================================
*/
.blog-slidebar-area {
	position: relative;
}

.entry-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	list-style: none;
	margin: 0 0 14px 0;
	padding: 0 0 14px 0;
	border-bottom: 1px solid rgba(10, 61, 145, 0.06);
	font-family: 'Inter', 'Poppins', sans-serif;
}

.entry-meta li {
	display: inline-flex;
	align-items: center;
	font-size: 13.5px;
	font-weight: 500;
	color: #64748b;
	margin: 0;
	padding: 0;
	float: none;
}

.entry-meta li a {
	color: #0072CE;
	text-decoration: none;
	transition: color 0.25s ease;
	display: inline-flex;
	align-items: center;
}

.entry-meta li a:hover {
	color: #00BFFF;
}

.entry-meta li i {
	color: #00BFFF;
	font-size: 14px;
	margin-right: 6px;
	padding-right: 0;
}

.entry-meta > li + li {
	margin-left: 0;
	padding-left: 0;
}

.entry-meta > li + li::before {
	content: '•';
	color: #cbd5e1;
	font-size: 14px;
	margin: 0 10px 0 0;
	display: inline-block;
}

.sidebar {
	position: relative;
}

.sidebar .sidebar-title h4 {
	position: relative;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
	color: #082d71;
}

.sidebar .sidebar-widget {
	margin-bottom: 40px;
	background: #f7f8f9;
	padding: 30px 30px 40px;
}

.sidebar .sidebar-widget.news-widget {
	background: #f7f8f9;
}

.sidebar .news-widget .sidebar-title h4 {
	color: #082d71;
}

/* search widget */

.sidebar .search-widget .form-group {
	position: relative;
	margin: 0px;
}

.sidebar .search-widget .form-group input[type="text"],
.sidebar .search-widget .form-group input[type="search"] {
	position: relative;
	line-height: 26px;
	padding: 10px 50px 10px 20px;
	border: 1px solid #fff;
	background: #fff;
	font-style: italic;
	display: block;
	font-size: 16px;
	width: 100%;
	height: 60px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.sidebar .search-widget .form-group input:focus {
	border-color: #00b6de;
}

.sidebar .search-widget .form-group button {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 60px;
	width: 60px;
	display: block;
	font-size: 16px;
	color: #ffffff;
	line-height: 100%;
	background: #00b6de;
	font-weight: normal;
	cursor: pointer;
}

/* category widget */

.sidebar .category-widget li {
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #dadcdf;
}

.sidebar .category-widget li:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: 0px;
}

.sidebar .category-widget li.active a {
	background: #00b6de;
	border-left: 3px solid #082d71;
	padding: 13px 25px;
	display: flex;
	margin-bottom: 8px;
	color: #fff;
}

display: flex;
flex-direction: column;
width: 100%;
height: 100%;

.sidebar .category-widget li a {
	position: relative;
	font-size: 16px;
	font-weight: 600;
	font-family: "Hind", sans-serif;
	display: block;
	margin-top: auto;
	color: #000;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.feature-box-wrap .inner-box {
	height: auto;
}

.sidebar .category-widget li a span {
	float: right;
}


/* link widget */

.sidebar .category-widget-two {
	position: relative;
}

.sidebar .category-widget-two li {
	position: relative;
	line-height: 24px;
}

.sidebar .category-widget-two li a {
	position: relative;
	display: block;
	color: #777777;
	font-size: 16px;
	font-weight: 400;
	font-family: "Hind", sans-serif;
	padding: 5px 0px 5px 20px;
}

.sidebar .category-widget-two li a:before {
	content: "\f105";
	font-family: 'FontAwesome';
	font-size: 14px;
	left: 0;
	width: 20px;
	line-height: 24px;
	position: absolute;
	color: #777777;
}

.sidebar .category-widget-two li a:hover {
	color: #fb4e0a;
}

/* news widget */

.sidebar .news-widget .post {
	position: relative;
	font-size: 14px;
	color: #666666;
	padding: 0px 0px;
	min-height: 75px;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dadcdf;
}

.sidebar .news-widget .post:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px;
}

.sidebar .news-widget .post .post-thumb {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 80px;
}

.sidebar .news-widget .post:hover .post-thumb img {
	opacity: 0.70;
}

.sidebar .news-widget .post .post-thumb img {
	display: block;
	width: 100%;
	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;
}

.sidebar .news-widget .post .text {
	position: relative;
	top: -4px;
	font-size: 16px;
	margin: 0px 0px 0px;
	color: #222;
	line-height: 1.4em;
	text-transform: capitalize;
	font-family: "Hind", sans-serif;
}

.sidebar .news-widget .post .text a {
	color: #555555;
	font-weight: 400;
	line-height: 26px;
}

.sidebar .news-widget .post a,
.sidebar .news-widget .post a:hover {
	color: #082d71;
}

.sidebar .news-widget .post-info {
	font-size: 17px;
	color: #00b6de;
}

/* tag widget */

.sidebar .tag-widget a {
	position: relative;
	display: inline-block;
	line-height: 24px;
	padding: 9px 16px;
	margin: 0px 6px 10px 0px;
	color: #ffffff;
	text-align: center;
	font-size: 15px;
	text-transform: capitalize;
	border: 1px solid #ffffff;
	border-radius: 30px;
	background: #00b6de;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	font-family: 'Poppins', sans-serif;
}

.sidebar .tag-widget a:hover {
	border-color: #082d71;
	background-color: #082d71;
	color: #ffffff;
}

/* gallery widget */

.sidebar .gallery-widget .image {
	position: relative;
	float: left;
	width: 33.333%;
	padding: 0px 10px 10px 0px;
}

.sidebar .gallery-widget .image img {
	position: relative;
	display: block;
	width: 100%;
}

/* pricefilter widget */

.sidebar .pricefilter-widget .val-box {
	position: relative;
	display: inline-block;
	margin: 7px 5px 7px 0px;
	line-height: 24px;
	font-size: 14px;
	background: #d9dfe6;
	padding: 9px 10px;
	width: 70px;
	color: #222;
	text-align: center;
}

.sidebar .pricefilter-widget button {
	position: relative;
	display: inline-block;
	line-height: 24px;
	border: 1px solid #fb4e0a;
	padding: 8px 25px;
	background: #fb4e0a;
	color: #ffffff;
	font-weight: 800;
	border-radius: 3px;
	margin-top: 5px;
	float: right;
}

.sidebar .pricefilter-widget .noUi-connect {
	background: #909090;
}

.sidebar .pricefilter-widget .noUi-background {
	background: #d9dfe6;
	border: 0px;
}

.sidebar .pricefilter-widget .noUi-handle {
	background: #ffffff;
	border-radius: 50%;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 4px solid #fb4e0a;
	cursor: pointer;
}

.sidebar .rangeslider-widget .form-group {
	margin-bottom: 0px;
}

/* product widget */

.sidebar .product-widget .single-product {
	position: relative;
	font-size: 16px;
	margin-bottom: 15px;
	min-height: 88px;
	padding: 7px 0px 12px 100px;
	color: #cccccc;
}

.sidebar .product-widget .single-product .post-thumb {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 88px;
	height: 88px;
}

.sidebar .product-widget .single-product .post-thumb img {
	width: 100%;
	display: block;
}

.sidebar .product-widget .single-product h4 {
	font-size: 14px;
	font-weight: 700;
	margin: 0px 0px 4px;
	line-height: 1.4em;
	color: #1c1c1c;
}

.sidebar .product-widget .single-product h4 a {
	color: #272727;
}

.sidebar .product-widget .single-product a:hover,
.sidebar .product-widget .single-product a:hover {
	color: #fb4e0a;
}

.sidebar .product-widget .single-product .rating {
	font-size: 12px;
	color: #fb4e0a;
	letter-spacing: 0px;
}

.sidebar .product-widget .product-price {
	font-size: 16px;
	font-weight: 700;
	color: #777777;
}

.sidebar .product-widget .strike-through {
	color: #9e9e9e;
	padding-left: 10px;
}

/* Quote Widget */

.sidebar .quote-widget {
	position: relative;
}

.sidebar .quote-widget .inner-box {
	position: relative;
	text-align: center;
	padding: 10px 0 20px;
	background: #f7f8f9;
}

.sidebar .quote-widget .inner-box h2 {
	position: relative;
	color: #181818;
	font-size: 22px;
	font-weight: 500;
	padding-bottom: 12px;
	margin-bottom: 20px;
}

.sidebar .quote-widget .inner-box h2:after {
	position: absolute;
	content: '';
	left: 50%;
	bottom: 0px;
	width: 50px;
	height: 3px;
	border-radius: 3px;
	margin-left: -25px;
	background-color: #fb4e0a;
}

.sidebar .quote-widget .inner-box .text {
	position: relative;
	color: #848484;
	font-size: 16px;
	line-height: 1.6em;
	margin-bottom: 20px;
}

/*Brouchers Widget*/

.sidebar .brouchers {
	position: relative;
}

.sidebar .brouchers li {
	position: relative;
	margin-bottom: 6px;
}

.sidebar .brouchers li a {
	position: relative;
	padding: 8px 0px 12px 0px;
	color: #666666;
	font-size: 17px;
	font-weight: 500;
	display: 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;
	border-bottom: 1px dashed #e3e3e3;
}

.sidebar .brouchers li a span {
	margin-right: 5px;
	color: #666666;
	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;
}

.sidebar .brouchers li a .download-icon {
	position: absolute;
	right: 0px;
	top: 8px;
	color: #666666;
	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;
}

.sidebar .brouchers li a:hover {
	color: #fb4e0a;
}

.sidebar .brouchers li a:hover .icon,
.sidebar .brouchers li a:hover .download-icon {
	color: #fb4e0a;
}

.block-quote {
	border: 1px solid #e5e5e5;
	border-left: 3px solid #00b6de;
	padding: 40px;
	margin: 35px 0;
}

/* Comments Area */

.single-post .comments-area {
	position: relative;
	margin-top: 50px;
}

.single-post .group-title {
	position: relative;
	margin-bottom: 38px;
}

.single-post .group-title h2 {
	position: relative;
	font-size: 25px;
	color: #082d71;
	font-weight: 700;
	padding-bottom: 0px;
	border-bottom: 1px solid #ebebeb;
}

.single-post .comments-area .comment-box {
	position: relative;
	padding: 0px 0px 0px;
	margin-bottom: 45px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.single-post .comments-area .comment-box.reply-comment {
	margin-left: 100px;
}

.single-post .comments-area .comment-box:last-child .comment .comment-inner {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border: 0px;
}

.single-post .comments-area .comment-box:hover {
	border-color: #222222;
}

.single-post .comments-area .comment {
	position: relative;
	font-size: 14px;
	padding: 0px 0px 40px 110px;
	border-bottom: 1px solid #ebebeb;
}

.single-post .comments-area .comment .comment-inner {
	position: relative;
}

.single-post .comments-area .comment .comment-reply {
	position: relative;
	color: #00b6de;
	font-size: 15px;
	font-weight: 500;
	text-transform: capitalize;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.single-post .comments-area .comment .comment-reply .icon {
	font-size: 13px;
	margin-right: 8px;
}

.single-post .comments-area .comment-box .author-thumb {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 86px;
	overflow: hidden;
	margin-bottom: 20px;
}

.single-post .comments-area .comment-box .author-thumb img {
	display: block;
}

.single-post .comments-area .comment-info {
	color: #3e5773;
	line-height: 24px;
	font-size: 13px;
}

.single-post .comments-area .comment-box strong {
	font-size: 18px;
	font-weight: 600;
	color: #082d71;
	line-height: 16px;
	text-transform: uppercase;
}

.single-post .comments-area .comment-box .text {
	color: #555555;
	font-size: 17px;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 1.8em;
	font-weight: 300;
	max-width: 510px;
}

.single-post .comments-area .comment-info .comment-time {
	position: relative;
	font-size: 16px;
	color: #555555;
}

.single-post .comments-area .comment-box .theme-btn {
	padding: 5px 30px;
	font-size: 12px;
	border: 1px solid #fbca00;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* hire a developer */
.hire-a-developer {
	position: relative;
}

.theme-single {
	box-shadow: 0px 0px 50px 0px rgba(34, 34, 34, 0.1);
	border-radius: 5px;
}

.theme-info {
	padding: 40px 25px 25px 25px;
}

.theme-desc h2 {
	margin-bottom: 1rem;
	text-transform: uppercase;
	text-align: center;
	font-size: 35px;
	font-weight: 600;
	color: #082d71;
}

.single-features-style1 {
	position: relative;
	display: block;
	background-color: #ffffff;
	box-shadow: 0px 0px 13.5px 1.5px rgba(0, 0, 0, 0.05);
	padding: 30px 30px 30px;
	text-align: center;
	margin-bottom: 30px;
	transition: all 200ms linear;
	transition-delay: 0.1s;
	z-index: 2;
}

.single-features-style1::before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	content: "";
	z-index: -1;
}

.single-features-style1::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: -ms-linear-gradient(top, #013768 0%, #0097dc 100%);
	background-image: -moz-linear-gradient(top, #013768 0%, #0097dc 100%);
	background-image: -o-linear-gradient(top, #013768 0%, #0097dc 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #131E39), color-stop(100, #0097dc));
	background-image: -webkit-linear-gradient(top, #013768 0%, #0097dc 100%);
	background-image: linear-gradient(to bottom, #013768 0%, #0097dc 100%);
	transition: .5s;
	transform: perspective(400px) scaleX(0);
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
}

.single-features-style1:hover:after {
	opacity: 1;
	transform: perspective(400px) scaleX(1.0);
}

.single-features-style1 .inner {
	position: relative;
	display: block;
	z-index: 1;
}

.single-features-style1 .counting {
	position: absolute;
	top: 17px;
	left: 19px;
	z-index: 1;
}

.single-features-style1 .counting h2 {
	font-size: 30px;
	line-height: 32px;
	font-weight: 600;
	transition: all 500ms linear;
	transition-delay: 0.1s;
}

.single-features-style1:hover .counting h2 {
	color: #ffffff;
}

.single-features-style1 .icon-holder img {
	position: relative;
	display: block;
	margin-bottom: 0px;
	padding: 20px;
}


.single-features-style1 .title-holder {
	position: relative;
	display: block;
	text-align: center;
}

.single-features-style1 .title-holder h3 {
	color: #082d71;
	font-size: 24px;
	line-height: 34px;
	font-weight: 600;
}

.single-features-style1 .title-holder h3 a {
	color: #082d71;
	transition: all 500ms linear;
	transition-delay: 0.2s;
}

.single-features-style1:hover .title-holder h3 a {
	color: #ffffff;
}

.what-we-do-box1 {
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	text-align: center;
	padding: 35px 30px 35px;
	box-shadow: 0 10px 29.7px 0.3px rgba(225, 225, 225, .64);
	position: relative;
	background: #fff;
}

.what-we-do-box1_cion i {
	display: inline-block;
	color: #fff;
	background-color: #00b6de;
	border-radius: 0 40px 40px;
	font-size: 35px;
	line-height: 80px;
	height: 80px;
	width: 80px;
	transition: .5s;
}

.what-we-do-box1_title h4 {
	font-size: 20px;
	font-weight: 600;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	margin-top: 15px;
	font-family: "Hind", sans-serif;
	color: #082d71;
}

.what-we-do-box1:hover {
	background-image: -ms-linear-gradient(top, #013768 0%, #0097dc 100%);
	background-image: -moz-linear-gradient(top, #013768 0%, #0097dc 100%);
	background-image: -o-linear-gradient(top, #013768 0%, #0097dc 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #131E39), color-stop(100, #0097dc));
	background-image: -webkit-linear-gradient(top, #013768 0%, #0097dc 100%);
	background-image: linear-gradient(to bottom, #013768 0%, #0097dc 100%);
	transform: translateY(-15px);
}

.what-we-do-box1:hover .what-we-do-box1_title h4,
.what-we-do-box1:hover {
	color: #fff;
}

.hire-a-developer3 {
	background-color: #f8f8f8;
}

.text-hire {
	font-size: 20px;
	font-weight: 500;
	color: #555555;
	bottom: 22px;
}

.pricingTable {
	background: #fff;
	text-align: center;
	padding: 20px 0 30px;
}

.pricingTable .pricingTable-header {
	color: #fff;
	background-image: -ms-linear-gradient(top, #013768 0%, #0097dc 100%);
	background-image: -moz-linear-gradient(top, #013768 0%, #0097dc 100%);
	background-image: -o-linear-gradient(top, #013768 0%, #0097dc 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #131E39), color-stop(100, #0097dc));
	background-image: -webkit-linear-gradient(top, #013768 0%, #0097dc 100%);
	background-image: linear-gradient(to bottom, #013768 0%, #0097dc 100%);
	padding: 30px 20px 70px;
	margin: 0 0 10px;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 75%, 0 100%);
}

.pricingTable .price-value {
	padding-left: 45px;
}

.pricingTable .price-value .amount {
	font-size: 90px;
	font-weight: 500;
	line-height: 80px;
	display: inline-block;
}

.pricingTable .price-value .currency {
	font-size: 35px;
	font-weight: 500;
	line-height: 45px;
	vertical-align: top;
	display: inline-block;
}

.pricingTable .price-value .duration {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.5px;
	margin: 0 0 0 -20px;
	display: inline-block;
}

.pricingTable .title {
	color: #082d71;
	font-size: 35px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	margin: 0 0 30px;
}

.pricingTable .pricing-content {
	padding: 0 33px;
	margin: 0 0 30px;
	list-style: none;
}

.pricingTable .pricing-content li {
	background: #f8f8f8;
	color: #555555;
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
	padding: 5px 15px 5px 42px;
	margin: 0 0 10px;
	position: relative;
}

.pricingTable .pricing-content li:last-child {
	margin-bottom: 0;
}

.pricingTable .pricing-content li:before {
	content: "\f00c";
	color: #fff;
	background: #00b6de;
	font-family: 'FontAwesome';
	font-size: 14px;
	font-weight: 600;
	line-height: 23px;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	position: absolute;
	top: 10px;
	left: 10px;
	text-align: center;
}

.pricingTable .pricing-content li.disable:before {
	content: "\f00d";
}


@media only screen and (max-width: 990px) {
	.pricingTable {
		margin: 0 0 40px 10px;
	}
}

/* our-service-card-area */
.our-service-card-area {
	position: relative;
}

.service-heading-text h1 {
	font-size: 40px;
	color: #082d71;
	font-weight: 600;
	line-height: 45px;
	text-transform: capitalize;
	margin-bottom: 10px;
	margin-top: 10px;
}

.service-image {
	text-align: center;
}

.ts-list {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 20px;
}

.ts-list li {
	display: block;
	margin-bottom: 14px;
	position: relative;
	padding-left: 25px;
}

.ts-list li a {
	display: block;
}

.ts-list li:last-child {
	margin-bottom: 0;
}

.ts-list li:before {
	font-family: fontAwesome;
	content: "\f0c8";
	font-size: 8px;
	color: #252a37;
	position: absolute;
	top: 0;
	left: 0;
}

.service-bgcolor1 {
	background-color: #f8f8f8;
}

.mrt-40 {
	margin-top: 40px;
}

.professional-service-box-area {
	background-image: url('../img/bg-4.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	background-blend-mode: multiply;
	position: relative;
}

.professional-service-box-area::before {
	content: '';
	opacity: 0.8;
	background-color: #00b6de;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.professional-heading h2 span {
	text-transform: capitalize;
	color: #082d71;
	font-weight: 600;
}

.professional-heading h2 {
	text-transform: capitalize;
	font-size: 50px;
	margin-bottom: 20px;
	line-height: 65px;
	font-weight: 600;
}

.professional-heading h3 {
	color: #fff;
	font-size: 30px;
	font-weight: 600;
}

/* pagination-outer */
.pagination-outer {
	text-align: center;
}

.pagination {
	display: inline-flex;
	position: relative;
}

.pagination li a.page-link {
	color: #082d71;
	background-color: #00b6de;
	font-size: 20px;
	font-weight: 500;
	line-height: 39px;
	height: 40px;
	width: 40px;
	padding: 0;
	margin: 0 5px;
	border: none;
	border-radius: 0px;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0s;
}

.pagination li a.page-link:hover,
.pagination li a.page-link:focus,
.pagination li.active a.page-link:hover,
.pagination li.active a.page-link {
	color: #fff;
	background: transparent;
}

.pagination li a.page-link:before,
.pagination li a.page-link:after {
	content: '';
	background: #082d71;
	height: 100%;
	width: 100%;
	border-radius: 0%;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transition: all 0.4s ease 0s;
}

.pagination li a.page-link:after {
	background: #082d71;
	transform: rotateY(180deg);
	top: auto;
	bottom: 0;
}

.pagination li a.page-link:hover:before,
.pagination li a.page-link:focus:before,
.pagination li.active a.page-link:before,
.pagination li a.page-link:hover:after,
.pagination li a.page-link:focus:after,
.pagination li.active a.page-link:after {
	height: 85%;
	opacity: 1;
}

@media only screen and (max-width: 480px) {
	.pagination {
		font-size: 0;
		border: none;
		display: inline-block;
	}

	.pagination li {
		display: inline-block;
		vertical-align: top;
		margin: 0 0 10px;
	}
}


/*cta banner */
/* Modern High-Tech CTA Banner */
.cta {
	position: relative;
	background: 
		radial-gradient(circle at 15% 50%, rgba(0, 191, 255, 0.20) 0%, transparent 55%),
		radial-gradient(circle at 85% 50%, rgba(10, 61, 145, 0.40) 0%, transparent 60%),
		linear-gradient(135deg, #030d1d 0%, #061a3a 50%, #092c63 100%) !important;
	padding: clamp(42px, 5vw, 62px) 0;
	overflow: hidden;
	isolation: isolate;
	border-top: 1px solid rgba(0, 191, 255, 0.22);
	border-bottom: 1px solid rgba(0, 191, 255, 0.15);
	box-shadow: 0 10px 30px rgba(2, 8, 20, 0.25);
}

.cta:before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 50% 0%, rgba(0, 191, 255, 0.12) 0%, transparent 60%);
	pointer-events: none;
	z-index: 1;
}

.cta .container {
	position: relative;
	z-index: 2;
}

.cta .part-txt {
	padding-left: 0;
}

.cta .part-txt h2 {
	font-family: 'Inter', 'Poppins', sans-serif;
	font-size: clamp(24px, 3.2vw, 38px);
	line-height: 1.25;
	font-weight: 700;
	color: #ffffff !important;
	letter-spacing: -0.01em;
	margin-top: 0;
	margin-bottom: 8px;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

.cta .part-txt h3 {
	font-family: 'Inter', 'Poppins', sans-serif;
	font-size: clamp(13px, 1.4vw, 16px);
	line-height: 1.5;
	font-weight: 600;
	color: #00BFFF !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
	opacity: 0.95 !important;
	text-shadow: 0 0 12px rgba(0, 191, 255, 0.35);
}

.cta .part-btn {
	padding-right: 0;
}

.cta .part-btn .theme-btn.btn-style-two,
.cta .part-btn .itechno-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	position: relative;
	overflow: hidden;
	isolation: isolate;
	padding: 13px 34px;
	border: 1px solid #00BFFF;
	border-radius: 50px;
	background: linear-gradient(135deg, #00BFFF 0%, #0072CE 100%);
	color: #ffffff !important;
	font-family: 'Inter', 'Poppins', sans-serif;
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.04em;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	box-shadow: 0 6px 20px rgba(0, 191, 255, 0.32);
	transition: all 0.35s ease;
	z-index: 1;
}

.cta .part-btn .theme-btn.btn-style-two::before,
.cta .part-btn .itechno-btn::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(135deg, #0047AB 0%, #002b66 100%);
	transform: translateY(101%);
	transition: transform 0.4s ease;
}

.cta .part-btn .theme-btn.btn-style-two:hover,
.cta .part-btn .itechno-btn:hover {
	color: #ffffff !important;
	border-color: #ffffff;
	transform: translateY(-2px);
	box-shadow: 0 10px 28px rgba(0, 191, 255, 0.48);
}

.cta .part-btn .theme-btn.btn-style-two:hover::before,
.cta .part-btn .itechno-btn:hover::before {
	transform: translateY(0);
}

a.page-numbers {
	color: #082d71;
	background-color: #00b6de;
	font-size: 20px;
	font-weight: 500;
	line-height: 39px;
	height: 40px;
	width: 40px;
	padding: 3px 13px;
	margin: 0 5px;
	border: none;
	border-radius: 0px;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0s;
}

span.page-numbers.current {
	color: #fff;
	background: #082d71;
	font-size: 20px;
	font-weight: 500;
	line-height: 39px;
	height: 40px;
	width: 40px;
	padding: 3px 13px;
	margin: 0 5px;
	border: none;
	border-radius: 0px;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease 0s;
}

a.page-numbers:hover {
	color: #fff;
	background: #082d71;
}

.wp-block-search .wp-block-search__button {
	background: #00b6de;
	border: 1px solid #ccc;
	padding: .375em .625em;
	color: #ffffff;
	margin-left: .625em;
	word-break: normal;
}

.wp-block-search .wp-block-search__label {
	width: 100%;
	color: #082d71;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
}

p.wp-block-tag-cloud a {
	position: relative;
	display: inline-block;
	line-height: 24px;
	padding: 9px 16px;
	margin: 0px 6px 10px 0px;
	color: #ffffff;
	text-align: center;
	font-size: 15px;
	text-transform: capitalize;
	border: 1px solid #ffffff;
	border-radius: 30px;
	background: #00b6de;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	font-family: 'Poppins', sans-serif;
}

p.wp-block-tag-cloud a:hover {
	border-color: #082d71;
	background-color: #082d71;
	color: #ffffff;
}

ul.wp-block-categories-list.wp-block-categories li a {
	position: relative;
	font-size: 16px;
	font-weight: 600;
	font-family: "Hind", sans-serif;
	display: block;
	color: #000;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

ul.wp-block-categories-list.wp-block-categories li {
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #dadcdf;
}

aside.sidebar.mt-991 h1 {
	color: #082d71;
}

aside.sidebar.mt-991 h2 {
	color: #082d71;
}

aside.sidebar.mt-991 h3 {
	color: #082d71;
}

aside.sidebar.mt-991 h4 {
	color: #082d71;
}

aside.sidebar.mt-991 h5 {
	color: #082d71;
}

aside.sidebar.mt-991 h6 {
	color: #082d71;
}

input#wp-block-search__input-1 {
	position: relative;
	line-height: 26px;
	padding: 10px 50px 10px 20px;
	border: 1px solid #00b6de;
	background: #fff;
	font-style: italic;
	display: block;
	font-size: 16px;
	min-width: 100%;
	height: 60px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

ul.wp-block-latest-posts__list.wp-block-latest-posts li {
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #dadcdf;
}

ul.wp-block-latest-posts__list.wp-block-latest-posts li a {
	color: #555555;
	font-weight: 400;
	line-height: 26px;
}

ul.wp-block-latest-posts__list.wp-block-latest-posts li a:hover {
	color: #082d71;
}

ul.wp-block-archives-list.wp-block-archives li {
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #dadcdf;
}

ul.wp-block-archives-list.wp-block-archives li a {
	color: #555555;
	font-weight: 400;
	line-height: 26px;
}

ul.wp-block-archives-list.wp-block-archives li a:hover {
	color: #082d71;
}

ul.wp-block-page-list li a {
	color: #555555;
	font-weight: 400;
	line-height: 26px;
}

ul.wp-block-page-list li a:hover {
	color: #082d71;
}

ul#menu-header-menu-2 li a {
	color: #555555;
	font-weight: 400;
	line-height: 26px;
}

ul#menu-header-menu-2 li a:hover {
	color: #082d71;
}

.col-lg-4 ul li a {
	color: #555555;
	font-weight: 400;
	line-height: 26px;
}

.col-lg-4 ul li a:hover {
	color: #082d71;
}

.col-lg-4 .logged-in.wp-block-loginout a {
	color: #555555;
	font-weight: 400;
	line-height: 26px;
}

.col-lg-4 .logged-in.wp-block-loginout a:hover {
	color: #082d71;
}

.wp-block-button__link {
	color: #fff;
	background-color: #32373c;
	border-radius: 9999px;
	box-shadow: none;
	cursor: pointer;
	display: inline-block;
	font-size: 1.125em;
	padding: calc(.667em + 2px) calc(1.333em + 2px);
	text-align: center;
	text-decoration: none;
	overflow-wrap: break-word;
	box-sizing: border-box;
}

img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
	height: 50%;
}

img.img-responsive.wp-post-image {
	height: 50%;
}

/* ==========================================================================
   Bento Services Section (New Design)
   ========================================================================== */
.bento-services-section {
	background-color: #f7f9fc;
	padding: var(--section-padding);
	font-family: 'Inter', sans-serif;
}

.bento-services-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 200px;
	gap: 24px;
	max-width: 1200px;
	margin: 0 auto;
}

.bento-card {
	border-radius: 24px;
	padding: 0;
	display: block;
	position: relative;
	overflow: hidden;
	text-decoration: none !important;
	outline: none;
	border: 1px solid rgba(10, 61, 145, 0.08);
	box-shadow: 0 8px 24px rgba(10, 61, 145, 0.06);
	transition: box-shadow 0.35s ease, border-color 0.35s ease;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	isolation: isolate;
}

/* Stable wrapper: fixed bounding box prevents hover flickering */
.bento-card:hover,
.bento-card:focus-visible,
.bento-card.is-active,
.bento-card.is-touched {
	box-shadow: 0 20px 42px rgba(6, 26, 64, 0.22), 0 0 0 1px rgba(0, 182, 222, 0.35);
	border-color: rgba(0, 182, 222, 0.5);
}

.bento-card:focus-visible {
	outline: 2px solid #00b6de;
	outline-offset: 3px;
}

/* Image zoom inside fixed container */
.bento-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
	pointer-events: none;
}

.bento-card:hover img,
.bento-card:focus img,
.bento-card:focus-visible img,
.bento-card.is-active img,
.bento-card.is-touched img {
	transform: scale(1.06);
}

/* Unique Shine Effect Layer */
.bento-card::after {
	content: '';
	position: absolute;
	top: 0;
	left: -150%;
	width: 50%;
	height: 100%;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 100%);
	transform: skewX(-25deg);
	z-index: 4;
	pointer-events: none;
}

.bento-card:hover::after,
.bento-card:focus-visible::after {
	animation: shine-sweep 0.8s ease-out forwards;
}

@keyframes shine-sweep {
	0% {
		left: -150%;
	}

	100% {
		left: 200%;
	}
}

/* Dark Navy Gradient Overlay */
.bento-card__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(6, 26, 64, 0.05) 0%,
		rgba(6, 26, 64, 0.45) 45%,
		rgba(6, 26, 64, 0.94) 100%
	);
	opacity: 0;
	transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	pointer-events: none;
	z-index: 2;
}

.bento-card:hover .bento-card__overlay,
.bento-card:focus .bento-card__overlay,
.bento-card:focus-visible .bento-card__overlay,
.bento-card.is-active .bento-card__overlay,
.bento-card.is-touched .bento-card__overlay {
	opacity: 1;
}

/* Service Title & Accent Container */
.bento-card__content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 24px 28px;
	z-index: 3;
	pointer-events: none;
	opacity: 0;
	transform: translateY(14px);
	transition: opacity 0.35s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
	display: flex;
	flex-direction: column;
	gap: 9px;
}

.bento-card:hover .bento-card__content,
.bento-card:focus .bento-card__content,
.bento-card:focus-visible .bento-card__content,
.bento-card.is-active .bento-card__content,
.bento-card.is-touched .bento-card__content {
	opacity: 1;
	transform: translateY(0);
}

/* Cyan Accent Line */
.bento-card__accent-line {
	display: block;
	width: 28px;
	height: 3px;
	background: linear-gradient(90deg, #00b6de 0%, #0072ce 100%);
	border-radius: 3px;
	box-shadow: 0 0 10px rgba(0, 182, 222, 0.55);
	transition: width 0.35s ease;
}

.bento-card:hover .bento-card__accent-line,
.bento-card:focus .bento-card__accent-line,
.bento-card:focus-visible .bento-card__accent-line,
.bento-card.is-active .bento-card__accent-line,
.bento-card.is-touched .bento-card__accent-line {
	width: 44px;
}

/* Title & Arrow Row */
.bento-card__title-wrap {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.bento-card__title {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.25;
	color: #ffffff;
	margin: 0;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
	letter-spacing: -0.01em;
}

.bento-card--gifting .bento-card__title,
.bento-card--calendar .bento-card__title {
	font-size: 22px;
}

/* Polished Cyan Arrow */
.bento-card__arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #00b6de;
	transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), color 0.3s ease;
	flex-shrink: 0;
}

.bento-card:hover .bento-card__arrow,
.bento-card:focus .bento-card__arrow,
.bento-card:focus-visible .bento-card__arrow,
.bento-card.is-active .bento-card__arrow,
.bento-card.is-touched .bento-card__arrow {
	transform: translateX(5px);
	color: #38c8ff;
}

/* Grid Layout Placement Specifics */
.bento-card--gifting {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
}

.bento-card--calendar {
	grid-column: 2 / 4;
	grid-row: 1 / 2;
}

.bento-card--settings {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}

.bento-card--access {
	grid-column: 3 / 4;
	grid-row: 2 / 4;
}

.bento-card--notifications {
	grid-column: 1 / 3;
	grid-row: 3 / 4;
}

/* Mobile & Touch Devices Support */
@media (hover: none), (max-width: 767px) {
	.bento-card__overlay {
		opacity: 0.82;
		background: linear-gradient(
			180deg,
			rgba(6, 26, 64, 0) 0%,
			rgba(6, 26, 64, 0.45) 45%,
			rgba(6, 26, 64, 0.95) 100%
		);
	}

	.bento-card__content {
		opacity: 1;
		transform: translateY(0);
		padding: 16px 18px;
	}

	.bento-card__title {
		font-size: 17px !important;
	}

	.bento-card__accent-line {
		width: 32px;
	}
}


/* Responsive adjustments */
@media (max-width: 991px) {
	.bento-services-grid {
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: minmax(200px, auto);
	}

	.bento-card--gifting {
		grid-column: 1 / 2;
		grid-row: 1 / 3;
	}

	.bento-card--calendar {
		grid-column: 2 / 3;
		grid-row: 1 / 3;
		flex-direction: column;
	}

	.bento-card--calendar .content {
		max-width: 100%;
	}

	.bento-card--calendar .bento-icon {
		margin: 20px auto 0;
	}

	.bento-card--settings {
		grid-column: 1 / 2;
		grid-row: 3 / 4;
	}

	.bento-card--access {
		grid-column: 2 / 3;
		grid-row: 3 / 5;
	}

	.bento-card--notifications {
		grid-column: 1 / 3;
		grid-row: 5 / 6;
		flex-direction: column;
		text-align: center;
	}

	.bento-card--notifications .content {
		max-width: 100%;
		margin-bottom: 20px;
	}

	.bento-card--notifications .bento-icon {
		margin: 0 auto;
	}

}

@media (max-width: 767px) {
	.bento-services-grid {
		grid-template-columns: 1fr;
	}

	.bento-card {
		grid-column: 1 / -1;
		grid-row: auto;
		flex-direction: column;
		align-items: flex-start;
		text-align: left;
	}

	.bento-card--calendar .content,
	.bento-card--notifications .content {
		max-width: 100%;
	}

	.bento-card .bento-icon {
		position: relative;
		bottom: auto;
		right: auto;
		left: auto;
		margin-top: 20px;
		align-self: flex-end;
	}
}

.bento-card {
	cursor: pointer;
}

.bento-card h3 a {
	color: inherit;
	text-decoration: none;
}

.bento-card h3 a:hover {
	text-decoration: underline;
}

/* ==========================================================================
   Dotsquares-Style Technologies & Platforms Marquee Section (White / Light Mode)
   ========================================================================== */
.tech-platforms-section {
	background-color: #ffffff;
	background: #ffffff;
	padding: var(--section-padding);
	position: relative;
	overflow: hidden;
	color: var(--theme-dark);
	/* border-bottom: 1px solid rgba(15, 23, 42, 0.08); */
}

.tech-platforms__heading,
.tech-platforms-section .section-heading {
	position: relative;
	z-index: 2;
	max-width: 860px;
	margin: 0 auto 60px;
	text-align: center;
}

.tech-platforms__eyebrow,
.tech-platforms-section .section-heading__eyebrow {
	display: inline-flex;
	align-items: center;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--theme-accent);
	margin-bottom: 14px;
}

.tech-platforms-section .section-heading__eyebrow::before {
	background: var(--theme-accent);
}

.tech-platforms__title {
	font-family: inherit;
	font-size: clamp(34px, 4.5vw, 54px);
	font-weight: 800;
	color: var(--theme-dark);
	line-height: 1.15;
	letter-spacing: -0.5px;
	margin: 0 0 18px;
}

.tech-platforms__title span {
	color: var(--theme-accent);
	display: inline-block;
}

.tech-platforms__description {
	font-size: 17px;
	line-height: 1.6;
	color: var(--theme-muted);
	max-width: 680px;
	margin: 0 auto;
}

/* Two-Row Marquee Tracks */
.tech-platforms__marquee-wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 22px;
	padding: 10px 0 20px;
	z-index: 2;
}

/* Edge gradient fades for seamless infinite look */
.tech-platforms__marquee-wrapper::before,
.tech-platforms__marquee-wrapper::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 180px;
	z-index: 5;
	pointer-events: none;
}

.tech-platforms__marquee-wrapper::before {
	left: 0;
	background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.tech-platforms__marquee-wrapper::after {
	right: 0;
	background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.tech-platforms__container {
	width: 100%;
	overflow: hidden;
}

.tech-platforms__track {
	display: flex;
	align-items: center;
	width: max-content;
	will-change: transform;
}

.tech-platforms__track--left {
	animation: techMarqueeLeft 42s linear infinite;
}

.tech-platforms__track--right {
	animation: techMarqueeRight 42s linear infinite;
}

.tech-platforms__track:hover {
	animation-play-state: paused;
}

@keyframes techMarqueeLeft {
	0% {
		transform: translate3d(0, 0, 0);
	}

	100% {
		transform: translate3d(-50%, 0, 0);
	}
}

@keyframes techMarqueeRight {
	0% {
		transform: translate3d(-50%, 0, 0);
	}

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

/* Dotsquares-style Tech Pill Capsule (Light Theme) */
.tech-pill {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	background: #ffffff;
	border: 1px solid rgba(15, 23, 42, 0.09);
	padding: 12px 28px;
	border-radius: 9999px;
	margin-right: 18px;
	flex-shrink: 0;
	box-shadow: 0 3px 12px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.02);
	transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
	cursor: pointer;
	user-select: none;
	text-decoration: none !important;
}

.tech-pill:hover {
	background: #ffffff;
	border-color: #00b6de;
	transform: translateY(-3px) scale(1.02);
	box-shadow: 0 12px 28px rgba(0, 182, 222, 0.18), 0 4px 10px rgba(15, 23, 42, 0.04);
}

.tech-pill__icon {
	width: 24px;
	height: 24px;
	max-width: 24px;
	max-height: 24px;
	object-fit: contain;
	display: block;
	flex-shrink: 0;
	transition: transform 0.3s ease;
}

.tech-pill:hover .tech-pill__icon {
	transform: scale(1.15);
}

.tech-pill__name {
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	color: #1e293b;
	letter-spacing: 0.2px;
	white-space: nowrap;
}

@media (max-width: 768px) {
	.tech-platforms-section {
		padding: var(--section-padding);
	}

	.tech-platforms__heading,
	.tech-platforms-section .section-heading {
		margin-bottom: 35px;
	}

	.tech-platforms__marquee-wrapper::before,
	.tech-platforms__marquee-wrapper::after {
		width: 60px;
	}

	.tech-pill {
		padding: 8px 18px;
		margin-right: 12px;
		gap: 9px;
	}

	.tech-pill__icon {
		width: 20px;
		height: 20px;
		max-width: 20px;
		max-height: 20px;
	}

	.tech-pill__name {
		font-size: 13.5px;
	}
}

/* ==========================================================================
   Clients Marquee Section
   ========================================================================== */
.marquee-container {
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	width: 100%;
	padding: 20px 0;
	background-color: var(--theme-light);
}

.marquee-content {
	display: inline-flex;
	animation: scrollMarquee 30s linear infinite;
}

.marquee-content:hover {
	animation-play-state: paused;
}

.marquee-item {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 220px;
	height: 100px;
	margin: 0 15px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 12px;
	padding: 20px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
	transition: box-shadow 0.3s ease;
}

.marquee-item:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}

.marquee-item a {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
}

.marquee-item img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	filter: grayscale(100%);
	opacity: 0.7;
	transition: all 0.3s ease;
}

.marquee-item:hover img {
	filter: grayscale(0%);
	opacity: 1;
}

@keyframes scrollMarquee {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}

@media (max-width: 767px) {
	.marquee-item {
		width: 160px;
		height: 80px;
		margin: 0 10px;
		padding: 15px;
	}
}


/* ==========================================================================
   New Services Section - Dotsquares Reference Style (Theme Variables)
   ========================================================================== */
.new-services-section {
	padding: var(--section-padding);
	background: #ffffff;
}

.new-services-section .tech-stack__heading {
	text-align: center;
	margin-bottom: 50px;
}

.ns-card {
	display: flex;
	flex-direction: column;
	position: relative;
	background: #ffffff;
	border: 1px solid #edf2f7;
	border-radius: 12px;
	padding: 34px 28px 24px;
	text-decoration: none !important;
	outline: none;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
	transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
	height: 100%;
}

.ns-card:hover {
	transform: translateY(-6px);
	border-color: var(--theme-accent);
	box-shadow: 0 16px 34px rgba(10, 61, 145, 0.12);
}

/* Theme Accent Line */
.ns-card-line {
	width: 55px;
	height: 3.5px;
	background: var(--theme-accent);
	border-radius: 2px;
	margin-bottom: 22px;
	transition: width 0.3s ease, background 0.3s ease;
}

.ns-card:hover .ns-card-line {
	width: 80px;
	background: var(--theme-primary);
}

/* Title */
.ns-card h3 {
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: var(--theme-dark);
	line-height: 1.35;
	margin-top: 0;
	margin-bottom: 14px;
	text-align: left;
	text-transform: none;
	transition: color 0.3s ease;
}

.ns-card:hover h3 {
	color: var(--theme-primary);
}

/* Description */
.ns-card p {
	font-size: 14px;
	color: var(--theme-muted);
	line-height: 1.6;
	text-align: left;
	margin-bottom: 22px;
}

/* Clean Minimal Points List (WPBuffs-inspired clean look) */
.ns-pills {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 22px;
	width: 100%;
}

/* Individual Clean Point Item */
.ns-pill {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: transparent;
	color: #334155;
	font-size: 13.5px;
	font-weight: 500;
	padding: 0;
	border-radius: 0;
	border: none;
	line-height: 1.4;
	transition: all 0.2s ease;
}

.ns-pill::before {
	content: '\f00c';
	font-family: 'Font Awesome 6 Free', 'FontAwesome';
	font-weight: 900;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #e6f9ed;
	color: #10b981;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	flex-shrink: 0;
	transition: all 0.25s ease;
}

.ns-card:hover .ns-pill {
	background: transparent;
	border: none;
	color: var(--theme-dark);
	transform: translateX(4px);
}

.ns-card:hover .ns-pill::before {
	background: #10b981;
	color: #ffffff;
	box-shadow: 0 2px 8px rgba(16, 185, 129, 0.35);
}

/* Bottom Row with Arrow */
.ns-card-bottom {
	margin-top: auto;
	display: flex;
	justify-content: flex-end;
	padding-top: 10px;
}

.ns-card-arrow {
	width: 44px;
	height: 44px;
	border: 1px solid #d1d5db;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--theme-dark);
	font-size: 15px;
	transition: all 0.3s ease;
}

.ns-card:hover .ns-card-arrow {
	background: var(--theme-primary);
	border-color: var(--theme-primary);
	color: #ffffff;
	transform: translateX(4px);
}

/* Who We Are Section */
.who-we-are-section {
	background-color: #ffffff;
	padding: var(--section-padding);
}


.wwa-text {
	font-size: 16px;
	color: #444;
	line-height: 1.8;
}

.wwa-number {
	font-size: 80px;
	font-weight: 800;
	color: var(--theme-primary);
	line-height: 1;
	margin-right: 20px;
}

.wwa-stats-text {
	font-size: 15px;
	color: var(--theme-muted);
	position: relative;
	padding-top: 15px;
}

.wwa-stats-text::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 3px;
	background-color: var(--theme-primary);
}

.wwa-stats-text span {
	color: var(--theme-primary);
	font-weight: 600;
}

.wwa-btn {
	display: inline-block;
	padding: 12px 35px;
	border: 2px solid var(--theme-primary);
	color: var(--theme-primary);
	border-radius: 50px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease;
	background: transparent;
}

.wwa-btn:hover {
	background-color: var(--theme-primary);
	color: #ffffff;
}

/* School Feature Section */
.school-feature-section {
	position: relative;
	padding: var(--section-padding);
	background-color: #ffffff;
}

/* ==========================================================================
   DS Hero Section - Modern Containerized Layout (Dotsquares Style)
   ========================================================================== */
.ds-hero {
	position: relative;
	background-color: #06090e;
	color: #ffffff;
	padding: 85px 0 50px;
	overflow: hidden;
	min-height: 86vh;
	display: flex;
	align-items: center;
}

.ds-hero-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle at 75% 45%, #111a2e 0%, #06090e 65%);
	z-index: 1;
}

/* Container matches exact theme container alignment */
.ds-hero-container {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 1320px;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.ds-hero-text-col {
	position: relative;
	z-index: 3;
}

.ds-hero-text {
	width: 100%;
	max-width: 650px;
}

.ds-hero-label {
	display: inline-flex;
	align-items: center;
	color: #f1f5f9;
	font-size: 13.5px;
	font-weight: 800;
	letter-spacing: 2.2px;
	text-transform: uppercase;
	margin-bottom: 18px;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
}

.ds-hero-heading {
	font-size: clamp(38px, 4.4vw, 64px);
	font-weight: 900;
	line-height: 1.12;
	color: #ffffff;
	margin-bottom: 24px;
	letter-spacing: -0.5px;
}

.ds-hero-heading .ds-accent {
	color: #00b6de;
	background: linear-gradient(135deg, #00b6de 0%, #28b9e0 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.ds-hero-para {
	font-size: 18.5px;
	line-height: 1.7;
	color: #ffffff !important;
	margin-bottom: 36px;
	max-width: 580px;
	font-weight: 500;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.7);
}

.ds-hero-actions {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 38px;
	flex-wrap: wrap;
}

.ds-btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #00b6de 0%, #0066cc 100%);
	color: #ffffff !important;
	padding: 14px 30px;
	font-size: 15px;
	font-weight: 700;
	border-radius: 50px;
	text-decoration: none !important;
	box-shadow: 0 6px 20px rgba(0, 182, 222, 0.4);
	transition: all 0.3s ease;
	border: 1px solid rgba(255, 255, 255, 0.15);
}

.ds-btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 25px rgba(0, 182, 222, 0.55);
	color: #ffffff !important;
}

.ds-btn-arrow {
	margin-left: 8px;
	font-size: 18px;
	transition: transform 0.3s ease;
}

.ds-btn-primary:hover .ds-btn-arrow {
	transform: translateX(4px);
}

.ds-btn-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.06);
	color: #ffffff !important;
	padding: 14px 26px;
	font-size: 15px;
	font-weight: 600;
	border-radius: 50px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	text-decoration: none !important;
	transition: all 0.3s ease;
	backdrop-filter: blur(8px);
}

.ds-btn-secondary:hover {
	background: rgba(255, 255, 255, 0.12);
	border-color: rgba(255, 255, 255, 0.3);
	color: #ffffff !important;
	transform: translateY(-2px);
}

.ds-btn-icon {
	width: 18px;
	height: 18px;
	margin-right: 10px;
	opacity: 0.9;
}

.ds-hero-partners {
	display: flex;
	align-items: center;
	gap: 22px;
	flex-wrap: wrap;
}

.ds-partner {
	opacity: 0.95;
	transition: none;
}
.ds-partner:hover {
	opacity: 1;
	transform: none;
}
.ds-partner img {
	height: 28px;
	width: auto;
	object-fit: contain;
	transition: none;
}

/* Image on Desktop: Absolute to the right side of the hero section with smooth left fade */
.ds-hero-image-wrapper {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 55%;
	max-width: 1080px;
	z-index: 1;
	pointer-events: none;
}

.ds-hero-image-mobile {
	display: none;
}

.ds-hero-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center right;
	opacity: 0.95;
	-webkit-mask-image: linear-gradient(to right, transparent 0%, transparent 5%, rgba(0, 0, 0, 0.8) 28%, black 100%);
	mask-image: linear-gradient(to right, transparent 0%, transparent 5%, rgba(0, 0, 0, 0.8) 28%, black 100%);
}

.ds-hero-gradient-overlay {
	display: none;
}

/* ==========================================================================
   DS Hero Success Slider (Dotsquares Style)
   ========================================================================== */
.ds-success-slider-wrapper {
	position: relative;
	width: 100%;
	margin-top: 45px;
	z-index: 10;
	display: flex;
	align-items: center;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding-top: 24px;
}

.ds-slider-nav {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.12);
	color: #ffffff;
	font-size: 20px;
	cursor: pointer;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.ds-slider-nav:hover {
	background: #00b6de;
	border-color: #00b6de;
	color: #ffffff;
}

.ds-slider-nav svg {
	width: 18px;
	height: 18px;
}

.ds-slider-track-container {
	overflow: hidden;
	flex-grow: 1;
	margin: 0 16px;
}

.ds-slider-track {
	display: flex;
	transition: transform 0.4s ease-in-out;
	gap: 28px;
}

.ds-slider-item {
	flex: 0 0 calc(33.333% - 19px);
	min-width: 260px;
	padding-right: 22px;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	text-decoration: none !important;
	display: block;
	transition: transform 0.25s ease;
}

.ds-slider-item:last-child {
	border-right: none;
}

.ds-slider-item:hover {
	transform: translateY(-2px);
}

.ds-item-tag {
	display: block;
	color: #00b6de;
	font-size: 11.5px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	margin-bottom: 5px;
}

.ds-item-title {
	font-size: 15px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 5px;
	line-height: 1.35;
	transition: color 0.2s ease;
}

.ds-slider-item:hover .ds-item-title {
	color: #00b6de;
}

.ds-item-desc {
	font-size: 13px;
	color: #94a3b8;
	line-height: 1.5;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@media (max-width: 991px) {
	.ds-slider-item {
		flex: 0 0 calc(50% - 14px);
	}
}

@media (max-width: 576px) {
	.ds-slider-item {
		flex: 0 0 100%;
		border-right: none;
	}
}

/* ==========================================================================
   INTELLIGENT DYNAMIC DROPDOWN & MEGA MENU SYSTEM
   Anchored directly beneath parent nav items with seamless hover bridge
   ========================================================================== */
@media (min-width: 992px) {

	.main-header .header-upper,
	.main-header .sticky-header {
		position: relative !important;
	}

	.main-header .header-upper .container,
	.main-header .sticky-header .container {
		position: relative !important;
	}

	.main-menu,
	.main-menu .navbar-collapse,
	.main-menu .navigation {
		position: relative !important;
	}

	/* Top level dropdown trigger */
	.main-menu .navigation > li.dropdown {
		display: flex !important;
		align-items: center !important;
		cursor: pointer;
		position: relative !important;
	}

	.main-menu .navigation > li.dropdown:before {
		display: inline-flex !important;
		align-items: center !important;
		line-height: 1 !important;
		margin-top: 0 !important;
		margin-left: 5px !important;
		align-self: center !important;
		position: static !important;
		order: 2;
		right: auto !important;
		color: #64748b !important;
		font-size: 13px !important;
		transition: transform 0.25s ease, color 0.25s ease !important;
	}

	.main-menu .navigation > li:hover.dropdown:before,
	.main-menu .navigation > li.dropdown.is-open:before,
	.main-menu .navigation > li.dropdown.open:before {
		transform: rotate(180deg) !important;
		color: #00b6de !important;
	}

	/* BASE DROPDOWN PANEL (Default: 1 Column / Simple Dropdown) */
	.main-menu .navigation > li > ul,
	.main-header .header-upper .main-menu .navigation > li > ul,
	.main-header .sticky-header .main-menu .navigation > li > ul {
		position: absolute !important;
		top: 100% !important;
		left: 0 !important;
		right: auto !important;
		transform: translateY(8px) !important;
		width: max-content !important;
		min-width: 220px !important;
		max-width: 290px !important;
		background: #0b1120 !important;
		border: 1px solid rgba(0, 182, 222, 0.25) !important;
		border-radius: 0 0 14px 14px !important;
		box-shadow: 0 20px 45px -10px rgba(0, 0, 0, 0.65), 0 0 18px rgba(0, 182, 222, 0.1) !important;
		padding: 12px 10px !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 3px !important;
		align-items: stretch !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
		transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1), transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
		z-index: 999999 !important;
		margin: 0 !important;
		list-style: none !important;
	}

	/* Right-aligned dropdown for last nav items to prevent screen overflow */
	.main-menu .navigation > li:last-child > ul,
	.main-menu .navigation > li.from-right > ul {
		left: auto !important;
		right: 0 !important;
	}

	/* 2 COLUMNS DROPDOWN */
	.main-menu .navigation > li.dropdown-cols-2 > ul,
	.main-menu .navigation > li.dropdown:has(> ul > li:nth-child(2):not(:nth-child(3))) > ul {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(190px, 1fr)) !important;
		min-width: 440px !important;
		max-width: 560px !important;
		gap: 20px !important;
		padding: 22px 24px !important;
	}

	/* 3 COLUMNS DROPDOWN */
	.main-menu .navigation > li.dropdown-cols-3 > ul,
	.main-menu .navigation > li.dropdown:has(> ul > li:nth-child(3):not(:nth-child(4))) > ul {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(190px, 1fr)) !important;
		min-width: 660px !important;
		max-width: 820px !important;
		left: 0 !important;
		right: auto !important;
		gap: 26px !important;
		padding: 26px 30px !important;
	}

	/* 4+ COLUMNS (FULL MEGA MENU) */
	.main-menu .navigation > li.dropdown-cols-4 > ul,
	.main-menu .navigation > li.dropdown:has(> ul > li:nth-child(4)) > ul {
		display: grid !important;
		grid-template-columns: repeat(4, minmax(180px, 1fr)) !important;
		width: max-content !important;
		max-width: min(980px, calc(100vw - 40px)) !important;
		min-width: 780px !important;
		left: 0 !important;
		right: auto !important;
		gap: 28px !important;
		padding: 30px 34px !important;
		border-radius: 0 0 18px 18px !important;
	}

	/* Seamless Hover Gap Bridge - Keeps menu open during cursor movement */
	.main-menu .navigation > li > ul::before,
	.main-header .header-upper .main-menu .navigation > li > ul::before,
	.main-header .sticky-header .main-menu .navigation > li > ul::before {
		content: '' !important;
		position: absolute !important;
		top: -16px !important;
		left: 0 !important;
		width: 100% !important;
		height: 18px !important;
		background: transparent !important;
		display: block !important;
		pointer-events: auto !important;
		z-index: 1000 !important;
	}

	/* Reveal Menu on Hover & on Click */
	.main-menu .navigation > li.dropdown:hover > ul,
	.main-header .header-upper .main-menu .navigation > li.dropdown:hover > ul,
	.main-header .sticky-header .main-menu .navigation > li.dropdown:hover > ul,
	.main-menu .navigation > li.dropdown.is-open > ul,
	.main-header .header-upper .main-menu .navigation > li.dropdown.is-open > ul,
	.main-header .sticky-header .main-menu .navigation > li.dropdown.is-open > ul,
	.main-menu .navigation > li.dropdown.open > ul,
	.main-header .header-upper .main-menu .navigation > li.dropdown.open > ul,
	.main-header .sticky-header .main-menu .navigation > li.dropdown.open > ul {
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		transform: translateY(0) !important;
	}

	/* DROPDOWN COLUMN / ITEM (Level 1 item) */
	.main-menu .navigation > li > ul > li,
	.main-header .header-upper .main-menu .navigation > li > ul > li,
	.main-header .sticky-header .main-menu .navigation > li > ul > li {
		display: flex !important;
		flex-direction: column !important;
		border: none !important;
		padding: 0 !important;
		margin: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		float: none !important;
		width: 100% !important;
	}

	/* 1-Column Simple Items Styling */
	.main-menu .navigation > li:not(.dropdown-cols-2):not(.dropdown-cols-3):not(.dropdown-cols-4):not(:has(> ul > li:nth-child(2))) > ul > li > a {
		color: #cbd5e1 !important;
		font-size: 14px !important;
		font-weight: 500 !important;
		text-transform: capitalize !important;
		letter-spacing: normal !important;
		border-bottom: none !important;
		padding: 9px 12px !important;
		margin-bottom: 0 !important;
		border-radius: 8px !important;
		display: flex !important;
		align-items: center !important;
		gap: 8px !important;
		background: transparent !important;
		transition: all 0.2s ease !important;
		line-height: 1.4 !important;
	}

	.main-menu .navigation > li:not(.dropdown-cols-2):not(.dropdown-cols-3):not(.dropdown-cols-4):not(:has(> ul > li:nth-child(2))) > ul > li > a::before {
		content: '' !important;
		display: inline-block !important;
		width: 5px !important;
		height: 5px !important;
		border-radius: 50% !important;
		background: #00b6de !important;
		box-shadow: 0 0 6px #00b6de !important;
		flex-shrink: 0 !important;
	}

	.main-menu .navigation > li:not(.dropdown-cols-2):not(.dropdown-cols-3):not(.dropdown-cols-4):not(:has(> ul > li:nth-child(2))) > ul > li > a:hover {
		color: #ffffff !important;
		background: rgba(0, 182, 222, 0.14) !important;
		transform: translateX(4px) !important;
	}

	/* MULTI-COLUMN HEADER (Level 1 link when 2+ columns) */
	.main-menu .navigation > li.dropdown-cols-2 > ul > li > a,
	.main-menu .navigation > li.dropdown-cols-3 > ul > li > a,
	.main-menu .navigation > li.dropdown-cols-4 > ul > li > a,
	.main-menu .navigation > li:has(> ul > li:nth-child(2)) > ul > li > a {
		color: #00b6de !important;
		font-size: 14.5px !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
		letter-spacing: 0.5px !important;
		border-bottom: 1.5px solid rgba(0, 182, 222, 0.3) !important;
		padding: 0 0 10px 0 !important;
		margin-bottom: 12px !important;
		display: flex !important;
		align-items: center !important;
		gap: 8px !important;
		background: transparent !important;
		transition: color 0.2s ease, border-color 0.2s ease !important;
		border-radius: 0 !important;
		line-height: normal !important;
		cursor: pointer !important;
	}

	/* Column Header Prefix Dot / Icon */
	.main-menu .navigation > li.dropdown-cols-2 > ul > li > a::before,
	.main-menu .navigation > li.dropdown-cols-3 > ul > li > a::before,
	.main-menu .navigation > li.dropdown-cols-4 > ul > li > a::before,
	.main-menu .navigation > li:has(> ul > li:nth-child(2)) > ul > li > a::before {
		content: '' !important;
		display: inline-block !important;
		width: 6px !important;
		height: 6px !important;
		border-radius: 50% !important;
		background: #00b6de !important;
		box-shadow: 0 0 8px #00b6de !important;
		flex-shrink: 0 !important;
	}

	.main-menu .navigation > li.dropdown-cols-2 > ul > li > a:hover,
	.main-menu .navigation > li.dropdown-cols-3 > ul > li > a:hover,
	.main-menu .navigation > li.dropdown-cols-4 > ul > li > a:hover,
	.main-menu .navigation > li:has(> ul > li:nth-child(2)) > ul > li > a:hover {
		color: #ffffff !important;
		border-bottom-color: #ffffff !important;
	}

	/* Disable default dropdown arrow on mega menu columns */
	.main-menu .navigation > li > ul > li.dropdown:before,
	.main-header .header-upper .main-menu .navigation > li > ul > li.dropdown:before,
	.main-menu .navigation > li > ul > li > ul > li.dropdown:before {
		display: none !important;
	}

	/* SUB-LINKS LIST (Level 2 list) */
	.main-menu .navigation > li > ul > li > ul,
	.main-header .header-upper .main-menu .navigation > li > ul > li > ul,
	.main-header .sticky-header .main-menu .navigation > li > ul > li > ul {
		position: static !important;
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
		padding: 0 !important;
		margin: 0 !important;
		transform: none !important;
		gap: 3px !important;
		list-style: none !important;
	}

	.main-menu .navigation > li > ul > li > ul::before {
		display: none !important;
	}

	/* SUB-LINK ITEM (Level 2 li) */
	.main-menu .navigation > li > ul > li > ul > li,
	.main-header .header-upper .main-menu .navigation > li > ul > li > ul > li {
		display: block !important;
		border: none !important;
		padding: 0 !important;
		margin: 0 !important;
		background: transparent !important;
		float: none !important;
		width: 100% !important;
	}

	/* SUB-LINK ANCHOR (Level 2 link) */
	.main-menu .navigation > li > ul > li > ul > li > a,
	.main-header .header-upper .main-menu .navigation > li > ul > li > ul > li > a {
		display: flex !important;
		align-items: center !important;
		padding: 7px 10px !important;
		color: #cbd5e1 !important;
		font-size: 13.5px !important;
		font-weight: 500 !important;
		line-height: 1.4 !important;
		border-radius: 6px !important;
		text-transform: capitalize !important;
		background: transparent !important;
		transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
		letter-spacing: normal !important;
		cursor: pointer !important;
	}

	.main-menu .navigation > li > ul > li > ul > li > a:hover,
	.main-header .header-upper .main-menu .navigation > li > ul > li > ul > li > a:hover,
	.main-menu .navigation > li > ul > li > ul > li.current-menu-item > a,
	.main-header .header-upper .main-menu .navigation > li > ul > li > ul > li.current-menu-item > a {
		color: #00b6de !important;
		background: rgba(0, 182, 222, 0.08) !important;
		transform: translateX(6px) !important;
		padding-left: 14px !important;
	}
}

/* ==========================================================================
   BLACK HEADER TOP WITH contect INFO
   ========================================================================== */
.header-top.black-header-top {
	background: #000000 !important;
	padding: 4px 0 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.header-top.black-header-top .container {
	display: flex !important;
	justify-content: flex-end !important;
	align-items: center;
}

.header-top.black-header-top .top-right {
	float: none !important;
	display: flex;
	align-items: center;
}

.header-top.black-header-top .links-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 24px;
}

.header-top.black-header-top .links-nav li {
	color: #cccccc !important;
	font-size: 13px !important;
	margin: 0 !important;
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.header-top.black-header-top .links-nav li a {
	color: #cccccc !important;
	text-decoration: none !important;
	transition: color 0.2s ease;
}

.header-top.black-header-top .links-nav li a:hover {
	color: skyblue !important;
}

.header-top.black-header-top .links-nav li i {
	color: var(--theme-accent);
	font-size: 13px;
}

@media (max-width: 767px) {
	.header-top.black-header-top .container {
		justify-content: center !important;
	}

	.header-top.black-header-top .links-nav {
		justify-content: center;
		gap: 12px;
	}

	.header-top.black-header-top .links-nav li {
		font-size: 11px !important;
	}
}

/* ==========================================================================
   UNIFIED NAVBAR STYLING (HEADER-UPPER & STICKY-HEADER ARE 100% IDENTICAL)
   ========================================================================== */
.main-header .header-upper,
.main-header .sticky-header {
	padding: 0 !important;
	background: #ffffff !important;
	border-bottom: 1px solid #e2e8f0 !important;
}

.main-header .header-upper .container,
.main-header .sticky-header .container {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	min-height: 85px;
	box-sizing: border-box;
}

.main-header .header-upper .logo,
.main-header .sticky-header .logo {
	float: none !important;
	display: flex !important;
	align-items: center !important;
	padding: 5px 0 !important;
	margin: 0 !important;
}

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

.main-header .header-upper .right-col,
.main-header .sticky-header .right-col {
	float: none !important;
	display: flex !important;
	align-items: center !important;
	gap: 15px;
	margin: 0 !important;
}

.main-header .header-upper .main-menu,
.main-header .sticky-header .main-menu {
	float: none !important;
	display: flex !important;
	align-items: center !important;
	align-self: center !important;
	margin: 0 !important;
	padding: 0 !important;
}

.main-header .header-upper .main-menu .navbar-collapse,
.main-header .sticky-header .main-menu .navbar-collapse {
	display: flex !important;
	align-items: center !important;
	padding: 0 !important;
	margin: 0 !important;
}

.main-header .header-upper .main-menu .navigation,
.main-header .sticky-header .main-menu .navigation {
	display: flex !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 0 !important;
}

.main-header .header-upper .main-menu .navigation>li,
.main-header .sticky-header .main-menu .navigation>li {
	display: flex !important;
	align-items: center !important;
	align-self: center !important;
	float: none !important;
	margin: 0 4px !important;
	padding: 0 !important;
}

.main-header .header-upper .main-menu .navigation>li>a,
.main-header .sticky-header .main-menu .navigation>li>a {
	display: inline-flex !important;
	align-items: center !important;
	padding: 10px 14px !important;
	margin: 0 !important;
	line-height: normal !important;
	font-size: 14.5px !important;
	font-weight: 600 !important;
	color: #0f172a !important;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	transition: color 0.25s ease, background 0.25s ease !important;
	border-radius: 6px;
}

.main-header .header-upper .main-menu .navigation>li:hover>a,
.main-header .sticky-header .main-menu .navigation>li:hover>a,
.main-header .header-upper .main-menu .navigation>li.is-open>a,
.main-header .sticky-header .main-menu .navigation>li.is-open>a,
.main-header .header-upper .main-menu .navigation>li.current>a,
.main-header .header-upper .main-menu .navigation>li.current-menu-item>a,
.main-header .sticky-header .main-menu .navigation>li.current>a,
.main-header .sticky-header .main-menu .navigation>li.current-menu-item>a {
	color: #00b6de !important;
}

.main-header .header-upper .main-menu .navigation>li.dropdown,
.main-header .sticky-header .main-menu .navigation>li.dropdown {
	display: flex !important;
	align-items: center !important;
	cursor: pointer;
}

.main-header .header-upper .main-menu .navigation>li.dropdown:before,
.main-header .sticky-header .main-menu .navigation>li.dropdown:before {
	display: inline-flex !important;
	align-items: center !important;
	line-height: 1 !important;
	margin-top: 0 !important;
	margin-left: 3px !important;
	align-self: center !important;
	position: static !important;
	order: 2;
	right: auto !important;
	color: #64748b !important;
	font-size: 13px !important;
	transition: transform 0.25s ease, color 0.25s ease !important;
}

.main-header .header-upper .main-menu .navigation>li:hover.dropdown:before,
.main-header .sticky-header .main-menu .navigation>li:hover.dropdown:before,
.main-header .header-upper .main-menu .navigation>li.dropdown.is-open:before,
.main-header .sticky-header .main-menu .navigation>li.dropdown.is-open:before {
	transform: rotate(180deg) !important;
	color: #00b6de !important;
}

.main-header .header-upper .outer-box,
.main-header .sticky-header .outer-box,
.main-header .search-box-outer,
.main-header .search-box-btn {
	display: none !important;
}

@media (max-width: 991px) {

	.main-header .header-upper .container,
	.main-header .sticky-header .container {
		flex-wrap: wrap !important;
	}

	.main-header .header-upper .right-col,
	.main-header .sticky-header .right-col {
		width: 100% !important;
		justify-content: space-between !important;
		flex-wrap: wrap !important;
	}
}

@media (max-width: 767px) {

	.main-header .header-top .container,
	.main-header .header-upper .container {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

/* ====================================================================
   06. MANILA FOLDER CARDS (INDUSTRIES WE SERVE)
   ==================================================================== */

.we-serve-box-section {
	position: relative;
	padding: 100px 0 90px;
	background: #ffffff !important;
	background-image: none !important;
	overflow: hidden;
}

.we-serve-box-section:before {
	display: none !important;
	content: none !important;
}

.we-serve-box-section .container {
	position: relative;
	z-index: 1;
}

/* Grid Layout */
.folder-cards-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 28px;
	position: relative;
	z-index: 2;
	width: 100%;
}

/* Base Folder Card */
.folder-card {
	position: relative;
	min-height: 400px;
	border-radius: 26px;
	overflow: hidden;
	background: #090e1a;
	border: 1px solid rgba(15, 23, 42, 0.08);
	box-shadow: 0 16px 36px rgba(10, 25, 50, 0.12);
	cursor: pointer;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	isolation: isolate;
	transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.45s ease, border-color 0.45s ease;
	-webkit-tap-highlight-color: transparent;
}

.folder-card:hover {
	transform: translateY(-8px);
	border-color: rgba(255, 255, 255, 0.28);
	box-shadow: 0 24px 50px rgba(10, 25, 50, 0.2);
}

/* Clickable overlay */
.folder-card__link {
	position: absolute;
	inset: 0;
	z-index: 10;
	cursor: pointer;
}

/* Iridescent Gradient Reveal Layer (Backdrop) */
.folder-card__backdrop {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden;
	pointer-events: none;
	border-radius: 26px;
	background: #0d1424;
}

.folder-card__gradient {
	position: absolute;
	inset: 0;
	background: var(--card-gradient, linear-gradient(135deg, #7928ca 0%, #ff0080 100%));
	opacity: 0.95;
	transition: opacity 0.4s ease, transform 0.5s ease;
}

.folder-card__shimmer {
	position: absolute;
	top: -60%;
	left: -60%;
	width: 220%;
	height: 220%;
	background: radial-gradient(circle at 60% 30%, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0) 50%);
	pointer-events: none;
	opacity: 0.65;
	transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s ease;
}

.folder-card:hover .folder-card__shimmer {
	transform: translate(12%, 12%) scale(1.08);
	opacity: 0.95;
}

/* 3D Cutout Object Rising from behind the tab */
.folder-card__object {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 105px;
	height: 105px;
	z-index: 2;
	pointer-events: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.folder-card__object img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.45));
	transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), filter 0.5s ease;
	transform-origin: center bottom;
	will-change: transform;
}

.folder-card:hover .folder-card__object img {
	transform: translateY(-16px) scale(1.15) rotate(-3deg);
	filter: drop-shadow(0 22px 30px rgba(0, 0, 0, 0.7));
}

/* Manila Folder Front Face with SVG Tab Mask */
.folder-card__face {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	clip-path: url(#folder-tab-clip);
	-webkit-clip-path: url(#folder-tab-clip);
	background: var(--card-face-bg, linear-gradient(175deg, #141d31 0%, #0a0f1d 100%));
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.15);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 24px 22px 28px;
	box-sizing: border-box;
	transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), background 0.35s ease;
	will-change: transform;
}

.folder-card:hover .folder-card__face {
	transform: translateY(52px);
}

/* Tab Header (Number on Tab, Arrow on Step) */
.folder-card__tab-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
}

.folder-card__number {
	font-size: 52px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.04em;
	color: var(--card-num-color, #ffffff);
	font-family: 'Hind', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	text-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
	transition: transform 0.4s ease;
}

.folder-card__arrow {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.16);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	margin-top: 50px;
	transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), background 0.35s ease, color 0.35s ease, border-color 0.35s ease;
}

.folder-card:hover .folder-card__arrow {
	transform: translate(2px, -2px) rotate(45deg);
	background: #ffffff;
	color: #090e1a;
	border-color: #ffffff;
	box-shadow: 0 4px 12px rgba(255, 255, 255, 0.3);
}

/* Card Body */
.folder-card__body {
	margin-top: auto;
	z-index: 1;
}

.folder-card__title {
	font-size: 21px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 8px;
	line-height: 1.3;
	font-family: 'Hind', sans-serif;
	transition: color 0.3s ease;
}

.folder-card__desc {
	font-size: 14px;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.72);
	margin: 0;
	font-weight: 400;
}

/* Card Themes & Iridescent Color Palettes */
.folder-card--purple {
	--card-gradient: linear-gradient(135deg, #7928ca 0%, #a855f7 35%, #ec4899 75%, #6366f1 100%);
	--card-face-bg: linear-gradient(175deg, #1b1035 0%, #100824 100%);
}
.folder-card--purple:hover {
	box-shadow: 0 22px 50px rgba(121, 40, 202, 0.32);
}

.folder-card--coral {
	--card-gradient: linear-gradient(135deg, #ff416c 0%, #ff4b2b 40%, #f97316 75%, #facc15 100%);
	--card-face-bg: linear-gradient(175deg, #24131e 0%, #150a11 100%);
}
.folder-card--coral:hover {
	box-shadow: 0 22px 50px rgba(255, 75, 43, 0.32);
}

.folder-card--cyan {
	--card-gradient: linear-gradient(135deg, #00c6ff 0%, #0072ff 55%, #00f2fe 100%);
	--card-face-bg: linear-gradient(175deg, #0d1e38 0%, #061021 100%);
}
.folder-card--cyan:hover {
	box-shadow: 0 22px 50px rgba(0, 198, 255, 0.32);
}

.folder-card--emerald {
	--card-gradient: linear-gradient(135deg, #059669 0%, #10b981 45%, #34d399 75%, #06b6d4 100%);
	--card-face-bg: linear-gradient(175deg, #0c241d 0%, #051410 100%);
}
.folder-card--emerald:hover {
	box-shadow: 0 22px 50px rgba(16, 185, 129, 0.32);
}

.folder-card--blue {
	--card-gradient: linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #60a5fa 100%);
	--card-face-bg: linear-gradient(175deg, #0e1c3b 0%, #070e1f 100%);
}
.folder-card--blue:hover {
	box-shadow: 0 22px 50px rgba(37, 99, 235, 0.32);
}

.folder-card--magenta {
	--card-gradient: linear-gradient(135deg, #d946ef 0%, #ec4899 50%, #f43f5e 100%);
	--card-face-bg: linear-gradient(175deg, #250f29 0%, #150619 100%);
}
.folder-card--magenta:hover {
	box-shadow: 0 22px 50px rgba(217, 70, 239, 0.32);
}

.folder-card--teal {
	--card-gradient: linear-gradient(135deg, #0d9488 0%, #14b8a6 50%, #06b6d4 100%);
	--card-face-bg: linear-gradient(175deg, #0b2225 0%, #051315 100%);
}
.folder-card--teal:hover {
	box-shadow: 0 22px 50px rgba(20, 184, 166, 0.32);
}

.folder-card--amber {
	--card-gradient: linear-gradient(135deg, #d97706 0%, #f59e0b 50%, #fbbf24 100%);
	--card-face-bg: linear-gradient(175deg, #261a0c 0%, #150e05 100%);
}
.folder-card--amber:hover {
	box-shadow: 0 22px 50px rgba(245, 158, 11, 0.32);
}

.folder-card--violet {
	--card-gradient: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 50%, #a78bfa 100%);
	--card-face-bg: linear-gradient(175deg, #1b1233 0%, #0e081f 100%);
}
.folder-card--violet:hover {
	box-shadow: 0 22px 50px rgba(124, 58, 237, 0.32);
}

.folder-card--mint {
	--card-gradient: linear-gradient(135deg, #059669 0%, #10b981 50%, #6ee7b7 100%);
	--card-face-bg: linear-gradient(175deg, #0d231b 0%, #06140e 100%);
}
.folder-card--mint:hover {
	box-shadow: 0 22px 50px rgba(16, 185, 129, 0.32);
}

.folder-card--indigo {
	--card-gradient: linear-gradient(135deg, #4f46e5 0%, #6366f1 50%, #818cf8 100%);
	--card-face-bg: linear-gradient(175deg, #141738 0%, #0a0d24 100%);
}
.folder-card--indigo:hover {
	box-shadow: 0 22px 50px rgba(79, 70, 229, 0.32);
}

.folder-card--aurora {
	--card-gradient: linear-gradient(135deg, #0284c7 0%, #06b6d4 45%, #10b981 100%);
	--card-face-bg: linear-gradient(175deg, #0b1e2c 0%, #05101a 100%);
}
.folder-card--aurora:hover {
	box-shadow: 0 22px 50px rgba(6, 182, 212, 0.32);
}

/* Responsive Grid & Adaptations */
@media (max-width: 1200px) {
	.folder-cards-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 24px;
	}
}

@media (max-width: 880px) {
	.folder-cards-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	.folder-card {
		min-height: 380px;
	}
	.folder-card__object {
		width: 95px;
		height: 95px;
	}
	.folder-card__number {
		font-size: 46px;
	}
}

@media (max-width: 560px) {
	.folder-cards-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.folder-card {
		min-height: 360px;
	}
	.folder-card:hover .folder-card__face {
		transform: translateY(44px);
	}
	.folder-card__arrow {
		margin-top: 44px;
	}
}

/* ==========================================================================
   MODERN HEADER & SLEEK MOBILE NAVIGATION DRAWER
   ========================================================================== */
.black-header-top {
	background-color: #06090e !important;
	padding: 7px 0 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
	font-size: 13px !important;
	color: #94a3b8 !important;
}
.black-header-top a {
	color: #cbd5e1 !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}
.black-header-top a:hover {
	color: #00b6de !important;
}
.top-tagline {
	color: #cbd5e1;
	font-weight: 500;
	font-size: 12.5px;
}

.main-header .header-upper {
	background: #ffffff !important;
	padding: 12px 0 !important;
	border-bottom: 1px solid #e2e8f0 !important;
	position: relative !important;
	z-index: 999 !important;
}

.main-header.fixed-header .header-upper {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	background: #ffffff !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
	animation: slideDownHeader 0.35s ease-out !important;
}
@keyframes slideDownHeader {
	from { transform: translateY(-100%); }
	to { transform: translateY(0); }
}

.main-header .logo .logo2 {
	max-height: 44px;
	width: auto;
	display: block;
	transition: max-height 0.2s ease;
}

/* contect Us Pill Button (Header Action & Menu Item) */
.header-contect-pill-btn,
.main-menu .navigation > li:last-child:not(.dropdown) > a[href*="contect"],
.main-menu .navigation > li > a[href*="contect-us"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: linear-gradient(135deg, #00b6de 0%, #0066cc 100%) !important;
	color: #ffffff !important;
	padding: 10px 24px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: 0.4px !important;
	border-radius: 50px !important;
	text-decoration: none !important;
	box-shadow: 0 4px 15px rgba(0, 182, 222, 0.4) !important;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
	white-space: nowrap !important;
	border: none !important;
	line-height: normal !important;
	cursor: pointer !important;
}

.header-contect-pill-btn:hover,
.main-menu .navigation > li:last-child:not(.dropdown) > a[href*="contect"]:hover,
.main-menu .navigation > li > a[href*="contect-us"]:hover {
	transform: translateY(-2px) scale(1.03) !important;
	box-shadow: 0 8px 25px rgba(0, 182, 222, 0.55) !important;
	color: #ffffff !important;
	background: linear-gradient(135deg, #00c8f2 0%, #0077ee 100%) !important;
}

/* ==========================================================================
   contect US PAGE MODERN BUTTONS & FORM STYLING
   ========================================================================== */
.contect-form .theme-btn.btn-style-two,
.contect-section-btn .btn-style-two,
.contect-section-btn button[type="submit"] {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	padding: 15px 42px !important;
	background: linear-gradient(135deg, #00b6de 0%, #0066cc 100%) !important;
	color: #ffffff !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	letter-spacing: 0.8px !important;
	text-transform: uppercase !important;
	border-radius: 50px !important;
	border: none !important;
	box-shadow: 0 8px 25px rgba(0, 182, 222, 0.35) !important;
	cursor: pointer !important;
	overflow: hidden !important;
	isolation: isolate !important;
	transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.contect-form .theme-btn.btn-style-two:hover,
.contect-section-btn .btn-style-two:hover,
.contect-section-btn button[type="submit"]:hover {
	color: #ffffff !important;
	transform: translateY(-3px) scale(1.02) !important;
	box-shadow: 0 14px 35px rgba(0, 182, 222, 0.5) !important;
	background: linear-gradient(135deg, #00c8f2 0%, #0077ee 100%) !important;
}

.contect-form .theme-btn.btn-style-two:active,
.contect-section-btn .btn-style-two:active,
.contect-section-btn button[type="submit"]:active {
	transform: translateY(-1px) scale(0.99) !important;
}

/* contect Page Form Fields Modernization */
.contect-form-section .form-control {
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 12px !important;
	padding: 13px 18px !important;
	font-size: 14.5px !important;
	color: #1e293b !important;
	background: #ffffff !important;
	transition: all 0.25s ease !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
}

.contect-form-section .form-control:focus {
	border-color: #00b6de !important;
	box-shadow: 0 0 0 4px rgba(0, 182, 222, 0.15) !important;
	outline: none !important;
}

/* contect Page Cards Modern Glass Look */
.contect_box_card1 {
	border-radius: 16px !important;
	border: 1px solid #eaedf2 !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
	padding: 36px 28px !important;
	transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.contect_box_card1:hover {
	transform: translateY(-8px) !important;
	box-shadow: 0 20px 40px rgba(0, 182, 222, 0.15) !important;
	border-color: rgba(0, 182, 222, 0.4) !important;
}

.contect_box_card1_cion i {
	background: linear-gradient(135deg, #00b6de 0%, #0066cc 100%) !important;
	border-radius: 14px !important;
	box-shadow: 0 8px 20px rgba(0, 182, 222, 0.3) !important;
}

/* Mobile Hamburger Toggle Button */
.mobile-nav-toggle-btn {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 5px;
	width: 42px;
	height: 42px;
	background: rgba(0, 0, 0, 0.04);
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	cursor: pointer;
	padding: 0;
	transition: all 0.3s ease;
}
.mobile-nav-toggle-btn:hover,
.mobile-nav-toggle-btn:focus {
	background: rgba(0, 182, 222, 0.12);
	border-color: #00b6de;
	outline: none;
}
.hamburger-bar {
	display: block;
	width: 22px;
	height: 2px;
	background: #0f172a;
	border-radius: 2px;
	transition: all 0.3s ease;
}

/* Off-Canvas Mobile Drawer & Overlay */
@media (min-width: 992px) {
}

.mobile-nav-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.75);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	z-index: 9998;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.35s ease, visibility 0.35s ease;
}
.mobile-nav-overlay.is-active {
	opacity: 1;
	visibility: visible;
}

.mobile-nav-drawer {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 320px;
	max-width: 86vw;
	background:
		radial-gradient(ellipse at 100% 0, rgba(0, 182, 222, 0.14), transparent 44%),
		linear-gradient(155deg, #111b2b 0%, #0b111d 58%, #080d16 100%);
	border-left: 1px solid rgba(255, 255, 255, 0.12);
	z-index: 9999;
	transform: translateX(100%);
	transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1);
	display: flex;
	flex-direction: column;
	box-shadow: -24px 0 64px rgba(0, 0, 0, 0.5);
	-webkit-backdrop-filter: blur(18px);
	backdrop-filter: blur(18px);
}
.mobile-nav-drawer.is-active {
	transform: translateX(0);
}

.mobile-nav-drawer__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 22px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.025);
}
.mobile-drawer-logo img {
	max-height: 34px;
	width: auto;
}
.mobile-drawer-close {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.12);
	color: #ffffff;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s ease;
}
.mobile-drawer-close:hover {
	background: #00b6de;
	color: #ffffff;
	border-color: #00b6de;
}

.mobile-nav-drawer__body {
	flex: 1;
	overflow-y: auto;
	padding: 24px 22px;
	display: flex;
	flex-direction: column;
}

/* Mobile Menu Links */
.mobile-navigation-list {
	list-style: none;
	margin: 0;
	padding: 0;
	perspective: 900px;
}
.mobile-navigation-list .caret {
	display: none !important;
}
.mobile-navigation-list > li {
	position: relative;
	margin-bottom: 9px;
}
.mobile-navigation-list > li > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 13px 15px;
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	min-height: 50px;
	border: 1px solid rgba(255, 255, 255, 0.075);
	border-radius: 12px;
	background: linear-gradient(115deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.018));
	box-shadow: 0 5px 12px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.055);
	transform: perspective(900px) translateZ(0) rotateX(0) rotateY(0);
	transform-origin: left center;
	transform-style: preserve-3d;
	transition: transform 0.28s cubic-bezier(0.2, 0.75, 0.25, 1), color 0.25s ease, background 0.25s ease, border-color 0.25s ease, box-shadow 0.28s ease;
}
.mobile-navigation-list > li > a:hover {
	color: #ffffff;
	background: linear-gradient(110deg, rgba(0, 182, 222, 0.22), rgba(0, 102, 204, 0.11));
	border-color: rgba(0, 182, 222, 0.4);
	transform: perspective(900px) translate3d(4px, -2px, 10px) rotateY(-4deg) rotateX(1deg);
	box-shadow: 0 13px 24px rgba(0, 0, 0, 0.28), 0 0 18px rgba(0, 182, 222, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.mobile-navigation-list > li.current-menu-item > a,
.mobile-navigation-list > li.current-menu-ancestor > a {
	color: #ffffff;
	border-color: rgba(0, 182, 222, 0.24);
	background: linear-gradient(110deg, rgba(0, 182, 222, 0.12), rgba(255, 255, 255, 0.025));
}
.mobile-navigation-list > li > a:active {
	transform: perspective(900px) translate3d(1px, 1px, 2px) scale(0.985);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.mobile-navigation-list li.dropdown > a::after {
	content: '\f107';
	font-family: 'FontAwesome';
	font-size: 14px;
	color: #7ddff2;
	transition: transform 0.3s ease, color 0.25s ease;
	margin-left: auto;
}
.mobile-navigation-list li.dropdown.is-open > a::after {
	transform: rotate(180deg);
}

.mobile-navigation-list .dropdown-menu {
	position: static !important;
	float: none !important;
	display: none;
	background: rgba(3, 9, 18, 0.45) !important;
	border-radius: 12px !important;
	padding: 7px !important;
	margin: 7px 0 4px !important;
	border: 1px solid rgba(255, 255, 255, 0.07) !important;
	box-shadow: none !important;
	list-style: none !important;
}
.mobile-navigation-list .dropdown-menu > li > a {
	display: block;
	padding: 10px 12px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	border-radius: 8px;
	transition: color 0.2s ease, background 0.2s ease, transform 0.2s ease;
	min-height: 42px;
}
.mobile-navigation-list .dropdown-menu > li > a:hover {
	color: #ffffff;
	background: rgba(0, 182, 222, 0.12);
	transform: translateX(3px);
}

@media (prefers-reduced-motion: reduce) {
	.mobile-navigation-list > li > a,
	.mobile-navigation-list .dropdown-menu > li > a {
		transition: none;
	}

	.mobile-navigation-list > li > a:hover,
	.mobile-navigation-list > li > a:active {
		transform: none;
	}
}

/* Mobile Drawer contect & CTA */
.mobile-drawer-contect {
	margin-top: auto;
	padding-top: 22px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.mobile-drawer-contect__title {
	font-size: 11px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #64748b;
	font-weight: 700;
	margin-bottom: 12px;
}
.mobile-drawer-contect__item {
	display: flex;
	align-items: center;
	color: #cbd5e1;
	font-size: 13.5px;
	text-decoration: none;
	margin-bottom: 8px;
	transition: color 0.2s ease;
}
.mobile-drawer-contect__item:hover {
	color: #00b6de;
}
.mobile-drawer-cta {
	margin-top: 16px;
}
.mobile-drawer-cta-btn {
	display: block;
	width: 100%;
	text-align: center;
	padding: 12px 20px;
	background: linear-gradient(135deg, #00b6de, #0066cc);
	color: #ffffff !important;
	font-weight: 700;
	font-size: 14px;
	border-radius: 10px;
	text-decoration: none !important;
	box-shadow: 0 8px 20px rgba(0, 182, 222, 0.35);
	transition: all 0.2s ease;
}
.mobile-drawer-cta-btn:hover {
	box-shadow: 0 10px 25px rgba(0, 182, 222, 0.5);
	transform: translateY(-2px);
}

/* ==========================================================================
   MOBILE RESPONSIVE HERO & OVERALL LAYOUT
   ========================================================================== */
@media (max-width: 991px) {
	.main-header .header-upper {
		background: #ffffff !important;
		padding: 10px 0 !important;
	}

	.main-header .header-upper .container {
		flex-wrap: nowrap !important;
	}

	.main-header .header-upper .main-menu.d-none.d-lg-block {
		display: none !important;
	}

	.main-header .header-upper .right-col {
		width: auto !important;
		flex: 0 0 auto;
		flex-wrap: nowrap !important;
		gap: 10px !important;
	}
	
	.ds-hero {
		padding: 40px 0 45px !important;
		min-height: auto !important;
		text-align: center;
	}
	.ds-hero-container {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
	.ds-hero-content {
		flex-direction: column !important;
		align-items: center !important;
	}
	.ds-hero-text {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		text-align: center !important;
	}
	.ds-hero-label {
		justify-content: center;
		margin-bottom: 12px;
	}
	.ds-hero-heading {
		font-size: clamp(28px, 6.8vw, 42px) !important;
		font-weight: 900 !important;
		line-height: 1.2 !important;
		margin-bottom: 16px !important;
	}
	.ds-hero-para {
		font-size: 15.5px !important;
		line-height: 1.65 !important;
		color: #ffffff !important;
		max-width: 100% !important;
		margin: 0 auto 24px auto !important;
		font-weight: 500 !important;
	}
	.ds-hero-actions {
		justify-content: center !important;
		gap: 12px !important;
		margin-bottom: 26px !important;
	}
	.ds-btn-primary {
		width: 100% !important;
		max-width: 320px !important;
		padding: 13px 22px !important;
		font-size: 14.5px !important;
	}
	.ds-btn-secondary {
		width: 100% !important;
		max-width: 320px !important;
		padding: 11px 18px !important;
		font-size: 13.5px !important;
	}
	.ds-hero-partners {
		justify-content: center !important;
		gap: 16px !important;
		margin-bottom: 26px !important;
	}
	.ds-partner img {
		height: 26px !important;
	}
	
	/* Hero Image on Mobile - Clean centered framed card */
	.ds-hero-image-wrapper {
		position: relative !important;
		width: 100% !important;
		max-width: 440px !important;
		height: auto !important;
		margin: 0 auto 26px auto !important;
		border-radius: 18px !important;
		overflow: hidden !important;
		border: 1px solid rgba(255, 255, 255, 0.12) !important;
		box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6) !important;
		opacity: 1 !important;
		display: block !important;
	}
	.ds-hero-img {
		width: 100% !important;
		height: auto !important;
		max-height: 300px !important;
		object-fit: cover !important;
		-webkit-mask-image: none !important;
		mask-image: none !important;
	}
	
	.ds-success-slider-wrapper {
		margin-top: 18px !important;
		padding-top: 18px !important;
	}
	.ds-slider-item {
		min-width: 230px !important;
	}
	
	/* General Section Headings on Mobile */
	.section-heading__title {
		font-size: clamp(22px, 5.5vw, 34px) !important;
		line-height: 1.25 !important;
	}
	.section-heading__description {
		font-size: 14.5px !important;
		line-height: 1.6 !important;
	}
}

@media (max-width: 575px) {
	.main-header .header-upper {
		padding: 8px 0 !important;
	}

	.ds-hero-image-wrapper {
		display: none !important;
	}

	.ds-hero-image-mobile {
		display: block;
		width: 100% !important;
		height: clamp(180px, 52vw, 240px);
		margin: 0 auto 22px;
		overflow: hidden;
	}

	.ds-hero-image-mobile img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.main-header .logo .logo2 {
		max-height: 34px !important;
	}
	.header-contect-pill-btn {
		padding: 6px 14px !important;
		font-size: 12px !important;
	}
	.mobile-nav-toggle-btn {
		width: 38px;
		height: 38px;
	}
	.hamburger-bar {
		width: 19px;
	}
	.top-right .links-nav {
		gap: 8px !important;
		font-size: 11.5px !important;
	}
	.tech-platforms__container {
		padding: 6px 0 !important;
	}
	.tech-pill {
		padding: 6px 12px !important;
		font-size: 12px !important;
	}
	.tech-pill__icon {
		width: 18px !important;
		height: 18px !important;
	}
	.why-intechno__image-stack {
		height: 280px !important;
	}
	.why-intechno__badge {
		bottom: -15px !important;
		right: 15px !important;
		padding: 12px 18px !important;
	}
	.why-intechno__badge-number {
		font-size: 28px !important;
	}
	.why-intechno__badge-label {
		font-size: 11px !important;
	}
	.tech-services-nav {
		padding: 10px 8px !important;
	}
	.tech-service-tab {
		padding: 8px 12px !important;
		font-size: 13px !important;
	}
	.tech-service-tab__icon {
		width: 26px !important;
		height: 26px !important;
	}
	.tech-service-tab__icon svg {
		width: 14px !important;
		height: 14px !important;
	}
	.tech-panel__title {
		font-size: 20px !important;
	}
	.tech-panel__desc {
		font-size: 13.5px !important;
	}
	.tech-feature-card {
		padding: 12px 14px !important;
	}
	.tech-feature-card__title {
		font-size: 14px !important;
	}
	.tech-feature-card__desc {
		font-size: 12px !important;
	}
}

/* ====================================================================
   Modern Page Content, Cards & Graceful Empty State
   ==================================================================== */
.page-content-area {
	position: relative;
	background-color: #f8fafc;
	min-height: 420px;
}

.page-entry-card {
	background: #ffffff;
	border-radius: 18px;
	border: 1px solid rgba(10, 61, 145, 0.08);
	box-shadow: 0 10px 32px rgba(10, 61, 145, 0.05);
	padding: clamp(24px, 4vw, 44px);
	overflow: hidden;
}

.page-entry-body {
	color: #334155;
	font-size: 16px;
	line-height: 1.8;
}

.page-entry-body h1,
.page-entry-body h2,
.page-entry-body h3,
.page-entry-body h4 {
	color: #082d71;
	font-weight: 700;
	margin-top: 24px;
	margin-bottom: 14px;
}

.page-entry-body p {
	margin-bottom: 16px;
}

/* Page Empty State Placeholder */
.page-empty-state {
	padding: clamp(48px, 6vw, 72px) clamp(20px, 4vw, 40px);
	background: #ffffff;
	border-radius: 20px;
	border: 1px dashed rgba(0, 191, 255, 0.35);
	box-shadow: 0 10px 30px rgba(10, 61, 145, 0.04);
	margin: 20px auto;
}

.page-empty-state .empty-icon-circle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 76px;
	height: 76px;
	border-radius: 50%;
	background: linear-gradient(135deg, rgba(0, 191, 255, 0.12) 0%, rgba(10, 61, 145, 0.08) 100%);
	color: #00BFFF;
	font-size: 30px;
	box-shadow: 0 8px 24px rgba(0, 191, 255, 0.18);
}

.page-empty-state h3 {
	font-family: 'Inter', 'Poppins', sans-serif;
	color: #082d71;
	letter-spacing: -0.01em;
}

.page-empty-state p {
	color: #64748b;
	font-size: 15.5px;
	line-height: 1.6;
}

.itechno-btn-outline {
	background: transparent !important;
	border: 1.5px solid #0072CE !important;
	color: #0072CE !important;
	box-shadow: none !important;
}

.itechno-btn-outline::before {
	background: linear-gradient(135deg, #0072CE 0%, #0047AB 100%) !important;
}

.itechno-btn-outline:hover {
	color: #ffffff !important;
	border-color: #0072CE !important;
}

/* Sidebar & Widgets Modern Styling */
.sidebar {
	position: sticky;
	top: 100px;
}

.sidebar-widget {
	background: #ffffff;
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 24px;
	border: 1px solid rgba(10, 61, 145, 0.08);
	box-shadow: 0 8px 24px rgba(10, 61, 145, 0.04);
}

.sidebar-widget-title {
	font-size: 18px;
	font-weight: 700;
	color: #082d71;
	margin-bottom: 16px;
	position: relative;
	padding-bottom: 10px;
}

.sidebar-widget-title::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 36px;
	height: 3px;
	background: linear-gradient(90deg, #0A3D91, #00BFFF);
	border-radius: 2px;
}

.sidebar-widget ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.sidebar-widget ul li {
	padding: 10px 0;
	border-bottom: 1px dashed rgba(10, 61, 145, 0.08);
	font-size: 14.5px;
}

.sidebar-widget ul li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.sidebar-widget ul li a {
	color: #334155;
	text-decoration: none;
	transition: color 0.2s ease, transform 0.2s ease;
	display: inline-block;
}

.sidebar-widget ul li a:hover {
	color: #0072CE;
	transform: translateX(4px);
}

.sidebar-widget .post-date {
	display: block;
	font-size: 12px;
	color: #94a3b8;
	margin-top: 4px;
}

/* Unroll nested containers when shortcodes/sections are used in page body */
.page-entry-body .container,
.page-entry-body .google-reviews-section,
.page-entry-body .our-client-box-section {
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.page-entry-body section.google-reviews-section {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* White outline variant for dark CTA sections */
.wd-cta-section .itechno-btn-outline,
.sms-cta-section .itechno-btn-outline,
.wm-cta-section .itechno-btn-outline,
.cta .itechno-btn-outline,
.itechno-btn-outline--white {
	color: #ffffff !important;
	border: 1.5px solid rgba(255, 255, 255, 0.45) !important;
	background: rgba(255, 255, 255, 0.08) !important;
}

.wd-cta-section .itechno-btn-outline i,
.sms-cta-section .itechno-btn-outline i,
.wm-cta-section .itechno-btn-outline i,
.cta .itechno-btn-outline i,
.itechno-btn-outline--white i {
	color: #ffffff !important;
}

.wd-cta-section .itechno-btn-outline:hover,
.sms-cta-section .itechno-btn-outline:hover,
.wm-cta-section .itechno-btn-outline:hover,
.cta .itechno-btn-outline:hover,
.itechno-btn-outline--white:hover {
	color: #ffffff !important;
	border-color: #ffffff !important;
	background: rgba(255, 255, 255, 0.2) !important;
}

/* Defensive suppression: hide empty legacy blog containers when rendered without content or thumbnail */
.news-description:empty,
.news-review:has(.news-description:empty:only-child) {
	display: none !important;
}
.news-block-one .inner-box:has(.news-review:only-child .news-description:empty) {
	display: none !important;
}
.news-block-one:has(.inner-box:empty),
.news-block-one:has(.inner-box[style*="display: none"]) {
	display: none !important;
}

/* ====================================================================
   Modern Blog Card & Meta Strip UI
   ==================================================================== */
.modern-blog-entry-card {
	margin-bottom: 36px;
}

.modern-blog-entry-card .inner-box {
	background: #ffffff;
	border-radius: 18px;
	border: 1px solid rgba(10, 61, 145, 0.08);
	box-shadow: 0 8px 28px rgba(10, 61, 145, 0.05);
	overflow: hidden;
	transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.modern-blog-entry-card:not(.single-post-entry):hover .inner-box {
	transform: translateY(-4px);
	box-shadow: 0 16px 36px rgba(10, 61, 145, 0.12);
	border-color: rgba(0, 191, 255, 0.35);
}

.modern-blog-entry-card .image {
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
	background: #061a3a;
}

.modern-blog-entry-card .image img {
	width: 100%;
	height: auto;
	max-height: 420px;
	object-fit: cover;
	transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.modern-blog-entry-card:not(.single-post-entry):hover .image img {
	transform: scale(1.03);
}

.modern-blog-entry-card .news-review {
	padding: clamp(24px, 3.5vw, 36px);
	background: #ffffff;
}

/* Modern Blog Meta Strip (Author, Comments, Date) */
.blog-meta-strip {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 14px;
	padding-bottom: 14px;
	border-bottom: 1px solid rgba(10, 61, 145, 0.06);
	font-family: 'Inter', 'Poppins', sans-serif;
}

.blog-meta-strip .meta-item {
	display: inline-flex;
	align-items: center;
	font-size: 13.5px;
	font-weight: 500;
	color: #64748b;
}

.blog-meta-strip .meta-item a {
	color: #0072CE;
	text-decoration: none;
	transition: color 0.25s ease;
	display: inline-flex;
	align-items: center;
}

.blog-meta-strip .meta-item a:hover {
	color: #00BFFF;
}

.blog-meta-strip .meta-item i {
	color: #00BFFF;
	font-size: 14px;
	margin-right: 6px;
}

.blog-meta-strip .meta-dot {
	color: #cbd5e1;
	font-size: 14px;
	line-height: 1;
}

/* Title & Content */
.modern-blog-entry-card .news-title {
	font-family: 'Inter', 'Poppins', sans-serif;
	font-size: clamp(20px, 2.5vw, 26px);
	line-height: 1.35;
	font-weight: 700;
	margin: 0 0 14px;
}

.modern-blog-entry-card .news-title a {
	color: #082d71;
	text-decoration: none;
	transition: color 0.25s ease;
}

.modern-blog-entry-card .news-title a:hover {
	color: #00BFFF;
}

.modern-blog-entry-card .news-description {
	color: #475569;
	font-size: 15.5px;
	line-height: 1.75;
	margin-bottom: 0;
}

.single-post-body {
	font-size: 16px;
	line-height: 1.85;
	color: #334155;
}

.single-post-body h2,
.single-post-body h3,
.single-post-body h4 {
	color: #082d71;
	font-weight: 700;
	margin-top: 28px;
	margin-bottom: 14px;
}

.single-post-body p {
	margin-bottom: 18px;
}

.single-post-body ul,
.single-post-body ol {
	padding-left: 24px;
	margin-bottom: 18px;
}

.single-post-body li {
	margin-bottom: 8px;
}

.itechno-btn-sm {
	padding: 9px 24px !important;
	font-size: 13.5px !important;
	border-radius: 40px !important;
}

/* ==========================================================================
   Trusted By The World's Leading Brands Section
   ========================================================================== */
.trusted-brands-section {
    position: relative;
    padding: 85px 0 90px;
    background: linear-gradient(180deg, #f7faff 0%, #ffffff 45%, #f4f8fc 100%);
    overflow: hidden;
    border-bottom: 1px solid rgba(8, 45, 113, 0.06);
}

/* Grid Layout matching Sapphire Solutions (Square Cards) */
.trusted-brand-card {
    position: relative;
    background: #ffffff;
    border-radius: 18px;
    /* border: 1px solid rgba(8, 45, 113, 0.08); */
    box-shadow: 0 8px 24px rgba(8, 45, 113, 0.05);
    aspect-ratio: 1 / 1;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1),
                box-shadow 0.35s cubic-bezier(0.2, 0.8, 0.2, 1),
                border-color 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
    cursor: default;
    overflow: hidden;
}

/* Responsive Breakpoints */
@media (max-width: 1200px) {
}

@media (max-width: 991px) {
}

@media (max-width: 575px) {
}


/* ==========================================================================
   PORTED UNIQUE STYLES FROM STYLE.CSS (Sidebar Widgets, Team, etc.)
   ========================================================================== */
/* ==========================================================================
   Sidebar Widgets Modern Corporate Styling
   ========================================================================== */
.sidebar,
.sidebar-primary {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.sidebar .widget,
.sidebar-widget {
  background: #ffffff;
  border-radius: 18px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
  padding: 28px 24px;
  margin-bottom: 24px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.sidebar .widget:hover,
.sidebar-widget:hover {
  box-shadow: 0 10px 25px rgba(10, 61, 145, 0.07);
}

.widget-title,
.sidebar-widget-title,
.sidebar .widget h2,
.sidebar .widget h3 {
  font-size: 19px;
  font-weight: 800;
  color: #082d71;
  margin: 0 0 20px;
  padding-bottom: 12px;
  border-bottom: 2px solid #e2e8f0;
  position: relative;
  letter-spacing: -0.2px;
}

.widget-title::after,
.sidebar-widget-title::after,
.sidebar .widget h2::after,
.sidebar .widget h3::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 44px;
  height: 2px;
  background: #00b6de;
  border-radius: 2px;
}

.widget_search,
.wp-block-search {
  padding: 24px;
}

.widget_search form,
.search-form,
.wp-block-search__inside-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.widget_search label {
  width: 100%;
  margin: 0;
}

.widget_search input[type="search"],
.search-form input[type="search"],
.search-form .search-field,
.wp-block-search__input {
  width: 100% !important;
  height: 48px;
  padding: 10px 48px 10px 18px !important;
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 12px !important;
  font-size: 14.5px !important;
  color: #1e293b !important;
  transition: all 0.25s ease !important;
  outline: none !important;
}

.widget_search input[type="search"]:focus,
.search-form input[type="search"]:focus,
.search-form .search-field:focus,
.wp-block-search__input:focus {
  border-color: #00b6de !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(0, 182, 222, 0.15) !important;
}

.widget_search input[type="submit"],
.widget_search .search-submit,
.search-form .search-submit,
.wp-block-search__button {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  height: 36px;
  padding: 0 16px !important;
  background: linear-gradient(135deg, #0A3D91 0%, #00b6de 100%) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer;
  transition: all 0.25s ease !important;
}

.widget_search input[type="submit"]:hover,
.widget_search .search-submit:hover,
.search-form .search-submit:hover,
.wp-block-search__button:hover {
  background: linear-gradient(135deg, #00b6de 0%, #0A3D91 100%) !important;
  box-shadow: 0 4px 12px rgba(0, 182, 222, 0.35);
}

.widget_recent_entries ul,
.wp-block-latest-posts {
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget_recent_entries li,
.wp-block-latest-posts li {
  padding: 12px 0;
  border-bottom: 1px solid #f1f5f9;
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease;
}

.widget_recent_entries li:first-child,
.wp-block-latest-posts li:first-child {
  padding-top: 0;
}

.widget_recent_entries li:last-child,
.wp-block-latest-posts li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.widget_recent_entries li a,
.wp-block-latest-posts li a {
  font-size: 15px;
  font-weight: 700;
  color: #1e293b;
  text-decoration: none;
  line-height: 1.4;
  margin-bottom: 4px;
  transition: color 0.2s ease;
}

.widget_recent_entries li a:hover,
.wp-block-latest-posts li a:hover {
  color: #00b6de;
}

.widget_recent_entries li .post-date,
.wp-block-latest-posts__post-date {
  font-size: 12.5px;
  color: #94a3b8;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.widget_recent_entries li .post-date::before,
.wp-block-latest-posts__post-date::before {
  content: "\f073";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 11px;
  color: #00b6de;
}

.widget_categories ul,
.widget_archive ul,
.wp-block-categories-list,
.wp-block-archives-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget_categories li,
.widget_archive li,
.wp-block-categories-list li,
.wp-block-archives-list li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  margin-bottom: 8px;
  border-radius: 10px;
  background: #f8fafc;
  border: 1px solid #f1f5f9;
  font-size: 14.5px;
  font-weight: 600;
  color: #64748b;
  transition: all 0.25s ease;
}

.widget_categories li:hover,
.widget_archive li:hover,
.wp-block-categories-list li:hover,
.wp-block-archives-list li:hover {
  background: #f0f9ff;
  border-color: #bae6fd;
  transform: translateX(4px);
}

.widget_categories li a,
.widget_archive li a,
.wp-block-categories-list li a,
.wp-block-archives-list li a {
  color: #334155;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: color 0.2s ease;
}

.widget_categories li a::before,
.wp-block-categories-list li a::before {
  content: "\f07b";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 13px;
  color: #00b6de;
}

.widget_archive li a::before,
.wp-block-archives-list li a::before {
  content: "\f133";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 13px;
  color: #0A3D91;
}

.widget_categories li a:hover,
.widget_archive li a:hover,
.wp-block-categories-list li a:hover,
.wp-block-archives-list li a:hover {
  color: #0A3D91;
}

.widget_recent_comments ul,
.wp-block-latest-comments {
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget_recent_comments li,
.wp-block-latest-comments li {
  padding: 12px 0;
  border-bottom: 1px solid #f1f5f9;
  font-size: 14px;
  color: #64748b;
  line-height: 1.5;
}

.widget_recent_comments li:last-child,
.wp-block-latest-comments li:last-child {
  border-bottom: none;
}

.widget_recent_comments li .comment-author-link,
.wp-block-latest-comments .comment-author-link {
  font-weight: 700;
  color: #082d71;
}

.widget_recent_comments li a,
.wp-block-latest-comments a {
  color: #00b6de;
  text-decoration: none;
  font-weight: 600;
}

.widget_recent_comments li a:hover,
.wp-block-latest-comments a:hover {
  text-decoration: underline;
}

.widget_tag_cloud .tagcloud,
.wp-block-tag-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.widget_tag_cloud a,
.wp-block-tag-cloud a {
  display: inline-block;
  background: #f1f5f9;
  color: #475569;
  padding: 5px 12px;
  border-radius: 50px;
  font-size: 12.5px !important;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid #e2e8f0;
  transition: all 0.2s ease;
}

.widget_tag_cloud a:hover,
.wp-block-tag-cloud a:hover {
  background: #0A3D91;
  color: #ffffff;
  border-color: #0A3D91;
  transform: translateY(-2px);
}

/* ==========================================================================
   Trusted By The World's Leading Brands Section
   ========================================================================== */
.trusted-brands-section {
    position: relative;
    padding: 85px 0 90px;
    background: linear-gradient(180deg, #f7faff 0%, #ffffff 45%, #f4f8fc 100%);
    overflow: hidden;
    /* border-bottom: 1px solid rgba(8, 45, 113, 0.06); */
}

.trusted-brands-section::before {
    content: "";
    position: absolute;
    top: -140px;
    left: 50%;
    transform: translateX(-50%);
    width: 900px;
    height: 380px;
    background: radial-gradient(ellipse, rgba(0, 159, 227, 0.08) 0%, rgba(255, 255, 255, 0) 70%);
    pointer-events: none;
    z-index: 0;
}

.trusted-brands__header {
    position: relative;
    z-index: 1;
    margin-bottom: 48px;
    text-align: center;
}

.trusted-brands__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 18px;
    border-radius: 50px;
    background: rgba(0, 159, 227, 0.08);
    border: 1px solid rgba(0, 159, 227, 0.22);
    color: #0077b6;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.trusted-brands__badge-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #009fe3;
    box-shadow: 0 0 10px rgba(0, 159, 227, 0.8);
    animation: trustedBrandsPulse 2s infinite ease-in-out;
}

@keyframes trustedBrandsPulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.4);
        opacity: 0.5;
    }
}

.trusted-brands__title {
    font-size: 42px;
    font-weight: 800;
    line-height: 1.25;
    color: #0c1a30;
    margin: 0 0 16px;
    letter-spacing: -0.6px;
}

.trusted-brands__title-accent {
    background: linear-gradient(135deg, #0072ce 0%, #00bfff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.trusted-brands__subtitle {
    font-size: 16.5px;
    line-height: 1.68;
    color: #556987;
    max-width: 820px;
    margin: 0 auto;
    font-weight: 400;
}

/* Grid Layout matching Sapphire Solutions (Square Cards) */
.trusted-brands__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 22px;
}

.trusted-brand-card {
    position: relative;
    background: #ffffff;
    border-radius: 18px;
    /* border: 1px solid rgba(8, 45, 113, 0.08); */
    /* box-shadow: 0 8px 24px rgba(8, 45, 113, 0.05); */
    aspect-ratio: 1 / 1;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1),
                box-shadow 0.35s cubic-bezier(0.2, 0.8, 0.2, 1),
                border-color 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
    cursor: default;
    overflow: hidden;
}

.trusted-brand-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(circle at 50% 0%, rgba(0, 159, 227, 0.06), transparent 70%);
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

.trusted-brand-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px rgba(0, 114, 206, 0.15);
    border-color: rgba(0, 159, 227, 0.45);
}

.trusted-brand-card:hover::after {
    opacity: 1;
}

.trusted-brand-card__inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.trusted-brand-card__logo {
    max-width: 85%;
    max-height: 85%;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.35s ease;
}

.trusted-brand-card:hover .trusted-brand-card__logo {
    transform: scale(1.08);
}

/* Responsive Breakpoints */
@media (max-width: 1200px) {
    .trusted-brands__grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
    }
    .trusted-brands__title {
        font-size: 34px;
    }
    .trusted-brand-card {
        padding: 18px;
        border-radius: 16px;
    }
}

@media (max-width: 991px) {
    .trusted-brands-section {
        padding: 65px 0 75px;
    }
    .trusted-brands__grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }
    .trusted-brands__title {
        font-size: 28px;
    }
    .trusted-brands__subtitle {
        font-size: 15px;
    }
    .trusted-brand-card {
        padding: 16px;
    }
    .trusted-brand-card__logo {
        max-width: 85%;
        max-height: 85%;
    }
}

@media (max-width: 575px) {
    .trusted-brands-section {
        padding: 50px 0 60px;
    }
    .trusted-brands__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }
    .trusted-brands__header {
        margin-bottom: 28px;
    }
    .trusted-brands__title {
        font-size: 24px;
    }
    .trusted-brands__subtitle {
        font-size: 14px;
        line-height: 1.55;
    }
    .trusted-brand-card {
        padding: 14px;
        border-radius: 14px;
    }
    .trusted-brand-card__logo {
        max-width: 85%;
        max-height: 85%;
    }
}

.member {
	flex-basis: 50%;
	display: flex;
	align-items: center;
	justify-content: space-between;
  }
  
  .member-image {
	width: 50%;
	height: 100%;
	cursor: pointer;
	overflow: hidden;
	position: relative;
  }
  
  .member-image img {
	width: 100%;
	height: 100%;
	transition: 1s;
  }
  
  .member-image:hover img {
	transform: scale(1.1);
  }
  
  .member-info {
	width: 50%;
	text-align: center;
  }
  
  .member-info p {
	margin: 20px 0;
	font-size: 20px;
font-weight: 500;
color: #fff;
  }
  
  .member-heading
  {
	font-size: 24px;
	font-weight: 600;
	color: #082d71;
  }
  /* style social link */
  .social-link2 .fa {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #082d71;
	margin: 0 7px;
	cursor: pointer;
	transition: transform .5s;
	font-size: 18px;
	color: #082d71;
  }
  
  .social-link2 .fa:hover {
	background: #082d71;
	color: #fff;
	transform: translateY(-7px);
  }
  
  /* Membuat segitiga */
  .member-image::after {
	content: '';
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 15px solid #00b6de;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
  }
  
  
  /* Merubah posisi member-image dengan member-info */
  @media only screen and (max-width:990px){
	.member:nth-child(4n+3) .member-info,
	.member:nth-child(4n+4) .member-info {
	  order: 1;
	}
	.member:nth-child(4n+3) .member-image,
	.member:nth-child(4n+4) .member-image {
	  order: 2;
	}
  
	/* Merubah posisi sigitiga pada baris genap */
	.member:nth-child(4n+3) .member-image::after,
	.member:nth-child(4n+4) .member-image::after {
	  left: 0;
	  right: auto;
	  transform: translateY(-50%) rotateZ(180deg);
	}
  }
  
  
  /* Mobile Styles */
  @media only screen and (max-width:990px){
	.list-members {
	  width: 100%;
	}
	.member {
	  flex-basis: 100%;
	  font-size: 14px;
	}
	.social-link2 .fa {
	  width: 30px;
	  height: 30px;
	  line-height: 30px;
	}
  
	.member:nth-child(even) .member-info {
	  order: 1;
	}
	.member:nth-child(even) .member-image {
	  order: 2;
	}
	
	/* Merubah posisi sigitiga elemen genap */
	.member:nth-child(even) .member-image::after {
	  left: 0;
	  right: auto;
	  transform: translateY(-50%) rotateZ(180deg);
	}
  }



/* From Uiverse.io by shah1345 */ 
.button2 {
  display: inline-block;
  transition: all 0.2s ease-in;
  position: relative;
  overflow: hidden;
  z-index: 1;
  color: #090909;
  padding: 0.7em 1.7em;
  cursor: pointer;
  font-size: 18px;
  border-radius: 0.5em;
  background: #e8e8e8;
  border: 1px solid #e8e8e8;
  box-shadow: 6px 6px 12px #c5c5c5, -6px -6px 12px #ffffff;
}

.button2:active {
  color: #666;
  box-shadow: inset 4px 4px 12px #c5c5c5, inset -4px -4px 12px #ffffff;
}

.button2:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(1) scaleX(1.25);
  top: 100%;
  width: 140%;
  height: 180%;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.button2:after {
  content: "";
  position: absolute;
  left: 55%;
  transform: translateX(-50%) scaleY(1) scaleX(1.45);
  top: 180%;
  width: 160%;
  height: 190%;
  background-color: #009087;
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.button2:hover {
  color: #ffffff;
  border: 1px solid #009087;
}

.button2:hover:before {
  top: -35%;
  background-color: #009087;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

.button2:hover:after {
  top: -45%;
  background-color: #009087;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

/* Header Action contect Button */
.header-action-btn .itechno-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 24px;
    border: 1px solid #009FE3;
    border-radius: 50px;
    background: linear-gradient(135deg, #00BFFF, #0072CE);
    color: #ffffff !important;
    font-size: 14.5px;
    font-weight: 700;
    text-decoration: none !important;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(0, 159, 227, 0.28);
    transition: all 0.3s ease;
}

.header-action-btn .itechno-btn:hover {
    background: linear-gradient(135deg, #0D2D5B, #00B6DE);
    border-color: #00B6DE;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 182, 222, 0.4);
}

/* ==========================================================================
   Full Container Leadership Showcase & Perspective Styles
   ========================================================================== */
.leadership-showcase-section {
    position: relative;
    padding: 80px 0;
    background: linear-gradient(180deg, #F8FCFE 0%, #FFFFFF 50%, #F5FAFD 100%);
    overflow: hidden;
}

/* Ambient Perspective & SVG Background */
.leadership-ambient-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    overflow: hidden;
}

.perspective-grid-svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 130%;
    height: 130%;
    opacity: 0.85;
}

.floating-iso-cube {
    position: absolute;
    filter: drop-shadow(0 15px 25px rgba(13, 45, 91, 0.18));
    animation: floatPerspectiveCube 7s ease-in-out infinite alternate;
}

.cube-top-right {
    top: 8%;
    right: 4%;
    animation-delay: 0s;
}

.cube-bottom-left {
    bottom: 6%;
    left: 3%;
    animation-delay: -3.5s;
}

@keyframes floatPerspectiveCube {
    0% {
        transform: translateY(0px) rotate(0deg) scale(1);
    }
    50% {
        transform: translateY(-16px) rotate(3deg) scale(1.03);
    }
    100% {
        transform: translateY(12px) rotate(-3deg) scale(0.98);
    }
}

.leadership-glow-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
}

.glow-orb-1 {
    width: 380px;
    height: 380px;
    background: radial-gradient(circle, rgba(0, 182, 222, 0.15) 0%, rgba(0, 182, 222, 0) 70%);
    top: -50px;
    right: 10%;
}

.glow-orb-2 {
    width: 420px;
    height: 420px;
    background: radial-gradient(circle, rgba(13, 45, 91, 0.1) 0%, rgba(13, 45, 91, 0) 70%);
    bottom: -60px;
    left: 5%;
}

/* Master Card Container */
.leadership-master-card {
    position: relative;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 251, 255, 0.96) 60%, rgba(238, 248, 253, 0.98) 100%);
    border: 1px solid rgba(0, 182, 222, 0.24);
    border-radius: 30px;
    padding: 50px 45px;
    box-shadow: 0 25px 70px -15px rgba(13, 45, 91, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.8) inset;
    backdrop-filter: blur(16px);
    transition: box-shadow 0.4s ease, border-color 0.4s ease;
}

.leadership-master-card:hover {
    border-color: rgba(0, 182, 222, 0.4);
    box-shadow: 0 35px 85px -15px rgba(13, 45, 91, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.9) inset;
}

/* Left: 3D Perspective Visual Frame */
.leadership-perspective-frame-wrap {
    position: relative;
    perspective: 1200px;
    padding: 20px 10px;
}

.perspective-backdrop-plate {
    position: absolute;
    top: 5px;
    left: 5px;
    right: -10px;
    bottom: -10px;
    background: linear-gradient(135deg, rgba(0, 182, 222, 0.15) 0%, rgba(13, 45, 91, 0.2) 100%);
    border-radius: 28px;
    transform: rotate(-2.5deg) scale(0.98);
    z-index: 1;
    border: 1px dashed rgba(0, 182, 222, 0.4);
    pointer-events: none;
    transition: transform 0.4s ease;
}

.leadership-perspective-frame-wrap:hover .perspective-backdrop-plate {
    transform: rotate(-1deg) scale(1);
}

.perspective-tech-dots {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 90px;
    height: 90px;
    background-image: radial-gradient(#00B6DE 1.5px, transparent 1.5px);
    background-size: 10px 10px;
    opacity: 0.6;
    z-index: 1;
    pointer-events: none;
}

.leadership-portrait-container {
    position: relative;
    z-index: 2;
    border-radius: 24px;
    padding: 8px;
    background: linear-gradient(145deg, #FFFFFF, #E8F7FB, #00B6DE);
    box-shadow: 0 20px 50px rgba(13, 45, 91, 0.18);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.portrait-inner-frame {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    background: #0D2D5B;
}

.leadership-portrait-img {
    width: 100%;
    height: 440px;
    object-fit: cover;
    object-position: top center;
    display: block;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.leadership-portrait-container:hover .leadership-portrait-img {
    transform: scale(1.04);
}

.portrait-specular-sheen {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(13, 45, 91, 0.3) 100%);
    pointer-events: none;
}

/* Bottom Center Role Pill */
.leadership-role-pill {
    position: absolute;
    bottom: 22px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #0D2D5B 0%, #061A38 100%);
    color: #FFFFFF;
    padding: 7px 20px;
    border-radius: 50px;
    font-size: 13.5px;
    font-weight: 700;
    letter-spacing: 0.5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(0, 182, 222, 0.5);
    box-shadow: 0 10px 24px rgba(13, 45, 91, 0.4);
    white-space: nowrap;
    z-index: 4;
}

.pulse-live-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #00E5FF;
    box-shadow: 0 0 8px #00E5FF;
    animation: liveDotPulse 1.8s infinite;
}

@keyframes liveDotPulse {
    0% {
        transform: scale(0.9);
        opacity: 0.8;
    }
    50% {
        transform: scale(1.3);
        opacity: 1;
        box-shadow: 0 0 12px #00E5FF;
    }
    100% {
        transform: scale(0.9);
        opacity: 0.8;
    }
}

/* Floating Perspective Chips */
.leadership-float-chip {
    position: absolute;
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(0, 182, 222, 0.28);
    border-radius: 16px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0 14px 30px rgba(13, 45, 91, 0.14);
    z-index: 5;
    animation: floatChipMotion 5s ease-in-out infinite alternate;
}

.chip-experience {
    top: 25px;
    right: -24px;
    animation-delay: 0s;
}

.chip-architecture {
    bottom: 80px;
    left: -22px;
    animation-delay: -2.5s;
}

@keyframes floatChipMotion {
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(-8px);
    }
}

.leadership-float-chip .chip-icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: linear-gradient(135deg, #0D2D5B 0%, #00B6DE 100%);
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.leadership-float-chip .chip-text {
    display: flex;
    flex-direction: column;
}

.leadership-float-chip .chip-text strong {
    font-size: 13.5px;
    color: #0D2D5B;
    font-weight: 700;
    line-height: 1.2;
}

.leadership-float-chip .chip-text span {
    font-size: 11.5px;
    color: #556B82;
    font-weight: 500;
}

/* Right Column Content */
.leadership-narrative-content {
    display: flex;
    flex-direction: column;
}

.leadership-badge-tag {
    display: inline-flex;
    align-items: center;
    background: rgba(0, 182, 222, 0.1);
    color: #0088B5;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 5px 14px;
    border-radius: 30px;
    width: fit-content;
    border: 1px solid rgba(0, 182, 222, 0.25);
}

.leadership-heading-name {
    font-size: 36px;
    font-weight: 800;
    color: #0D2D5B;
    margin-bottom: 4px;
    line-height: 1.2;
}

.leadership-heading-role {
    font-size: 16px;
    font-weight: 600;
    color: #009FE3;
    margin-bottom: 22px;
}

/* Quote Card */
.leadership-quote-card {
    position: relative;
    background: #FFFFFF;
    border-left: 4px solid #00B6DE;
    border-radius: 0 16px 16px 0;
    padding: 20px 24px;
    box-shadow: 0 8px 24px rgba(13, 45, 91, 0.05);
    border-top: 1px solid rgba(0, 182, 222, 0.1);
    border-right: 1px solid rgba(0, 182, 222, 0.1);
    border-bottom: 1px solid rgba(0, 182, 222, 0.1);
    margin-bottom: 26px;
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.quote-icon-wrap {
    color: #00B6DE;
    opacity: 0.85;
    flex-shrink: 0;
    margin-top: 2px;
}

.quote-text {
    font-size: 15px;
    line-height: 1.65;
    color: #334E68;
    font-style: italic;
    margin: 0;
    font-weight: 500;
}

/* Pillars 2x2 Grid */
.leadership-pillars-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-bottom: 28px;
}

.pillar-card {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #FFFFFF;
    border: 1px solid rgba(13, 45, 91, 0.08);
    border-radius: 14px;
    padding: 14px 16px;
    transition: all 0.3s ease;
}

.pillar-card:hover {
    border-color: rgba(0, 182, 222, 0.4);
    transform: translateY(-3px);
    box-shadow: 0 10px 22px rgba(13, 45, 91, 0.08);
}

.pillar-icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #E8F7FB;
    color: #009FE3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
    transition: background 0.3s ease, color 0.3s ease;
}

.pillar-card:hover .pillar-icon {
    background: #0D2D5B;
    color: #00E5FF;
}

.pillar-info {
    display: flex;
    flex-direction: column;
}

.pillar-title {
    font-size: 14.5px;
    font-weight: 700;
    color: #0D2D5B;
    margin: 0 0 3px;
    line-height: 1.3;
}

.pillar-desc {
    font-size: 12.5px;
    color: #627D98;
    margin: 0;
    line-height: 1.45;
}

/* Action contect CTA Bar */
.leadership-actions-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    padding-top: 10px;
}

.leader-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 11px 22px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all 0.3s ease;
    cursor: pointer;
}

.leader-action-btn i {
    font-size: 16px;
}

.btn-whatsapp {
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    color: #FFFFFF !important;
    border: 1px solid #25D366;
    box-shadow: 0 6px 18px rgba(37, 211, 102, 0.3);
}

.btn-whatsapp:hover {
    background: linear-gradient(135deg, #128C7E 0%, #075E54 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(37, 211, 102, 0.45);
}

.btn-call {
    background: #0D2D5B;
    color: #FFFFFF !important;
    border: 1px solid #0D2D5B;
    box-shadow: 0 6px 18px rgba(13, 45, 91, 0.22);
}

.btn-call:hover {
    background: #00B6DE;
    border-color: #00B6DE;
    color: #FFFFFF !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(0, 182, 222, 0.35);
}

.btn-email {
    background: #FFFFFF;
    color: #0D2D5B !important;
    border: 1.5px solid rgba(0, 182, 222, 0.4);
}

.btn-email:hover {
    background: #E8F7FB;
    border-color: #00B6DE;
    color: #0088B5 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 182, 222, 0.2);
}

/* Responsive Styles */
@media (max-width: 991px) {
    .leadership-master-card {
        padding: 35px 24px;
        border-radius: 22px;
    }
    
    .leadership-portrait-img {
        height: 380px;
    }
    
    .chip-experience {
        right: -8px;
    }
    
    .chip-architecture {
        left: -8px;
    }
    
    .leadership-heading-name {
        font-size: 28px;
    }
}

@media (max-width: 767px) {
    .leadership-pillars-grid {
        grid-template-columns: 1fr;
    }
    
    .leadership-float-chip {
        position: static;
        margin-top: 10px;
        animation: none;
        width: 100%;
        justify-content: flex-start;
    }
    
    .leadership-actions-bar {
        flex-direction: column;
        align-items: stretch;
    }
    
    .leader-action-btn {
        justify-content: center;
    }
}

/* ==========================================================================
   Site Preloader (From Uiverse.io by Fujitawa)
   ========================================================================== */
.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 9999999;
    background: #f1f4f9;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.preloader-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 28px;
}

/* From Uiverse.io by Fujitawa */
.loader {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 280px;
    width: 280px;
    border-radius: 50%;
    box-shadow: inset -10px -10px 15px rgba(255, 255, 255, 1),
        inset 10px 10px 10px rgba(0, 0, 0, 0.1);
}

.loader::before {
    content: "";
    position: absolute;
    height: 190px;
    width: 190px;
    border-radius: 50%;
    box-shadow: -10px -10px 15px rgba(255, 255, 255, 1),
        10px 10px 10px rgba(0, 0, 0, 0.1);
}

.blue {
    height: 180px;
    width: 210px;
    position: absolute;
    animation: rotate 4s linear infinite;
    pointer-events: none;
}

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

.blue::before {
    content: "";
    position: absolute;
    height: 30px;
    border-radius: 50%;
    width: 30px;
    background: linear-gradient(45deg, #00B6DE, #0D2D5B);
    box-shadow: 0 5px 12px rgba(0, 182, 222, 0.45);
}

.loader-center-logo {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader-center-logo img {
    border-radius: 50%;
    box-shadow: 0 6px 16px rgba(13, 45, 91, 0.16);
    animation: preloaderLogoPulse 2s ease-in-out infinite alternate;
}

@keyframes preloaderLogoPulse {
    0% {
        transform: scale(0.94);
        opacity: 0.9;
    }
    100% {
        transform: scale(1.04);
        opacity: 1;
    }
}

.preloader-text {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 4px;
    color: #0D2D5B;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 5px;
}

.preloader-text span {
    color: #00B6DE;
}

@media (max-width: 575px) {
    .loader {
        height: 220px;
        width: 220px;
    }
    .loader::before {
        height: 150px;
        width: 150px;
    }
    .blue {
        height: 140px;
        width: 165px;
    }
    .blue::before {
        height: 24px;
        width: 24px;
    }
    .loader-center-logo img {
        width: 36px;
        height: 36px;
    }
}

/* ==========================================================================
   Modern & Clean Specialization Skill Bars
   ========================================================================== */
.specialization-section {
    position: relative;
    padding: 70px 0 80px;
    background: #FFFFFF;
}

.modern-specialization-box {
    background: #FFFFFF;
    border: 1px solid rgba(0, 182, 222, 0.18);
    border-radius: 24px;
    padding: 45px 45px;
    box-shadow: 0 15px 45px rgba(13, 45, 91, 0.05);
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.modern-specialization-box:hover {
    box-shadow: 0 20px 55px rgba(13, 45, 91, 0.08);
    border-color: rgba(0, 182, 222, 0.35);
}

.modern-skill-item {
    margin-bottom: 30px;
}

.modern-skill-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.modern-skill-title {
    display: flex;
    align-items: center;
    gap: 10px;
}

.modern-skill-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #E8F7FB;
    color: #009FE3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
    transition: background 0.3s ease, color 0.3s ease;
}

.modern-skill-item:hover .modern-skill-icon {
    background: #0D2D5B;
    color: #00E5FF;
}

.modern-skill-title h4 {
    font-size: 15px;
    font-weight: 700;
    color: #0D2D5B;
    margin: 0;
    line-height: 1.3;
}

.modern-skill-badge {
    font-size: 12.5px;
    font-weight: 800;
    color: #009FE3;
    background: #E8F7FB;
    padding: 3px 10px;
    border-radius: 20px;
    letter-spacing: 0.3px;
}

/* Track & Fill */
.modern-skill-track {
    height: 9px;
    background: #EDF2F7;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
}

.modern-skill-fill {
    height: 100%;
    background: linear-gradient(90deg, #00B6DE 0%, #0D2D5B 100%);
    border-radius: 50px;
    position: relative;
    transition: width 1s ease-in-out;
}

@media (max-width: 767px) {
    .modern-specialization-box {
        padding: 30px 20px;
        border-radius: 18px;
    }
    
    .modern-skill-item {
        margin-bottom: 24px;
    }
    
    .modern-skill-title h4 {
        font-size: 14px;
    }
}

/* ==========================================================================
   Modern Tailored Blockquote (Tailwind-inspired Skewed Highlight)
   ========================================================================== */
.intechno-quote-card {
    position: relative;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(240, 249, 255, 0.9));
    border: 1px solid rgba(0, 182, 222, 0.2);
    border-radius: 20px;
    padding: 36px 40px;
    box-shadow: 0 10px 30px rgba(10, 61, 145, 0.06);
    text-align: center;
    overflow: hidden;
}

.intechno-quote-card::before {
    content: "“";
    position: absolute;
    top: -15px;
    left: 25px;
    font-size: 110px;
    font-family: Georgia, serif;
    color: rgba(0, 182, 222, 0.12);
    line-height: 1;
    pointer-events: none;
}

.intechno-modern-blockquote {
    font-size: clamp(1.2rem, 2.2vw, 1.7rem);
    font-weight: 700;
    font-style: italic;
    color: #0f172a;
    text-align: center;
    line-height: 1.55;
    margin: 0 auto;
    max-width: 900px;
    letter-spacing: -0.015em;
    position: relative;
    z-index: 2;
}

.intechno-quote-highlight {
    position: relative;
    display: inline-block;
    padding: 0 8px;
    margin: 0 4px;
    white-space: nowrap;
}

.intechno-quote-highlight::before {
    content: "";
    position: absolute;
    inset: -3px -6px;
    display: block;
    transform: skewY(-3deg);
    background: linear-gradient(135deg, #00B6DE 0%, #0A3D91 100%);
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0, 182, 222, 0.45);
    z-index: 1;
}

.intechno-quote-highlight span {
    position: relative;
    color: #ffffff !important;
    font-weight: 800;
    text-shadow: 0 1px 3px rgba(10, 61, 145, 0.35);
    z-index: 2;
}

@media (max-width: 767px) {
    .intechno-quote-card {
        padding: 26px 20px;
        border-radius: 16px;
    }
    .intechno-quote-highlight {
        padding: 0 4px;
        margin: 2px 2px;
    }
}

/* ==========================================================================
   DYNAMIC SERVICE DETAIL MASTER STYLES (THEME-ALIGNED TYPOGRAPHY & HYBRID LAYOUT)
   ========================================================================== */

.service-detail-main {
    background: #ffffff;
    color: #334155;
    font-family: "Hind", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    overflow-x: hidden;
}

.service-detail-main h1,
.service-detail-main h2,
.service-detail-main h3,
.service-detail-main h4,
.service-detail-main h5,
.service-detail-main h6 {
    font-family: "Hind", "Inter", sans-serif;
    font-weight: 700;
}

.service-detail-main p {
    font-family: "Hind", sans-serif;
    font-size: 16px;
    line-height: 1.7;
}

.service-content-col > p,
.service-content-block > p {
    color: #475569;
}

/* 1. MAIN 2-COLUMN LAYOUT & SIDEBAR STYLES */
.service-layout-wrapper {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.service-sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
    z-index: 20;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.service-sidebar-widget {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 22px;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
}

.service-sidebar-widget__header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 14px;
    margin-bottom: 12px;
    border-bottom: 2px solid #f1f5f9;
}

.service-sidebar-widget__icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(0, 188, 212, 0.12);
    color: #0891b2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.service-sidebar-widget__title {
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
    font-family: "Hind", sans-serif;
}

/* Service Sidebar Menu */
.service-sidebar-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.service-sidebar-menu__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 15.5px;
    font-weight: 600;
    color: #334155;
    text-decoration: none !important;
    background: #ffffff;
    border: 1px solid transparent;
    font-family: "Hind", sans-serif;
    transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.service-sidebar-menu__text {
    display: flex;
    align-items: center;
    gap: 8px;
}

.service-sidebar-menu__bullet {
    font-size: 10px;
    color: #94a3b8;
    transition: transform 0.2s ease;
}

.service-sidebar-menu__arrow {	
    font-size: 11px;
    color: #94a3b8;
    opacity: 0.6;
    transition: all 0.2s ease;
}

.service-sidebar-menu__link:hover {
    background: #f0f9ff;
    color: #0891b2;
    border-color: #bae6fd;
    transform: translateX(3px);
}

.service-sidebar-menu__link:hover .service-sidebar-menu__bullet,
.service-sidebar-menu__link:hover .service-sidebar-menu__arrow {
    color: #0891b2;
    opacity: 1;
}

.service-sidebar-menu__link.is-active {
    background: linear-gradient(135deg, #00bcd4 0%, #0a3d91 100%);
    color: #ffffff !important;
    font-weight: 700;
    border-color: transparent;
    box-shadow: 0 4px 15px rgba(0, 188, 212, 0.35);
    transform: translateX(3px);
}

.service-sidebar-menu__link.is-active .service-sidebar-menu__bullet {
    color: #ffffff;
}

.service-sidebar-menu__badge {
    background: rgba(255, 255, 255, 0.22);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 2px 8px;
    border-radius: 9999px;
    backdrop-filter: blur(4px);
    font-family: "Hind", sans-serif;
}

/* Sidebar Consultation Card */
.service-sidebar-consult-card {
    background: linear-gradient(145deg, #071326 0%, #0b2347 100%);
    border: 1px solid rgba(0, 188, 212, 0.3);
    color: #ffffff;
    box-shadow: 0 10px 30px rgba(7, 19, 38, 0.25);
    position: relative;
    overflow: hidden;
}

.service-sidebar-consult-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #00bcd4, #38bdf8, #0a3d91);
}

.service-sidebar-consult-card__badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #38bdf8;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-family: "Hind", sans-serif;
}

.service-sidebar-consult-card__title {
    font-size: 19.5px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.35;
    margin-bottom: 10px;
    font-family: "Hind", sans-serif;
}

.service-sidebar-consult-card__desc {
    font-size: 15px;
    color: #cbd5e1;
    line-height: 1.65;
    margin-bottom: 18px;
    font-family: "Hind", sans-serif;
}

/* Sidebar Trust Items */
.service-sidebar-trust {
    padding: 18px 20px;
    background: #ffffff;
}

.service-trust-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px dashed #e2e8f0;
}

.service-trust-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.service-trust-item__icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #f0fdf4;
    color: #16a34a;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    flex-shrink: 0;
}

.service-trust-item:nth-child(2) .service-trust-item__icon {
    background: #eff6ff;
    color: #2563eb;
}

.service-trust-item:nth-child(3) .service-trust-item__icon {
    background: #ecfeff;
    color: #0891b2;
}

.service-trust-item__content {
    display: flex;
    flex-direction: column;
}

.service-trust-item__content strong {
    font-size: 14.5px;
    color: #0f172a;
    font-weight: 700;
    font-family: "Hind", sans-serif;
}

.service-trust-item__content span {
    font-size: 13.5px;
    color: #64748b;
    font-family: "Hind", sans-serif;
}

/* Main Content Area in 2-Column */
.service-content-col {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 40px 36px;
    box-shadow: 0 4px 25px rgba(15, 23, 42, 0.03);
}

.service-content-block {
    padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid #f1f5f9;
}

.service-content-block:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

/* 2. HERO SHOWCASE SECTION (DARK PRESTIGE) */
.service-hero-section {
    background: linear-gradient(135deg, #050d1a 0%, #0a1e3d 50%, #06152b 100%);
    color: #ffffff;
    padding: 65px 0 55px;
    position: relative;
    font-family: "Hind", sans-serif;
}

.service-hero-section .breadcrumb {
    font-size: 14.5px;
    font-family: "Hind", sans-serif;
}

.service-hero-section .breadcrumb-item a {
    color: rgba(255, 255, 255, 0.65);
    text-decoration: none;
    transition: color 0.2s ease;
}

.service-hero-section .breadcrumb-item a:hover {
    color: #00bcd4;
}

.service-hero-section .breadcrumb-item.active {
    color: #00bcd4;
    font-weight: 600;
}

.service-hero-section .breadcrumb-item + .breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.35);
    content: "/";
    padding: 0 10px;
}

.service-hero__glow {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(80px);
}

.service-hero__glow--top {
    top: -60px;
    left: 10%;
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, rgba(0, 188, 212, 0.25) 0%, transparent 70%);
}

.service-hero__glow--bottom {
    bottom: -80px;
    right: 5%;
    width: 450px;
    height: 450px;
    background: radial-gradient(circle, rgba(10, 61, 145, 0.4) 0%, transparent 70%);
}

.service-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(0, 188, 212, 0.12);
    border: 1px solid rgba(0, 188, 212, 0.35);
    color: #00bcd4;
    padding: 6px 16px;
    border-radius: 9999px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-family: "Hind", sans-serif;
}

.service-hero__badge-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00bcd4;
    box-shadow: 0 0 10px #00bcd4;
    animation: pulseGlow 2s infinite ease-in-out;
}

.service-hero__eyebrow {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #00bcd4;
    text-transform: uppercase;
    margin-bottom: 12px;
    font-family: "Hind", sans-serif;
}

.service-hero__title {
    font-size: clamp(32px, 4.2vw, 48px);
    font-weight: 700;
    line-height: 1.2;
    color: #ffffff;
    margin-bottom: 20px;
    font-family: "Hind", sans-serif;
}

.service-hero__title span {
    background: linear-gradient(135deg, #00bcd4 0%, #38bdf8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.service-hero__lead,
.service-hero-section p.service-hero__lead {
    font-size: 17.5px;
    line-height: 1.75;
    color: #e2e8f0 !important;
    max-width: 620px;
    margin-bottom: 0;
    font-family: "Hind", sans-serif;
}

.service-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 28px;
    background: linear-gradient(135deg, #00bcd4 0%, #0a3d91 100%);
    color: #ffffff !important;
    font-size: 15.5px;
    font-weight: 600;
    border-radius: 10px;
    text-decoration: none !important;
    box-shadow: 0 8px 24px rgba(0, 188, 212, 0.35);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    font-family: "Hind", sans-serif;
}

.service-btn-primary:hover {
    background: linear-gradient(135deg, #0a3d91 0%, #00bcd4 100%);
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(0, 188, 212, 0.5);
    color: #ffffff !important;
}

.service-btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 26px;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff !important;
    font-size: 15.5px;
    font-weight: 600;
    border-radius: 10px;
    text-decoration: none !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(6px);
    transition: all 0.25s ease;
    font-family: "Hind", sans-serif;
}

.service-btn-secondary:hover {
    background: rgba(255, 255, 255, 0.16);
    border-color: #00bcd4;
    color: #00bcd4 !important;
    transform: translateY(-2px);
}

.service-hero__media-card {
    background: linear-gradient(145deg, #0d1b2e 0%, #07101e 100%);
    border: 1px solid rgba(0, 188, 212, 0.25);
    border-radius: 20px;
    padding: 38px 28px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
    position: relative;
    overflow: hidden;
}

.service-hero__media-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #00bcd4, #38bdf8, #0a3d91);
}

.service-hero__media-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    filter: drop-shadow(0 0 20px rgba(0, 188, 212, 0.5));
}

.service-hero__media-icon svg {
    width: 60px;
    height: 60px;
}

.service-hero__media-heading {
    font-size: 21px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 8px;
    font-family: "Hind", sans-serif;
}

.service-hero__media-tagline {
    font-size: 15px;
    color: #94a3b8;
    margin-bottom: 20px;
    font-family: "Hind", sans-serif;
}

.service-hero__tech-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

.service-tech-pill {
    font-size: 13.5px;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.08);
    color: #e2e8f0;
    border: 1px solid rgba(255, 255, 255, 0.12);
    font-family: "Hind", sans-serif;
}

/* 4 Value Metrics Cards Grid */
.service-metrics-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 30px;
}

.service-metric-card {
    background: rgba(15, 23, 42, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 24px 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(8px);
}

.service-metric-card__num {
    font-size: clamp(28px, 2.5vw, 36px);
    font-weight: 800;
    color: #00bcd4;
    line-height: 1.1;
    margin-bottom: 8px;
    font-family: "Inter", "Hind", sans-serif;
}

.service-metric-card__label {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 6px;
    font-family: "Hind", sans-serif;
}

.service-metric-card__desc {
    font-size: 15px;
    color: #94a3b8;
    line-height: 1.6;
    margin: 0;
    font-family: "Hind", sans-serif;
}

/* 3. TECH STACK MARQUEE RIBBON */
.service-techstack-ribbon {
    background: #081120;
    border: 1px solid rgba(0, 188, 212, 0.15);
    border-radius: 16px;
    position: relative;
    padding: 18px 20px 22px;
    overflow: hidden;
}

.service-techstack-ribbon__wrapper {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.service-techstack-ribbon__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    width: 100%;
}

.service-techstack-ribbon__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 12px;
    border-radius: 9999px;
    background: rgba(0, 188, 212, 0.12);
    border: 1px solid rgba(0, 188, 212, 0.3);
    color: #00bcd4;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-family: "Hind", sans-serif;
}

.service-techstack-ribbon__title {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
    font-family: "Hind", sans-serif;
}

.service-techstack-ticker {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 4px 0;
    mask-image: linear-gradient(to right, transparent, black 4%, black 96%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 4%, black 96%, transparent);
}

.service-techstack-track {
    display: flex;
    flex-wrap: nowrap;
    gap: 14px;
    width: max-content;
    animation: serviceTechMarquee 32s linear infinite;
    will-change: transform;
}

.service-techstack-ticker:hover .service-techstack-track {
    animation-play-state: paused;
}

@keyframes serviceTechMarquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.service-techstack-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    background: rgba(15, 23, 42, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    flex-shrink: 0;
    white-space: nowrap;
}

.service-techstack-badge__icon {
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    line-height: 1;
}

.service-techstack-badge__name {
    font-size: 14px;
    font-weight: 600;
    color: #e2e8f0;
    white-space: nowrap;
    font-family: "Hind", sans-serif;
}

.service-techstack-badge:hover {
    border-color: rgba(0, 188, 212, 0.4);
    background: rgba(15, 23, 42, 0.98);
}

/* SECTION HEADINGS COMMON (THEME HARMONIZED) */
.section-badge {
    display: inline-block;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #0891b2;
    text-transform: uppercase;
    margin-bottom: 8px;
    background: rgba(8, 145, 178, 0.1);
    padding: 4px 12px;
    border-radius: 9999px;
    font-family: "Hind", sans-serif;
}

.section-title {
    font-size: clamp(26px, 3.2vw, 36px);
    font-weight: 700;
    color: #0f172a;
    line-height: 1.25;
    margin-bottom: 12px;
    font-family: "Hind", sans-serif;
}

.section-title span {
    color: #0891b2;
}

.section-desc {
    font-size: 17px;
    color: #475569;
    max-width: 720px;
    margin: 0;
    line-height: 1.75;
    font-family: "Hind", sans-serif;
}

/* 4. VALUE PROPOSITION SECTION */
.service-pitch-card {
    background: linear-gradient(145deg, #0f172a 0%, #1e293b 100%);
    border: 1px solid #334155;
    border-radius: 18px;
    padding: 34px 28px;
    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.15);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #ffffff;
}

.service-pitch-card__badge {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #38bdf8;
    text-transform: uppercase;
    margin-bottom: 12px;
    font-family: "Hind", sans-serif;
}

.service-pitch-card__title {
    font-size: 21px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.35;
    margin-bottom: 12px;
    font-family: "Hind", sans-serif;
}

.service-pitch-card__text,
.service-pitch-card p {
    font-size: 16.5px;
    color: #e2e8f0 !important;
    line-height: 1.7;
    font-family: "Hind", sans-serif;
    margin-bottom: 16px;
}

.service-value-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.service-value-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 22px 20px;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04);
}

.service-value-card__icon {
    font-size: 20px;
    color: #0891b2;
    margin-bottom: 12px;
}

.service-value-card__title {
    font-size: 17px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 6px;
    font-family: "Hind", sans-serif;
}

.service-value-card__desc {
    font-size: 15.5px;
    color: #64748b;
    line-height: 1.65;
    margin: 0;
    font-family: "Hind", sans-serif;
}

/* 5. SERVICE LAYERS (01 to 06 Numbered Cards) */
.service-layers-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 24px;
}

.service-layer-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 26px 30px;
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 24px;
    align-items: center;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
}

.service-layer-card__header {
    display: flex;
    align-items: center;
    gap: 16px;
}

.service-layer-card__step {
    font-size: 20px;
    font-weight: 800;
    color: #0891b2;
    background: #e0f2fe;
    border: 1px solid rgba(8, 145, 178, 0.3);
    border-radius: 10px;
    padding: 6px 12px;
    font-family: "Inter", monospace;
    flex-shrink: 0;
}

.service-layer-card__title {
    font-size: 19px;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
    font-family: "Hind", sans-serif;
}

.service-layer-card__text {
    font-size: 16.5px;
    color: #334155;
    line-height: 1.7;
    margin-bottom: 6px;
    font-family: "Hind", sans-serif;
}

.service-layer-card__subtext {
    font-size: 15px;
    color: #64748b;
    line-height: 1.65;
    margin: 0;
    font-family: "Hind", sans-serif;
}

/* 6. WHO WE BUILD & SCALE FOR */
.service-audience-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 24px;
}

.service-audience-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 26px 22px;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
    position: relative;
}

.service-audience-card__icon {
    font-size: 22px;
    color: #0891b2;
    margin-bottom: 14px;
}

.service-audience-card__badge {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #0369a1;
    background: #e0f2fe;
    border: 1px solid #bae6fd;
    border-radius: 6px;
    padding: 3px 8px;
    margin-bottom: 10px;
    font-family: "Hind", sans-serif;
}

.service-audience-card__title {
    font-size: 18.5px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 8px;
    font-family: "Hind", sans-serif;
}

.service-audience-card__desc {
    font-size: 15.5px;
    color: #475569;
    line-height: 1.65;
    margin: 0;
    font-family: "Hind", sans-serif;
}

/* 7. ENGINEERING PILLARS (CONTRASTING DARK SECTION) */
.service-pillars-section {
    background: #081120;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    padding: 36px 30px;
    color: #ffffff;
}

.service-pillars-section .section-title {
    color: #ffffff;
}

.service-pillars-section .section-title span {
    color: #00bcd4;
}

.service-pillars-section .section-desc {
    color: #94a3b8;
}

.service-pillar-card {
    background: linear-gradient(145deg, #0c1728 0%, #06101e 100%);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 16px;
    padding: 28px 24px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.service-pillar-card__icon {
    font-size: 24px;
    color: #00bcd4;
    margin-bottom: 16px;
}

.service-pillar-card__title {
    font-size: 19px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
    font-family: "Hind", sans-serif;
}

.service-pillar-card__desc {
    font-size: 16px;
    color: #94a3b8;
    line-height: 1.7;
    margin-bottom: 16px;
    font-family: "Hind", sans-serif;
}

.service-pillar-card__list li {
    font-size: 15.5px;
    color: #cbd5e1;
    margin-bottom: 8px;
    font-family: "Hind", sans-serif;
}

.text-cyan {
    color: #00bcd4 !important;
}

/* 8. COMPARISON TABLE */
.service-comparison-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
    margin-top: 24px;
}

.service-comparison-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    min-width: 580px;
    font-family: "Hind", sans-serif;
}

.service-comparison-table th {
    padding: 16px 20px;
    font-size: 14.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    color: #0f172a;
    font-family: "Hind", sans-serif;
}

.service-comparison-table th.th-custom {
    color: #0891b2;
    background: #ecfeff;
}

.service-comparison-table td {
    padding: 16px 20px;
    font-size: 15.5px;
    line-height: 1.65;
    border-bottom: 1px solid #f1f5f9;
    font-family: "Hind", sans-serif;
}

.service-comparison-table td.td-custom {
    background: #f0fdfa;
    color: #0f172a;
    font-weight: 600;
}

.service-comparison-table td.td-off-shelf {
    color: #64748b;
}

.compare-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 10px;
    margin-right: 8px;
    flex-shrink: 0;
    vertical-align: middle;
}

.compare-badge--positive {
    background: #0891b2;
    color: #ffffff;
}

.compare-badge--negative {
    background: #fee2e2;
    color: #ef4444;
}

/* 10. FAQS ACCORDION SECTION */
.service-faq-item {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-bottom: 12px;
    overflow: hidden;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03);
}

.service-faq-item.is-open {
    border-color: #0891b2;
    box-shadow: 0 4px 14px rgba(8, 145, 178, 0.1);
}

.service-faq-question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 22px;
    background: transparent;
    border: none;
    font-size: 17px;
    font-weight: 700;
    color: #0f172a;
    text-align: left;
    cursor: pointer;
    gap: 16px;
    font-family: "Hind", sans-serif;
}

.service-faq-toggle-icon {
    font-size: 14px;
    color: #0891b2;
    flex-shrink: 0;
}

.service-faq-answer {
    padding: 0 22px 20px;
    font-size: 16px;
    color: #475569;
    line-height: 1.75;
    font-family: "Hind", sans-serif;
}

.service-faq-answer p {
    margin: 0;
    font-size: 16px;
    line-height: 1.75;
    color: #475569;
    font-family: "Hind", sans-serif;
}

/* 11. BOTTOM CTA (DARK INVASIVE BANNER) */
.service-bottom-cta {
    background: linear-gradient(135deg, #061224 0%, #0a3d91 50%, #007a99 100%);
    color: #ffffff;
    padding: 85px 0;
    font-family: "Hind", sans-serif;
}

.service-bottom-cta__glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(0, 188, 212, 0.3) 0%, transparent 70%);
    filter: blur(80px);
    pointer-events: none;
}

.cta-eyebrow {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: #38bdf8;
    text-transform: uppercase;
    margin-bottom: 12px;
    font-family: "Hind", sans-serif;
}

.cta-title {
    font-size: clamp(28px, 3.8vw, 44px);
    font-weight: 700;
    line-height: 1.25;
    color: #ffffff;
    margin-bottom: 16px;
    font-family: "Hind", sans-serif;
}

.cta-title span {
    background: linear-gradient(135deg, #00bcd4 0%, #38bdf8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cta-desc {
    font-size: 17.5px;
    line-height: 1.75;
    color: #cbd5e1;
    max-width: 650px;
    margin: 0 auto 28px;
    font-family: "Hind", sans-serif;
}

.service-btn-primary.btn-lg,
.service-btn-whatsapp.btn-lg {
    padding: 15px 34px;
    font-size: 16px;
}

.service-btn-whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 28px;
    background: #25d366;
    color: #ffffff !important;
    font-size: 15.5px;
    font-weight: 600;
    border-radius: 10px;
    text-decoration: none !important;
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.35);
    border: none;
    transition: all 0.25s ease;
    font-family: "Hind", sans-serif;
}

.service-btn-whatsapp:hover {
    background: #1ebc59;
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(37, 211, 102, 0.5);
    color: #ffffff !important;
}

/* ==========================================================================
   COMPREHENSIVE RESPONSIVE STYLES (MOBILE & TABLET OPTIMIZATIONS)
   ========================================================================== */

@media (max-width: 1199.98px) {
    .service-metrics-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .service-audience-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .service-layer-card {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 24px;
    }
}

@media (max-width: 991.98px) {
    .service-layout-wrapper {
        padding-top: 25px !important;
        padding-bottom: 35px !important;
    }
    .service-content-col {
        padding: 26px 20px;
        border-radius: 16px;
    }
    .service-sidebar-sticky {
        position: static;
        margin-bottom: 24px;
        gap: 16px;
    }
    .service-sidebar-widget {
        padding: 16px;
        border-radius: 14px;
    }
    .service-sidebar-widget__header {
        padding-bottom: 10px;
        margin-bottom: 12px;
    }
    .service-sidebar-categories .service-sidebar-menu {
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        flex-wrap: nowrap;
        gap: 8px;
        padding-bottom: 8px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }
    .service-sidebar-categories .service-sidebar-menu::-webkit-scrollbar {
        height: 4px;
    }
    .service-sidebar-categories .service-sidebar-menu::-webkit-scrollbar-thumb {
        background: #cbd5e1;
        border-radius: 4px;
    }
    .service-sidebar-menu__item {
        flex: 0 0 auto;
    }
    .service-sidebar-menu__link {
        padding: 8px 16px;
        font-size: 14.5px;
        white-space: nowrap;
        border: 1px solid #e2e8f0;
        background: #f8fafc;
    }
    .service-sidebar-menu__arrow {
        display: none;
    }
    .service-sidebar-menu__link.is-active {
        background: linear-gradient(135deg, #00bcd4 0%, #0a3d91 100%);
        border-color: transparent;
    }
    .service-sidebar-trust,
    .service-sidebar-consult-card {
        display: none;
    }
    .service-value-grid {
        grid-template-columns: 1fr;
    }
    .service-audience-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .service-hero-section {
        padding: 40px 0 35px;
        text-align: center;
    }
    .service-hero__eyebrow {
        font-size: 13px;
        margin-bottom: 8px;
    }
    .service-hero__title {
        font-size: 30px;
        margin-bottom: 16px;
    }
    .service-hero__lead {
        font-size: 16.5px;
        line-height: 1.65;
        margin: 0 auto;
    }
    .service-hero__actions {
        flex-direction: column;
        width: 100%;
        gap: 12px !important;
        margin-top: 24px !important;
    }
    .service-btn-primary,
    .service-btn-secondary {
        width: 100%;
        justify-content: center;
    }
    .service-hero__media-card {
        margin-top: 20px;
        padding: 26px 18px;
    }
    .service-hero__media-heading {
        font-size: 19px;
    }
    .service-metrics-grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 24px;
    }
    .service-metric-card {
        padding: 20px 18px;
    }
    .service-content-col {
        padding: 20px 14px;
        border-radius: 14px;
    }
    .service-layer-card {
        padding: 18px 16px;
        border-radius: 14px;
    }
    .service-layer-card__header {
        gap: 12px;
    }
    .service-layer-card__step {
        font-size: 18px;
        padding: 4px 10px;
    }
    .service-layer-card__title {
        font-size: 17.5px;
    }
    .service-layer-card__text {
        font-size: 15.5px;
    }
    .service-layer-card__subtext {
        font-size: 14.5px;
    }
    .service-pillars-section {
        padding: 24px 16px;
        border-radius: 14px;
    }
    .service-pillar-card {
        padding: 22px 18px;
        border-radius: 12px;
    }
    .service-faq-question {
        padding: 15px 16px;
        font-size: 16px;
    }
    .service-faq-answer {
        padding: 0 16px 16px;
        font-size: 15.5px;
    }
    .service-faq-answer p {
        font-size: 15.5px;
    }
    .service-bottom-cta {
        padding: 50px 0;
    }
    .service-bottom-cta .cta-title {
        font-size: 26px;
    }
    .service-bottom-cta .cta-desc {
        font-size: 16px;
    }
    .service-bottom-cta .cta-actions {
        flex-direction: column;
        width: 100%;
        gap: 12px !important;
    }
    .service-btn-primary.btn-lg,
    .service-btn-whatsapp.btn-lg {
        width: 100%;
        justify-content: center;
        padding: 14px 24px;
    }
}

@media (max-width: 575.98px) {
    .service-comparison-table th, 
    .service-comparison-table td {
        padding: 12px 14px;
        font-size: 14.5px;
    }
    .section-title {
        font-size: 24px;
    }
    .service-pitch-card {
        padding: 24px 18px;
    }
    .service-pitch-card__title {
        font-size: 19px;
    }
}

/* ==========================================================================
   DYNAMIC GOOGLE REVIEWS & RICH SHOWCASE STYLES
   ========================================================================== */

.google-reviews-section {
    background-color: #f8fafc;
    padding: 85px 0;
}

.google-reviews__bg-glow {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    width: 650px;
    height: 380px;
    background: radial-gradient(circle, rgba(66, 133, 244, 0.09) 0%, rgba(52, 168, 83, 0.05) 40%, transparent 70%);
    filter: blur(60px);
    pointer-events: none;
}

/* Rich Showcase Container */
.rich-showcase-wrapper {
    position: relative;
    z-index: 3;
}

/* Left Summary Badge Card (Rich Showcase Style) */
.rich-showcase__badge-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
    transition: all 0.3s ease;
}

.rich-showcase__badge-card:hover {
    box-shadow: 0 14px 32px rgba(66, 133, 244, 0.1);
    border-color: #cbd5e1;
}

.badge-card__avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    overflow: hidden;
    background: #f1f5f9;
    border: 2px solid #e2e8f0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
}

.badge-card__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.badge-card__title {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.35;
}

.badge-card__score {
    font-size: 20px;
    font-weight: 900;
    color: #0f172a;
}

.badge-card__count {
    font-size: 13.5px;
    font-weight: 600;
    color: #64748b;
}

.badge-card__review-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px 18px;
    border-radius: 9999px;
    background: #1a73e8;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(26, 115, 232, 0.28);
    transition: all 0.25s ease;
}

.badge-card__review-btn:hover {
    background: #1557b0;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(26, 115, 232, 0.4);
}

/* Right Rich Review Card */
.rich-review-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.03);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    min-height: 250px;
}

.rich-review-card:hover {
    transform: translateY(-4px);
    border-color: #cbd5e1;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.07);
}

.rich-review-card__avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 17px;
    flex-shrink: 0;
    overflow: hidden;
}

.rich-review-card__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rich-review-card__author {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.25;
}

.rich-review-card__date {
    font-size: 12px;
    color: #94a3b8;
    font-weight: 500;
}

.rich-google-g svg {
    opacity: 0.9;
    transition: transform 0.2s ease;
}

.rich-review-card:hover .rich-google-g svg {
    transform: scale(1.1);
}

.google-stars-gold {
    display: inline-flex;
    gap: 2.5px;
    color: #fbbc04;
    font-size: 16px;
    line-height: 1;
}

.rich-review-card__text {
    font-size: 13.5px;
    line-height: 1.6;
    color: #334155;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.rich-verified-badge {
    font-size: 12px;
    font-weight: 600;
    color: #16a34a;
}

/* Swiper Navigation & Pagination Controls */
.google-reviews-controls {
    margin-top: 20px;
}

.google-swiper-btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    color: #0f172a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.05);
    transition: all 0.2s ease;
}

.google-swiper-btn:hover {
    background: #1a73e8;
    color: #ffffff;
    border-color: #1a73e8;
}

.google-swiper-btn:hover {
    background: #1a73e8;
    color: #ffffff;
    border-color: #1a73e8;
    transform: scale(1.08);
}

.google-swiper-pagination {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: auto !important;
}

.google-swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #cbd5e1;
    opacity: 1;
    transition: all 0.25s ease;
}

.google-swiper-pagination .swiper-pagination-bullet-active {
    background: #1a73e8;
    width: 24px;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .google-summary-card {
        text-align: center;
        justify-content: center;
    }
    .google-summary__brand {
        flex-direction: column;
        text-align: center;
    }
    .google-summary__rating-row {
        justify-content: center;
    }
    .google-review-card {
        padding: 20px 18px;
    }
}

/* ==========================================================================
   EXACT REPLICA GET IN TOUCH CONTACT FORM STYLES (MATCHING REFERENCE UI)
   ========================================================================== */

.ref-contact-page-wrapper {
    background: linear-gradient(180deg, #dcf6f6 0%, #eaf8f8 360px, #ffffff 360px, #ffffff 100%);
    padding: 70px 0 100px;
    font-family: inherit;
}

.ref-contact-title {
    font-size: clamp(32px, 3.8vw, 42px);
    font-weight: 800;
    color: #1e293b;
    letter-spacing: -0.02em;
    margin-bottom: 12px;
}

.ref-contact-subtitle {
    font-size: 14px;
    color: #64748b;
    line-height: 1.65;
    max-width: 620px;
    margin: 0 auto;
}

/* Master Floating White Card */
.ref-contact-master-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 20px;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.07), 0 10px 25px rgba(0, 180, 180, 0.05);
    max-width: 960px;
    margin: 0 auto;
}

/* Left Teal Information Panel */
.ref-info-panel {
    background: #00b4b4 !important;
    border-radius: 18px;
    padding: 40px 32px;
    color: #ffffff;
    min-height: 440px;
    position: relative !important;
    overflow: hidden !important;
}

.ref-info-sphere {
    position: absolute;
    bottom: -45px;
    right: -45px;
    width: 175px;
    height: 175px;
    border-radius: 50%;
    background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.45) 0%, rgba(100, 230, 230, 0.5) 50%, rgba(0, 180, 180, 0.85) 100%);
    box-shadow: inset 0 -4px 14px rgba(0, 130, 130, 0.35);
    pointer-events: none;
    z-index: 1;
}

.ref-info-title {
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 12px;
    letter-spacing: -0.01em;
}

.ref-info-desc {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.55;
    margin-bottom: 35px;
    max-width: 270px;
}

.ref-info-list {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.ref-info-icon {
    color: #ffffff;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 2px;
}

.ref-info-text {
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.5;
    color: #ffffff;
}

/* Right Clean Form Panel */
.ref-form-panel {
    padding: 25px 40px;
}

.ref-field-group {
    display: flex;
    flex-direction: column;
}

.ref-field-label {
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
    margin-bottom: 4px;
    text-transform: capitalize;
}

.ref-field-label--teal {
    color: #00b4b4;
    font-weight: 700;
    font-size: 12px;
}

.ref-field-input {
    border: none;
    border-bottom: 1.5px solid #e2e8f0;
    padding: 6px 0 10px;
    font-size: 15px;
    font-weight: 600;
    color: #1e293b;
    background: transparent;
    outline: none;
    transition: border-color 0.2s ease;
    border-radius: 0;
    width: 100%;
}

.ref-field-input:focus {
    border-bottom-color: #00b4b4;
}

.ref-field-input::placeholder {
    color: #94a3b8;
    font-weight: 400;
    font-size: 14px;
}

.ref-message-group {
    position: relative;
}

.ref-message-input {
    border: none;
    padding: 8px 0 4px;
    font-size: 14.5px;
    color: #1e293b;
    background: transparent;
    outline: none;
    resize: none;
    font-family: inherit;
    width: 100%;
    min-height: 60px;
}

.ref-message-input::placeholder {
    color: #94a3b8;
    font-weight: 400;
}

.ref-teal-underline {
    height: 2.5px;
    background: #00b4b4;
    border-radius: 2px;
    width: 100%;
}

.ref-submit-button {
    background: #00b4b4;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 11px 28px;
    font-size: 13.5px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 4px 14px rgba(0, 180, 180, 0.3);
}

.ref-submit-button:hover {
    background: #009999;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(0, 180, 180, 0.4);
}

@media (max-width: 991px) {
    .ref-contact-master-card {
        padding: 16px;
    }
    .ref-info-panel {
        min-height: auto;
        padding: 30px 22px;
        margin-bottom: 24px;
    }
    .ref-form-panel {
        padding: 15px 10px;
    }
}

@media (max-width: 767px) {
    .ref-contact-page-wrapper {
        padding: 40px 0 70px;
    }
}

/* ====================================================================
   MODERN ABOUT US PAGE (INTECHNO HIGH-IMPACT HERO & THEME PALETTE)
   ==================================================================== */

.about-hero__glow-top {
    position: absolute;
    top: -150px;
    left: 20%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(0, 191, 255, 0.15) 0%, rgba(10, 61, 145, 0.05) 50%, transparent 70%);
    filter: blur(80px);
    pointer-events: none;
}

.about-hero__glow-bottom {
    position: absolute;
    bottom: -100px;
    right: 10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(0, 114, 206, 0.18) 0%, transparent 60%);
    filter: blur(70px);
    pointer-events: none;
}

.about-hero__grid-bg {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                      linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 50px 50px;
    opacity: 0.6;
    pointer-events: none;
}

.about-hero__breadcrumbs ul {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
    font-size: 13.5px;
}

.about-hero__breadcrumbs a {
    color: #94a3b8;
    text-decoration: none;
    transition: color 0.2s;
}

.about-hero__breadcrumbs a:hover {
    color: #00BFFF;
}

.about-hero__breadcrumbs .separator {
    color: rgba(255, 255, 255, 0.2);
}

.about-hero__breadcrumbs .active {
    color: #00BFFF;
    font-weight: 600;
}

.about-hero__eyebrow-text {
    font-size: 15px;
    font-weight: 600;
    color: #00BFFF;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.about-hero__dot-matrix-sm {
    display: inline-flex;
    gap: 4px;
}

.about-hero__dot-matrix-sm i {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #00BFFF;
    opacity: 0.8;
}

.about-hero__title {
    font-size: clamp(32px, 4.5vw, 56px);
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.about-hero__title-highlight {
    background: linear-gradient(90deg, #00BFFF 0%, #38bdf8 50%, #0072CE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.about-hero__subtitle {
    font-size: clamp(16px, 1.3vw, 19px);
    line-height: 1.7;
    max-width: 680px;
    color: #cbd5e1;
}

.about-hero__metrics-grid {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(20px, 3vw, 45px);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 25px;
}

.metric-item {
    flex: 1;
    min-width: 140px;
}

.metric-number {
    font-size: clamp(30px, 3vw, 42px);
    font-weight: 800;
    color: #00BFFF;
    letter-spacing: -0.02em;
    line-height: 1.1;
    margin-bottom: 6px;
    font-family: 'Inter', 'Poppins', sans-serif;
}

.metric-label {
    font-size: 13.5px;
    line-height: 1.45;
    color: #94a3b8;
    max-width: 180px;
}

/* Dot Matrix Box */
.about-hero__dot-matrix-box {
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dot-matrix-grid {
    display: grid;
    grid-template-columns: repeat(6, 12px);
    gap: 16px;
}

.dot-matrix-point {
    width: 6px;
    height: 6px;
    background: radial-gradient(circle, #00BFFF 0%, rgba(0, 191, 255, 0.3) 100%);
    border-radius: 50%;
    opacity: 0.65;
    animation: dotPulse 3s ease-in-out infinite alternate;
}

.dot-matrix-point:nth-child(2n) {
    animation-delay: 0.5s;
    opacity: 0.4;
}

.dot-matrix-point:nth-child(3n) {
    animation-delay: 1s;
    opacity: 0.85;
    background: #0072CE;
}

@keyframes dotPulse {
    0% { transform: scale(0.9); opacity: 0.4; }
    100% { transform: scale(1.3); opacity: 0.95; }
}

.trusted-badge {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: #cbd5e1;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 6px 14px;
    border-radius: 20px;
    transition: all 0.2s ease;
}

.trusted-badge:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(0, 191, 255, 0.4);
    transform: translateY(-2px);
}

/* Clean Values Section (Dotsquares Minimalist Style) */
.about-values-clean-section {
    background: #ffffff;
}

.values-main-title {
    font-size: clamp(28px, 3vw, 40px);
    color: #0f172a;
    letter-spacing: -0.02em;
}

.values-main-subtitle {
    font-size: 15px;
    line-height: 1.6;
}

.values-title-line {
    width: 48px;
    height: 3.5px;
    background: linear-gradient(90deg, #0A3D91 0%, #00BFFF 100%);
    border-radius: 3px;
}

.clean-value-item {
    margin-bottom: 8px;
}

.clean-value-title {
    font-size: 20px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 12px;
    font-family: 'Inter', 'Poppins', sans-serif;
    letter-spacing: -0.01em;
}

.clean-value-text {
    font-size: 14.5px;
    line-height: 1.7;
    color: #475569;
    margin-bottom: 0;
}

/* Join Us Careers Section */
.about-join-section {
    background: #f8fafc;
}

.join-us-title {
    font-size: clamp(28px, 3.2vw, 42px);
    color: #0f172a;
    letter-spacing: -0.02em;
}

.join-us-desc {
    font-size: 16px;
    line-height: 1.7;
    color: #475569;
}

.join-us-btn {
    background: #ff5722;
    color: #ffffff;
    border: none;
    font-size: 13.5px;
    letter-spacing: 0.5px;
    box-shadow: 0 8px 24px rgba(255, 87, 34, 0.35);
    transition: all 0.3s ease;
}

.join-us-btn:hover {
    background: #e64a19;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(255, 87, 34, 0.45);
}

.join-us-visual-overlay {
    position: absolute;
    inset: 0;
    background: rgba(10, 61, 145, 0.25);
    backdrop-filter: blur(1px);
    transition: background 0.3s ease;
}

.join-us-visual-wrap:hover .join-us-visual-overlay {
    background: rgba(10, 61, 145, 0.15);
}

.play-pulse-btn {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: #ffffff;
    color: #0A3D91;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.play-pulse-btn:hover {
    transform: scale(1.12);
    box-shadow: 0 14px 40px rgba(0, 191, 255, 0.5);
    color: #00BFFF;
}

/* About CTA */
.about-cta-card {
    background: linear-gradient(135deg, #071739 0%, #0A3D91 60%, #0072CE 100%);
    box-shadow: 0 20px 50px rgba(10, 61, 145, 0.25);
}

.about-cta__glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    height: 300px;
    background: radial-gradient(circle, rgba(0, 191, 255, 0.25) 0%, transparent 70%);
    filter: blur(60px);
    pointer-events: none;
}

/* ==========================================================================
   Our Values Section (2-Column Feature Cards Grid + Right Visual Composition)
   ========================================================================== */
.our-values-section {
    background: transparent;
    position: relative;
    overflow: hidden;
}

.values-header-title {
    font-size: clamp(2.1rem, 3.5vw, 2.85rem);
    font-weight: 800;
    color: #0f172a;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.values-header-subtitle {
    font-size: 1.05rem;
    line-height: 1.6;
    color: #64748b;
    max-width: 620px;
}

.our-values-section .why-intechno__feature {
    padding: 22px 20px 20px 20px;
    border-radius: 18px;
    background: #ffffff;
    border: 1.5px solid #edf2f7;
    box-shadow: 0 4px 20px rgba(10, 30, 80, 0.04);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    align-items: flex-start;
}

.our-values-section .why-intechno__feature:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 188, 212, 0.14);
    border-color: #bbf2fd;
}

.our-values-section .feature__left {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding-right: 24px;
    width: 100%;
}

.our-values-section .feature__icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 12px;
    background: #e0f7fa;
    color: #00bcd4;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
    transition: all 0.3s ease;
}

.our-values-section .why-intechno__feature:hover .feature__icon {
    background: #00bcd4;
    color: #ffffff;
    transform: scale(1.05);
}

.our-values-section .feature__title {
    font-size: 16.5px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 6px;
    line-height: 1.3;
}

.our-values-section .feature__desc {
    font-size: 13px;
    line-height: 1.55;
    color: #64748b;
    margin-bottom: 0;
}

/* ==========================================================================
   About Us: Intechno High-Impact Dark Hero Section
   ========================================================================== */
.about-intechno-hero {
    background-color: #0c1322;
    background-image: 
        linear-gradient(180deg, rgba(7, 13, 24, 0.86) 0%, rgba(12, 19, 34, 0.92) 100%),
        radial-gradient(circle at 18% 30%, rgba(0, 191, 255, 0.22) 0%, transparent 50%),
        radial-gradient(circle at 82% 60%, rgba(10, 61, 145, 0.3) 0%, transparent 50%),
        url('../img/about-hero-bg.jpg');
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    padding: 135px 0 65px;
    color: #ffffff;
    position: relative;
}

.about-hero__grid-bg {
    position: absolute;
    inset: 0;
    background-size: 44px 44px;
    background-image: 
        linear-gradient(to right, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    pointer-events: none;
}

.about-hero__breadcrumbs ul {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 13px;
    color: #94a3b8;
}

.about-hero__breadcrumbs a {
    color: #cbd5e1;
    text-decoration: none;
    transition: color 0.2s ease;
}

.about-hero__breadcrumbs a:hover {
    color: #00bcd4;
}

.about-hero__breadcrumbs .separator {
    color: #64748b;
}

.about-hero__breadcrumbs .active {
    color: #00bcd4;
    font-weight: 600;
}

.about-hero__eyebrow-wrap {
    margin-bottom: 22px;
}

.about-hero__eyebrow-text {
    font-size: 14.5px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #94a3b8;
}

.about-hero__dot-matrix-sm {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.about-hero__dot-matrix-sm i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #ff6b00;
    display: inline-block;
}

.about-hero__title {
    font-size: clamp(2.85rem, 5.2vw, 4.4rem);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -0.03em;
    color: #ffffff;
    margin-bottom: 24px;
}

.about-hero__title-highlight {
    background: linear-gradient(135deg, #00d2ff 0%, #0072ce 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.about-hero__subtitle {
    font-size: clamp(1.08rem, 1.35vw, 1.25rem);
    line-height: 1.65;
    color: #94a3b8;
    max-width: 680px;
    margin-bottom: 45px;
}

.about-hero__metrics-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 36px 48px;
}

.about-hero__metrics-grid .metric-item {
    flex: 1 1 180px;
    min-width: 150px;
}

.about-hero__metrics-grid .metric-number {
    font-size: clamp(2.5rem, 3.8vw, 3.25rem);
    font-weight: 800;
    color: #00bcd4;
    line-height: 1;
    margin-bottom: 10px;
    letter-spacing: -0.02em;
}

.about-hero__metrics-grid .metric-label {
    font-size: 13.5px;
    line-height: 1.45;
    color: #94a3b8;
}

/* Right Dot Matrix Grid (Intechno Ambient Grid) */
.about-hero__dot-matrix-box {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.dot-matrix-grid {
    display: grid;
    grid-template-columns: repeat(8, 14px);
    grid-template-rows: repeat(6, 14px);
    gap: 22px;
}

.dot-matrix-point {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00bcd4;
    opacity: 0.6;
    transition: all 0.3s ease;
}

.dot-matrix-point:nth-child(3n) {
    background: #ff6b00;
    opacity: 0.85;
}

.dot-matrix-point:nth-child(5n) {
    opacity: 0.3;
}

/* Trusted By Divider & Logos */
.about-hero__trusted-divider {
    position: relative;
    text-align: center;
    margin-top: 55px;
    margin-bottom: 28px;
}

.about-hero__trusted-divider::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(255, 255, 255, 0.12);
}

.about-hero__trusted-title {
    position: relative;
    display: inline-block;
    background: #0c1322;
    padding: 0 20px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #64748b;
    font-weight: 600;
}

/* Trusted By Infinite Marquee Ticker */
.about-hero__trusted-ticker-wrap {
    position: relative;
    width: 100%;
    overflow: hidden !important;
    padding: 12px 0 6px;
    mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
}

.about-hero__trusted-track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    animation: aboutTickerScroll 24s linear infinite !important;
    will-change: transform;
}

.about-hero__trusted-group {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 40px;
    padding-right: 40px;
    flex-shrink: 0 !important;
}

.about-hero__trusted-logo-item {
    font-size: 20px;
    font-weight: 500;
    color: #e2e8f0;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    transition: all 0.3s ease;
    padding: 4px 8px;
    cursor: default;
    opacity: 0.85;
}

.about-hero__trusted-logo-item i {
    font-size: 20px;
    color: #ffffff;
    opacity: 0.9;
    transition: all 0.3s ease;
}

.about-hero__trusted-logo-item span {
    font-size: 14px;
    letter-spacing: 0.2px;
}

.about-hero__trusted-logo-item:hover {
    color: #ffffff;
    opacity: 1;
    transform: translateY(-2px);
}

.about-hero__trusted-logo-item:hover i {
    color: #00bcd4;
    opacity: 1;
}

.about-hero__trusted-ticker-wrap:hover .about-hero__trusted-track {
    animation-play-state: paused;
}

@keyframes aboutTickerScroll {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-50%, 0, 0);
    }
}

/* ==========================================================================
   About Us: Intechno Brand Theme Dark "Our Values" 2-Column Section
   ========================================================================== */
.intechno-values-dark-section {
    background-color: #0c1322;
    background-image: 
        radial-gradient(circle at 12% 25%, rgba(0, 191, 255, 0.12) 0%, transparent 45%),
        radial-gradient(circle at 88% 75%, rgba(10, 61, 145, 0.22) 0%, transparent 45%);
    padding: 100px 0 110px;
    color: #ffffff;
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.values-eyebrow-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 14px;
    border-radius: 999px;
    background: rgba(0, 191, 255, 0.1);
    border: 1px solid rgba(0, 191, 255, 0.25);
    color: #00bcd4;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.values-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #00d2ff;
    box-shadow: 0 0 8px rgba(0, 210, 255, 0.8);
}

.intechno-values-main-title {
    font-size: clamp(2.5rem, 4.2vw, 3.4rem);
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.02em;
    margin-bottom: 0;
}

.text-theme-highlight {
    background: linear-gradient(135deg, #00d2ff 0%, #0072ce 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.intechno-value-item {
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-top: 2px solid rgba(0, 188, 212, 0.55);
    border-radius: 18px;
    padding: 30px 28px 26px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    height: 100%;
    position: relative;
    overflow: hidden;
}

.intechno-value-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(180deg, rgba(0, 188, 212, 0.06) 0%, transparent 100%);
    pointer-events: none;
    opacity: 0.7;
}

.value-item__header {
    gap: 16px;
}

.value-item__icon-circle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(0, 188, 212, 0.08);
    border: 1px solid rgba(0, 188, 212, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00bcd4;
    font-size: 19px;
    flex-shrink: 0;
}

.value-item__title {
    font-size: 1.35rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 0;
    letter-spacing: -0.01em;
}

.value-item__desc {
    font-size: 15px;
    line-height: 1.7;
    color: #94a3b8;
    margin-top: 14px;
    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .intechno-values-dark-section {
        padding: 70px 0 80px;
    }
    .intechno-value-item {
        padding: 24px 20px 20px;
    }
    .value-item__title {
        font-size: 1.2rem;
    }
    .value-item__desc {
        font-size: 14px;
    }
}

/* ==========================================================================
   About Us: High-Impact Digital Transformation CTA Card
   ========================================================================== */
.about-cta-section {
    padding: 60px 0 90px;
    background: #f8fafc;
    position: relative;
}

.about-cta-card {
    background: linear-gradient(135deg, #070d18 0%, #0c1322 50%, #0a2550 100%) !important;
    border: 1px solid rgba(0, 191, 255, 0.25) !important;
    border-radius: 28px !important;
    padding: 55px 35px !important;
    color: #ffffff !important;
    box-shadow: 0 25px 50px -12px rgba(10, 61, 145, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
    position: relative;
    overflow: hidden;
}

.about-cta__glow {
    position: absolute;
    inset: 0;
    background: 
        radial-gradient(circle at 20% 20%, rgba(0, 191, 255, 0.25) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(10, 61, 145, 0.35) 0%, transparent 55%);
    pointer-events: none;
}

.about-cta__grid-pattern {
    position: absolute;
    inset: 0;
    background-size: 32px 32px;
    background-image: 
        linear-gradient(to right, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    pointer-events: none;
}

.about-cta__eyebrow {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #00bcd4 !important;
    padding: 6px 16px;
    border-radius: 999px;
    background: rgba(0, 191, 255, 0.1);
    border: 1px solid rgba(0, 191, 255, 0.25);
}

.cta-pulse-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #00d2ff;
    box-shadow: 0 0 8px rgba(0, 210, 255, 0.9);
}

.about-cta__title {
    font-size: clamp(2rem, 3.5vw, 2.85rem) !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}

.about-cta__desc {
    font-size: clamp(1rem, 1.2vw, 1.15rem) !important;
    line-height: 1.65 !important;
    color: #cbd5e1 !important;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
}

.about-cta__btn-primary {
    background: linear-gradient(135deg, #00d2ff 0%, #0072ce 100%) !important;
    color: #ffffff !important;
    padding: 15px 34px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-radius: 999px !important;
    border: none !important;
    box-shadow: 0 10px 25px rgba(0, 191, 255, 0.35) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.about-cta__btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(0, 191, 255, 0.5) !important;
    color: #ffffff !important;
}

.about-cta__btn-whatsapp {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    padding: 14px 30px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    backdrop-filter: blur(8px);
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.about-cta__btn-whatsapp i {
    color: #25d366 !important;
    font-size: 18px;
}

.about-cta__btn-whatsapp:hover {
    background: rgba(37, 211, 102, 0.15) !important;
    border-color: #25d366 !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}

/* ===== merged from css/responsive.css ===== */
/* Bizcom - HTML Template */

@media only screen and (max-width: 1800px) {
	.main-slider2 .slider-wrapper .image img {
		width: auto;
	}
}



@media only screen and (max-width: 530px) {
	.single-post .comments-area .comment-box.reply-comment {
    	margin-left: 0px;
	}
}

@media only screen and (max-width: 438px) {
	.funfact-section .sec-title h1 span{
		background: none;
	}
	.we-serve-box-section .sec-title h1 span{
		background: none;
	}
	.single-post .comments-area .comment{
		padding: 0px 0px 40px 95px;
	}
}



@media only screen and (max-width: 1199px) {
	.page-wrapper {
		margin-bottom: 0px !important;
	}

}

@media only screen and (max-width: 991px) {
	.request-heading h2 {
		font-size: 40px;
		margin-bottom: 24px;
		line-height: 50px;
	}
	.service-block-one-area {
		padding-left: 0px;
	}
	.testimonial-block-two .text {
		padding: 0 75px;
	}

	.stacked-image-carousel {
		margin-left: 0px;
	}

	.header-contect-info ul li.lc{
		margin-right: 25px;
		padding-left: 50px;
	}

	.mt-991{
		margin-top: 50px;
	}


	.our-testimonial-box-area .sec-title{
		margin-bottom: 10px;
	}


	
	.project-section{
		padding-bottom: 60px;
	}
	


	.our-team{
		padding-bottom: 25px;
	}


	


	.main-header .header-upper{
		/* background-color: #080c14; */
		background-color: #ffffff;
	}

	.main-header .search-box-btn {
	    line-height: 28px;
	    padding: 6px 11px 5px;
	}

}

@media only screen and (max-width:990px){
   .project-block-one .inner-box{ 
   	margin-bottom: 30px; 
   }
   .single-we-serve-wrap h3 {
	font-size: 20px;

}
.our-process-box {
    margin-top: -130px;
}
.service-box-section {
    padding: 80px 0 150px;
}
.social-icon-three li a {
    height: 39px;
    width: 39px;
    padding: 2px 0;
    line-height: 39px;
    font-size: 15px;
}
.footer-text-heading h3 {
    font-size: 25px;
}
.footer-text-heading h4 {
    font-size: 18px;
}
.header-top .links-nav li {
	font-size: 14px;
}
.header-upper.dark .main-menu .navigation > li > a {
    color: #0f172a;
}
.sec-title h1
{
	font-size: 28px;
}
.sec-title h1 span{
	color: #fff;
	background: #00b6de;
	font-size: 30px;
	
}
.news-title a {
    font-size: 18px;
}
.single-footer-box .icon-holder {
		
	height: 50px;
}
.footer-last-link ul li {
	font-size: 15px;
	line-height: 25px;
	padding-left: 14px;
	position: relative;
	margin-left: 15px;
}
.single-we-serve-wrap
{
	padding: 35px 30px 75px 30px;
}
.service-block .inner-box
{
	padding: 50px 19px 80px;
}
.meet-team-card-block .inner-box .lower-content h3 {
	font-size: 18px;
}
.hire-us-box-wrap {
height: 250px;
  }
}

@media only screen and (max-width: 767px) {
	.professional-heading h2 {
		font-size: 40px;
		line-height: 50px;
	}
	.service-heading-text h1 {
		font-size: 25px;
	}
	.theme-desc h2 {
		font-size: 24px;
		line-height: 30px;
	}
	.meet-team-card-block .inner-box .lower-content h3 {
		font-size: 16px;
	}
	.meet-team-card-block .inner-box .lower-content
	{
		padding: 20px 15px 0px 80px;
	}
	.member-heading {
		font-size: 15px;
		font-weight: 600;
		color: #082d71;
	}
	.member-info p {
		margin: 8px 0;
		font-size: 15px;
		
	}
	.single-footer-box .icon-holder {
		
		height: 100px;
	}
	.sec-title .big-title {
		font-size: 42px;
	}
	    .main-timeline{ 
    	padding-left: 20px; 
    }
    .main-timeline:before{ 
    	left: 20px; 
    }
    .main-timeline .timeline{ 
    	width: 100%; 
    }
    .main-timeline .timeline,
    .main-timeline .timeline-content{
        float: right;
        text-align: left;
    }
    .main-timeline .timeline:first-child:before,
    .main-timeline .timeline:last-child:nth-child(odd):before{
        right: auto;
        left: -11px;
    }
    .main-timeline .timeline-icon{
        right: 0;
        left: -12px;
    }
    .main-timeline .timeline-content:before{ 
    	left: -7.3px; 
    }
    .main-timeline .timeline-content:after{ 
    	left: -14%; 
    }

    .rs-breatcome_title_box h1{
    	font-size: 32px;
    }
    .experience-box .experience-no{
    	display: none;
    }
	.about-box-style .about-no{
    	display: none;
    }
    

    .main-footer .services-widget {
    	padding-left: 0px;
	}

	.main-footer .footer-widget {
    	margin-top: 30px;
    	margin-bottom: 0px;
    	padding-top: 0px;
	}


	.main-footer .widgets-section {
    	padding: 60px 0px 80px;
	}

	.more-about-box .sec-title {
    	margin-bottom: 35px;
	}
	
	.header-contect-info ul{
		text-align: center;
	}
	.header-contect-info ul li{
		float:none;
		
	}

	.request-heading h2 {
		font-size: 28px;
		margin-bottom: 20px;
		line-height: 40px;
	}
}


@media only screen and (max-width: 599px) {
	.main-slider2 h1 {
		font-size: 48px;
		line-height: 50px;
	}
	.testimonial-block-two .text {
		padding: 0px;
	}
	.testimonial-two .owl-nav {
		display: none;
	}
	.stacked-image-carousel .slide.active, 
	.stacked-image-carousel .slides .slide:nth-child(3),
	.stacked-image-carousel .slides .slide:nth-child(3).active {
		top: 0px !important;
		left: 0px !important;
	}
	.timeline-container .timeline-block .inner-box {
	    padding-left: 130px;
	}
	.timeline-container .timeline-block:before {
	    left: 100px;
	}
	.timeline-container .timeline-block:after {
	    left: 92px;
	}
	.news-block-one .lower-content.style-two {
		margin: 0px;
	}

	.error-page-section .content-box h1{
		font-size: 120px;
	}
}

@media only screen and (max-width: 491px){
	.pricing-section .sec-title h1 span{
		color: #222;
    	background: transparent;
	}
	.pricing-section{
		padding-top: 60px;
	}
	.padd-2-450{
		padding-top: 90px;
	}
}
@media only screen and (max-width: 450px) {
	.sec-title h1 span{
		color: #fff;
		background: #00b6de;
		font-size: 23px;
		
	}
	.link-btn {
		text-align: center;
	}

	.sec-title.light h1 span{
		color: #fff;
    	background: #00b6de;
	}
	.more-about-box{
		padding-top: 60px;
	}
	

	.contect-form-section{
		padding-top: 60px;
	}

	.contect-form-section .sec-title{
		margin-bottom: 35px;
	}

	.funfact-section{
		padding-top: 60px;
	}
	.we-serve-box-section{
		padding-top: 60px;
	}
	.project-section{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.testimonial{
		padding-top: 60px;
	}

	

	.our-team{
		padding-top: 60px;
		padding-bottom: 25px;
	}
	.our-team-2{
		padding-top: 60px;
	}
	.blog-section{
		padding-top: 60px;
	}

	.our-experience{
		padding-top: 60px;
	}
	.more-about-box-2{
		padding-top: 60px;
	}
	.history{
		padding-top: 60px;
	}
	.padd-450{
		padding-top: 90px;
	}

	.more-about-box .sec-title {
    	margin-bottom: 10px;
	}


}

@media (min-width: 992px) {
    .mobile-nav-drawer,
    .mobile-nav-overlay,
    .mobile-nav-toggle-btn {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

/* ===== merged from fonts/flaticon.css ===== */
	/*
  	Flaticon icon font: Flaticon
  	Creation date: 02/01/2019 14:18
  	*/

@font-face {
  font-family: "Flaticon";
  src: url("../fonts/Flaticon.eot");
  src: url("../fonts/Flaticond41d.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Flaticon.woff") format("woff"),
       url("../fonts/Flaticon.ttf") format("truetype"),
       url("../fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
        font-size: 20px;
font-style: normal;
margin-left: 20px;
}

.flaticon-medal:before { content: "\f100"; }
.flaticon-rocket-hitting-target:before { content: "\f101"; }
.flaticon-flag:before { content: "\f102"; }
.flaticon-settings-work-tool:before { content: "\f103"; }
.flaticon-seo-performance-marketing-graphic:before { content: "\f104"; }
.flaticon-money:before { content: "\f105"; }
.flaticon-savings:before { content: "\f106"; }
.flaticon-loan:before { content: "\f107"; }
.flaticon-money-bag-with-dollar-symbol:before { content: "\f108"; }
.flaticon-project-management:before { content: "\f109"; }
.flaticon-specialist-user:before { content: "\f10a"; }
.flaticon-trophy:before { content: "\f10b"; }
.flaticon-money-1:before { content: "\f10c"; }
.flaticon-data-management-interface-symbol-with-gears-and-binary-code-numbers:before { content: "\f10d"; }
.flaticon-sell:before { content: "\f10e"; }
.flaticon-map:before { content: "\f10f"; }
.flaticon-smartphone-with-internet:before { content: "\f110"; }
.flaticon-support:before { content: "\f111"; }
.flaticon-arrow-down-sign-to-navigate:before { content: "\f112"; }
.flaticon-acrobat:before { content: "\f113"; }
.flaticon-music-player-play:before { content: "\f114"; }
.flaticon-play-button:before { content: "\f115"; }
.flaticon-play-button-1:before { content: "\f116"; }


/* ===== merged from css/font-awesome.css ===== */
/*!
 *  Font Awesome 4.6.1 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont914c.eot?v=4.6.1');
  src: url('../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.6.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont914c.woff2?v=4.6.1') format('woff2'), url('../fonts/fontawesome-webfont914c.woff?v=4.6.1') format('woff'), url('../fonts/fontawesome-webfont914c.ttf?v=4.6.1') format('truetype'), url('../fonts/fontawesome-webfont914c.svg?v=4.6.1#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.glyphicon.glyphicon-chevron-up:before {
  content: "\f106";
}
.glyphicon.glyphicon-chevron-down:before {
  content: "\f107";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/* ===== merged from css/hero-modern.css ===== */
/* ============================================================
   INTECHNO HERO — Complete Fix & Enhancement
   Root causes fixed:
   1. overflow:hidden was clipping heading before JS fired
   2. Static padding now handles header offset reliably
   3. Hero bottom padding creates intentional card overlap zone
   4. Cards wrapper margin adjusted to intentional overlap
   5. Brush-stroke SVG divider added below cards
   Colors: #082d71 (Navy) | #0A3D91 | #00b6de (Cyan) | #28B9E0
   ============================================================ */

/* ============================================================
   CSS VARIABLES
   ============================================================ */
:root {
    --hero-navy: #082d71;
    --hero-navy-mid: #0A3D91;
    --hero-cyan: #00b6de;
    --hero-cyan-2: #28B9E0;
    --hero-header-h: 130px;
    /* fallback — JS will override */
}

/* ---- Scoped reset ---- */
.itechno-hero *,
.itechno-hero *::before,
.itechno-hero *::after {
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;
}

/* ============================================================
   SHARP 3D GRID — sits behind all hero content
   ============================================================ */
:root {
  --hero-grid-size: 60px;
}
@media (max-width: 1024px) { :root { --hero-grid-size: 50px; } }
@media (max-width: 600px) { :root { --hero-grid-size: 40px; } }

.hero-grid-base {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-size: var(--hero-grid-size) var(--hero-grid-size);
    /* Sharp 1px lines using linear-gradient, no blur */
    background-image:
        linear-gradient(to right, rgba(40,185,224,0.1) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(40,185,224,0.1) 1px, transparent 1px);
}

.hero-grid-interaction {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    overflow: hidden;
}

.grid-hover-cell {
    position: absolute;
    width: var(--hero-grid-size);
    height: var(--hero-grid-size);
    top: 0; left: 0;
    pointer-events: none;
    transition: transform 0.15s ease-out, opacity 0.2s ease-out;
    will-change: transform, opacity;
    opacity: 0;
    box-sizing: border-box;
}

/* Base state for all cells - no 3D */
.grid-hover-cell {
    transform: translate3d(var(--x, 0px), var(--y, 0px), 0);
}

/* Active center cell - Sharp cyan border + 3D pop */
.grid-hover-cell.active {
    border-left: 1px solid rgba(40,185,224,0.75);
    border-bottom: 1px solid rgba(40,185,224,0.75);
    background: rgba(40,185,224,0.02);
    
    transform: translate3d(var(--x, 0px), var(--y, 0px), 0) perspective(1000px) translateZ(10px) translateY(-2px);
    
    /* Crisp inner highlight on left/bottom edge, no blurry blobs */
    box-shadow:
        inset 0 -3px 8px rgba(40,185,224,0.25),
        inset 3px 0 8px rgba(40,185,224,0.2),
        4px 6px 12px rgba(0,0,0,0.15); /* Controlled 3D drop shadow */
    opacity: 1;
}

/* Orthogonal neighbors */
.grid-hover-cell.neighbor-1 {
    border-left: 1px solid rgba(40,185,224,0.20);
    border-bottom: 1px solid rgba(40,185,224,0.20);
    opacity: 1;
}

/* Diagonal neighbors */
.grid-hover-cell.neighbor-2 {
    border-left: 1px solid rgba(40,185,224,0.06);
    border-bottom: 1px solid rgba(40,185,224,0.06);
    opacity: 1;
}

/* Hide interaction on mobile entirely */
@media (pointer: coarse) {
    .hero-grid-interaction { display: none !important; }
}

/* ============================================================
   1. HERO WRAPPER
   ROOT FIX: removed overflow:hidden (was clipping heading)
             removed min-height:100vh (caused excessive height)
             padding-top uses CSS variable set by JS, with a
             safe static fallback of 160px so heading is never
             clipped even before JS fires.
   ============================================================ */
.itechno-hero {
    background: var(--hero-navy);
    /* Header is position:relative — hero sits naturally below it.
       No need for large padding-top to compensate for fixed header. */
    padding: 60px 0 100px;
    overflow: visible;
    position: relative;
    min-height: 0;
    display: flex;
    align-items: center;
}

/* Decorative blobs — use pseudo on a child so overflow:visible
   on parent doesn't cause horizontal scroll                  */
.itechno-hero::before {
    content: '';
    position: absolute;
    top: -100px;
    right: -150px;
    width: 550px;   
    height: 550px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 182, 222, 0.09) 0%, transparent 70%);
    pointer-events: none;
    /* Clamp so it doesn't cause horizontal overflow on small screens */
    max-width: 80vw;
    max-height: 80vw;
}

.itechno-hero::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -80px;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 182, 222, 0.06) 0%, transparent 70%);
    pointer-events: none;
    max-width: 70vw;
    max-height: 70vw;
}

/* ============================================================
   2. INNER CONTAINER
   ============================================================ */
.hero-container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 60px;
    position: relative;
    z-index: 2;
    /* always above the grid canvas at z-index:0 */
}

@media (max-width: 1199px) {
    .hero-container {
        max-width: 960px;
    }
}

@media (max-width: 991px) {
    .hero-container {
        max-width: 720px;
    }
}

@media (max-width: 767px) {
    .hero-container {
        max-width: 540px;
    }
}

/* ============================================================
   3. LEFT — Text column
   ============================================================ */
.hero-text-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    animation: hero-fade-up 0.7s ease both;
}

/* Label */
.hero-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--hero-cyan);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.hero-label::before {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background: var(--hero-cyan);
    flex-shrink: 0;
}

/* ============================================================
   HEADING — ROOT FIX #2
   clamp() ensures font scales without overflow.
   line-height 1.12 prevents lines from colliding.
   letter-spacing eased from -2px to -1px to prevent
   rendering truncation on some browsers.
   ============================================================ */
.hero-heading-dark {
    font-size: clamp(32px, 4vw, 60px);
    font-weight: 900;
    line-height: 1.12;
    color: #ffffff;
    letter-spacing: -1px;
    /* Ensure multi-line heading is never single-line forced */
    word-break: break-word;
    overflow-wrap: break-word;
    /* Never clip vertically */
    overflow: visible;
}

.hero-heading-dark .accent {
    color: var(--hero-cyan);
}

/* Typewriter line */
.hero-tw-wrap {
    display: block;
}

#hero-tw {
    border-right: 3px solid var(--hero-cyan);
    padding-right: 3px;
    animation: tw-blink 0.75s step-end infinite;
}

/* Description */
.hero-para {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.80;
    max-width: 460px;
    margin: 0;
}

/* CTA row */
.hero-btn-group {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.hbtn-primary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--hero-cyan);
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    padding: 15px 28px;
    border-radius: 6px;
    text-decoration: none !important;
    transition: all 0.3s ease;
    box-shadow: 0 8px 28px rgba(0, 182, 222, 0.40);
    white-space: nowrap;
}

.hbtn-primary:hover {
    background: #0097dc;
    transform: translateY(-3px);
    box-shadow: 0 16px 40px rgba(0, 182, 222, 0.50);
    color: #ffffff !important;
    text-decoration: none !important;
}

.hbtn-secondary {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: transparent;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    padding: 14px 24px;
    border-radius: 6px;
    border: 2px solid rgba(255, 255, 255, 0.30);
    text-decoration: none !important;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.hbtn-play-icon {
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #fff;
    transition: background 0.3s;
    flex-shrink: 0;
}

.hbtn-secondary:hover {
    border-color: var(--hero-cyan);
    background: rgba(0, 182, 222, 0.10);
    color: #ffffff !important;
    transform: translateY(-3px);
    text-decoration: none !important;
}

.hbtn-secondary:hover .hbtn-play-icon {
    background: var(--hero-cyan);
}

/* Stats */
.hero-stats-row {
    display: flex;
    gap: 0;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    margin-top: 4px;
}

.hero-stat {
    flex: 1;
    padding: 0 16px;
    border-right: 1px solid rgba(255, 255, 255, 0.12);
}

.hero-stat:first-child {
    padding-left: 0;
}

.hero-stat:last-child {
    border-right: none;
}

.hero-stat-num {
    font-size: 28px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1;
    letter-spacing: -1px;
}

.hero-stat-num sup {
    font-size: 15px;
    color: var(--hero-cyan);
    font-weight: 700;
}

.hero-stat-lbl {
    font-size: 11px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.48);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 4px;
}

/* ============================================================
   4. RIGHT — Circular image
   ============================================================ */
.hero-image-col {
    flex-shrink: 0;
    width: 420px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    animation: hero-fade-right 0.8s 0.15s ease both;
}

.hero-img-ring {
    position: relative;
    width: 400px;
    height: 400px;
}

/* Rotating arc ring */
.hero-img-ring::before {
    content: '';
    position: absolute;
    inset: -12px;
    border-radius: 50%;
    border: 3px solid transparent;
    background: conic-gradient(var(--hero-cyan) 0deg 120deg,
            transparent 120deg 240deg,
            var(--hero-cyan) 240deg 360deg) border-box;
    -webkit-mask:
        linear-gradient(#fff 0 0) padding-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    animation: ring-spin 10s linear infinite;
}

/* Dashed outer ring */
.hero-img-ring::after {
    content: '';
    position: absolute;
    inset: -6px;
    border-radius: 50%;
    border: 1px dashed rgba(0, 182, 222, 0.28);
    animation: ring-spin 22s linear infinite reverse;
}

.hero-circle-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center top;
    display: block;
    border: 5px solid rgba(255, 255, 255, 0.08);
    box-shadow:
        0 0 0 1px rgba(0, 182, 222, 0.20),
        0 30px 80px rgba(0, 0, 0, 0.45);
}

/* Floating badges */
.hero-badge-float {
    position: absolute;
    background: var(--hero-cyan);
    color: #ffffff;
    border-radius: 100px;
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 8px 28px rgba(0, 182, 222, 0.45);
    white-space: nowrap;
    z-index: 5;
    font-family: 'Inter', sans-serif;
}

.hero-badge-float.bf-top {
    top: 20px;
    left: -16px;
    animation: badge-float-a 4s ease-in-out infinite;
}

.hero-badge-float.bf-bottom {
    bottom: 40px;
    right: -16px;
    background: #013768;
    box-shadow: 0 8px 28px rgba(1, 55, 104, 0.50);
    animation: badge-float-b 5s ease-in-out infinite;
}

.badge-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    opacity: 0.85;
    animation: dot-pulse 1.5s ease-in-out infinite;
}

/* ============================================================
   5. FEATURE CARDS — intentional overlap fix
   ROOT FIX #3: Changed margin-top from -100px to -60px
   so cards intentionally peek over hero boundary without
   covering the heading or CTA buttons. z-index kept at 9.
   ============================================================ */
.feature-box-card1 {
    position: relative;
    z-index: 5;
    /* Brush stroke section handles the visual boundary */
    padding-bottom: 0;
}

.feature-box-card1 .wrapper-box {
    margin-top: -60px !important;
    /* was -100px — too aggressive */
    position: relative;
    z-index: 9;
    background: transparent;
}

.feature-box-card1 .outer-box {
    overflow: visible;
}

/* Premium card refinements */
.feature-box-wrap {
    position: relative;
    padding: 0 12px;
    margin-bottom: 0;
}

.feature-box-wrap .inner-box {
    position: relative;
    padding: 28px 20px 32px;
    text-align: center;
    background: #ffffff;
    border-radius: 20px;
    box-shadow:
        0 4px 6px rgba(8, 45, 113, 0.04),
        0 20px 40px rgba(8, 45, 113, 0.10);
    min-height: 460px;
    border: 1px solid rgba(8, 45, 113, 0.06);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    overflow: visible;
}

.feature-box-wrap .inner-box:hover {
    transform: translateY(-8px);
    box-shadow:
        0 8px 12px rgba(8, 45, 113, 0.06),
        0 30px 60px rgba(8, 45, 113, 0.16);
}

/* ============================================================
   6. BRUSH STROKE SVG DIVIDER
   Positioned BELOW the cards section.
   Uses an inline SVG path that looks like a wide paint stroke.
   Two-tone: navy + lighter blue for depth.
   ============================================================ */
.brush-stroke-divider {
    position: relative;
    margin-top: -2px;
    /* seal any gap from cards section */
    line-height: 0;
    overflow: hidden;
    /* Let the SVG define the height */
}

.brush-stroke-divider svg {
    display: block;
    width: 100%;
    /* Height scales with viewport for a natural stroke feel */
    height: clamp(60px, 8vw, 110px);
}

/* The section after brush stroke */
.after-brush-section {
    background: #ffffff;
    padding-top: 80px;
}

/* ============================================================
   7. ANIMATIONS
   ============================================================ */
@keyframes hero-fade-up {
    from {
        opacity: 0;
        transform: translateY(28px);
    }

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

@keyframes hero-fade-right {
    from {
        opacity: 0;
        transform: translateX(36px);
    }

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

@keyframes ring-spin {
    from {
        transform: rotate(0deg);
    }

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

@keyframes badge-float-a {

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

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

@keyframes badge-float-b {

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

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

@keyframes dot-pulse {

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

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

@keyframes tw-blink {

    from,
    to {
        border-color: transparent;
    }

    50% {
        border-color: var(--hero-cyan);
    }
}

/* ============================================================
   8. RESPONSIVE — Tablet 768–1024px
   ============================================================ */
@media (max-width: 1024px) {
    .hero-image-col {
        width: 360px;
    }

    .hero-img-ring {
        width: 340px;
        height: 340px;
    }

    .hero-container {
        gap: 40px;
    }
}

/* ============================================================
   9. RESPONSIVE — Tablet column-flip 768px
   ============================================================ */
@media (max-width: 900px) {
    .hero-container {
        flex-direction: column;
        text-align: center;
        gap: 40px;
        padding: 0 24px;
    }

    .hero-text-col {
        align-items: center;
    }

    .hero-para {
        max-width: 100%;
    }

    .hero-btn-group {
        justify-content: center;
    }

    .hero-stats-row {
        justify-content: center;
    }

    .hero-label {
        margin: 0 auto;
    }

    .hero-image-col {
        width: 300px;
    }

    .hero-img-ring {
        width: 300px;
        height: 300px;
    }

    .hero-badge-float.bf-top {
        left: -8px;
    }

    .hero-badge-float.bf-bottom {
        right: -8px;
    }

    /* Cards go back to normal flow on tablet */
    .feature-box-card1 .wrapper-box {
        margin-top: 0 !important;
    }
}

/* ============================================================
   10. RESPONSIVE — Mobile 320–600px
        CRITICAL: heading must be fully visible
   ============================================================ */
@media (max-width: 600px) {
    .itechno-hero {
        padding: 40px 0 60px;
        overflow-x: hidden;
    }

    .hero-container {
        padding: 0 18px;
        gap: 32px;
    }

    /* Heading: clamp prevents single-line force or overflow */
    .hero-heading-dark {
        font-size: clamp(28px, 8vw, 40px);
        letter-spacing: -0.5px;
        line-height: 1.15;
    }

    .hero-para {
        font-size: 15px;
    }

    .hero-image-col {
        width: 260px;
    }

    .hero-img-ring {
        width: 260px;
        height: 260px;
    }

    .hero-stats-row {
        flex-direction: column;
        gap: 14px;
        align-items: flex-start;
    }

    .hero-stat {
        border: none;
        padding: 0;
    }

    /* Center stats when column layout */
    .hero-text-col .hero-stats-row {
        align-items: center;
    }

    .hero-btn-group {
        flex-direction: column;
        width: 100%;
        gap: 12px;
    }

    .hbtn-primary,
    .hbtn-secondary {
        width: 100%;
        justify-content: center;
    }

    .hero-badge-float {
        display: none;
    }

    /* Brush stroke scales down cleanly */
    .brush-stroke-divider svg {
        height: clamp(40px, 10vw, 70px);
    }

    /* Cards single column */
    .feature-box-card1 .wrapper-box {
        margin-top: 0 !important;
    }

    .feature-box-wrap {
        margin-bottom: 20px;
    }

    .feature-box-wrap .inner-box {
        min-height: auto;
    }
}

/* ============================================================
   11. EXTRA SMALL — 320px
   ============================================================ */
@media (max-width: 380px) {
    .itechno-hero {
        padding: 30px 0 50px;
    }

    .hero-heading-dark {
        font-size: clamp(26px, 9vw, 34px);
    }

    .hero-container {
        padding: 0 14px;
    }

    .hero-image-col {
        width: 220px;
    }

    .hero-img-ring {
        width: 220px;
        height: 220px;
    }
}

/* ===== merged from css/testimonial-3d.css ===== */
/* ==========================================================================
   Modern 3D Fan Testimonial Section - Theme Integrated
   ========================================================================== */

.intechno-testimonial-section {
  position: relative;
  overflow: hidden;
  min-height: 740px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  user-select: none;
  padding: var(--section-padding, var(--section-padding-y, 80px) 0 60px);
  color: #333333;
  z-index: 10;
}

/* Brand badge top right */
.intechno-testimonial-section .t-brand-badge {
  position: absolute;
  top: 35px;
  right: 40px;
  z-index: 6;
  /* font-family: 'Poppins', sans-serif; */
  font-weight: 800;
  font-size: 12px;
  letter-spacing: 3px;
  color: rgba(0, 0, 0, 0.4);
  padding: 6px 14px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  pointer-events: none;
}

/* Left side layout decorative bar */
.intechno-testimonial-section .layout {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.intechno-testimonial-section .layout:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 70px;
  width: 1px;
  height: 100%;

}

.intechno-testimonial-section .layout .box {
  position: absolute;
  bottom: 80px;
  left: 20px;
  color: #555555;
  transform-origin: 0% 100%;
  transform: rotate(-90deg);
  font-size: 10px;
  letter-spacing: 2px;
  line-height: 1.5;
  text-transform: uppercase;
  opacity: 0.6;
  white-space: nowrap;
  /* font-family: 'Poppins', sans-serif; */
}

/* Carousel Container */
.intechno-testimonial-section .carousel {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 540px;
  overflow: visible;
  pointer-events: none;
  margin: 60px 0 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Carousel Item (3D Fan Curved) */
.intechno-testimonial-section .carousel-item {
  display: block !important;
  width: clamp(260px, 24vw, 320px);
  height: clamp(370px, 34vw, 440px);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: clamp(-220px, -17vw, -180px);
  margin-left: clamp(-160px, -12vw, -130px);
  border-radius: 18px;
  border: 1px solid rgba(40, 185, 224, 0.35);
  user-select: none;
  transform-origin: 0% 100%;
  box-shadow: 0 16px 40px 0 rgba(0, 0, 0, 0.08), 0 0 15px rgba(40, 185, 224, 0.15);
  background: #ffffff;
  pointer-events: all;
  transition: transform .8s cubic-bezier(0, 0.02, 0, 1), opacity .8s ease, border-color .3s ease, box-shadow .3s ease;
  cursor: grab;
  overflow: hidden;
}

.intechno-testimonial-section .carousel-item:active {
  cursor: grabbing;
}

.intechno-testimonial-section .carousel-item:hover {
  border-color: var(--theme-accent);
  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.12), 0 0 25px rgba(40, 185, 224, 0.25);
}

/* Carousel Box */
.intechno-testimonial-section .carousel-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #ffffff;
}

.intechno-testimonial-section .carousel-box:before {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.5) 62%, #ffffff 78%, #ffffff 100%);
  pointer-events: none; 
}

.intechno-testimonial-section .carousel-box img.card-bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 75%;
  object-fit: cover;
  object-position: top center;
  pointer-events: none;
  display: block;
  z-index: 1;
  opacity: 1;
  filter: contrast(1.04) brightness(1.02);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.intechno-testimonial-section .carousel-item:hover img.card-bg-img {
  transform: scale(1.04);
}

/* Card Number */
.intechno-testimonial-section .num {
  position: absolute;
  z-index: 3;
  color: #111111;
  top: 16px;
  left: 20px;
  font-size: clamp(26px, 5vw, 42px);
  line-height: 1;
  text-shadow: 0 4px 14px rgba(255, 255, 255, 0.9);
}

/* Card Quote Icon */
.intechno-testimonial-section .t-card-quote-icon {
  position: absolute;
  z-index: 3;
  top: 14px;
  right: 16px;
  color: rgba(255, 255, 255, 0.9);
  background: rgba(14, 29, 66, 0.45);
  backdrop-filter: blur(8px);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Card Bottom Content */
.intechno-testimonial-section .t-card-content {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px 20px 20px;
  background: linear-gradient(to top, #ffffff 0%, #ffffff 85%, rgba(255, 255, 255, 0) 100%);
  text-align: left;
}

.intechno-testimonial-section .t-stars {
  color: #f59e0b;
  font-size: 13px;
  letter-spacing: 2px;
  margin-bottom: 6px;
  text-shadow: none;
}

.intechno-testimonial-section .t-quote {
  font-size: 13px;
  line-height: 1.5;
  color: #334155;
  margin: 0 0 10px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 500;
}

/* Author Box with Avatar */
.intechno-testimonial-section .t-author-box {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 4px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.intechno-testimonial-section .t-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #05C0F7;
  box-shadow: 0 2px 8px rgba(5, 192, 247, 0.35);
  object-fit: cover;
  flex-shrink: 0;
  display: block;
  background: #0B1220;
}

.intechno-testimonial-section .t-author-info {
  display: flex;
  flex-direction: column;
}

.intechno-testimonial-section .title {
  color: #0f172a;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

.intechno-testimonial-section .t-role {
  font-size: 11px;
  color: #0284c7;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 2px;
}

/* Bottom Controls */
.intechno-testimonial-section .testimonial-footer-bar {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 0 20px;
}

.intechno-testimonial-section .t-control-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: rgba(240, 240, 240, 0.8);
  color: #333333;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  backdrop-filter: blur(8px);
}

.intechno-testimonial-section .t-control-btn:hover {
  background: var(--theme-primary);
  border-color: var(--theme-accent);
  color: #ffffff;
  transform: scale(1.08);
  box-shadow: 0 0 15px rgba(40, 185, 224, 0.4);
}

.intechno-testimonial-section .t-drag-notice {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #555555;
  font-size: 13px;
  /* font-family: 'Poppins', sans-serif; */
  background: rgba(240, 240, 240, 0.8);
  padding: 6px 18px;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.intechno-testimonial-section .t-drag-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--theme-accent);
  box-shadow: 0 0 8px var(--theme-accent);
  animation: pulse-dot 2s infinite ease-in-out;
}

@keyframes pulse-dot {

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

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

/* Responsive adjustments */
@media (max-width: 768px) {
  .intechno-testimonial-section {
    min-height: 720px;
    height: auto;
    padding: var(--section-padding, var(--section-padding-y, 50px) 0);
  }

  .intechno-testimonial-section .layout {
    display: none;
  }

  .intechno-testimonial-section .t-brand-badge {
    display: none;
  }

  .intechno-testimonial-section .carousel {
    height: 420px;
  }

  .intechno-testimonial-section .carousel-item {
    --width: 240px;
    --height: 340px;
  }
}

/* ===== merged from css/itechno-image-reveal.css ===== */
/**
 * Intechno Software - Interactive Before/After Image Comparison Section
 * Redesigned Premium UI (Section 02)
 */

:root {
	--reveal-position: 50%;
	--reveal-radius: 20px;
	--reveal-accent: #00b6de;
	--reveal-navy: #082d71;
	--reveal-accent-glow: rgba(0, 182, 222, 0.45);
	--reveal-transition: clip-path 0.22s cubic-bezier(0.2, 0, 0, 1), left 0.22s cubic-bezier(0.2, 0, 0, 1);
}

/* Section Wrapper & Spacing */
.itechno-image-reveal {
	position: relative;
	width: 100%;
	padding: var(--section-padding, var(--section-padding-y, 80px) 0);
	background: #ffffff;
	color: #0f172a;
	overflow: hidden;
	scroll-margin-top: 90px;
}

.itechno-image-reveal__container {
	position: relative;
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 20px;
	z-index: 1;
}

/* ==========================================================================
   HEADING SECTION (REDESIGNED)
   ========================================================================== */
.itechno-reveal-heading {
	position: relative;
	max-width: 880px;
	margin: 0 auto 30px !important;
	text-align: center;
}

/* Subtle, oversized background watermark behind the heading */
.itechno-reveal-heading .section-heading__number {
	position: absolute !important;
	top: 38% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	font-size: clamp(120px, 16vw, 195px) !important;
	font-weight: 900 !important;
	color: #082d71 !important;
	opacity: 0.055 !important;
	letter-spacing: -0.05em !important;
	line-height: 1 !important;
	pointer-events: none !important;
	z-index: 0 !important;
	user-select: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
}

/* Heading: Bold Navy + Vibrant Cyan Blue */
.itechno-reveal-heading .section-heading__title,
.itechno-reveal-title {
	position: relative;
	z-index: 1;
	max-width: 860px !important;
	margin: 0 auto !important;
	font-size: clamp(28px, 3.4vw, 42px) !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	letter-spacing: -0.02em !important;
	text-transform: uppercase !important;
}

/* Remove awkward pseudo-brackets from global theme styles */
.itechno-reveal-heading .section-heading__title span:before,
.itechno-reveal-heading .section-heading__title span:after,
.itechno-reveal-title span:before,
.itechno-reveal-title span:after {
	display: none !important;
	content: none !important;
}

.itechno-reveal-title__navy {
	display: block !important;
	color: var(--reveal-navy) !important; /* Bold Navy: #082d71 */
	font-weight: 800 !important;
}

.itechno-reveal-title__accent {
	display: block !important;
	color: var(--reveal-accent) !important; /* Vibrant Cyan Blue: #00b6de */
	font-weight: 800 !important;
	background: none !important;
	-webkit-text-fill-color: var(--reveal-accent) !important;
	margin-top: 4px;
}

/* Subtitle description */
.itechno-reveal-heading .section-heading__description {
	position: relative;
	z-index: 1;
	max-width: 660px !important;
	margin: 14px auto 0 !important;
	font-size: clamp(14.5px, 1.15vw, 16.5px) !important;
	line-height: 1.6 !important;
	color: #64748b !important;
}

/* ==========================================================================
   COMPARISON CARD (PREMIUM DESIGN)
   ========================================================================== */
.itechno-image-reveal__comparison-wrap {
	max-width: 1080px;
	margin: 0 auto;
	position: relative;
}

.itechno-image-reveal__comparison {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: var(--reveal-radius);
	overflow: hidden;
	background: #ffffff;
	border: 1px solid rgba(0, 182, 222, 0.25);
	box-shadow: 0 20px 50px -12px rgba(8, 45, 113, 0.12), 0 4px 18px rgba(0, 0, 0, 0.05);
	user-select: none;
	-webkit-user-select: none;
	touch-action: pan-y;
	cursor: ew-resize;
	transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.itechno-image-reveal__comparison:hover {
	border-color: rgba(0, 182, 222, 0.55);
	box-shadow: 0 28px 65px -14px rgba(0, 182, 222, 0.2), 0 6px 20px rgba(8, 45, 113, 0.08);
	transform: translateY(-3px);
}

/* Subtle Cyan Corner Accents */
.itechno-image-reveal__corner {
	position: absolute;
	width: 18px;
	height: 18px;
	border-color: rgba(0, 182, 222, 0.65);
	border-style: solid;
	border-width: 0;
	pointer-events: none;
	z-index: 25;
	transition: border-color 0.3s ease, filter 0.3s ease;
}

.itechno-image-reveal__corner--tl {
	top: 14px;
	left: 14px;
	border-top-width: 2.5px;
	border-left-width: 2.5px;
	border-top-left-radius: 6px;
}

.itechno-image-reveal__corner--tr {
	top: 14px;
	right: 14px;
	border-top-width: 2.5px;
	border-right-width: 2.5px;
	border-top-right-radius: 6px;
}

.itechno-image-reveal__corner--bl {
	bottom: 14px;
	left: 14px;
	border-bottom-width: 2.5px;
	border-left-width: 2.5px;
	border-bottom-left-radius: 6px;
}

.itechno-image-reveal__corner--br {
	bottom: 14px;
	right: 14px;
	border-bottom-width: 2.5px;
	border-right-width: 2.5px;
	border-bottom-right-radius: 6px;
}

.itechno-image-reveal__comparison:hover .itechno-image-reveal__corner {
	border-color: #00e0ff;
	filter: drop-shadow(0 0 5px rgba(0, 182, 222, 0.7));
}

/* Image Wrappers */
.itechno-image-reveal__image-wrap {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.itechno-image-reveal__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	pointer-events: none;
}

/* Base Image (BEFORE - Left side) */
.itechno-image-reveal__image-wrap--before {
	z-index: 1;
}

/* Overlay Image (AFTER - Right side) */
.itechno-image-reveal__image-wrap--after {
	z-index: 2;
	clip-path: polygon(var(--reveal-position) 0, 100% 0, 100% 100%, var(--reveal-position) 100%);
	transition: var(--reveal-transition);
}

.itechno-image-reveal__comparison.is-dragging .itechno-image-reveal__image-wrap--after {
	transition: none !important;
}

/* ==========================================================================
   COMPACT & READABLE LABELS
   ========================================================================== */
.itechno-image-reveal__label {
	position: absolute;
	top: 18px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 16px;
	border-radius: 50px;
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	pointer-events: none;
	z-index: 10;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.38);
	transition: opacity 0.25s ease;
}

.itechno-image-reveal__label--before {
	left: 18px;
	background: rgba(11, 16, 28, 0.85);
	color: #f1f5f9;
	border: 1px solid rgba(255, 255, 255, 0.18);
}

.itechno-image-reveal__label--before .itechno-image-reveal__label-indicator {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #f59e0b;
	box-shadow: 0 0 8px rgba(245, 158, 11, 0.8);
}

.itechno-image-reveal__label--after {
	right: 18px;
	background: rgba(11, 16, 28, 0.85);
	color: #38bdf8;
	border: 1px solid rgba(0, 182, 222, 0.45);
}

.itechno-image-reveal__label--after .itechno-image-reveal__label-indicator {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--reveal-accent);
	box-shadow: 0 0 8px var(--reveal-accent-glow);
}

/* ==========================================================================
   DIVIDER LINE & CENTER HANDLE
   ========================================================================== */
.itechno-image-reveal__divider {
	position: absolute;
	top: 0;
	bottom: 0;
	left: var(--reveal-position);
	width: 2.5px;
	transform: translateX(-50%);
	background: #ffffff;
	box-shadow: 0 0 14px rgba(0, 182, 222, 0.85), 0 0 2px #ffffff;
	z-index: 15;
	pointer-events: none;
	transition: var(--reveal-transition);
}

.itechno-image-reveal__comparison.is-dragging .itechno-image-reveal__divider {
	transition: none !important;
}

.itechno-image-reveal__handle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #ffffff;
	border: 2.5px solid var(--reveal-accent);
	box-shadow: 0 6px 20px rgba(15, 23, 42, 0.28), 0 0 0 4px rgba(255, 255, 255, 0.92), 0 0 16px var(--reveal-accent-glow);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: ew-resize;
	pointer-events: auto;
	outline: none;
	transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease;
	z-index: 20;
}

.itechno-image-reveal__handle:hover,
.itechno-image-reveal__comparison.is-dragging .itechno-image-reveal__handle {
	transform: translate(-50%, -50%) scale(1.1);
	box-shadow: 0 8px 28px rgba(0, 182, 222, 0.55), 0 0 0 5px rgba(255, 255, 255, 0.95), 0 0 22px rgba(0, 182, 222, 0.7);
}

.itechno-image-reveal__handle:focus-visible {
	outline: 2px solid var(--reveal-accent);
	outline-offset: 4px;
}

.itechno-image-reveal__handle-icon {
	width: 18px;
	height: 18px;
	display: block;
	color: var(--reveal-navy);
	transition: color 0.2s ease;
}

.itechno-image-reveal__handle:hover .itechno-image-reveal__handle-icon,
.itechno-image-reveal__comparison.is-dragging .itechno-image-reveal__handle-icon {
	color: var(--reveal-accent);
}

/* ==========================================================================
   HINT CAPTION
   ========================================================================== */
.itechno-image-reveal__hint {
	text-align: center;
	margin-top: 18px;
	font-size: 13px;
	color: #64748b;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

.itechno-image-reveal__hint svg {
	width: 15px;
	height: 15px;
	color: var(--reveal-accent);
	opacity: 0.85;
}

/* ==========================================================================
   RESPONSIVE DESIGN (TABLET & MOBILE)
   ========================================================================== */
@media (max-width: 991px) {
	.itechno-image-reveal {
		padding: var(--section-padding, var(--section-padding-y, 60px) 0);
	}

	.itechno-reveal-heading {
		margin-bottom: 26px !important;
	}

	.itechno-reveal-heading .section-heading__title,
	.itechno-reveal-title {
		font-size: 30px !important;
	}

	.itechno-reveal-heading .section-heading__description {
		font-size: 14.5px !important;
	}

	.itechno-image-reveal__handle {
		width: 42px;
		height: 42px;
	}

	.itechno-image-reveal__label {
		top: 14px;
		padding: 6px 13px;
		font-size: 11px;
	}

	.itechno-image-reveal__label--before {
		left: 14px;
	}

	.itechno-image-reveal__label--after {
		right: 14px;
	}

	.itechno-image-reveal__corner--tl { top: 10px; left: 10px; }
	.itechno-image-reveal__corner--tr { top: 10px; right: 10px; }
	.itechno-image-reveal__corner--bl { bottom: 10px; left: 10px; }
	.itechno-image-reveal__corner--br { bottom: 10px; right: 10px; }
}

@media (max-width: 640px) {
	.itechno-image-reveal {
		padding: var(--section-padding, var(--section-padding-y, 45px) 0);
	}

	.itechno-reveal-heading {
		margin-bottom: 20px !important;
	}

	.itechno-reveal-heading .section-heading__number {
		top: 36% !important;
		font-size: clamp(80px, 22vw, 115px) !important;
	}

	.itechno-reveal-heading .section-heading__title,
	.itechno-reveal-title {
		font-size: clamp(19px, 5.2vw, 24px) !important;
		line-height: 1.25 !important;
	}

	.itechno-reveal-heading .section-heading__description {
		font-size: 13.5px !important;
		margin-top: 10px !important;
		line-height: 1.55 !important;
	}

	.itechno-image-reveal__comparison {
		aspect-ratio: 4 / 3;
		border-radius: 16px;
	}

	.itechno-image-reveal__handle {
		width: 40px;
		height: 40px;
	}

	.itechno-image-reveal__handle-icon {
		width: 15px;
		height: 15px;
	}

	.itechno-image-reveal__label {
		top: 10px;
		padding: 3.5px 8px;
		font-size: 8.5px;
		letter-spacing: 0.03em;
		gap: 5px;
		border-radius: 20px;
	}

	.itechno-image-reveal__label-indicator {
		width: 5.5px;
		height: 5.5px;
	}

	.itechno-image-reveal__label--before {
		left: 10px;
	}

	.itechno-image-reveal__label--after {
		right: 10px;
	}

	.itechno-image-reveal__corner {
		width: 15px;
		height: 15px;
	}

	.itechno-image-reveal__hint {
		font-size: 11.5px;
		margin-top: 12px;
	}
}

@media (max-width: 440px) {
	.itechno-image-reveal__label {
		padding: 2.5px 6px;
		font-size: 7.8px;
		gap: 4px;
	}

	.itechno-image-reveal__label-indicator {
		width: 4.5px;
		height: 4.5px;
	}

	.itechno-image-reveal__label--before {
		left: 8px;
	}

	.itechno-image-reveal__label--after {
		right: 8px;
	}
}

/* Reduced Motion Preference */
@media (prefers-reduced-motion: reduce) {
	.itechno-image-reveal__comparison,
	.itechno-image-reveal__image-wrap--after,
	.itechno-image-reveal__divider,
	.itechno-image-reveal__handle {
		transition: none !important;
	}
}