.hero-section {
		position: relative;
		padding: 80px 0 100;
		overflow: hidden;
		background: #f8faf9;
	}

	.hero-bg {
		position: absolute;
		inset: 0;
		z-index: 0;
	}

	.hero-bg img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		opacity: 0.2;
	}

	.hero-overlay {
		position: absolute;
		inset: 0;
		background: linear-gradient(to right, #f8faf9 40%, rgba(248, 250, 249, 0.95) 60%, transparent);
	}

	.hero-container {
		position: relative;
		z-index: 2;
		max-width: 1200px;
		margin: auto;
		padding: 0 16px;
	}

	.hero-row {
		display: flex;
		align-items: center;
		gap: 48px;
	}

	/* ---------- LEFT CONTENT ---------- */
	.hero-content {
		flex: 0 0 42%;
		max-width: 520px;
	}

	.hero-badge {
		display: inline-block;
		padding: 6px 14px;
		border-radius: 999px;
		background: rgba(0, 102, 95, 0.1);
		color: hsl(174, 100%, 18%);
		font-weight: 600;
		font-size: 14px;
		/* margin-bottom: 24px; */
		
		border: 1px solid rgba(0, 102, 95, 0.2);
	}

	.hero-title {
		font-size: 45px;
		font-weight: 800;
		line-height: 1.1;
		margin-bottom: 24px;
		color: #0f172a;
	}

	.hero-title span {
		color: hsl(174, 100%, 18%);
	}

	.hero-text {
		font-size: 18px;
		color: #475569;
		margin-bottom: 32px;
		max-width: 480px;
	}

	.hero-buttons {
		/* display: flex; */

		gap: 16px;
		flex-wrap: wrap;
	}

	.btn-primary {
		margin-right: 5px;
		background: hsl(174, 100%, 18%);
		color: #fff;
		padding: 14px 15px !important;
		border-radius: 14px;
		font-size: 18px;
		font-weight: 600;
		text-decoration: none;
		box-shadow: 0 12px 24px rgba(0, 0, 0, .15);
	}

	.btn-outline {
		border: 2px solid #e2e8f0;
		color: #334155;
		padding: 14px 32px;
		border-radius: 14px;
		font-size: 0.9rem;
		font-weight: 600;
		text-decoration: none;
		background: #fff;
	}

	/* ---------- SLIDER ---------- */
	.hero-slider-wrapper {
		flex: 0 0 58%;
	}

	.hero-slider {
		position: relative;
		border-radius: 24px;
		overflow: hidden;
		border: 1px solid #e2e8f0;
		box-shadow: 0 20px 40px rgba(0, 0, 0, .15);
	}

	.hero-slide {
		display: none;
	}

	.hero-slide.active {
		display: block;
	}

	.hero-slider img {
		width: 100%;
	}

	.hero-slider img {
		height: 420px;
		object-fit: cover;
	}

	/* ---------- DOTS ---------- */
	.hero-dots {
		display: flex;
		justify-content: center;
		gap: 10px;
		margin-top: 16px;
	}

	.hero-dot {
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: #cbd5e1;
		cursor: pointer;
		transition: all .3s ease;
	}

	.hero-dot.active {
		background: hsl(174, 100%, 18%);
		transform: scale(1.4);
	}

	/* ---------- RESPONSIVE ---------- */
	@media (max-width: 992px) {
		.hero-row {
			flex-direction: column;
			text-align: center;
		}

		.hero-content {
			max-width: 100%;
		}

		.hero-buttons {
			justify-content: center;
		}

		.hero-slider img {
			height: 155px;
		}
	}

	@media (max-width: 992px) {

		.hero-content,
		.hero-slider-wrapper {
			flex: 1 1 100%;
			max-width: 100%;
		}

		.hero-slider img {
			height: 155px;
		}

		#myhealth {
			justify-content: center;
		}
	}

	#myhealth img {
		border-radius: 50%;
	}

	#myhealth {
		margin: 10px 5px;
		display: flex;
		align-content: center;
		align-items: center;

	}

	#mytext {
		font-size: 1.5rem;
		font-weight: 700;
		color: #005c53;
	}

	.btn-primary.focus,
	.btn-primary:active:hover,
	.btn-primary:focus,
	.btn-primary:hover {
		background-color: #007d07;
		border-color: #007d07;
	}

	.section-hero {
		padding: 20px 0;
		background: #f8faf9;
	}

	.section-hero-container {
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 24px;
		position: relative;
	}

	.section-hero-media {
		position: relative;
		height: 360px;
		border-radius: 10px;
		overflow: hidden;
	}

	.section-hero-media img {
		width: 100%;
		height: 100%;
		/* object-fit: cover; */
		display: block;
	}

	/* Overlay */
	.section-hero-overlay {
		position: absolute;
		inset: 0;
		/* background: linear-gradient(
    to right,
    rgba(3, 102, 90, 0.85),
    rgba(3, 102, 90, 0.55),
    rgba(3, 102, 90, 0.15)
  ); */
	}

	/* Content */
	.section-hero-content {
		position: absolute;
		top: 50%;
		left: 64px;
		transform: translateY(-50%);
		max-width: 480px;
		color: #fff;
	}

	.section-hero-eyebrow {
		display: inline-block;
		margin-bottom: 12px;
		padding: 6px 14px;
		border-radius: 999px;
		background: rgba(255, 255, 255, 0.15);
		font-size: 13px;
		font-weight: 600;
		letter-spacing: 0.04em;
	}

	.section-hero-content h2 {
		font-size: 2.4rem;
		font-weight: 800;
		margin-bottom: 12px;
		line-height: 1.2;
	}

	.section-hero-content p {
		font-size: 1.05rem;
		opacity: 0.95;
	}

	@media (max-width: 768px) {
		.section-hero-media {
			height: 155px;
		}

		.section-hero-content {
			left: 24px;
			right: 24px;
			max-width: 100%;
		}

		.section-hero-content h2 {
			font-size: 1.8rem;
		}
		.sectwo{
		margin: 1rem 16px!important; 
		max-width: 95%!important;
	}
	}
	.sectwo{
		margin: 1rem auto; 
		margin-bottom: 4rem; 
		max-width: 1200px;
	}