/* Base styles for h1 to h6 in .container and .diet-container */
.container.split-image[data-block='split-image-block'] h1,
.container.split-image[data-block='split-image-block'] h2,
.container.split-image[data-block='split-image-block'] h3,
.container.split-image[data-block='split-image-block'] h4,
.container.split-image[data-block='split-image-block'] h5,
.container.split-image[data-block='split-image-block'] h6,
.diet-container.split-image[data-block='split-image-block'] h1,
.diet-container.split-image[data-block='split-image-block'] h2,
.diet-container.split-image[data-block='split-image-block'] h3,
.diet-container.split-image[data-block='split-image-block'] h4,
.diet-container.split-image[data-block='split-image-block'] h5,
.diet-container.split-image[data-block='split-image-block'] h6 {
	color: #0c2850;
	font-family: 'Karla', sans-serif;
	font-style: normal;
	/* font-weight: 400; */
}

/* Specific styles for each heading level in .container */
.container.split-image[data-block='split-image-block'] h1 {
	font-size: 64px;
	line-height: 66px;
	color: red;
}

.container.split-image[data-block='split-image-block'] h2 {
	font-size: 48px;
	line-height: 58px;
}

.container.split-image[data-block='split-image-block'] h3 {
	font-size: 40px;
	line-height: 50px;
}

.container.split-image[data-block='split-image-block'] h4 {
	font-family: 'vinila-condensed', 'sans-serif' !important;
	font-size: 32px;
	line-height: 42px;
}

.container.split-image[data-block='split-image-block'] h5 {
	font-size: 24px;
	line-height: 34px;
}

.container.split-image[data-block='split-image-block'] h6 {
	font-size: 18px;
	line-height: 28px;
}

/* Specific styles for each heading level in .diet-container */
.diet-container.split-image[data-block='split-image-block'] h1 {
	font-size: 64px;
	line-height: 66px;
	color: red;
}

.diet-container.split-image[data-block='split-image-block'] h2 {
	font-size: 48px;
	line-height: 58px;
}

.diet-container.split-image[data-block='split-image-block'] h3 {
	font-size: 40px;
	line-height: 50px;
}

.diet-container.split-image[data-block='split-image-block'] h4 {
	font-family: 'vinila-condensed', 'sans-serif' !important;
	font-size: 32px;
	line-height: 42px;
}

.diet-container.split-image[data-block='split-image-block'] h5 {
	font-size: 24px;
	line-height: 34px;
}

.diet-container.split-image[data-block='split-image-block'] h6 {
	font-size: 18px;
	line-height: 28px;
}

/* Mobile styles */
@media (max-width: 998px) {
	.container.split-image[data-block='split-image-block'] h1 {
		font-size: 48px;
		line-height: 56px;
	}

	.image-split-padding-right {
		padding-right: 0px !important;
	}
	.image-split-padding-left {
		padding-left: 0px !important;
	}

	.split-image .grid {
		grid-template-columns: 1fr !important;
	}

	.container.split-image[data-block='split-image-block'] h2 {
		font-size: 38px;
		line-height: 48px;
	}

	.container.split-image[data-block='split-image-block'] h3 {
		font-size: 32px;
		line-height: 40px;
	}

	.container.split-image[data-block='split-image-block'] h4 {
		font-size: 32px;
		line-height: 40px;
		color: #0c2850;
		font-family: 'vinila-condensed', 'sans-serif';
		font-size: 40px;
		font-style: normal;
		font-weight: 900;
		line-height: 48px;
	}

	.container.split-image[data-block='split-image-block'] h5 {
		font-size: 24px;
		line-height: 34px;
	}

	.container.split-image[data-block='split-image-block'] h6 {
		font-size: 18px;
		line-height: 26px;
	}

	.diet-container.split-image[data-block='split-image-block'] h1 {
		font-size: 48px;
		line-height: 56px;
	}

	.diet-container.split-image[data-block='split-image-block'] h2 {
		font-size: 38px;
		line-height: 48px;
	}

	.diet-container.split-image[data-block='split-image-block'] h3 {
		font-size: 32px;
		line-height: 40px;
	}

	.diet-container.split-image[data-block='split-image-block'] h4 {
		font-size: 32px;
		line-height: 40px;
		color: #0c2850;
		font-family: 'vinila-condensed', 'sans-serif';
		font-size: 40px;
		font-style: normal;
		font-weight: 900;
		line-height: 48px;
	}

	.diet-container.split-image[data-block='split-image-block'] h5 {
		font-size: 24px;
		line-height: 34px;
	}

	.diet-container.split-image[data-block='split-image-block'] h6 {
		font-size: 18px;
		line-height: 26px;
	}
}

