.hero-section {
	position: relative;
	background: linear-gradient(135deg, #08101d, #0d1730, #08101d);
	overflow: hidden;
	padding: 50px 0 50px 0;
}

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

.hero-content h1 {
	font-size: 40px;
	font-weight: 800;
	line-height: 1.2;
	margin-top: 20px;
	color: #fff;
}

.hero-content h1 span {
	color: #00d4ff;
}

.hero-content p {
	font-size: 15px;
	line-height: 25px;
	margin: 25px 0;
	color: #d7d7d7;
}

.hero-badge {

	display: inline-block;
	padding: 10px 20px;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .15);
	border-radius: 40px;
	color: #00d4ff;
	font-weight: 600;

}

.hero-buttons {

	display: flex;
	gap: 20px;
	margin-top: 35px;
	flex-wrap: wrap;

}

.btn-main {

	background: #00d4ff;
	padding: 15px 35px;
	color: #08101d;
	font-weight: 700;
	border-radius: 8px;
	text-decoration: none;
	transition: .4s;

}

.btn-main:hover {

	background: #fff;
	transform: translateY(-4px);

}

.btn-outline-custom {

	border: 2px solid #00d4ff;
	padding: 15px 35px;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	border-radius: 8px;
	transition: .4s;

}

.btn-outline-custom:hover {

	background: #00d4ff;
	color: #08101d;

}

.hero-features {

	margin-top: 45px;
	display: flex;
	gap: 30px;
	flex-wrap: wrap;

}

.hero-features div {

	font-weight: 500;

}

.hero-features i {

	color: #00d4ff;
	margin-right: 8px;

}

.hero-image {
	text-align: center;

}

.hero-image img {

	width: 100%;
	border-radius: 15px;

}

.floating {

	animation: float 4s ease infinite;

}

@keyframes float {

	0% {
		transform: translateY(0);
	}

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

	100% {
		transform: translateY(0);
	}

}

/* Background Glow */

.shape1 {

	position: absolute;
	top: -150px;
	right: -100px;
	width: 450px;
	height: 450px;
	background: #00d4ff;
	filter: blur(180px);
	opacity: .12;

}

.shape2 {

	position: absolute;
	bottom: -120px;
	left: -120px;
	width: 350px;
	height: 350px;
	background: #0066ff;
	filter: blur(160px);
	opacity: .15;

}

/* Responsive */

@media(max-width:991px) {

	.hero-content {

		text-align: center;
		padding-top: 120px;

	}

	.hero-content h1 {

		font-size: 42px;

	}

	.hero-buttons {

		justify-content: center;

	}

	.hero-features {

		justify-content: center;

	}

	.hero-image {

		margin-top: 50px;
		padding-bottom: 60px;

	}

}

@media(max-width:576px) {

	.hero-content h1 {

		font-size: 34px;

	}

	.hero-content p {

		font-size: 16px;
		line-height: 28px;

	}

	.hero-buttons a {

		width: 100%;
		text-align: center;

	}

	.hero-features {

		gap: 15px;

	}

}

/*==============================
Trusted Section
===============================*/

.trusted-section {

	background: #0b1528;
	padding: 90px 0;

}

.section-tag {

	display: inline-block;
	padding: 8px 18px;
	border-radius: 30px;
	background: #00d4ff20;
	color: #00d4ff;
	font-weight: 600;
	margin-bottom: 20px;

}

.trusted-section h2 {

	font-size: 42px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 20px;

}

.trusted-section h2 span {

	color: #00d4ff;

}

.section-desc {

	max-width: 800px;
	margin: auto;
	font-size: 17px;
	line-height: 32px;
	color: #cfcfcf;

}

.counter-box {

	background: #121d33;
	padding: 40px 25px;
	border-radius: 15px;
	text-align: center;
	transition: .4s;
	height: 100%;
	border: 1px solid rgba(255, 255, 255, .05);

}

.counter-box:hover {

	transform: translateY(-10px);
	border-color: #00d4ff;

}

.counter-box i {

	font-size: 45px;
	color: #00d4ff;
	margin-bottom: 20px;

}

.counter-box h3 {

	font-size: 46px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 10px;

}

.counter-box h6 {

	font-size: 18px;
	color: #d5d5d5;

}

