/*
======================================
[ End table content ]
======================================*/

/*+++++++++++++++++++++++++++++++++++++++++
Fonts
++++++++++++++++++++++++++++++++++++++++*/

@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;400;500;600;700;800;900&display=swap");

/*+++++++++++++++++++++++++++++++++++++++++
Moz Selection
++++++++++++++++++++++++++++++++++++++++*/
:root {
	--body-font: "Manrope", Helvetica, Arial, sans-serif;
	--heading-font: "Inter Tight", Helvetica, Arial, sans-serif;
	--theme-color: #123a7e;
	--theme-color2: #e19f33;
	--theme-bg-light: #F6F6F6;
	--theme-color-light: rgba(99, 193, 83, .2);
	--body-text-color: #5e5f63;
	--color-white: #ffffff;
	--color-dark: #064E5A;
	--color-green: #15D4C9;
	--color-blue: #0049D0;
	--color-skyblue: #00BFFF;
	--color-yellow: #FBA707;
	--color-gray: #ECECEC;
	--color-red: #F05454;
	--box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
	--box-shadow2: 0 0 15px rgba(0, 0, 0, 0.17);
	--transition: all .5s ease-in-out;
	--transition2: all .3s ease-in-out;
	--border-info-color: rgba(0, 0, 0, 0.08);
	--border-info-color2: rgba(0, 0, 0, 0.05);
	--border-white-color: rgba(255, 255, 255, 0.08);
	--border-white-color2: rgba(255, 255, 255, 0.05);
	--footer-bg: #023B45;
}

::-moz-selection {
	text-shadow: none;
	background: #123a7e;
	color: #fff;
}

::-moz-selection {
	text-shadow: none;
	background: #123a7e;
	color: #fff;
}

::selection {
	text-shadow: none;
	background: #123a7e;
	color: #fff;
}

/*+++++++++++++++++++++++++++++++++++++++++
General
++++++++++++++++++++++++++++++++++++++++*/
body {
	background: var(--white-color);
	font-family: "Manrope", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.8;
	color: var(--secondary-color);
	overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--dark-color);
	text-transform: capitalize;
	margin: 0;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	font-family: var(--heading-font);

}

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

h1 {
	font-size: 40px;
	font-style: normal;
	line-height: 48px;
}

h2 {
	font-size: 46px;
	line-height: 38px;
	font-weight: 500;
	color: #000;
}

h3 {
	font-size: 32px;
	font-style: normal;
	line-height: 40px;
}

h4 {
	font-size: 28px;
	font-style: normal;
	line-height: 36px;
}

h5 {
	font-size: 24px;
	font-style: normal;
	line-height: 29px;
}

h6 {
	font-size: 20px;
	font-style: normal;
	line-height: 28px;
}

/*++++++++++++++++ HTML Tags +++++++++++*/
a,
.button {
	color: #123a7e;
	outline: none !important;
	text-decoration: none;
	transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

a:focus,
a:hover {
	color: #123a7e;
	outline: none;
	text-decoration: none !important;
}

p {
	margin-bottom: 28px;
}

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

pre {
	background: var(--white-color);
	padding: 15px;
	border: 1px solid var(--grey-color);
}

hr {
	margin: 0;
	padding: 0px;
	border-bottom: 1px solid #e0e0e0;
	border-top: 0px;
}

b,
strong {
	font-weight: 500;
}

/*+++++++++++++ Lists (Nested) ++++++++++++++*/
ol,
ul {
	padding-left: 25px;
	margin-bottom: 0;
}

ol li {
	list-style: decimal;
}

ol ol {
	padding-left: 25px;
}

ul li {
	list-style: none;
}

/*+++++++++++Definition Lists ++++++++++*/
dl dd {
	margin-bottom: 15px;
}

dl dd:last-child {
	margin-bottom: 0px;
}

/*+++++++++++++ Table ++++++++++++++*/
table {
	border: 1px solid var(--grey-color);
	width: 100%;
	margin-bottom: 20px;
}

table td,
table th {
	border: 1px solid var(--grey-color);
	padding: 8px;
	text-align: center;
}

/*++++++++++Input Textarea +++++++++++++*/
input,
input.form-control {
	border-radius: 10px;
	background: #f7f7f7;
	border: 1px solid #e9e9e9;
	color: var(--dark-color);
	width: 100%;
	float: none;
	font-size: 16px;
	padding: 0 15px;
	height: 54px;
	line-height: 54px;
	outline: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}


input:focus,
input:hover,
textarea:focus,
textarea:hover,
.form-control:focus {
	border-color: #123a7e;
	outline: none;
	box-shadow: none;
	background-color: var(--grey-color);
}

input[type="radio"],
input[type="checkbox"] {
	width: auto;
	height: auto;
	float: none;
	margin-right: 5px;
}

textarea {
	background: var(--grey-color);
	border: 1px solid var(--grey-color);
	color: var(--dark-color);
	width: 100%;
	float: none;
	padding: 10px 15px;
	outline: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	height: 100px;
	margin-bottom: 30px;
}

/*+++++++++++++ Select +++++++++++++++*/
select,
select.form-control {
	border: 1px solid var(--grey-color);
	color: var(--secondary-color);
	width: 100%;
	float: none;
	padding: 0 30px 0 15px;
	height: 54px;
	line-height: 54px;
	outline: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url('data:image/svg+xml;utf8,<svg fill=\'%23999999\' height=\'24\' viewBox=\'0 0 24 24\' width=\'24\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M7 10l5 5 5-5z\'/><path d=\'M0 0h24v24H0z\' fill=\'none\'/></svg>');
	background-color: var(--grey-color);
	background-repeat: no-repeat;
	background-position: right 16px bottom 50%;
	background-size: 20px 20px;
	margin-bottom: 30px;
}

select:focus,
select.form-control:focus {
	background-color: var(--grey-color);
	border-color: #123a7e;
}

/*===== Container =====*/
.container {
	position: relative;
}


/*===== Background & Text color =====*/

.pq-bg-dark {
	background-color: var(--dark-color);
}

.pq-bg-white {
	background-color: var(--white-color);
}

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

.pq-bg-primary {
	background-color: #123a7e;
}

.pq-bg-secondary {
	background-color: var(--secondary-color);
}

.pq-text-white {
	color: var(--white-color) !important;
}

.theme-btn {
	background: linear-gradient(150deg, #fc7d37 0%, #fdb743 35%, #123a7e 70%);
	font-size: 16px;
	color: var(--color-white);
	padding: 10px 25px;
	transition: all 0.5s;
	text-transform: capitalize;
	position: relative;
	border-radius: 40px;
	font-weight: 500;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	border: none;
	box-shadow: var(--box-shadow);
	z-index: 1;
}

/*====================
13. Header top css
======================*/

.header {
	position: absolute;
	width: 100%;
	z-index: 9;
}

.header-top {
	padding: 4px 0;
	background: var(--theme-color2);
	position: relative;
}

.header-top .shape {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.header-top .shape-1 {
	position: absolute;
	top: 0;
	right: -50px;
	width: 50%;
	height: 100%;
	background: var(--theme-color);
	transform: skewX(40deg);
	border-radius: 20px 0 0 0;
	border-left: 5px solid var(--color-white);
}

.header-top .shape-2 {
	position: absolute;
	top: 0px;
	left: -30px;
	bottom: 0;
	width: 10%;
	background: var(--theme-color);
	border-radius: 0 0 20px 0;
	transform: skewX(40deg);
	border-right: 5px solid var(--color-white);
}

.header-top-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
}

.header-top-list ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 25px;
}

.header-top-list a {
	color: var(--color-white);
	font-weight: 500;
}

.header-top-list a:hover {
	color: var(--theme-color)
}

.header-top-list a i {
	color: var(--theme-color);
	margin-right: 5px;
}

.header-top-right {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}

.header-top-right .header-top-list a:hover {
	color: var(--theme-color2);
}

.header-top-right .header-top-list i {
	color: var(--color-white);
}

.header-top-social span {
	color: var(--color-white);
}

.header-top-social a {
	color: var(--color-white);
	font-size: 16px;
	text-align: center;
	margin-left: 14px;
	transition: var(--transition);
}

.header-top-social a:hover {
	color: var(--theme-color2);
}

.header-top-lang .top-lang {
	color: var(--color-white);
}

.header-top-lang .dropdown-menu {
	min-width: 60px;
	border-radius: 15px;
	padding: 10px;
	border: none;
	box-shadow: var(--box-shadow);
}

.header-top-lang .dropdown-item {
	color: var(--color-dark);
	border-radius: 10px;
}

.header-top-lang .dropdown-item:hover {
	background: var(--theme-color);
	color: var(--color-white);
}

@media all and (max-width: 1199px) {
	.header-top .shape-1 {
		width: 48%;
	}

	.header-top .shape-2 {
		width: 6%;
	}

	.header-top-list ul {
		gap: 10px;
	}

	.header-top-social a {
		width: 34px;
		height: 34px;
		line-height: 37px;
		margin-left: 0;
	}

	.header-top-left {
		margin-right: 5px;
	}
}

@media all and (max-width: 991px) {
	.header-top .shape-1 {
		width: 55%;
	}

	.header-top .shape-2 {
		width: 7%;
	}

	.header-top-list ul {
		gap: 0px;
	}

	.header-top-list ul li {
		margin-right: 10px;
	}

	.header-top-list ul li:last-child {
		display: none;
	}

	.header-top-lang .dropdown-toggle::after {
		margin-top: 12px;
	}

	.header-top-social span {
		display: none;
	}
}

@media all and (max-width: 767px) {
	.header-top .shape {
		display: none;
	}

	.header-top-social a:hover {
		color: var(--theme-color);
	}
}

/*====================
14. Navbar css
======================*/

.navbar {
	background: transparent;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 15px;
	position: relative;
	z-index: 4;
}

.navbar::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: var(--color-white);
}

