/* ==========================================================
   KUNHAR MEDICAL
   FOOTER 01 — CLINICAL LIGHT
   ========================================================== */

.kunhar-f01 {
	--kunhar-f01-base: #f4aead;
	--kunhar-f01-accent: #e44340;
	--kunhar-f01-accent-dark: #c93435;

	--kunhar-f01-ink: #132239;
	--kunhar-f01-text: #4d5c70;

	--kunhar-f01-line: #e4e8ee;
	--kunhar-f01-white: #ffffff;

	--kunhar-f01-bottom-bg: #f4aead;
	--kunhar-f01-bottom-text: #552d33;
	--kunhar-f01-bottom-heading: #552d33;

	position: relative;

	width: 100%;

	margin: 0;
	padding: 0;

	font-family:
		Arial,
		Helvetica,
		sans-serif;

	color:
		var(--kunhar-f01-ink);

	background:
		var(--kunhar-f01-white);

	border-top:
		3px solid
		var(--kunhar-f01-accent);

	overflow: hidden;
}


/* ==========================================================
   CONTAINER
   ========================================================== */

.kunhar-f01-container {
	width: 100%;
	max-width: 1600px;

	margin-right: auto;
	margin-left: auto;

	padding-right: 20px;
	padding-left: 20px;

	box-sizing: border-box;
}


/* ==========================================================
   MAIN FOOTER
   ========================================================== */

.kunhar-f01-main {
	position: relative;
	z-index: 1;

	overflow: hidden;

	background:
		radial-gradient(
			circle at 88% 15%,
			rgba(244, 174, 173, 0.20) 0,
			rgba(244, 174, 173, 0.08) 18%,
			transparent 42%
		),
		linear-gradient(
			135deg,
			var(--kunhar-f01-white) 0%,
			var(--kunhar-f01-white) 58%,
			#fffafa 100%
		);
}


/* ==========================================================
   DECORATION
   ========================================================== */

.kunhar-f01-decoration {
	position: absolute;

	z-index: 0;

	pointer-events: none;
}


.kunhar-f01-decoration--one {
	right: -10%;
	bottom: -165px;

	width: 72%;
	height: 310px;

	border:
		40px solid
		rgba(244, 174, 173, 0.20);

	border-radius: 50%;

	transform:
		rotate(-6deg);
}


.kunhar-f01-decoration--two {
	left: -14%;
	bottom: -210px;

	width: 65%;
	height: 310px;

	border:
		30px solid
		rgba(244, 174, 173, 0.11);

	border-radius: 50%;

	transform:
		rotate(7deg);
}


/* ==========================================================
   GRID
   ========================================================== */

.kunhar-f01-grid {
	position: relative;
	z-index: 2;

	display: grid;

	grid-template-columns:
		minmax(285px, 1.45fr)
		repeat(
			auto-fit,
			minmax(175px, 1fr)
		);

	align-items: start;

	padding-top: 54px;
	padding-bottom: 64px;
}


/* ==========================================================
   BRAND
   ========================================================== */

.kunhar-f01-brand {
	min-width: 0;

	padding-right: 48px;

	text-align:
		var(--kunhar-f01-brand-align, left);
}


/* ==========================================================
   LOGO
   ========================================================== */

.kunhar-f01 .kunhar-f01-logo {
	display: block !important;

	width: 260px !important;
	max-width: 100% !important;

	height: 64px !important;

	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-left:
		var(--kunhar-f01-brand-margin-left, 0) !important;
	margin-right:
		var(--kunhar-f01-brand-margin-right, auto) !important;
	padding: 0 !important;

	background: transparent !important;
	border: 0 !important;

	text-decoration: none !important;

	overflow: visible !important;

	visibility: visible !important;
	opacity: 1 !important;
}


/*
 * IMPORTANT:
 *
 * Do not allow the uploaded image or SVG to determine
 * its own rendered dimensions.
 *
 * The wrapper above gives the logo a real display box,
 * and the image fills that box proportionally.
 */
.kunhar-f01
.kunhar-f01-brand
.kunhar-f01-logo
.kunhar-f01-logo-image {

	display: block !important;

	position: static !important;

	width: 100% !important;
	height: 100% !important;

	max-width: none !important;
	max-height: none !important;

	min-width: 0 !important;
	min-height: 0 !important;

	margin: 0 !important;
	padding: 0 !important;

	object-fit: contain !important;
	object-position: left center !important;

	transform: none !important;

	visibility: visible !important;
	opacity: 1 !important;

	filter: none !important;
}


/* Text fallback only. */

.kunhar-f01
.kunhar-f01-logo--text {
	width: auto !important;
	height: auto !important;
}