@media(max-width:768px) {

	.trusted-section h2 {

		font-size: 30px;

	}

	.section-desc {

		font-size: 16px;

	}

	.counter-box {

		margin-bottom: 20px;

	}

}

/*==========================
Why Choose Us
===========================*/

.py-100 {
	padding: 100px 0;
}

.why-us {
	background: #08101d;
}

.section-subtitle {

	display: inline-block;
	padding: 8px 18px;
	border-radius: 50px;
	background: rgba(0, 212, 255, .08);
	color: #00d4ff;
	font-weight: 600;
	margin-bottom: 20px;

}

.section-title {

	font-size: 42px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 20px;

}

.section-description {

	color: #c8c8c8;
	font-size: 17px;
	line-height: 30px;

}

.feature-card {

	background: #101a2f;
	border: 1px solid rgba(255, 255, 255, .05);
	border-radius: 18px;
	padding: 35px;
	height: 100%;
	transition: .4s;

}

.feature-card:hover {

	transform: translateY(-10px);
	border-color: #00d4ff;
	box-shadow: 0 15px 35px rgba(0, 212, 255, .15);

}

.feature-icon {

	width: 70px;
	height: 70px;
	border-radius: 15px;
	background: #00d4ff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;

}

.feature-icon i {

	color: #08101d;
	font-size: 30px;

}

.feature-card h4 {

	color: #fff;
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: 600;

}

.feature-card p {

	color: #cfcfcf;
	line-height: 28px;
	margin: 0;

}

@media(max-width:768px) {

	.section-title {

		font-size: 30px;

	}

	.feature-card {

		padding: 30px;

	}

}

.bd-services-section {
	background: #0d1730;
}

.bd-services-subtitle {
	display: inline-block;
	padding: 8px 18px;
	border-radius: 50px;
	background: rgba(0, 212, 255, .08);
	color: #00d4ff;
	font-weight: 600;
	margin-bottom: 20px;
}

.bd-services-title {
	font-size: 42px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 20px;
}

.bd-services-title span {
	color: #00d4ff;
}

.bd-services-desc {
	color: #cfcfcf;
	line-height: 30px;
	font-size: 17px;
}

.bd-service-card {
	background: #111d35;
	padding: 35px;
	border-radius: 18px;
	border: 1px solid rgba(255, 255, 255, .05);
	transition: .4s;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.bd-service-card i {
	font-size: 48px;
	color: #00d4ff;
	margin-bottom: 25px;
}

.bd-service-card h4 {
	color: #fff;
	font-size: 24px;
	margin-bottom: 15px;
}

.bd-service-card p {
	color: #d7d7d7;
	line-height: 30px;
}

.bd-service-card:hover {
	transform: translateY(-10px);
	border-color: #00d4ff;
}

.bd-services-content {
	color: #cfcfcf;
	line-height: 34px;
	font-size: 17px;
	max-width: 1000px;
	margin: auto;
	text-align: center;
}

/*==========================
Process Section
==========================*/

.bd-process-section {

	background: #08101d;

}

.bd-process-subtitle {

	display: inline-block;
	padding: 8px 20px;
	background: rgba(0, 212, 255, .08);
	color: #00d4ff;
	border-radius: 30px;
	font-weight: 600;
	margin-bottom: 20px;

}

.bd-process-title {

	font-size: 42px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 20px;

}

.bd-process-desc {

	color: #cfcfcf;
	font-size: 17px;
	line-height: 32px;

}

.bd-process-card {

	background: #111d35;
	padding: 40px 30px;
	border-radius: 18px;
	position: relative;
	height: 100%;
	transition: .4s;
	border: 1px solid rgba(255, 255, 255, .05);

}

.bd-process-card:hover {

	transform: translateY(-10px);
	border-color: #00d4ff;

}

.bd-process-number {

	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 40px;
	font-weight: 800;
	color: rgba(255, 255, 255, .06);

}

.bd-process-card i {

	font-size: 48px;
	color: #00d4ff;
	margin-bottom: 25px;

}

.bd-process-card h4 {

	color: #fff;
	font-size: 24px;
	margin-bottom: 15px;

}

.bd-process-card p {

	color: #d8d8d8;
	line-height: 30px;

}

@media(max-width:768px) {

	.bd-process-title {

		font-size: 30px;

	}

}

/*==========================
Industries
==========================*/

.bd-industries-section {

	background: #0d1730;

}

.bd-industries-subtitle {

	display: inline-block;
	padding: 8px 20px;
	background: rgba(0, 212, 255, .08);
	color: #00d4ff;
	border-radius: 30px;
	font-weight: 600;
	margin-bottom: 20px;

}

.bd-industries-title {

	font-size: 42px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 20px;

}

.bd-industries-title span {

	color: #00d4ff;

}

.bd-industries-desc {

	color: #cfcfcf;
	line-height: 32px;

}

.bd-industry-card {

	background: #111d35;
	padding: 35px 20px;
	text-align: center;
	border-radius: 18px;
	transition: .4s;
	border: 1px solid rgba(255, 255, 255, .05);
	height: 100%;

}

.bd-industry-card:hover {

	transform: translateY(-10px);
	border-color: #00d4ff;

}

.bd-industry-card i {

	font-size: 45px;
	color: #00d4ff;
	margin-bottom: 20px;

}

.bd-industry-card h5 {

	color: #fff;
	margin: 0;
	font-size: 20px;

}

.bd-industries-content {

	color: #d8d8d8;
	font-size: 17px;
	line-height: 34px;

}

/*==========================
Portfolio
==========================*/

.bd-portfolio-section {
	background: #08101d;
}

.bd-portfolio-subtitle {
	display: inline-block;
	padding: 8px 20px;
	border-radius: 30px;
	background: rgba(0, 212, 255, .08);
	color: #00d4ff;
	font-weight: 600;
	margin-bottom: 20px;
}

.bd-portfolio-title {
	font-size: 42px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 20px;
}

.bd-portfolio-desc {
	color: #d7d7d7;
	line-height: 32px;
}

.bd-portfolio-card {
	background: #111d35;
	border-radius: 20px;
	overflow: hidden;
	transition: .4s;
	border: 1px solid rgba(255, 255, 255, .05);
}

.bd-portfolio-card img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	transition: .4s;
}