.navbar.fixed-top {
	position: fixed;
	background: var(--color-white);
	box-shadow: var(--box-shadow2);
	animation: slide-down 0.7s;
	padding-right: 0;
}

@keyframes slide-down {
	0% {
		transform: translateY(-100%);
	}

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

.navbar .navbar-brand .logo-display {
	display: block;
}

.navbar .navbar-brand .logo-scrolled {
	display: none;
}

.navbar.fixed-top .navbar-brand .logo-display {
	display: none;
}

.navbar.fixed-top .navbar-brand .logo-scrolled {
	display: block;
}

.navbar-brand {
	margin-right: 0;
}

.navbar-brand img {
	width: 220px;
}



/* .navbar .dropdown-toggle::after {
	display: inline-block;
	margin-left: 5px;
	vertical-align: baseline;
	font-family: 'Font Awesome 6 Pro';
	content: "\f107";
	font-weight: 500;
	border: none;
	font-size: 14px;
} */


@media all and (min-width: 992px) {
	.navbar .nav-item .nav-link {
		margin-right: 32px;
		padding: 30px 0 30px;
		font-size: 16px;
		font-weight: 500;
		color: var(--color-dark);
		text-transform: capitalize;
	}

	.navbar.fixed-top .nav-item .nav-link {
		color: var(--color-dark);
	}

	.navbar .nav-item .nav-link.active,
	.navbar .nav-item:hover .nav-link {
		color: var(--theme-color);
	}

	.navbar .nav-item:last-child .nav-link {
		margin-right: 0;
	}

	.navbar .nav-item .dropdown-menu {
		display: block;
		padding: 10px;
		margin-top: 0;
		left: -15px;
		border-radius: 15px;
		border: none;
		background: var(--color-white);
		width: 350px;
		box-shadow: var(--box-shadow);
		opacity: 0;
		visibility: hidden;
		transition: var(--transition2);
	}

	.navbar .nav-item .dropdown-menu::before {
		content: "";
		position: absolute;
		top: 0;
		left: 40px;
		right: 40px;
		border-top: 3px solid var(--theme-color);
		border-radius: 10px;
	}

	.navbar .nav-item .dropdown-menu .dropdown-item {
		font-size: 16px;
		padding: 6px 15px;
		font-weight: 500;
		color: var(--color-dark);
		position: relative;
		overflow: hidden;
		border-radius: 10px;
		text-transform: capitalize;
		transition: var(--transition2);
		z-index: 1;
	}

	.navbar .nav-item .dropdown-menu .dropdown-item:hover {
		background: var(--theme-color);
		color: var(--color-white);
		padding-left: 25px;
	}

	/* .navbar .nav-item .dropdown-menu .dropdown-item::before {
		content: "\f101";
		position: absolute;
		font-family: "Font Awesome 6 Pro";
		left: -15px;
		top: 6px;
		color: var(--color-white);
		opacity: 0;
		visibility: hidden;
		transition: var(--transition2);
		z-index: -1;
	} */

	.navbar .nav-item .dropdown-menu .dropdown-item:hover::before {
		left: 0;
		opacity: 1;
		visibility: visible;
	}

	.navbar .nav-item:hover .dropdown-menu {
		transition: .3s;
		opacity: 1;
		visibility: visible;
		top: 100%;
		transform: rotateX(0deg);
	}

	.navbar .dropdown-menu-end {
		right: 0;
		left: auto;
	}

	.navbar .dropdown-menu.fade-down {
		top: 80%;
		transform: rotateX(-75deg);
		transform-origin: 0% 0%;
	}

	.navbar .dropdown-menu.fade-up {
		top: 140%;
	}

	/* nav right */
	.nav-right {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 30px;
		margin-left: 45px;
	}

	.nav-right-link {
		position: relative;
		font-size: 20px;
		color: var(--color-dark);
		border: none;
		padding: 0;
		background: transparent;
		transition: var(--transition);
	}

	.nav-right-link:hover {
		color: var(--theme-color);
	}

	.navbar.fixed-top .nav-right-link {
		color: var(--color-dark);
	}

	.navbar.fixed-top .nav-right-link:hover {
		color: var(--theme-color);
	}

	.nav-right .shop-cart .nav-right-link span {
		position: absolute;
		width: 18px;
		height: 18px;
		line-height: 18px;
		text-align: center;
		color: var(--color-white);
		background: var(--theme-color);
		border-radius: 50px;
		font-size: 12px;
		right: -10px;
		top: -6px;
	}

	.nav-right .call-wrap {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 7px;
	}

	.nav-right .call-wrap .icon {
		width: 45px;
		height: 45px;
		line-height: 46px;
		border-radius: 50px;
		background: var(--theme-color);
		color: var(--color-white);
		text-align: center;
		font-size: 18px;
		margin-top: 5px;
	}

	.nav-right .call-wrap .content span {
		color: var(--theme-color);
		font-weight: 500;
	}

	.nav-right .call-wrap .content h6 a {
		color: var(--color-dark);
		font-weight: 500;
	}

	.nav-right .sidebar-btn span {
		display: block;
		width: 24px;
		border-bottom: 3px solid var(--color-dark);
		border-radius: 50px;
		margin-top: 6px;
		margin-left: auto;
		transition: var(--transition);
	}

	.nav-right .sidebar-btn span:first-child {
		width: 10px;
		margin-top: 0;
	}

	.nav-right .sidebar-btn span:nth-child(3) {
		width: 15px;
	}

	/* navbar light */
	.navbar.light .nav-item .nav-link {
		color: var(--color-white);
	}

	.navbar.light.fixed-top .nav-item .nav-link {
		color: var(--color-dark);
	}

	.navbar.light .nav-item .nav-link.active,
	.navbar.light .nav-item:hover .nav-link {
		color: var(--theme-color);
	}

	.navbar.light .nav-right-link {
		color: var(--color-white);
	}

	.navbar.light.fixed-top .nav-right-link {
		color: var(--color-dark);
	}

	.navbar.light .nav-right-link:hover {
		color: var(--theme-color);
	}

	.navbar.light .nav-right .sidebar-btn span {
		border-color: var(--color-white);
	}

	.navbar.light.fixed-top .nav-right .sidebar-btn span {
		border-color: var(--color-dark);
	}
}

@media all and (max-width: 1199px) {
	.navbar .nav-item .nav-link {
		margin-right: 14px;
		font-size: 15px;
	}

	.nav-right {
		gap: 20px;
		margin-left: 25px;
	}

	.nav-right .sidebar-btn,
	.nav-right .call-wrap {
		display: none;
	}
}


/* navbar mobile menu */
.navbar .mobile-menu-right {
	display: none;
}

@media all and (max-width: 991px) {
	.navbar {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.navbar::before {
		width: 100%;
	}

	.navbar-brand img {
		width: 160px;
	}

	.navbar .offcanvas {
		width: 300px;
	}

	.navbar .offcanvas-header .btn-close {
		background: var(--color-red);
		width: 20px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		border-radius: 50px;
		color: var(--color-white);
		font-size: 18px;
		box-shadow: none;
		opacity: 1;
	}

	.navbar .offcanvas-brand {
		width: 150px;
	}

	.navbar .nav-item .nav-link {
		color: var(--color-dark);
		font-weight: 500;
		margin-right: 0px;
		transition: var(--transition);
	}

	.navbar .nav-item .nav-link:hover {
		color: var(--theme-color);
	}

	.navbar .nav-item .dropdown-menu {
		border-radius: 15px;
	}

	.navbar .nav-item .dropdown-toggle::after {
		float: right;
		margin-top: 2.5px;
	}

	.navbar-toggler {
		padding: 0;
		border: none;
	}

	.navbar-toggler:focus {
		outline: none;
		box-shadow: none;
	}

	.navbar-toggler span {
		display: block;
		width: 22px;
		border-bottom: 3px solid var(--color-dark);
		border-radius: 50px;
		margin-top: 5px;
	}

	.navbar-toggler span:first-child {
		margin-top: 0;
	}

	.navbar-toggler span:nth-child(2) {
		width: 15px;
	}

	.navbar .mobile-menu-right {
		display: flex;
		align-items: center;
		gap: 20px;
	}

	.navbar .mobile-menu-right .nav-right-link {
		background: transparent;
		border: none;
		font-size: 20px;
		color: var(--color-dark);
	}

	.navbar .mobile-menu-right .nav-right-link:hover {
		color: var(--theme-color);
	}

	.nav-right {
		display: none;
	}

	/* navbar light */
	.navbar.light .navbar-toggler span {
		border-color: var(--color-white);
	}

	.navbar.light.fixed-top .navbar-toggler span {
		border-color: var(--color-dark);
	}

	.navbar.light .mobile-menu-right .nav-right-link {
		color: var(--color-white);
	}

	.navbar.light.fixed-top .mobile-menu-right .nav-right-link {
		color: var(--color-dark);
	}

	.navbar.light .mobile-menu-right .nav-right-link:hover {
		color: var(--theme-color);
	}
}

/* banner sec*/
.hero-single {
	padding-top: 150px;
	padding-bottom: 80px;
	background-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1;
}

.hero-single::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: -0.5px;
	background: linear-gradient(to bottom right, rgba(6, 78, 90, 1) 0%, rgba(6, 78, 90, 0) 100%);
	z-index: -1;
}

.hero-single .hero-content {
	height: 100%;
	padding-top: 100px;
}

.hero-single .hero-content .hero-sub-title {
	display: inline-block;
	color: var(--color-white);
	font-size: 24px;
	letter-spacing: 6px;
	font-weight: 500;
	position: relative;
	text-transform: uppercase;
}

.hero-single .hero-content .hero-sub-title::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 15px;
	background: var(--theme-color);
	clip-path: polygon(5% 0%, 95% 0%, 100% 100%, 0% 100%);
	z-index: -1;
}