.kunhar-f01-site-name {
	font-size: 28px;
	line-height: 1.1;
	font-weight: 700;

	color:
		var(--kunhar-f01-ink);
}


/* ==========================================================
   DESCRIPTION BELOW LOGO
   ========================================================== */

.kunhar-f01-description {
	max-width: 340px;

	margin-top: 34px;
	margin-bottom: 22px;
	margin-left:
		var(--kunhar-f01-brand-margin-left, 0);
	margin-right:
		var(--kunhar-f01-brand-margin-right, auto);

	font-size:
		var(--kunhar-f01-description-font-size, 16px);
	line-height: 1.6;
	font-weight:
		var(--kunhar-f01-description-font-weight, 400);

	text-align:
		var(--kunhar-f01-brand-align, left);

	color:
		var(--kunhar-f01-text);
}


/* ==========================================================
   SOCIAL ICONS
   ========================================================== */

.kunhar-f01-socials {
	display: flex;
	align-items: center;
	justify-content:
		var(--kunhar-f01-brand-justify, flex-start);
	flex-wrap: wrap;

	gap: 12px;
}


.kunhar-f01-socials a {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 42px;
	height: 42px;

	overflow: hidden;

	border-radius: 50%;

	background:
		rgba(244, 174, 173, 0.28);

	color:
		var(--kunhar-f01-accent);

	text-decoration: none;

	transition:
		transform 180ms ease,
		background-color 180ms ease,
		color 180ms ease,
		box-shadow 180ms ease;
}


.kunhar-f01-socials svg {
	width: 18px;
	height: 18px;

	fill: currentColor;
}


.kunhar-f01-socials
.kunhar-f01-icon-image {
	width: 19px;
	height: 19px;

	max-width: 19px;
	max-height: 19px;

	object-fit: contain;
}


.kunhar-f01-socials a:hover {
	transform:
		translateY(-3px);

	background:
		var(--kunhar-f01-accent);

	color: #ffffff;

	box-shadow:
		0 8px 20px
		rgba(228, 67, 64, 0.20);
}


.kunhar-f01-socials a:focus-visible {
	outline:
		3px solid
		rgba(228, 67, 64, 0.30);

	outline-offset: 3px;
}


/* ==========================================================
   COLUMNS
   ========================================================== */

.kunhar-f01-column {
	min-width: 0;

	padding-right: 25px;
	padding-left: 30px;

	border-left:
		1px solid
		var(--kunhar-f01-line);
}


/* ==========================================================
   HEADINGS
   ========================================================== */

.kunhar-f01-heading {
	position: relative;

	display: flex;
	align-items: center;
	justify-content: space-between;

	width: 100%;

	margin: 0;

	padding:
		0 0
		22px;

	border: 0;

	background:
		transparent;

	font: inherit;

	text-align: left;

	color:
		var(--kunhar-f01-ink);

	cursor: default;
}


.kunhar-f01-heading-text {
	font-size: 18px;
	line-height: 1.25;
	font-weight: 700;

	color:
		var(--kunhar-f01-ink);
}


.kunhar-f01-heading::after {
	content: "";

	position: absolute;

	left: 0;
	bottom: 10px;

	width: 34px;
	height: 2px;

	border-radius: 999px;

	background:
		var(--kunhar-f01-accent);
}


.kunhar-f01-toggle {
	display: none;
}


/* ==========================================================
   LINKS
   ========================================================== */

.kunhar-f01-links {
	display: flex;
	flex-direction: column;

	gap: 15px;

	margin: 0;

	padding:
		8px 0
		0;

	list-style: none;
}


.kunhar-f01-links li {
	margin: 0;
	padding: 0;
}


.kunhar-f01-links a {
	position: relative;

	display: inline-block;

	padding-left: 22px;

	font-size: 15px;
	line-height: 1.45;
	font-weight: 400;

	color:
		var(--kunhar-f01-text);

	text-decoration: none;

	transition:
		color 160ms ease,
		transform 160ms ease;
}


.kunhar-f01-links a::before {
	content: "›";

	position: absolute;

	left: 0;
	top: -2px;

	font-size: 24px;
	line-height: 1;

	color:
		var(--kunhar-f01-accent);

	transition:
		transform 160ms ease;
}


.kunhar-f01-links a:hover {
	color:
		var(--kunhar-f01-accent-dark);

	transform:
		translateX(3px);
}


.kunhar-f01-links a:hover::before {
	transform:
		translateX(2px);
}


.kunhar-f01-links a:focus-visible {
	outline:
		2px solid
		var(--kunhar-f01-accent);

	outline-offset: 4px;

	border-radius: 2px;
}


