/**
 * BHARAT-EU shared newsletter styles
 * Used on Home and Contact.
 * Version 2.6.1
 */

.bharat-newsletter-section {
	max-width: 1550px;
	margin: 0 auto;
	padding: 56px 74px;
	border-radius: 32px;
	background:
		radial-gradient(circle at 92% 12%, rgba(233, 144, 3, .15), transparent 28%),
		linear-gradient(115deg, #173B62 0%, #265A78 55%, #5D8580 100%);
	overflow: hidden;
}

.bharat-newsletter-section .kt-row-column-wrap {
	align-items: center;
	gap: 56px;
}

.bharat-newsletter-copy h2 {
	margin: 20px 0 26px;
	color: #fff;
	font-size: clamp(42px, 5vw, 64px);
	line-height: 1.03;
	letter-spacing: -.03em;
}

.bharat-newsletter-copy p {
	max-width: 650px;
	margin: 0;
	color: rgba(255,255,255,.94);
	font-size: 18px;
	line-height: 1.65;
}

.bharat-newsletter-copy .bharat-contact-eyebrow {
	color: #E4EFD8;
}

.bharat-newsletter-panel {
	padding: 34px 40px;
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 24px;
	background: rgba(255,255,255,.07);
}

.bharat-newsletter-panel-head h3 {
	margin: 0 0 10px;
	color: #fff;
	font-size: 25px;
	line-height: 1.25;
}

.bharat-newsletter-panel-head p {
	margin: 0 0 26px;
	color: rgba(255,255,255,.90);
	font-size: 16px;
	line-height: 1.55;
}

.bharat-newsletter-form,
.bharat-newsletter-form form {
	color: #fff;
}

.bharat-newsletter-form label,
.bharat-newsletter-form .kb-form-field-label {
	color: #fff !important;
}

.bharat-newsletter-form input[type="email"],
.bharat-newsletter-form input[type="text"] {
	min-height: 52px;
	padding: 12px 16px !important;
	border: 1px solid rgba(255,255,255,.30) !important;
	border-radius: 10px !important;
	background: rgba(255,255,255,.97) !important;
	color: #173B62 !important;
}

.bharat-newsletter-form input::placeholder {
	color: #7A8490 !important;
	opacity: 1;
}

.bharat-newsletter-form .kb-checkbox-item,
.bharat-newsletter-form .kb-checkbox-item label,
.bharat-newsletter-form .kb-checkbox-item span,
.bharat-newsletter-form .kb-form-field-checkbox,
.bharat-newsletter-form .kb-form-field-checkbox label,
.bharat-newsletter-form .kb-form-field-checkbox span,
.bharat-newsletter-form .kadence-blocks-form-field.checkbox,
.bharat-newsletter-form .kadence-blocks-form-field.checkbox label,
.bharat-newsletter-form input[type="checkbox"] + label,
.bharat-newsletter-form input[type="checkbox"] ~ label {
	color: #ffffff !important;
	font-size: 14px !important;
	line-height: 1.55 !important;
}

.bharat-newsletter-form .kb-checkbox-item *,
.bharat-newsletter-form .kb-form-field-checkbox *,
.bharat-newsletter-form .kadence-blocks-form-field.checkbox * {
	color: #ffffff !important;
}

.bharat-newsletter-form .kb-checkbox-item a,
.bharat-newsletter-form .kb-form-field-checkbox a,
.bharat-newsletter-form .kadence-blocks-form-field.checkbox a,
.bharat-newsletter-form input[type="checkbox"] ~ label a {
	color: #ffffff !important;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.bharat-newsletter-form .kb-checkbox-item a:hover,
.bharat-newsletter-form .kb-form-field-checkbox a:hover,
.bharat-newsletter-form .kadence-blocks-form-field.checkbox a:hover,
.bharat-newsletter-form input[type="checkbox"] ~ label a:hover {
	color: #E99003 !important;
}

.bharat-newsletter-form input[type="checkbox"] {
	accent-color: #E99003;
}

.bharat-newsletter-form button,
.bharat-newsletter-form .kb-button,
.bharat-newsletter-form input[type="submit"] {
	min-height: 50px;
	padding: 12px 28px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #19809B !important;
	color: #fff !important;
	font-weight: 700 !important;
	transition: .25s ease;
}

.bharat-newsletter-form button:hover,
.bharat-newsletter-form .kb-button:hover,
.bharat-newsletter-form input[type="submit"]:hover {
	background: #E99003 !important;
	color: #fff !important;
}

/* Keep the newsletter visually separated from Recent News on the homepage. */
.home .bharat-newsletter-section,
body.home .bharat-newsletter-section {
	margin-top: 56px;
	margin-bottom: 72px;
}

/* Gentle motion hooks; actual reveal is handled by site.js. */
.bharat-newsletter-copy.bharat-reveal,
.bharat-newsletter-panel.bharat-reveal {
	will-change: transform, opacity;
}