.hero-single .hero-content .hero-title {
	color: var(--color-white);
	font-size: 60px;
	font-weight: 500;
	margin: 20px 0;
	text-transform: capitalize;
}

.hero-single .hero-content .hero-title span {
	color: transparent;
	-webkit-text-stroke: 2px var(--color-white);
}

.hero-single .hero-content p {
	color: var(--color-white);
	font-size: 18px;
	line-height: 30px;
	font-weight: 400;
	margin-bottom: 20px;
}

.hero-single .hero-content .hero-btn {
	display: flex;
	justify-content: start;
	gap: 1rem;
	margin-top: 35px;
}

@media all and (max-width: 1199px) {
	.hero-single .hero-content .hero-title {
		font-size: 37px;
	}
}

@media all and (max-width: 991px) {
	.hero-single .hero-content .hero-title {
		font-size: 50px;
	}
}

@media all and (max-width: 767px) {
	.hero-single .hero-content .hero-sub-title {
		font-size: 18px;
	}

	.hero-single .hero-content .hero-btn {
		gap: 1rem;
	}
}


/* hero-slider */
.hero-slider .owl-nav {
	margin-top: 0px;
}

.hero-slider .owl-nav button i {
	display: inline-block;
	height: 55px;
	width: 55px;
	line-height: 55px;
	color: var(--theme-color);
	font-size: 25px;
	text-align: center;
	background: var(--color-white);
	border-radius: 50px;
	cursor: pointer;
	transition: var(--transition);
}

.hero-slider .owl-nav button:hover i {
	background: var(--theme-color);
	color: var(--color-white);
}

.hero-slider .owl-nav .owl-prev {
	left: 40px;
}

.hero-slider .owl-nav .owl-next {
	right: 40px;
}

.hero-slider .owl-nav .owl-prev,
.hero-slider .owl-nav .owl-next {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
}

.hero-slider .owl-dots {
	position: absolute;
	left: 50%;
	bottom: 40px;
	transform: translateX(-50%);
	display: none;
}

.hero-slider .owl-dots .owl-dot span {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-color: var(--color-white);
	border-radius: 0px;
	border: 3px solid var(--theme-color);
	margin: 5px;
	transition: var(--transition);
}

.hero-slider .owl-dots .owl-dot.active span {
	background-color: var(--theme-color);
}


@media all and (max-width: 1199px) {

	.hero-slider .owl-nav .owl-prev,
	.hero-slider .owl-nav .owl-next {
		top: unset;
		bottom: 45px;
	}

	.hero-slider .owl-nav .owl-prev {
		left: unset;
		right: 120px;
	}

	.hero-slider .owl-nav .owl-next {
		right: 40px;
	}
}

.btn-default {
	position: relative;
	display: inline-block;
	background: orange;
	border-radius: 6px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1em;
	text-transform: capitalize;
	color: var(--white-color);
	padding: 17px 24px 17px 24px;
	border: none;
	overflow: hidden;
	outline: none;
	transition: all 0.4s ease-in-out;
	z-index: 0;
}


.section-btn {
	display: flex;
	gap: 14px;
}

.btn-quote {
	position: relative;
	display: inline-block;
	border-radius: 6px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1em;
	padding: 17px 24px 17px 24px;
	border: none;
	overflow: hidden;
	outline: none;
	transition: all 0.4s ease-in-out;
	z-index: 0;
}

.hero {
	position: relative;
	padding: 215px 0 40px;
	margin-top: 20px;
	min-height: 730px;
	align-content: end;
	overflow: hidden;
	z-index: 1;
}

.hero::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(5, 16, 27, 0.00) 0%, rgba(5, 16, 27, 0.94) 70%);
	width: 100%;
	height: 100%;
	z-index: 1;
}

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

.hero .hero-bg-video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

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

.hero-content {
	display: flex;
	flex-wrap: wrap;
	align-items: end;
	gap: 0 30px;
}

.hero-content .section-title {
	width: calc(67% - 15px);
	margin-bottom: 0;
}

.section-title p {
	font-size: 16px;
	font-weight: 500;
	line-height: 28px;
}

.hero-content .section-title h3 {
	background-color: var(--dark-divider-color);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

.hero-content .section-content-btn {
	width: calc(33% - 15px);
}

.hero-info-list {
	border-top: 1px solid var(--dark-divider-color);
	margin-top: 80px;
	padding: 40px 0 0;
}

.hero-info-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 80px;
}

.hero-info-list ul li {
	position: relative;
	width: calc(20% - 1px);
	color: var(--white-color);
	line-height: 1.5em;
	padding-left: 30px;
}

.hero-info-list ul li i {
	font-size: 18px;
	font-weight: 900;
	color: #83cf14;
}

.hero {
	position: relative;
	width: 100%;
	height: 650px;
	/* adjust height as needed */
	overflow: hidden;
}

.hero-slider-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	/* keeps slider behind content */
}

.hero-bg-image {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}

.swiper-slide {
	width: 100%;
	height: 100%;
}

.hero-inner-content {
	position: relative;
	z-index: 10;
	/* ensures text is above slider */
}

.swiper.heroSlider {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
}


.section-title h1 {
	font-size: 70px;
	font-weight: 500;
	line-height: 1.1em;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	margin-bottom: 22px;
	cursor: none;
}