.container.split-image[data-block='split-image-block'] p,
.diet-container.split-image[data-block='split-image-block'] p {
	color: #0c2850;
	font-family: 'Karla', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 32px;
}

.container.split-image[data-block='split-image-block'] ul,
.diet-container.split-image[data-block='split-image-block'] ul {
	margin-bottom: 32px;
}

.container.split-image[data-block='split-image-block'] ul > li,
.diet-container.split-image[data-block='split-image-block'] ul > li {
	color: #0c2850;
	font-family: 'Karla', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	list-style-type: disc;
	list-style-position: inside;
}

.container.split-image[data-block='split-image-block'] ul > li > p,
.diet-container.split-image[data-block='split-image-block'] ul > li > p {
	color: #0c2850;
	font-family: 'Karla', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	margin-left: 24px;
}

.container.split-image[data-block='split-image-block'] ol,
.diet-container.split-image[data-block='split-image-block'] ol {
	margin-bottom: 32px;
}

.container.split-image[data-block='split-image-block'] ol > li,
.diet-container.split-image[data-block='split-image-block'] ol > li {
	color: #0c2850;
	font-family: 'Karla', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 800;
	line-height: 28px;
	list-style-type: decimal;
	list-style-position: inside;
}

.container.split-image[data-block='split-image-block'] ol > li > p,
.diet-container.split-image[data-block='split-image-block'] ol > li > p {
	color: #0c2850;
	font-family: 'Karla', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	margin-left: 23px;
}

.img-split-img-desktop {
	display: block;
}

/* @media (max-width: 767px) { */
@media (max-width: 998px) {
	.img-split-img-desktop {
		display: none;
	}

	#image-split-main-heading {
		color: #0c2850;
		font-family: 'vinila-condensed', 'sans-serif';
		font-size: 40px;
		font-style: normal;
		font-weight: 900;
		line-height: 48px;
	}
}

.img-split-img-mobile {
	display: none;
}

@media (max-width: 998px) {
	.img-split-img-mobile {
		display: block;
		position: absolute;
		height: 221px !important;
		left: 0;
		right: 0;
	}

	.top-img {
		height: 221px !important;
	}

	.split-img-heading {
		margin-top: 30px;
	}
}

.container.split-image[data-block='split-image-block'] {
	display: flex;
	align-items: stretch;
	min-height: 100vh;
}

.grid.md\:grid-cols-2\.grid-cols-1 {
	display: flex;
}

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

/* .split-img-btn-link {
}

.split-img-btn-link:hover {
} */

.single-atag-link {
	transition: 300ms ease-out;
}

.single-atag-link:hover {
	background-color: #18a19a;
	color: #ffffff;
	transition: 300ms ease-out;
}

.image-split-padding-x {
	padding-left: 120px;
	padding-right: 120px;
}

@media (max-width: 1267px) {
	.image-split-padding-x {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media (max-width: 998px) {
	.image-split-padding-x {
		padding-right: 0px !important;
		padding-top: 0px !important;
		padding-bottom: 40px !important;
		background-color: transparent !important;
	}
}

#split-img-btn:hover .split-img-btn-icon path {
	fill: #18a19a !important;
	transition: 300ms ease-out;
}

.split-img-btn-wrapper {
	cursor: pointer;
	transition: 300ms ease-out;
	transition:
		background-color 300ms ease-out,
		border-color 300ms ease-out;
}

.split-img-btn-wrapper:hover {
	background-color: #18a19a;
	border-color: #18a19a;
	transition: 300ms ease-out;
}

.split-img-btn-wrapper:hover a {
	color: #ffffff !important;
	transition: 300ms ease-out;
}

/* #split-img-btn:hover .split-img-btn-icon path {
	fill: #ffffff !important;
	transition: 300ms ease-out;
} */

/* .split-img-btn-link .split-img-btn-icon path {
	transition: 300ms ease-out;
}

.split-img-btn-link:hover .split-img-btn-icon path {
	fill: #fff;
	transition: 300ms ease-out;
} */