body {
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	line-height: 1.7;
	color: #1f2937;
}

.logo {
	max-height: 45px;
}

/* HEADER / NAVBAR */
.navbar {
	background: white;
}

.navbar-nav .nav-link {
	font-weight: 500;
	color: #1f2937;
}

.navbar-nav .nav-link:hover {
	color: #3575bb;
}

.navbar .btn {
	padding: 6px 14px;
	font-size: 14px;
}

/* HERO */
.hero {
	padding: 140px 0 100px;
	color: white;
	text-align: center;

	background:
		linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.55)),
		url('/assets/images/hero.webp');

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.hero p {
	max-width: 700px;
	margin: 0 auto;
}

.hero .btn {
	padding: 12px 28px;
	font-weight: 600;
	border-radius: 8px;
	background: #ffffff;
	color: #111;
}

.hero a{

	color:white;
}

/* SECTIONS */
.section {
	padding: 90px 0;
}

.section-light {
	background: #f9fafb;
}

.section-title {
	text-align: center;
	margin-bottom: 50px;
}

/* CARDS */
.card-clean {
	background: white;
	border-radius: 14px;
	padding: 25px;
	height: 100%;
	box-shadow: 0 8px 20px rgba(0,0,0,0.05);
	transition: 0.2s;
}

.card-clean:hover {
	transform: translateY(-4px);
}

/* ICONS */
.icon {
	font-size: 34px;
	color: #3575bb;
	margin-bottom: 15px;
}

/* GALLERY */
.gallery img {
	border-radius: 12px;
	transition: 0.3s;
}

.gallery img:hover {
	transform: scale(1.03);
}

/* PROCESS */
.process-item {
	background: white;
	padding: 20px 25px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	gap: 15px;
	box-shadow: 0 6px 15px rgba(0,0,0,0.05);
}

.process-icon {
	position: relative;
	width: 48px;
	height: 48px;
	background: #eef2ff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.process-icon i {
	font-size: 18px;
	color: #3575bb;
}

.process-icon span {
	position: absolute;
	top: -6px;
	right: -6px;
	background: #3575bb;
	color: white;
	width: 20px;
	height: 20px;
	font-size: 11px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
}

/* FOOTER */
footer {
	background: #111827;
	color: #d1d5db;
	padding: 40px 0;
}

footer h5, footer h6 {
    color: white;
    margin-bottom: 15px;
}

footer p {
    color: #d1d5db;
    margin-bottom: 6px;
    font-size: 14px;
}

footer a {
	text-decoration: none;
	 color: #d1d5db;
}

.btn-primary {
    background-color: #3575bb;
    border-color: #3575bb;
}

.btn-primary:hover {
    background-color: #2e66a3;
    border-color: #2e66a3;
}

.btn-primary:focus,
.btn-primary:active {
    background-color: #2e66a3;
    border-color: #2e66a3;
    box-shadow: 0 0 0 0.2rem rgba(53, 117, 187, 0.3);
}


.swiper-slide {
    text-align: center;
}

.swiper-button-next,
.swiper-button-prev {
    color: #3575bb;
}

.swiper-pagination-bullet-active {
    background: #3575bb;
}

.swiper-pagination {
    position: relative;
    margin-top: 30px;
}
.swiper-slide img {
    width: 100%;
    height: 400px; /* adjust if needed */
    object-fit: cover;
    border-radius: 12px;
}

input[name="honeypot"] {
	position: absolute;
	left: -2000px;
  }