.image-container {
		width: 55%;
		height: 500px;
		position: relative;
	}

	.content-container {
		width: 45%;
	}


	.image-container img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		transition: opacity 0.5s ease-in-out;
		border-radius: 10px;
	}
	.mob-img-container {
	display: flex;
	align-items: center;
}

.mob-img-container img {
	width: 100%;
	max-width: full; 
	margin: 0 auto; 
	object-fit: contain;
    margin-top: 10px;
}
	.image-container img.active {
		opacity: 1;
		z-index: 1;
	}

	#keyHospitalUseCases {
		position: relative;
		height: 400vh;
		background: white;
	}

	.key-hospital-sticky-wrapper {
		position: sticky;
		top: 0;
		height: 100vh;
		display: flex;
		align-items: center;
	}


	.key-hospital-sticky-wrapper {
		position: sticky;
		top: 0;
		overflow: hidden;
	}

	.key-hospital-content {
		display: flex;
		align-items: center;
		gap: 8.5rem;
		height: 100%;
	}

	.tab-item.active p {
		color: #2D68C4;
		font-weight: 500;
	}

	.tab.active {
		color: #2d68c4;
		box-shadow: #2D68C4;
		border-color: #2d68c4;
	}

	.tab.active svg path {
		stroke: #2d68c4;
	}

	.tab-item.active {
		border-radius: 0px;
		border-bottom: 1px solid #2D68C4;
	}


	.tab-item.active img {
		filter: brightness(1.2);
	}

	.tab-item img {
		filter: grayscale(100%) brightness(0.6);
		opacity: 0.7;
		transition: all 0.3s ease;
	}

	.tab-item.active img {
		filter: none;
		opacity: 1;
	}

	.challenge-section {
		position: relative;
	}

	.text-slider-container {
		margin-top: 48px;
		display: flex;
		justify-content: center;
		width: 100%;
	}

	.text-slider-box {

		border: 1px solid #475569;
		border-radius: 10px;
		width: 90%;
		height: auto;
		min-height: 80px;
		padding: 16px 8px;
	}

	.slider-inner {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	@media (max-width: 768px) {
		.challengeTextSwiper--alt {
			margin: 0 8px;
		}

		.challengeTextSwiper {
			margin: 0 8px;
		}
		.image-container img {
			margin: 0 8px;
	}

	.image-container img.active {
		opacity: 1;
		z-index: 1;
	}
	}

	.nav-btn {
		background: none;
		border: none;
		cursor: pointer;
		flex-shrink: 0;
		transition: opacity 0.3s;
	}

	.nav-btn:hover {
		opacity: 0.7;
	}

	.nav-btn img {
		width: 30px !important;
		height: 30px !important;
	}

	.poppins {
		font-family: "Poppins", sans-serif;
	}

	.challenge-slider-container {
		position: relative;
		width: 100%;
		margin: 0 auto;
		border-radius: 16px;
		overflow: hidden;
	}

	.challenge-image-wrapper {
		position: relative;
		width: 100%;
		height: 400px;
	}

	@media (min-width: 768px) {
		.challenge-image-wrapper {
			height: 520px;
		}
	}

	.challenge-image-wrapper::after {
		content: '';
		position: absolute;
		inset: 0;
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6));
		pointer-events: none;
	}

	.challengeImageSwiper {
		width: 100%;
		height: 100%;
	}

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

	.challenge-text-overlay {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 10;
		width: 90%;
		max-width: 800px;
		text-align: center;
	}

		.challenge-nav-btn {
    position: absolute;
    bottom: 20%;
    z-index: 20;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border: 1px solid #ADADAD;

}
.challenge-nav-btn:hover {
		background: white;
		
	}