.hero-content .section-title h3 {
	background-color: var(--dark-divider-color);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

.dark-section .section-title h3 {
	border-color: var(--dark-divider-color);
}

/* .site-heading.mb-3 {
	max-width: 500px;
} */

.site-heading .site-title {
	font-size: 36px;
}

.site-title span {
	background: linear-gradient(150deg, #fc7d37 0%, #fdb743 35%, #0c2856 70%);
	;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
}


.section-title h3 {
	position: relative;
	display: inline-block;
	border: 1px solid var(--divider-color);
	border-radius: 100px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--text-color);
	padding: 7px 14px 7px 32px;
	margin-bottom: 10px;
}

.about-text {
	color: var(--body-text-color);
	text-align: justify;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 9px;
}

@media (max-width:1400px) {
	.section-title h1 {
		font-size: 52px;
	}
}

@media (max-width:992px) {
	.section-title h1 {
		font-size: 42px;
	}

	.hero-content .section-title {
		width: calc(100% - 15px);
		margin-bottom: 0;
	}

	.pd-usage-section {
		padding: 40px 0;
	}

	.site-heading .site-title {
		font-size: 30px;
	}
}

@media (max-width:767px) {
	.hero-content .section-title {
		width: calc(100% - 15px);
		margin-bottom: 0;
	}

	.hero-content .section-title p {
		font-size: 16px;
		line-height: 24px;
		text-align: justify;
	}

	.section-title h1 {
		font-size: 32px;
	}

	.site-heading h2 {
		font-size: 32px;
		line-height: 44px;
	}

	.site-heading .site-title {
		font-size: 26px;
		line-height: 1.3;
	}

	.about-text {
		text-align: justify;
		font-size: 16px;
		line-height: 24px;
	}

	.btn-default {
		padding: 17px 10px 17px 10px;
	}

	.btn-quote {
		padding: 17px 10px 17px 10px;

	}
}

.max-900 {
	max-width: 900px
}

.dedic-team {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

/* .hero-info-list ul li::before{
	content: '\f058';
    position: absolute;
    font-family: 'Font Awesome 7 Free';
    font-size: 18px;
    font-weight: 900;
    color: var(--accent-color);
    top: 0;
    left: 0;
} */
/* ===================
22. About css 
====================== */
.about-area {
	padding: 60px 0;
}

.about-left {
	position: relative;
	margin-right: 40px;
}

/* .about-left::before {
	content: "";
	position: absolute;
	width: 50%;
	height: 100%;
	border-radius: 200px;
	border: 10px solid var(--theme-color);
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
} */

.about-img img {
	border-radius: 17px;
}

.about-img .img-2 {
	margin-top: 70px;
}

.about-right {
	position: relative;
	display: block;
}

.about-experience {
	background: var(--theme-color);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 150px;
	height: 150px;
	line-height: 1.2;
	border-radius: 100px;
	text-align: center;
	border: 10px solid var(--color-white);
}

.about-experience h5 {
	color: var(--color-white);
	font-size: 40px;
	margin-top: 15px;
}

.about-experience p {
	color: var(--color-white);
	font-weight: 500;
}

.about-content {
	margin-top: 25px;
	margin-bottom: 35px;
}

.about-item {
	display: flex;
	gap: 12px;
	border: 1px solid var(--border-info-color);
	border-radius: 20px;
	padding: 15px;
	position: relative;
}

.about-item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 30px;
	bottom: 30px;
	border-left: 2px solid var(--theme-color);
}

.about-item .icon {
	width: 65px;
	height: 65px;
	line-height: 65px;
	text-align: center;
	background: var(--theme-color);
	border-radius: 50px;
}

.about-item .icon img {
	width: 45px;
	filter: brightness(0) invert(1);
}

.about-item .content {
	flex: 1;
}

.about-item .content h6 {
	color: var(--color-dark);
	font-size: 18px;
	margin-bottom: 5px;
}



.ul-check {
	padding: 0;
	list-style: none;
}

.ul-check li {
	position: relative;
	color: #5e5f63;
	display: block;
	margin-top: 0;
	padding: 0px;
	font-size: 16px;
	padding-left: 30px;
	border-radius: 0px;
	line-height: 1.6em;
}

.ul-check li {
	margin: 5px 0 5px 0;
}

.ul-check li:before {
	position: absolute;
	left: 0;
	font-family: "FontAwesome";
	content: "✓";
	margin-right: 12px;
	width: 20px;
	line-height: 1;
	padding: 4px 0;
	font-size: 15px;
	display: inline-block;
	text-align: center;
	border-radius: 0px;
}

@media all and (max-width: 991px) {
	.about-right {
		margin-top: 80px;
	}
}

@media all and (max-width: 767px) {
	.about-left {
		margin-right: 0;
	}

	.about-title {
		font-size: 30px;
	}

	.about-img .img-2 {
		margin-top: 60px;
		margin-left: -10px;
	}

	.about-img .img-3 {
		margin-left: -30px;
	}

	.about-experience {
		right: -7px;
		bottom: -60px;
	}
}

.stats-section {
	background: linear-gradient(150deg, #fc7d37 0%, #fdb743 35%, #0c2856 70%);
	;
	padding: 40px 0;
	font-family: "Manrope", Helvetica, Arial, sans-serif;
}

.stat-box {
	text-align: center;
	color: #fff;
	font-size: 30px;
}

.stat-number {
	font-size: 48px;
	font-weight: 500;
	line-height: 1;
}

.stat-label {
	font-size: 16px;
	font-weight: 500;
	opacity: 0.95;
	margin-top: 8px;
}

/* Responsive tweaks */
@media (max-width: 767px) {
	.stat-number {
		font-size: 36px;
	}

	.stat-label {
		font-size: 14px;
	}

	.industry-section h2 {
		font-size: 34px;
	}
}

.products-section {
	padding: 80px 0;
	background: #f7f9fc;
	font-family: "Manrope", Helvetica, Arial, sans-serif;
}

/* Heading */
.section-subtitle {
	font-size: 14px;
	font-weight: 500;
	color: #333;
	margin-bottom: 10px;
}


/* Cards */
.product-card {
	position: relative;
	border-radius: 22px;
	overflow: hidden;
	background: #fff;
}

.product-card img {
	width: 100%;
	height: 450px;
	object-fit: cover;
}

.card-content {
	position: absolute;
	bottom: 0px;
	background: #fff;
	width: 100%;
	padding: 22px;
	border-radius: 18px 18px 0 0;
	max-width: 95%;
	margin: 0 11px;
}

.card-content h3 {
	font-weight: 500;
	font-size: 20px;
	margin-bottom: 6px;
	line-height: 26px;
}

.card-content p {
	font-size: 16px;
	color: var(--body-text-color);
	margin: 0;
}

/* Arrow Button */
.arrow-btn {
	position: absolute;
	top: -25px;
	right: 20px;
	background: #ffdc5e;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 500;
}

.arrow-btn i {
transform: rotate(-35deg);
}
/* Button */
.view-btn {
	background: linear-gradient(90deg, #fc7d37, #fdb743, #0c2856);
	color: #fff;
	padding: 14px 32px;
	border-radius: 10px;
	font-weight: 500;
	text-decoration: none;
}

/* Responsive */
@media (max-width: 768px) {
	.product-card img {
		height: 380px;
	}
}


.industry-section {
	background: linear-gradient(180deg, #15345f, #0f2b4d);
	padding: 80px 0;
	color: #fff;
}

/* Pill badge */
.pill-badge {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 8px 18px;
	background: #1f3e6a;
	border-radius: 30px;
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 18px;
}

.pill-badge .dot {
	width: 10px;
	height: 10px;
	background: #f6ff9c;
	border-radius: 50%;
}


/* Cards */
.industry-card {
	background: #ffffff;
	color: #000;
	border-radius: 26px;
	padding: 34px 20px;
	text-align: center;
	height: 100%;
	background-image: linear-gradient(135deg,
			#ffffff 60%,
			#f7fbc4);
}

/* Icons */
.icon-box {
	font-size: 32px;
	color: #9bb100;
	margin-bottom: 16px;
}

/* Card text */
.industry-card h5 {
	font-weight: 500;
	font-size: 20px;
	margin-bottom: 6px;
}

.industry-card p {
	font-size: 16px;
	line-height: 25px;
	color: var(--body-text-color);
	margin: 0;
}

.process-section {
	padding: 60px 0;
}

/* Headings */
.process-subtitle {
	font-size: 14px;
	font-weight: 500;
	color: #333;
	margin-bottom: 10px;
}

.process-title {
	font-size: 42px;
	font-weight: 500;
}

.grad-text {
	background: linear-gradient(90deg, #ff8c2b, #fdb743, #7b7b7b);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Card */
.process-card {
	position: relative;
	background: #fff;
	border-radius: 26px;
	padding: 32px 22px 28px;
	box-shadow: 0 8px 30px rgb(0 0 0 / 19%);
	height: 100%;
}

/* Step badge */
.step-badge {
	background: #2f5576;
	color: #fff;
	padding: 6px 16px;
	border-radius: 30px;
	font-size: 16px;
	font-weight: 500;
	display: inline-block;
	margin-bottom: 20px;
	text-align: center;
	width: 100%;
}

/* Icon */
.icon-circle {
	width: 74px;
	height: 74px;
	background: #9bbf3b;
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 25px;
	position: absolute;
	top: 12px;
	right: 20px;
	border: 4px solid #fff;
}

/* Text */
.process-card h5 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 8px;
}

.process-card p {
	font-size: 16px;
	color: var(--body-text-color);
	margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
	.process-title {
		font-size: 30px;
	}
}

.why-section {
	padding: 0;
	padding-bottom: 60px;
}

/* Outer rounded container */
.why-wrapper {
	border-radius: 28px;
	overflow: hidden;
	background: #000;
}

/* Image */
.why-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	min-height: 420px;
}

/* Content panel */
.why-content {
	height: 100%;
	padding: 50px 45px;
	background: linear-gradient(150deg, #fd8f43 0%, #eca227 35%, #0c2856 90%);
	color: #fff;
}

/* Heading */
.why-content h3 {
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 14px;
}

/* Intro */
.why-content .intro {
	font-size: 16px;
	line-height: 1.6;
	opacity: 0.95;
	margin-bottom: 28px;
}

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

/* List */
.why-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.why-item {
	display: flex;
	gap: 18px;
	align-items: flex-start;
}

.why-item span {
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	min-width: 36px;
}

.why-item h6 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 2px;
}

.why-item p {
	font-size: 18px;
	margin: 0;
	opacity: 0.9;
}


/* Responsive */
@media (max-width: 991px) {
	.why-content {
		padding: 40px 28px;
	}

	.why-content h3 {
		font-size: 34px;
	}

	.why-image img {
		min-height: 280px;
	}

	.industry-section h2 {
		font-size: 34px;
	}
}

@media (max-width: 768px) {
	.why-content h3 {
		font-size: 28px;
	}

	.why-item p {
		font-size: 16px !important;
		margin: 0;
		opacity: 0.9;
	}
}

.business-section {
	background: #14345f;
	padding: 80px 0 60px;
	color: #fff;
	font-family: "Manrope", Helvetica, Arial, sans-serif;
	position: relative;
}

/* Header */
.business-header {
	max-width: 900px;
	margin: 0 auto 70px;
}

.pill-tag {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 8px 18px;
	background: #1e3f6b;
	border-radius: 30px;
	font-size: 13px;
	font-weight: 500;
}

.pill-tag .dot {
	width: 10px;
	height: 10px;
	background: #f6ff9c;
	border-radius: 50%;
}

.main-title {
	font-size: 42px;
	font-weight: 500;
	margin: 22px 0 16px;
}

.subtitle {
	font-size: 16px;
	opacity: 0.95;
}

/* Process Wrapper */
.process-wrapper {
	background: #fff;
	border-radius: 26px;
	position: relative;
}

/* Cards */
/* .process-card {
	text-align: center;
	padding: 40px 28px;
	height: 100%;
} */

.process-card h3 {
	font-weight: 500;
	margin-bottom: 10px;
	color: #000;
	font-size: 20px;
}



/* Step Number */
.step-num {
	display: block;
	font-size: 32px;
	font-weight: 500;
	color: #9bb100;
	margin-bottom: 16px;
}

/* Active card */
.process-card.active {
	background: linear-gradient(150deg, #fdb743 0%, #fdb743 35%, #0c2856 90%);
	border-radius: 20px;
	color: #fff;
	/* transform: translateY(40px); */
}


.step-num.white {
	color: #fff;
}

/* Responsive */
@media (max-width: 992px) {
	.main-title {
		font-size: 32px;
	}

	.process-card.active {
		transform: translateY(0);
		margin: 20px 0;
	}
}

@media (max-width: 576px) {
	.main-title {
		font-size: 26px;
		line-height: 34px;
	}

	.business-section {
		padding-bottom: 90px;
	}

	.why-item p {
		font-size: 16px;
	}
}


.testimonial-section {
	background: #fbfbf2;
	padding: 80px 0;
	font-family: "Manrope", Helvetica, Arial, sans-serif;
}

/* Heading */
.section-tag {
	font-size: 13px;
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 14px;
}

.section-tag span {
	width: 10px;
	height: 10px;
	background: #9bb100;
	border-radius: 50%;
}

.testimonial-title {
	font-size: 42px;
	font-weight: 500;
}

.testimonial-title span {
	color: #fdb743;
}

/* Image */
.testimonial-image img {
	width: 100%;
	border-radius: 24px;
	object-fit: cover;
}

/* Nav buttons */
.custom-nav {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: linear-gradient(145deg, #fdb743, #0c2856);
	color: #fff;
}

.custom-nav::after {
	font-size: 16px;
}

/* Cards */
.testimonial-card {
	background: #757171;
	border-radius: 28px;
	padding: 28px;
	position: relative;
	height: 100%;
}

.stars {
	color: #ffc107;
	font-size: 24px;
}

.testimonial-card h4 {
	font-size: 18px;
	color: #fff;
	line-height: 1.6;
	margin-bottom: 10px;
}

.testimonial-card p {
	font-size: 16px;
	color: #fff;
	line-height: 1.5;
}

/* Client */
.client-info {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 20px;
}

.client-info img {
	width: 46px;
	height: 46px;
	border-radius: 50%;
}

.client-info h6 {
	margin: 0;
	font-size: 14px;
	color: #fff;
}

.client-info span {
	font-size: 12px;
	color: #eee;
}

/* Quote icon */
.quote {
	position: absolute;
	right: 20px;
	bottom: 16px;
	font-size: 48px;
	opacity: 0.2;
	color: #fff;
}

/* Responsive */
@media (max-width: 992px) {
	.testimonial-title {
		font-size: 30px;
	}
}

.testimonial-nav {
	display: flex;
	gap: 14px;
	margin-top: 50px;
	margin-bottom: 30px;
}

.swiper-button-prev::after,
.swiper-button-next::after {
	display: none;
}

/* Arrow circle */
.custom-arrow {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: linear-gradient(150deg, #fdb743 0%, #fdb743 35%, #0c2856 90%);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: static;
	/* IMPORTANT */
}

/* White arrow icon */
.custom-arrow::before {
	content: '';
	width: 14px;
	height: 14px;
	border-top: 2.5px solid #fff;
	border-right: 2.5px solid #fff;
	transform: rotate(45deg);
}

/* Left arrow rotation */
.swiper-button-prev::before {
	transform: rotate(-135deg);
}


.brand-strip {
	/* background: linear-gradient(150deg, #fc7d37 0%, #fdb743 35%, #0c2856 90%); */
	padding: 30px 0;
}

/* Logo styling */
.brand-logo {
	width: 130px;
	letter-spacing: 2px;
	/* filter: grayscale(100); */
}

.brand-logo:hover {
	filter: grayscale(0);
}


/* Text logo style */
.text-logo {
	font-size: 18px;
	line-height: 1.1;
	letter-spacing: 1px;
}

/* Responsive */
@media (max-width: 768px) {
	.brand-logo {
		font-size: 28px;
	}

	.text-logo {
		font-size: 14px;
	}
}


.faq-section {
	padding: 80px 0;
	font-family: "Manrope", Helvetica, Arial, sans-serif;
}

/* Left text */
.faq-small-title {
	font-size: 14px;
	color: #555;
	margin-bottom: 12px;
}

.faq-title {
	font-size: 42px;
	font-weight: 500;
	line-height: 1.2;
}

.faq-title span {
	color: #ff8c2b;
}

/* Accordion styling */
.faq-accordion .accordion-item {
	border: none;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 12px;
}

.faq-accordion .accordion-button {
	padding: 0;
	font-size: 18px;
	font-weight: 500;
	color: #1f2d3d;
	background: transparent;
	box-shadow: none;
}

.faq-accordion .accordion-button:not(.collapsed) {
	color: #1f2d3d;
	background: transparent;
}

.faq-accordion .accordion-body {
	padding: 0 0 18px;
	font-size: 16px;
	color: #555;
}

.faqs-content-prime {
	position: sticky;
	top: 30px;
}

/* Custom arrow */
.accordion-button::after {
	content: "";
	font-size: 18px;
	transform: rotate(0deg);
	transition: transform 0.3s ease;
}

.accordion-button:not(.collapsed)::after {
	transform: rotate(180deg);
}

/* Responsive */
@media (max-width: 768px) {
	.faq-title {
		font-size: 30px;
	}
}

/* IMAGE STRIP */
.footer-gallery img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	padding-left: 14px;
}

/* FOOTER */
.site-footer {
	background: #0f2a4d;
	color: #cfd6df;
	padding: 70px 0 0px;
	font-family: "Manrope", Helvetica, Arial, sans-serif;
}

.site-footer p {
	font-size: 14px;
	line-height: 1.7;
	margin-bottom: 10px;
}

.site-footer h5 {
	color: #fff;
	font-weight: 500;
	font-size: 20px;
	margin-bottom: 18px;
}

/* Lists */
.site-footer ul {
	list-style: none;
	padding: 0;
}

.site-footer ul li {
	font-size: 14px;
	margin-bottom: 10px;
}

/* Social Icons */
.social-icons {
	display: flex;
	gap: 14px;
	margin-top: 18px;
}

.social-icons a {
	color: #fff;
	font-size: 16px;
}

/* Contact */
.contact-title {
	font-weight: 500;
	color: #000;
	margin-top: 16px;
}



@media (max-width: 992px) {
	.footer-gallery img {
		margin-bottom: 20px;
		border-radius: 20px;
	}
}

@media (max-width: 768px) {
	.footer-gallery img {
		height: 160px;
		margin-bottom: 20px;
	}
}

.footer-copyright-prime {
	/* display: flex; */
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	border-top: 1px solid rgb(77, 76, 76);
	gap: 10px;
	padding: 20px 0;
}

.footer-copyright-text-prime p {
	color: var(--white-color);
	margin: 0;
}

/* breadcrubms*/
/* Hero Section */
.about-hero {
	position: relative;
	padding-top: 80px;
	height: 339px;
	background: url(../images/banner3.jpg) center center / cover no-repeat;
	color: #fff;
	overflow: hidden;
}

/* Dark overlay */
.about-overlay {
	position: absolute;
	inset: 0;
	background: rgba(6, 32, 66, 0.75);
	z-index: 1;
}

/* Content above overlay */
.about-hero .container {
	position: relative;
	z-index: 2;
}

/* Subtitle */
.about-subtitle {
	color: #f5d547;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.5px;
	display: inline-block;
	margin-bottom: 15px;
}

/* Title */
.about-title {
	font-size: 40px;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 8px;
}

/* Breadcrumb */
.breadcrumb-custom {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.8);
}

.breadcrumb-custom a {
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
}

.breadcrumb-custom a:hover {
	color: #f5d547;
}

.breadcrumb-custom .active {
	color: #fff;
	font-weight: 500;
}

/* Bottom gradient fade */
.bottom-gradient {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 120px;
	background: linear-gradient(to bottom, rgba(6, 32, 66, 0) 0%, #062042 100%);
	z-index: 2;
}

/* Responsive */
@media (max-width: 992px) {
	.about-title {
		font-size: 64px;
	}
}

@media (max-width: 576px) {
	.about-hero {
		height: 360px;
	}

	.about-title {
		font-size: 44px;
	}

	.about-subtitle {
		font-size: 14px;
	}
}

/* Section spacing */
.vision-mission-section {
	padding: 80px 0;
	background-color: #f7f9fc;
}

/* Headings */
.section-title {
	font-size: 26px;
	font-weight: 500;
	color: #000;
	margin-bottom: 30px;
}

/* Vision text */
.vision-text {
	font-size: 18px;
	line-height: 1.7;
	color: var(--body-text-color);
}

/* Mission items */
.mission-item {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	margin-bottom: 30px;
}

/* Yellow circle */
.mission-number {
	width: 44px;
	height: 44px;
	background: #f5e24c;
	color: #000;
	font-weight: 500;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

/* Mission content */
.mission-content h5 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 6px;
}

.mission-content p {
	font-size: 16px;
	color: var(--body-text-color);
	line-height: 1.6;
	margin-bottom: 0;
}

/* Responsive */
@media (max-width: 768px) {
	.vision-mission-section {
		padding: 60px 0;
	}

	.vision-text {
		font-size: 16px;
	}
}

.team-section {
	padding: 100px 0;
	/* background: linear-gradient(135deg, #045c5c, #5f8f2d); */
	color: #fff;
	position: relative;
	overflow: hidden;
}

/* Top pill */
.team-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(255, 255, 255, 0.15);
	padding: 8px 16px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 1px;
	margin-bottom: 25px;
}

.team-pill .dot {
	width: 8px;
	height: 8px;
	background: #f5e24c;
	border-radius: 50%;
}

/* Title */
.team-title {
	font-size: 44px;
	line-height: 1.3;
	margin-bottom: 10px;
}

.team-title span {
	color: #f5e24c;
}

/* Team Card */
.team-card {
	background: transparent;
	border-radius: 24px;
	overflow: hidden;
}

/* Image */
.team-card img {
	width: 100%;
	height: 420px;
	object-fit: cover;
	border-radius: 24px;
}

/* Bottom info gradient */
.team-info {
	margin-top: -90px;
	background: linear-gradient(135deg, #0aa39f, #b9e44c);
	padding: 25px 20px;
	border-radius: 0 0 24px 24px;
}

.team-info h5 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 5px;
}

.team-info span {
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: 500;
}

/* Responsive */
@media (max-width: 992px) {
	.team-title {
		font-size: 34px;
	}

	.team-card img {
		height: 360px;
	}
}

@media (max-width: 576px) {
	.team-title {
		font-size: 26px;
	}

	.team-section {
		padding: 70px 0;
	}
}

.project-section {
	padding: 60px 0;
	background: #fbfbf5;
}

/* Image */
.project-image img {
	width: 100%;
	border-radius: 18px;
}

/* Pill */
.pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 14px;
	border-radius: 30px;
	background: #eef3c5;
	font-size: 13px;
	font-weight: 500;
}

.pill .dot {
	width: 8px;
	height: 8px;
	background: #9bb300;
	border-radius: 50%;
}

/* Title */
.project-title {
	font-size: 36px;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 20px;
}

.project-title span {
	background: linear-gradient(150deg, #fc7d37 0%, #fdb743 35%, #0c2856 70%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Text */
.project-text {
	color: var(--body-text-color);
	font-size: 18px;
}

/* Info grid */
.info-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	font-size: 14px;
	margin-top: 20px;
}

/* Feature cards */
.feature-card {
	padding: 25px;
	border-radius: 18px;
	color: #fff;
}

.feature-card.green {
	background: linear-gradient(150deg, #fc7d37 0%, #fdb743 35%, #0c2856 90%);
}

.feature-card.yellow {
	background: linear-gradient(150deg, #fc7d37 0%, #fdb743 35%, #0c2856 90%);
}

/* Benefits card */
.benefits-card {
	background: #fefeea;
	padding: 30px;
	border-radius: 20px;
	border: 1px solid #e5ecb2;
}

.benefits-card h4 {
	font-weight: 500;
}

.benefit-item {
	display: flex;
	gap: 10px;
	margin-top: 20px;
	font-size: 15px;
}

.divider {
	height: 1px;
	background: #ddd;
	margin: 20px 0;
}

/* CTA Card */
.cta-card {
	background: url("/mnt/data/3cc7aafd-fa85-4db9-9737-858be8816c74.png") center/cover no-repeat;
	border-radius: 20px;
	overflow: hidden;
}

.cta-overlay {
	background: rgba(0, 90, 90, 0.85);
	padding: 30px;
	color: #fff;
}

/* Responsive */
@media (max-width: 768px) {
	.project-title {
		font-size: 26px;
	}

	.info-grid {
		grid-template-columns: 1fr;
	}

	.project-text {
		text-align: justify;
	}
}

.overview-section {
	padding: 60px 0;
	background: #15345f;
	color: #fff;
	position: relative;
	overflow: hidden;
}

/* Pill */
.overview-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 14px;
	border-radius: 30px;
	background: rgba(255, 255, 255, 0.15);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 1px;
}

.overview-pill .dot {
	width: 8px;
	height: 8px;
	background: #f5e24c;
	border-radius: 50%;
}

/* Title */
.overview-title {
	font-size: 36px;
	font-weight: 500;
	line-height: 1.3;
	margin: 20px 0;
	color: #fff;
}

.overview-title span {
	color: #f5e24c;
}

/* Text */
.overview-text {
	font-size: 16px;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.85);
	margin-bottom: 10px;
}

/* Image */
.overview-image img {
	width: 100%;
	max-width: 520px;
	border-radius: 20px;
}

/* Right Card */
.overview-card {
	padding: 40px 0;
	border-radius: 26px;
}

/* Check Items */
.check-item {
	display: flex;
	gap: 15px;
	margin-bottom: 20px;
	align-items: center;
}

.check {
	width: 54px;
	height: 54px;
	background: #15345f;
	color: #fff;
	font-weight: 500;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.check-item h5 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 6px;
	color: var(--body-text-color);
}

.check-item p {
	font-size: 14px;
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.9);
}

.lightball p {
	color: var(--body-text-color);
	font-size: 18px;
	max-width: 800px;
}

/* Responsive */
@media (max-width: 992px) {
	.overview-title {
		font-size: 32px;
	}

	.overview-section {
		padding: 70px 0;
	}
}

@media (max-width: 576px) {
	.overview-title {
		font-size: 26px;
	}

	.overview-card {
		padding: 30px 0;
	}
}



.benefits-section {
	padding: 60px 0;
	background: #ffffff;
}

/* Pill */
.benefits-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 18px;
	border-radius: 40px;
	background: #f4f8c9;
	color: #7b8f00;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 1px;
}

.benefits-pill .dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #8fa400;
}

/* Title */
.benefits-title {
	font-size: 40px;
	font-weight: 500;
	line-height: 1.25;
	color: #2b2b2b;
}

.grad-teal {
	background: linear-gradient(90deg, #0aa39f, #1fb9b2);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.grad-green {
	background: linear-gradient(90deg, #8dbf28, #cfe84d);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Right text */
.benefits-text {
	color: var(--body-text-color);
	font-size: 16px;
	line-height: 1.7;
}

/* Cards */
.benefit-card {
	height: 100%;
	padding: 34px 28px;
	border-radius: 26px;
}

.benefit-card.light {
	background: #fbfde8;
	border: 1px solid #eef3c5;
}

/* .benefit-card.active {
	background: linear-gradient(135deg, #0aa39f, #8dbf28);
	color: #fff;
} */

.benefit-card .icon {
	font-size: 28px;
	color: #8fa400;
	margin-bottom: 18px;
}

.benefit-card.active .icon {
	color: #fff;
}

.benefit-card h3 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 10px;
	line-height: 26px;
}

.benefit-card p {
	font-size: 15px;
	margin: 0;
	color: inherit;
}

/* Responsive */
@media(max-width:992px) {
	.benefits-title {
		font-size: 34px;
	}
}

@media(max-width:576px) {
	.benefits-title {
		font-size: 26px;
	}

	.benefits-section {
		padding: 60px 0;
	}
}

/* Card */
.contact-card {
	max-width: 700px;
	background: #e7e2ff;
	border-radius: 20px;
	padding: 30px;
	box-shadow: 0 0 0 1px #f0f0f0;
}

/* Title */
.contact-title {
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 30px;
}

/* Inputs */
.custom-input {
	height: 54px;
	border-radius: 10px;
	background: #f7f7f7;
	border: 1px solid #e9e9e9;
	font-size: 16px;
	padding: 12px 16px;
}

.custom-input:focus {
	background: #f7f7f7;
	border-color: #d9d9d9;
	box-shadow: none;
}

textarea.custom-input {
	height: auto;
	resize: none;
}

.send-btn:hover {
	background: #f7df2e;
	color: #000;
}

@media (max-width: 1366px) {
	.contact-title {
		font-size: 24px;
	}

	.contact-card {
		padding: 15px;
	}

	.send-btn {
		width: 100% !important;
	}
}

/* Responsive */
@media(max-width:576px) {
	.contact-card {
		padding: 30px 20px;
	}
}




.whatsapp-float {
	position: fixed;
	bottom: 30px;
	right: 5px;
	z-index: 1000;
	background-color: #25d366;
	border-radius: 50%;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.whatsapp-float img {
	width: 40px;
	height: 40px;
}


@media (max-width:767px) {
	.whatsapp-float {
		display: none;
	}
}

.skypipe-pro {
	padding: 80px 0;
	background: #f7f9fc;
	color: #1f2933;
}

/* Headings */
.skypipe-header {
	/* max-width: 900px; */
	margin-bottom: 32px;
}

.skypipe-header h2 {
	font-size: 32px;
	font-weight: 500;
	margin-bottom: 6px;
}

.skypipe-header p {
	font-size: 18px;
	color: var(--body-text-color);
	line-height: 1.6;
}

.specs-head {
	margin-top: 80px;
}

/* Tables */
.table-wrap {
	overflow-x: auto;
}

.pro-table {
	width: 100%;
	border-collapse: collapse;
	background: #ffffff;
	border: 1px solid #e5e7eb;
}

.pro-table th,
.pro-table td {
	padding: 18px 22px;
	font-size: 18px;
	line-height: 1.6;
	vertical-align: top;
	border-bottom: 1px solid #e5e7eb;
}

.pro-table thead th {
	font-weight: 500;
	background: #15345f;
	text-align: center;
	color: #fff;
}

.pro-table tbody tr:last-child td,
.pro-table tbody tr:last-child th {
	border-bottom: none;
}

/* Specs Table */
.specs-table th {
	width: 30%;
	font-weight: 500;
	background: #eff5ff;
	color: #374151;
}

.specs-table td {
	width: 70%;
	color: #111827;
}

/* Responsive refinement */
@media (max-width: 768px) {
	.skypipe-header h2 {
		font-size: 26px;
		line-height: 36px;
	}

	.pro-table th,
	.pro-table td {
		padding: 14px 16px;
		font-size: 16px;
	}
}

.process-item {
	margin: 0 auto;
}

.process-icon {
	width: 70px;
	height: 70px;
	margin: 0 auto 22px;
	background: #132f5b;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.process-icon i {
	font-size: 28px;
	color: #ffffff;
}

.process-icon img {
	width: 120px;
	height: 70px;
	border-radius: 50%;
}

.process-item h3 {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 8px;
	color: #111827;
}

.process-item p {
	font-size: 18px;
	line-height: 1.7;
	color: var(--body-text-color);
}

/* Arrow styling */
.process-arrow {
	align-items: center;
	justify-content: center;
	font-size: 28px;
	color: #111827;
}

/* Responsive */

@media (max-width: 1400px) {
	.process-item h3 {
		font-size: 20px;
		line-height: 28px;
	}

	.process-item p {
		font-size: 16px;
	}
}

@media (max-width: 991px) {
	.process-item {
		margin-bottom: 20px;
	}
}

.faq img {
	border-radius: 20px;
}

.skylight-hero {
	position: relative;
	padding: 120px 0 40px;
	background: url("../images/banner1.jpg") center center / cover no-repeat;
	overflow: hidden;
}

.skylight-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to right,
			rgba(5, 15, 30, 0.85) 0%,
			rgba(5, 15, 30, 0.65) 50%,
			rgba(5, 15, 30, 0.4) 100%);
	z-index: 0;
}

/* Text */
.hero-tag {
	display: inline-block;
	font-size: 14px;
	letter-spacing: 1px;
	color: #93c5fd;
	margin-bottom: 14px;
	text-transform: uppercase;
}

.skylight-hero h1 {
	font-size: 34px;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 20px;
	color: #fff;
}

.skylight-hero p {
	font-size: 16px;
	color: #dde5ef;
	line-height: 1.7;
	text-align: justify;
}

.hero-features {
	margin-top: 25px;
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
}

.hero-features span {
	font-size: 14px;
	color: #e5e7eb;
}

/* Visual */
.light-visual {
	position: relative;
	height: 360px;
}


/* Floor glow */
.floor-glow {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.25), transparent);
}

/* Responsive */
@media (max-width: 992px) {
	.skylight-hero h1 {
		font-size: 36px;
	}

	.light-visual {
		margin-top: 50px;
	}
}


@media (max-width: 768px) {
	.skylight-hero h1 {
		font-size: 28px;
	}

	.light-visual {
		margin-top: 50px;
	}
}




.skylight-hero-pro {
	padding: 120px 0;
	background: linear-gradient(180deg, #020617, #0f172a);
	color: #fff;
	overflow: hidden;
	font-family: "Inter", sans-serif;
}

/* TEXT */
.hero-tag {
	font-size: 13px;
	letter-spacing: 1.5px;
	color: #ffffff;
	text-transform: uppercase;
}

.hero-text h1 {
	font-size: 52px;
	font-weight: 500;
	margin: 18px 0;
}

.hero-text p {
	color: #ffffff;
	font-size: 16px;
	line-height: 1.7;
	max-width: 520px;
}

.hero-points {
	margin-top: 28px;
	display: flex;
	gap: 22px;
	font-size: 14px;
}

/* VISUAL */
.skylight-visual {
	position: relative;
	height: 420px;
}

/* SUN */
.sun {
	position: absolute;
	top: -40px;
	left: 30px;
	width: 120px;
	height: 120px;
	background: radial-gradient(circle, #fde68a, #facc15);
	border-radius: 50%;
	animation: sunPulse 6s infinite alternate;
}

/* RAYS */
.ray {
	position: absolute;
	top: 40px;
	left: 90px;
	width: 520px;
	height: 4px;
	background: linear-gradient(to right, #fde68a, transparent);
	opacity: 0.7;
	animation: rayMove 5s infinite ease-in-out;
}

.ray-2 {
	top: 80px;
	animation-delay: 1s;
}

.ray-3 {
	top: 120px;
	animation-delay: 2s;
}

/* ROOF */
.roof {
	position: absolute;
	top: 160px;
	width: 100%;
	height: 8px;
	background: #9ca3af;
	border-radius: 4px;
}

/* DOMES */
.dome {
	position: absolute;
	top: 135px;
	width: 36px;
	height: 36px;
	background: linear-gradient(#e5e7eb, #9ca3af);
	border-radius: 50%;
	animation: domeGlow 3s infinite alternate;
}

.dome-1 {
	left: 15%;
}

.dome-2 {
	left: 45%;
	animation-delay: 1s;
}

.dome-3 {
	left: 75%;
	animation-delay: 2s;
}

/* BEAMS */
.beam {
	position: absolute;
	top: 168px;
	width: 110px;
	height: 240px;
	background: linear-gradient(to bottom,
			rgba(255, 255, 255, 0.7),
			rgba(255, 255, 255, 0.05));
	filter: blur(4px);
	animation: beamFlow 4s infinite alternate;
}

.beam-1 {
	left: 12%;
}

.beam-2 {
	left: 42%;
	animation-delay: 1s;
}

.beam-3 {
	left: 72%;
	animation-delay: 2s;
}

/* FLOOR */
.floor {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.35), transparent);
}

/* ANIMATIONS */
@keyframes sunPulse {
	from {
		box-shadow: 0 0 40px #fde68a;
	}

	to {
		box-shadow: 0 0 80px #fde68a;
	}
}

@keyframes rayMove {
	from {
		transform: translateX(0);
		opacity: 0.4;
	}

	to {
		transform: translateX(40px);
		opacity: 0.9;
	}
}

@keyframes domeGlow {
	from {
		box-shadow: 0 0 0 rgba(255, 255, 255, 0);
	}

	to {
		box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
	}
}

@keyframes beamFlow {
	from {
		opacity: 0.4;
	}

	to {
		opacity: 0.9;
	}
}

/* RESPONSIVE */
@media (max-width: 992px) {
	.hero-text h1 {
		font-size: 38px;
	}

	.skylight-visual {
		margin-top: 60px;
	}
}


.skylight-hero-unique {
	padding: 60px 0;
	background: #0b1220;
	color: #ffffff;
	font-family: "Inter", sans-serif;
	overflow: hidden;
}

/* TEXT */
.hero-chip {
	display: inline-block;
	font-size: 12px;
	letter-spacing: 1.4px;
	color: #93c5fd;
	text-transform: uppercase;
	margin-bottom: 16px;
}

.skylight-hero-unique h1 {
	font-size: 50px;
	font-weight: 500;
	line-height: 1.15;
	margin-bottom: 20px;
}

.skylight-hero-unique p {
	font-size: 16px;
	color: #cbd5e1;
	max-width: 520px;
	line-height: 1.7;
}

.hero-metrics {
	margin-top: 30px;
	display: flex;
	gap: 30px;
	padding: 0;
	list-style: none;
}

.hero-metrics li {
	font-size: 14px;
	color: #e5e7eb;
}

.hero-metrics strong {
	display: block;
	font-size: 22px;
	color: #ffffff;
}

/* VISUAL STAGE */
.product-stage {
	position: relative;
	height: 420px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

/* PRODUCT IMAGE */
.product-image {
	width: 220px;
	z-index: 3;
	animation: floatProduct 6s ease-in-out infinite;
}

/* LIGHT CONE */
.light-cone {
	position: absolute;
	top: 120px;
	width: 260px;
	height: 240px;
	background: linear-gradient(to bottom,
			rgba(255, 255, 255, 0.5),
			rgba(255, 255, 255, 0.05));
	clip-path: polygon(40% 0, 60% 0, 100% 100%, 0 100%);
	filter: blur(6px);
	animation: pulseLight 4s ease-in-out infinite;
	z-index: 2;
}

/* GRID FLOOR */
.grid-floor {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 160px;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
	background-size: 30px 30px;
	opacity: 0.4;
	z-index: 1;
}

/* ANIMATIONS */
@keyframes floatProduct {

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

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

@keyframes pulseLight {

	0%,
	100% {
		opacity: 0.4;
	}

	50% {
		opacity: 0.85;
	}
}

/* RESPONSIVE */
@media (max-width: 992px) {
	.skylight-hero-unique h1 {
		font-size: 36px;
	}

	.product-stage {
		margin-top: 60px;
	}
}

.trust-points {
	padding: 60px 0;
	background: #ffffff;
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
}

.trust-item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	max-width: 260px;
	margin: 0 auto;
}

.trust-item p {
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	color: #000;
	text-align: left;
	line-height: 1.4;
}

.check-icon {
	width: 48px;
	height: 48px;
	background: #ffef6e;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.check-icon i {
	font-size: 20px;
	color: #000;
}

.lightpipe-hero {
	position: relative;
	min-height: 360px;
	display: flex;
	align-items: center;
	background: url("../images/banner1.jpg") center/cover no-repeat;
	font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
	color: #ffffff;
}

/* Dark overlay */
.lightpipe-hero .overlay {
	position: absolute;
	inset: 0;
	background: rgba(15, 30, 45, 0.85);
}

/* Content above overlay */
.lightpipe-hero .container {
	position: relative;
	z-index: 2;
}

/* Heading */
.hero-title {
	font-size: 34px;
	font-weight: 500;
	margin-bottom: 22px;
	color: #fff;
}

/* Paragraph */
.hero-text {
	font-size: 17px;
	line-height: 1.8;
	color: #e5e7eb;
	max-width: 1000px;
	margin: 0 auto;
}

/* Responsive */
@media (max-width: 768px) {
	.hero-title {
		font-size: 30px;
		line-height: 36px;
	}

	.hero-text {
		font-size: 18px;
	}

	.lightpipe-hero {
		min-height: 300px;
		padding: 60px 0;
	}

	.trust-item {
		max-width: 100%;
	}
}

.daylight-problem-section {
	padding: 100px 0;
	background: #f9fafb;
	font-family: "Inter", "Manrope", sans-serif;
	color: #0f172a;
}

/* Label */
.section-label {
	font-size: 13px;
	letter-spacing: 1.6px;
	color: #2563eb;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 14px;
}

/* Title */
.section-title {
	font-size: 32px;
	font-weight: 500;
	line-height: 1.25;
	margin-bottom: 18px;
}

/* Intro */
.section-intro {
	font-size: 16px;
	color: #475569;
	line-height: 1.7;
	max-width: 520px;
	margin-bottom: 28px;
}

/* Problem list */
.problem-list {
	list-style: none;
	padding: 0;
	margin: 0 0 30px;
}

.problem-list li {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	font-size: 15px;
	color: #1e293b;
	margin-bottom: 14px;
	line-height: 1.6;
}

.problem-list .dot {
	width: 8px;
	height: 8px;
	background: #ef4444;
	border-radius: 50%;
	margin-top: 7px;
	flex-shrink: 0;
}

/* Solution note */
.solution-note {
	padding-left: 18px;
	border-left: 3px solid #2563eb;
	font-size: 15px;
	color: #0f172a;
	max-width: 520px;
}

/* Right visual */
.problem-visual {
	display: flex;
	justify-content: center;
}

.visual-card {
	background: #ffffff;
	border-radius: 16px;
	padding: 32px;
	width: 100%;
	max-width: 420px;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}

.visual-card h4 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 26px;
}

/* Visual rows */
.visual-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 18px;
	gap: 20px;
}

.visual-row span {
	font-size: 14px;
	color: #334155;
	white-space: nowrap;
}

/* Bars */
.bar {
	height: 8px;
	width: 100%;
	border-radius: 6px;
	background: #e5e7eb;
	position: relative;
	overflow: hidden;
}

.bar.active::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, #ef4444, #f97316);
	animation: pulse 2.5s infinite ease-in-out;
}

.bar.inactive::after {
	content: "";
	position: absolute;
	inset: 0;
	background: #94a3b8;
	opacity: 0.4;
}

/* Animation */
@keyframes pulse {
	0% {
		opacity: 0.4;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0.4;
	}
}

/* Responsive */
@media (max-width: 992px) {
	.section-title {
		font-size: 30px;
	}

	.problem-visual {
		margin-top: 40px;
	}
}



/* Wrapper */
.contact-wrapper {
	border-radius: 24px;
	overflow: hidden;
}


/* Form Box */
.contact-form-box {
	height: 100%;
	padding: 50px 45px;
	background: linear-gradient(135deg, #fc7d37, #fdb743, #063272);
	color: #fff;
}

.contact-form-box h2 {
	font-size: 32px;
	font-weight: 500;
	margin-bottom: 45px;
	color: #fff;
}

.contact-form-box p {
	font-size: 15px;
	opacity: 0.9;
	margin-bottom: 0px;
}

/* Labels */
.contact-form-box label {
	font-size: 14px;
	margin-bottom: 6px;
}

/* Inputs */
.contact-form-box .form-control {
	border-radius: 30px;
	padding: 12px 20px;
	border: none;
	font-size: 14px;
	margin-bottom: 20px;
}

.contact-form-box .form-control:hover {
	background-color: #063272;
}

.contact-form-box textarea.form-control {
	border-radius: 18px;
	resize: none;
}

/* Button */
.send-btn {
	width: 50%;
	padding: 14px;
	border-radius: 30px;
	border: none;
	background: #123a7e;
	color: #fff;
	font-weight: 500;
	font-size: 15px;
	line-height:30px;
	transition: all 0.3s ease;
}

.send-btn:hover {
	opacity: 0.9;
	transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 991px) {
	.map-box {
		min-height: 350px;
	}

	.contact-form-box {
		padding: 35px 25px;
	}

	.contact-form-box h2 {
		font-size: 26px;
	}
}


.info-strip {
	padding: 45px 0;
	background: #ffffff;
}

/* Item */
.info-item {
	display: flex;
	align-items: center;
	gap: 18px;
}

/* Icon */
.icon-circle {
	width: 64px;
	height: 64px;
	background: #f4f6b8;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.icon-circle i {
	font-size: 22px;
	color: #6f7b00;
}

/* Text */
.info-text h6 {
	font-size: 18px;
	font-weight: 500;
	margin: 0 0 4px;
	color: #000;
}

.info-text p {
	font-size: 16px;
	color: #6c757d;
	margin: 0;
}

/* Mobile */
@media (max-width: 576px) {
	.info-item {
		justify-content: flex-start;
	}
}


/* services new code*/
.pd-title {
	font-size: 32px;
	font-weight: 500;
}

.pd-info-card {
	background: #fff;
	border-radius: 18px;
	padding: 25px;
	text-align: center;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}

.pd-info-card img {
	width: 50px;
	margin-bottom: 15px;
}

.pd-info-card.highlight {
	background: #fff6e5;
}

.pd-desc {
	max-width: 800px;
	margin: auto;
	color: var(--body-text-color);
}

.pd-main-img {
	border-radius: 20px;
}

.pd-check-list {
	list-style: none;
	padding: 0;
}

.pd-check-list li {
	padding-left: 30px;
	margin-bottom: 15px;
	position: relative;
	font-weight: 500;
}

.pd-check-list li::before {
	content: "✔";
	position: absolute;
	left: 0;
	color: #fbbf24;
}

.pd-flow-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 14px;
}

.pd-flow-item {
	background: #fff;
	padding: 15px 20px;
	border-radius: 30px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
	text-align: center;
}

.pd-flow-item img {
	width: 32px;
	margin-bottom: 6px;
}

.pd-arrow {
	font-size: 22px;
}

.pd-usage-card {
	position: relative;
	border-radius: 18px;
	overflow: hidden;
	min-height: 233px;
}

.pd-usage-card:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(180deg, rgba(16, 75, 90, 0.1) 40.43%, rgba(8, 35, 60, 0.85) 80.61%);
	width: 100%;
	height: 100%;
	z-index: 1;
}

.pd-usage-card img {
	width: 100%;
	height: 180px;
	object-fit: cover;
}

.pd-usage-card p {
	position: absolute;
	bottom: -10px;
	left: 15px;
	color: #fff;
	font-weight: 500;
	z-index: 1;
}

.pd-usage-card span {
	position: absolute;
	top: 12px;
	left: 12px;
	background: #fbbf24;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
}

@media (max-width:768px) {
	.pd-usage-section {
		padding: 40px 0
	}
}

/* Wrapper */
.rrpa-process-wrap {
	background: #ffffff;
}

/* Title */
.rrpa-process-title {
	font-size: 32px;
	background: linear-gradient(150deg, #fc7d37 0%, #fdb743 35%, #0c2856 40%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Horizontal flow */
.rrpa-process-track {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 28px;
	flex-wrap: nowrap;
}

/* Step */
.rrpa-process-step {
	max-width: 160px;
	text-align: center;
}

/* Circle */
.rrpa-process-circle {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: #e2e8f0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 14px;
	box-shadow: inset 0 0 0 6px #f8fafc;
}

/* Highlight first step */
.rrpa-process-circle.sun {
	background: #fde68a;
}

/* Icon */
.rrpa-process-circle img {
	border-radius: 50%;
	width: 100px;
	height: 90px;
}

/* Text */
.rrpa-process-step p {
	font-size: 18px;
	line-height: 1.4;
	color: #334155;
	font-weight: 600;
}

/* Arrow (line-style like image) */
.rrpa-process-arrow {
	width: 40px;
	height: 2px;
	background: #cbd5e1;
	position: relative;
}

.rrpa-process-arrow::after {
	content: "";
	position: absolute;
	right: -6px;
	top: -4px;
	border-left: 8px solid #cbd5e1;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}

/* Responsive */

@media (max-width:1400px) {
	.rrpa-process-track {
		display: flex;
		gap: 0;
	}

}

@media (max-width: 992px) {
	.rrpa-process-track {
		flex-wrap: wrap;
		gap: 40px !important;
	}

	.rrpa-process-arrow {
		display: none;
	}
}

@media (max-width: 768px) {
	.rrpa-process-track {
		display: block;
	}

	.rrpa-process-step {
		max-width: 100%;
		text-align: center;
	}
}

.display-16 {
	font-size: 18px;
}


.leadership-section {
	background: #ffffff;
	padding: 24px;
}

/* Card */
.leader-card {
	text-align: center;
}

/* Name */
.leader-name {
	font-size: 18px;
	font-weight: 600;
	color: #0f172a;
	margin-bottom: 4px;
	text-transform: uppercase;
}

/* Role */
.leader-role {
	font-size: 15px;
	font-weight: 500;
	color: #2563eb;
	margin-bottom: 18px;
}

/* Image */
.leader-img {
	width: 300px;
	height: 300px;
	margin: 0 auto;
	border-radius: 50%;
	overflow: hidden;
}

.leader-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Responsive */
@media (max-width: 768px) {
	.leader-img {
		width: 280px;
		height: 280px;
	}

	.leadership-section {
		background: #ffffff;
		padding: 0;
	}
}



.small-title {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 20px;
}

.main-title {
	font-size: 32px;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 30px;
}

.desc {
	font-size: 16px;
	color: #555;
	max-width: 650px;
	margin-bottom: 50px;
}

.info-box {
	display: flex;
	gap: 15px;
	margin-bottom: 30px;
}

.contact-ico {
	width: 54px;
	height: 54px;
	background: #123a7e;
	text-align: center;
	line-height: 54px;
	border-radius: 50%;
}

.info-icon {
	font-size: 18px;
	margin-top: 3px;
	color: #fff;
}

.info-title {
	font-weight: 700;
	margin-bottom: 5px;
}

.info-text a {
	color: #1f1e1e;
	font-size: 18px;
}

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

.site-footer .footer-list li a {
	color: #fff;
}

.application-grid {
	padding: 80px 0;
	background: #f8fbff;
}

.app-card {
	position: relative;
	padding: 40px;
	border-radius: 20px;
	height: 100%;
	overflow: hidden;
	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
}

/* Background icon */
.card-bg-icon {
	position: absolute;
	right: 25px;
	bottom: 0px;
	font-size: 120px;
	opacity: 0.12;
	pointer-events: none;
}

/* Card-specific nude colors */
.card-warehouse {
	background: #f6f1ec;
	/* nude beige */
}

.card-warehouse .card-bg-icon {
	color: #c9a98c;
}

.card-manufacturing {
	background: #eef3f1;
	/* light sage */
}

.card-manufacturing .card-bg-icon {
	color: #8fa9a1;
}

.card-commercial {
	background: #f0f8ea;
}

.card-commercial .card-bg-icon {
	color: #abd28f;
}

/* Storage – cool light grey nude */
.card-storage {
	background: #f2e9f3;
}

.card-storage .card-bg-icon {
	color: #b19a9f;
}

/* Text */
.app-card h3 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 15px;
}

.app-card p {
	color: #444;
	max-width: 85%;
}

.app-card ul {
	list-style: none;
	padding: 0;
	margin-top: 15px;
}

.app-card li {
	margin-bottom: 8px;
	font-size: 15px;
}


.app-card h3 {
	font-size: 22px;
	margin-bottom: 15px;
}

.app-card ul {
	padding-left: 0;
	list-style: none;
}

.app-card li {
	margin-bottom: 8px;
	color: #333;
}

.why-daylighting {
	padding: 90px 0;
	background: #ffffff;
}


.expert-cta {
	padding: 80px 0;
	background: linear-gradient(150deg, #fc7c37cf 0%, #fdb643df 35%, #123a7e 100%);
	color: #fff;
	border-radius: 30px;
}

.expert-cta h2 {
	color: #fff;
	font-size: 36px;
}

@media (max-width:768px) {
	.expert-cta h2 {
		font-size: 26px;
		line-height: 34px;
	}
}

.swiper-pagination {
	margin-top: 40px;
	position: relative;
}

.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #cfcfcf;
	opacity: 1;
	margin: 0 6px;
}

.swiper-pagination-bullet-active {
	width: 24px;
	border-radius: 20px;
	background: #052452;
}