/* ==========================================================
   CONTACT
   ========================================================== */

.kunhar-f01-contact-row {
	display: grid;

	grid-template-columns:
		42px
		minmax(0, 1fr);

	align-items: center;

	gap: 14px;

	margin-bottom: 14px;

	font-size: 15px;
	line-height: 1.5;

	color:
		var(--kunhar-f01-ink);

	text-decoration: none;

	overflow-wrap: anywhere;
}


a.kunhar-f01-contact-row {
	transition:
		color 160ms ease,
		transform 160ms ease;
}


a.kunhar-f01-contact-row:hover {
	color:
		var(--kunhar-f01-accent-dark);

	transform:
		translateX(2px);
}


.kunhar-f01-contact-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 42px;
	height: 42px;

	overflow: hidden;

	border-radius: 50%;

	background:
		rgba(244, 174, 173, 0.25);

	color:
		var(--kunhar-f01-accent);
}


.kunhar-f01-contact-icon svg {
	width: 17px;
	height: 17px;

	fill: currentColor;
}


.kunhar-f01-contact-icon
.kunhar-f01-icon-image {
	width: 19px;
	height: 19px;

	max-width: 19px;
	max-height: 19px;

	object-fit: contain;
}


/* ==========================================================
   BOTTOM BAR
   ========================================================== */

.kunhar-f01-bottom {
	position: relative;
	z-index: 3;

	background:
		var(--kunhar-f01-bottom-bg) !important;

	border-top:
		1px solid
		rgba(0, 0, 0, 0.06);
}


.kunhar-f01-bottom-inner {
	min-height: 72px;

	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 30px;
}


/* ==========================================================
   COPYRIGHT
   IMPORTANT:
   Higher specificity + !important prevents global P styles
   from overriding Footer Manager's selected color.
   ========================================================== */

.kunhar-f01
.kunhar-f01-bottom
.kunhar-f01-bottom-inner
p.kunhar-f01-copyright {

	margin: 0 !important;

	padding: 0 !important;

	font-size: 14px;
	line-height: 1.4;
	font-weight: 400;

	color:
		var(--kunhar-f01-bottom-text) !important;

	background:
		transparent !important;
}


/* ==========================================================
   TAGLINE
   ========================================================== */

.kunhar-f01
.kunhar-f01-bottom
.kunhar-f01-tagline {

	display: flex;
	align-items: center;

	margin: 0;

	font-size: 15px;
	line-height: 1.4;
	font-weight: 700;

	color:
		var(--kunhar-f01-bottom-heading) !important;

	white-space: nowrap;
}


.kunhar-f01
.kunhar-f01-bottom
.kunhar-f01-tagline span {

	color:
		inherit !important;
}


/* ==========================================================
   TAGLINE VISIBILITY
   ========================================================== */

@media (min-width: 768px) {

	.kunhar-f01-tagline.is-hidden-desktop {
		display: none !important;
	}

}