@media (min-width: 1024px) {
    .challenge-nav-btn {
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
        border: 1px solid #ADADAD;
    }
} 
	.challenge-nav-btn:hover {
		background: white;
		
	}

	.challenge-prev {
		left: 20px;
	}

	.challenge-next {
		right: 20px;
	}

	.swiper-slide {
		opacity: 0 !important;
		transition: opacity 0.5s ease;
	}

	.swiper-slide-active {
		opacity: 1 !important;
	}

	.tab-button.active p {
		color: #2D68C4 !important;
		font-size: 1.25rem;
	}

	.tab-button.active {
		border-color: #2D68C4 !important;
	}

	.image-section {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 2rem 0;
	}

	
	.required {
		color: #ef4444;
	}


	.icon {
		width: 1rem;
		height: 1rem;
	}

	
	@media (max-width: 768px) {
		#demoModal {
			padding-top: 100px !important;
			padding-bottom: 20px;
			overflow-y: auto;
		}

		
		#closeBtn {
			top: -10px !important;
			right: -7px !important;

		}
	}

	 .tab-item.active p {
        color: #2D68C4!important;
        font-weight: 500;
    }

    .tab.active {
        color: #2d68c4;
        box-shadow: #2D68C4;
        border-color: #2d68c4;
    }

    .tab.active svg path {
        stroke: #2d68c4;
    }




    .tab-item.active img {
        filter: brightness(1.2);
    }
    .tab-btn {
    width: 100%;
    text-align: left;
    padding: 20px 24px;
    border-bottom: 1px solid #E5E7EB;
    transition: all 0.3s ease;
  }

  .tab-btn:hover {
    background-color: #F9FAFB;
  }

  .active-tab {
    border-bottom: 2px solid #2D68C4;
  }

  .tab-title {
    color: #2D68C4!important;
    font-size: 20px;
    font-weight: 500;
  }

  .tab-content {
    margin-top: 10px;
    list-style: disc;
    padding-left: 20px;
    color: #414141;
    font-size: 16px;
    font-weight: 400;
    margin-top: 5px;
  }
  .img-scr{
    width: 100%;
    height: auto;
    }
  #keyHospitalUseCases p {
  color: #1f2937;
}
.custom-label {
  color: #374151;   
}
  /* ── Form styles ── */
    .select-wrapper { position: relative; width: 100%; }
    .select-container { position: relative; }
    .custom-select {
        width: 100%;
        padding: 0.8rem 2.5rem 0.5rem 3rem;
        border-radius: 0.5rem;
        background-color: #D9E2EC66;
        font-size: 12px;
        color: transparent;
        appearance: none;
        transition: padding 0.2s ease;
        box-sizing: border-box;
        border: 1px solid #e2e8f0;
    }
    .custom-select:focus {
        background-color: #ffffff !important;
        border-color: #3563B9 !important;
        color: #4b5563 !important;
        outline: none;
        box-shadow: none;
        padding-left: 1rem;
    }
    .select-container.has-value .custom-select {
        background-color: #ffffff !important;
        color: #4b5563 !important;
        border-color: #cbd5e1 !important;
        padding-left: 1rem !important;
    }
    .custom-label {
        position: absolute;
        left: 2.5rem;
        top: 50%;
        transform: translateY(-50%);
        font-size: 12px;
        color: #374151;
        pointer-events: none;
        transition: all 0.2s ease;
        background-color: transparent;
        padding: 0 0.25rem;
    }
    .required { color: #ef4444; }
    .custom-select:focus + .custom-label,
    .select-container.has-value .custom-select + .custom-label {
        top: 0rem;
        left: 1rem;
        font-size: 10px;
        background-color: white;
        color: #475569;
    }
    .select-icon-left {
        position: absolute;
        top: 50%;
        left: 1rem;
        transform: translateY(-50%);
        width: 1.25rem;
        height: 1.25rem;
        z-index: 2;
        pointer-events: none;
        transition: opacity 0.2s ease;
    }
    .select-container:focus-within .select-icon-left,
    .select-container.has-value .select-icon-left { display: none; }
    .select-container:focus-within .custom-select,
    .select-container.has-value .custom-select { padding-left: 1rem; }
    .select-icon {
        position: absolute;
        top: 55%;
        right: 1rem;
        transform: translateY(-50%);
        pointer-events: none;
        color: #6b7280;
    }
    .icon { width: 1rem; height: 1rem; }
    .custom-select::placeholder { color: transparent; }
    .custom-select::-webkit-calendar-picker-indicator { opacity: 0; pointer-events: none; }
    .custom-select:focus::-webkit-calendar-picker-indicator,
    .select-container.has-value .custom-select::-webkit-calendar-picker-indicator { opacity: 1; pointer-events: auto; }

    /* OTP boxes */
    .otp-box {
        width: 44px;
        height: 48px;
        border-radius: 8px;
        border: 1px solid #d1d5db;
        text-align: center;
        font-size: 14px;
        font-weight: 500;
        background: #f9fafb;
        transition: all 0.2s ease;
        box-sizing: border-box;
    }
    .otp-box:focus {
        background-color: #ffffff !important;
        border-color: #3563B9 !important;
        outline: none;
        box-shadow: none;
        color: #4b5563;
    }
    .otp-wrapper { display: flex; gap: 6px; }

    /* Email row — make Get OTP button stretch full width on mobile */
    .email-otp-row {
        display: flex;
        flex-direction: column;
        gap: 8px;
        width: 100%;
    }
    @media (min-width: 640px) {
        .email-otp-row {
            flex-direction: row;
            align-items: flex-end;
        }
        .email-otp-row .select-wrapper { flex: 1; }
        .email-otp-row #getOtpBtn { flex-shrink: 0; width: auto; }
    }

    /* OTP boxes responsive */
    @media (max-width: 400px) {
        .otp-box { width: 36px; height: 42px; font-size: 13px; }
        .otp-wrapper { gap: 4px; }
    }

    @media (max-width: 768px) {
        #demoModal {
            padding-top: 100px !important;
            padding-bottom: 20px;
            overflow-y: auto;
        }
        #closeBtn { top: -10px !important; right: -7px !important; }
    }