/* Homepage lead-capture card: warm photo background, evenly balanced form card. */

/* Widen the section to match the header's content width (1380px) instead of
   the narrower 1240px shell the other homepage sections share — this card is
   meant to read as a wider, standalone CTA band, not another content row. */
body.home .elementor-2 .elementor-element-7f4b36f.elementor-element > .e-con-inner {
	width: min(1380px, calc(100% - var(--kha-home-gutter, 64px))) !important;
	max-width: none !important;
}

body.home .elementor-2 .elementor-element-7e4df60 {
	width: 100% !important;
}

body.home .elementor-2 .elementor-element-7e4df60:not(.elementor-motion-effects-element-type-background) {
	background: url('/wp-content/uploads/2024/07/background-2-1.jpg') center/cover no-repeat, #b9822e !important;
}

/* The section now moves (via JS) to sit right after the Tin Tức listing.
   Tin Tức already carries generous bottom padding, so only the trailing edge
   needs its own space before the site footer picks up. */
body.home .elementor-2 .elementor-element-7f4b36f {
	padding-bottom: clamp(56px, 5vw, 80px);
}

/* The white card had 30px of air above the first field but only 10px below the
   submit button — fields read as sitting low in the box. Even it out. */
body.home .elementor-2 .elementor-element-d883f03 > .elementor-widget-container {
	padding: clamp(26px, 2.6vw, 32px) clamp(26px, 2.6vw, 32px) !important;
}

@media (max-width: 767px) {
	body.home .elementor-2 .elementor-element-d883f03 > .elementor-widget-container {
		padding: 24px 22px !important;
	}
}

/* Doctor portrait: added via JS (home-register-form.js) ahead of the intro
   copy so the left column reads as a trust badge, not a wall of text. */
body.home .elementor-2 .elementor-element-cdbd392 > .elementor-widget-container {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	margin: 0 !important;
}

body.home .elementor-2 .elementor-element-cdbd392 .kha-register-portrait {
	display: block;
	width: clamp(190px, 17vw, 240px);
	height: auto;
	margin: 0 0 18px;
	filter: drop-shadow(0 16px 28px rgba(52, 30, 4, .38));
}

body.home .elementor-2 .elementor-element-cdbd392 .txtdkh {
	max-width: 36ch;
	text-align: center;
}

@media (max-width: 767px) {
	body.home .elementor-2 .elementor-element-cdbd392 .kha-register-portrait {
		width: clamp(150px, 38vw, 190px);
		margin-bottom: 14px;
	}
}