.bd-portfolio-card:hover img {
	transform: scale(1.08);
}

.bd-portfolio-content {
	padding: 25px;
}

.bd-portfolio-content span {
	color: #00d4ff;
	font-size: 14px;
	font-weight: 600;
}

.bd-portfolio-content h4 {
	color: #fff;
	margin: 12px 0;
}

.bd-portfolio-btn {
	color: #00d4ff;
	text-decoration: none;
	font-weight: 600;
}

.bd-portfolio-btn:hover {
	color: #fff;
}

/*==========================
 Technologies
==========================*/

.bd-tech-section {
	background: #0d1730;
}

.bd-tech-subtitle {
	display: inline-block;
	padding: 8px 18px;
	border-radius: 30px;
	background: rgba(0, 212, 255, .08);
	color: #00d4ff;
	font-weight: 600;
	margin-bottom: 20px;
}

.bd-tech-title {
	color: #fff;
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 20px;
}

.bd-tech-desc {
	color: #cfcfcf;
	line-height: 30px;
}

.bd-tech-card {

	background: #111d35;
	border-radius: 18px;
	text-align: center;
	padding: 30px 15px;
	border: 1px solid rgba(255, 255, 255, .05);
	transition: .4s;
	height: 100%;

}

.bd-tech-card:hover {

	transform: translateY(-8px);
	border-color: #00d4ff;

}

.bd-tech-card img {

	width: 60px;
	height: 60px;
	object-fit: contain;
	margin-bottom: 20px;

}

.bd-tech-card h6 {

	color: #fff;
	margin: 0;

}

/*==========================
 FAQ
==========================*/

.bd-faq-section {

	background: #0d1730;

}

.bd-faq-subtitle {

	display: inline-block;
	padding: 8px 20px;
	border-radius: 30px;
	background: rgba(0, 212, 255, .08);
	color: #00d4ff;
	font-weight: 600;
	margin-bottom: 20px;

}

.bd-faq-title {

	color: #fff;
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 20px;

}

.bd-faq-desc {

	color: #d7d7d7;
	line-height: 32px;

}

.bd-faq-accordion .accordion-item {

	background: #111d35;
	border: 1px solid rgba(255, 255, 255, .05);
	margin-bottom: 20px;
	border-radius: 12px;
	overflow: hidden;

}

.bd-faq-accordion .accordion-button {

	background: #111d35;
	color: #fff;
	font-weight: 600;
	box-shadow: none;

}