@media (max-width: 767px) {

	.kunhar-f01-tagline.is-hidden-mobile {
		display: none !important;
	}

}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1180px) {

	.kunhar-f01-grid {
		grid-template-columns:
			repeat(
				auto-fit,
				minmax(230px, 1fr)
			);

		row-gap: 42px;
	}


	.kunhar-f01-brand {
		padding-right: 30px;
	}


	.kunhar-f01-column {
		padding-left: 25px;
	}

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

	.kunhar-f01 {
		border-top-width: 2px;
	}


	.kunhar-f01-main {
		background:
			radial-gradient(
				circle at 100% 15%,
				rgba(244, 174, 173, 0.18),
				transparent 35%
			),
			var(--kunhar-f01-white);
	}


	.kunhar-f01-decoration--one {
		right: -110px;
		top: 90px;
		bottom: auto;

		width: 310px;
		height: 140px;

		border-width: 22px;

		opacity: 0.75;
	}


	.kunhar-f01-decoration--two {
		display: none;
	}


	.kunhar-f01-container {
		padding-right: 20px;
		padding-left: 20px;
	}


	.kunhar-f01-grid {
		display: block;

		padding-top: 28px;

		/*
		 * Requested space below the final menu.
		 */
		padding-bottom: 30px;
	}


	/* ---------------------------------------------
	   BRAND
	   --------------------------------------------- */

	.kunhar-f01-brand {
		padding:
			0 0
			22px;
	}


	.kunhar-f01 .kunhar-f01-logo {
		max-width:
			245px !important;
	}


	.kunhar-f01
	.kunhar-f01-brand
	.kunhar-f01-logo
	img.kunhar-f01-logo-image {

		width:
			auto !important;

		max-width:
			245px !important;

		height:
			auto !important;

		max-height:
			50px !important;
	}


	.kunhar-f01-description {
		max-width: 100%;

		margin-top: 22px;
		margin-bottom: 18px;
		margin-left:
			var(--kunhar-f01-brand-margin-left, 0);
		margin-right:
			var(--kunhar-f01-brand-margin-right, auto);

		font-size:
			var(--kunhar-f01-description-font-size, 16px);
		font-weight:
			var(--kunhar-f01-description-font-weight, 400);
		line-height: 1.55;

		text-align:
			var(--kunhar-f01-brand-align, left);
	}


	.kunhar-f01-socials {
		gap: 10px;
	}


	.kunhar-f01-socials a {
		width: 38px;
		height: 38px;
	}


	.kunhar-f01-socials svg {
		width: 16px;
		height: 16px;
	}


	/* ---------------------------------------------
	   ACCORDIONS
	   --------------------------------------------- */

	.kunhar-f01-column {
		padding: 0;

		border-left: 0;

		border-top:
			1px solid
			var(--kunhar-f01-line);
	}


	.kunhar-f01-heading {
		min-height: 58px;

		padding:
			0 4px;

		cursor: pointer;
	}


	.kunhar-f01-heading::after {
		display: none;
	}


	.kunhar-f01-heading-text {
		font-size: 15px;
		font-weight: 700;
	}


	.kunhar-f01-toggle {
		position: relative;

		display: block;

		width: 18px;
		height: 18px;

		flex:
			0 0
			18px;
	}


	.kunhar-f01-toggle::before,
	.kunhar-f01-toggle::after {
		content: "";

		position: absolute;

		left: 50%;
		top: 50%;

		width: 14px;
		height: 2px;

		border-radius: 99px;

		background:
			var(--kunhar-f01-accent);

		transform:
			translate(
				-50%,
				-50%
			);

		transition:
			transform 180ms ease;
	}


	.kunhar-f01-toggle::after {
		transform:
			translate(
				-50%,
				-50%
			)
			rotate(90deg);
	}


	.kunhar-f01-heading[aria-expanded="true"]
	.kunhar-f01-toggle::after {

		transform:
			translate(
				-50%,
				-50%
			)
			rotate(0deg);
	}


	.kunhar-f01-js
	.kunhar-f01-panel {

		display: none;
	}


	.kunhar-f01-js
	.kunhar-f01-heading[aria-expanded="true"]
	+
	.kunhar-f01-panel {

		display: block;
	}


	.kunhar-f01-panel {
		padding:
			0 5px
			22px;
	}


	.kunhar-f01-links {
		gap: 12px;

		padding-top: 0;
	}


	.kunhar-f01-links a {
		font-size: 14px;
	}


	/*
	 * Additional gap after final accordion.
	 */
	.kunhar-f01-column:last-child {
		margin-bottom: 10px;
	}


	/* ---------------------------------------------
	   CONTACT
	   --------------------------------------------- */

	.kunhar-f01-contact-row {
		grid-template-columns:
			36px
			minmax(0, 1fr);

		gap: 12px;

		margin-bottom: 12px;

		font-size: 14px;
	}


	.kunhar-f01-contact-icon {
		width: 36px;
		height: 36px;
	}


	.kunhar-f01-contact-icon svg {
		width: 15px;
		height: 15px;
	}


	/* ---------------------------------------------
	   BOTTOM
	   --------------------------------------------- */

	.kunhar-f01-bottom-inner {
		min-height: 0;

		display: block;

		padding-top: 22px;
		padding-bottom: 22px;
	}


	.kunhar-f01
	.kunhar-f01-bottom
	.kunhar-f01-bottom-inner
	p.kunhar-f01-copyright {

		max-width: 280px;

		font-size: 12px;
		line-height: 1.5;
	}


	.kunhar-f01-tagline {
		margin-top: 16px;

		font-size: 12px;

		white-space: normal;
	}

}


/* ==========================================================
   VERY SMALL MOBILE
   ========================================================== */

@media (max-width: 390px) {

	.kunhar-f01 .kunhar-f01-logo {
		max-width:
			220px !important;
	}


	.kunhar-f01
	.kunhar-f01-brand
	.kunhar-f01-logo
	img.kunhar-f01-logo-image {

		max-width:
			220px !important;
	}


	.kunhar-f01-container {
		padding-right: 16px;
		padding-left: 16px;
	}

}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

	.kunhar-f01 *,
	.kunhar-f01 *::before,
	.kunhar-f01 *::after {

		scroll-behavior:
			auto !important;

		transition-duration:
			0.01ms !important;

		animation-duration:
			0.01ms !important;

		animation-iteration-count:
			1 !important;
	}

}