.bd-faq-accordion .accordion-button:not(.collapsed) {

	background: #00d4ff;
	color: #08101d;

}

.bd-faq-accordion .accordion-body {

	background: #111d35;
	color: #d7d7d7;
	line-height: 30px;

}

.accordion-button::after {

	filter: invert(1);

}

/*==========================
 CTA Section
==========================*/

.bd-cta-section {

	padding: 90px 0;

	background: linear-gradient(135deg, #00d4ff, #0066ff);

	position: relative;

	overflow: hidden;

}

.bd-cta-section::before {

	content: "";

	position: absolute;

	width: 300px;

	height: 300px;

	background: rgba(255, 255, 255, .1);

	border-radius: 50%;

	top: -120px;

	right: -80px;

}

.bd-cta-content {

	position: relative;

	z-index: 2;

}

.bd-cta-subtitle {

	display: inline-block;

	padding: 8px 18px;

	background: rgba(255, 255, 255, .15);

	border-radius: 30px;

	font-weight: 600;

	color: #fff;

	margin-bottom: 20px;

}

.bd-cta-content h2 {

	font-size: 42px;

	font-weight: 700;

	color: #fff;

	margin-bottom: 20px;

}

.bd-cta-content p {

	font-size: 17px;

	line-height: 32px;

	color: #f8f8f8;

	margin: 0;

}

.bd-cta-btns {

	display: flex;

	justify-content: end;

	gap: 15px;

	flex-wrap: wrap;

}

.bd-btn-primary {

	background: #fff;

	color: #0066ff;

	padding: 16px 35px;

	font-weight: 700;

	border-radius: 8px;

	text-decoration: none;

	transition: .4s;

}

.bd-btn-primary:hover {

	background: #08101d;

	color: #fff;

}

.bd-btn-outline {

	border: 2px solid #fff;

	padding: 16px 35px;

	border-radius: 8px;

	color: #fff;

	text-decoration: none;

	font-weight: 600;

	transition: .4s;

}

.bd-btn-outline:hover {

	background: #fff;

	color: #0066ff;

}

@media(max-width:991px) {

	.bd-cta-content {

		text-align: center;

		margin-bottom: 40px;

	}

	.bd-cta-btns {

		justify-content: center;

	}

	.bd-cta-content h2 {

		font-size: 32px;

	}

}

/*==========================
Contact
==========================*/

.bd-contact-section {

	background: #08101d;

}

.bd-contact-subtitle {

	display: inline-block;
	padding: 8px 20px;
	background: rgba(0, 212, 255, .08);
	color: #00d4ff;
	border-radius: 30px;
	font-weight: 600;
	margin-bottom: 20px;

}

.bd-contact-title {

	font-size: 42px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 20px;

}

.bd-contact-desc {

	color: #d7d7d7;
	line-height: 30px;

}

.bd-contact-info {

	background: #111d35;
	padding: 40px;
	border-radius: 20px;
	height: 100%;

}

.bd-contact-info h3 {

	color: #fff;
	margin-bottom: 20px;

}

.bd-contact-info p {

	color: #d7d7d7;
	margin-bottom: 35px;

}

.bd-contact-item {

	display: flex;
	margin-bottom: 30px;

}

.bd-contact-item i {

	width: 55px;
	height: 55px;
	background: #00d4ff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	color: #08101d;
	margin-right: 20px;

}

.bd-contact-item h6 {

	color: #fff;
	margin-bottom: 5px;

}

.bd-contact-item a,
.bd-contact-item span {

	color: #d7d7d7;
	text-decoration: none;

}

.bd-contact-form {

	background: #111d35;
	padding: 40px;
	border-radius: 20px;

}

.bd-contact-form .form-control,
.bd-contact-form .form-select {

	background: #08101d;
	border: 1px solid rgba(255, 255, 255, .08);
	color: #fff;
	padding: 15px;

}

.bd-contact-form .form-control::placeholder {

	color: #bfbfbf;

}

.bd-contact-form textarea {

	resize: none;

}

.bd-submit-btn {

	width: 100%;
	padding: 18px;
	background: #00d4ff;
	border: none;
	color: #08101d;
	font-weight: 700;
	border-radius: 8px;
	transition: .3s;

}

.bd-submit-btn:hover {

	background: #fff;

}