.wp-block-template-part {
	background-color: rgba(255, 255, 255, 0.8);
/* Adjust the color and transparency here */
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1000;
/* Ensure the header stays on top of other elements */
	padding-top: 0;
/* Add some padding to the top */
	padding-bottom: 0;
/* Optional: Add some padding to the bottom for balance */
}

/* General button responsiveness */
.wp-block-button__link {
	padding: 10px 20px;
/* Default padding */
	font-size: 16px;
/* Default font size */
}

/* Tablet */
@media (max-width: 1024px) {
	.wp-block-button__link {
		padding: 8px 16px;
	/* Adjust padding for tablet */
		font-size: 14px;
	/* Adjust font size for tablet */
		white-space: nowrap;
	/* Prevent text wrapping */
		width: auto;
	/* Ensure button size adapts */
	}
}

/* Mobile */
@media (max-width: 768px) {
	.wp-block-button__link {
		padding: 6px 12px;
	/* Adjust padding for mobile */
		font-size: 12px;
	/* Adjust font size for mobile */
		white-space: nowrap;
	/* Prevent text wrapping */
		width: auto;
	/* Ensure button size adapts */
	}
}

/* Ensure the specific image group stays in a 2x2 grid on mobile devices */
@media (max-width: 768px) {
	/* Target the columns containing the images */
	.wp-block-group.alignfull .wp-block-columns.alignwide > .wp-block-column > .wp-block-columns.alignwide {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	/* Adds spacing between items */
	}
	
	.wp-block-group.alignfull .wp-block-columns.alignwide > .wp-block-column > .wp-block-columns.alignwide > .wp-block-column {
		flex: 0 0 48%;
		max-width: 48%;
		box-sizing: border-box;
	}
	
	.wp-block-group.alignfull .wp-block-columns.alignwide > .wp-block-column > .wp-block-columns.alignwide > .wp-block-column .wp-block-image {
		width: 100%;
		height: auto;
	}
}

/* For Mobile Devices */
@media only screen and (max-width: 767px) {
	p, ul, ol, li, details, summary {
		font-size: 14px;
	/* Adjusted to 14px for better readability */
	}
}

/* For Tablet Devices */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	p, ul, ol, li, details, summary {
		font-size: 14px;
	/* Keeping 14px consistent on tablets */
	}
}

/* For Mobile Devices */
@media only screen and (max-width: 767px) {
	.responsive-image {
		height: calc(60vw * (634 / 1024));
	/* Adjust height based on 60% cropping */
		overflow: hidden;
	/* Hide any overflow */
		margin-bottom: 0 !important;
	/* Remove any margin below */
	}
	
	.responsive-image img {
		width: 100% !important;
		height: auto !important;
		clip-path: inset(0 0 40% 0);
	/* Crop the bottom 40% of the image */
		object-fit: cover !important;
		border-top-right-radius: 0 !important;
	/* Remove the curve on mobile */
	}
}

/* For Tablet Devices */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.responsive-image {
		height: calc(60vw * (634 / 1024));
	/* Adjust height based on 60% cropping */
		overflow: hidden;
	/* Hide any overflow */
		margin-bottom: 0 !important;
	/* Remove any margin below */
	}
	
	.responsive-image img {
		width: 100% !important;
		height: auto !important;
		clip-path: inset(0 0 40% 0);
	/* Crop the bottom 40% of the image */
		object-fit: cover !important;
		border-top-right-radius: 0 !important;
	/* Remove the curve on tablet */
	}
}

/* Desktop and Larger Devices */
@media only screen and (min-width: 1025px) {
	.responsive-image {
		height: auto;
	/* Maintain original height */
		overflow: visible;
	/* Show full image */
	}
	
	.responsive-image img {
		width: 634px !important;
		height: auto !important;
		clip-path: none;
	/* Show full image on desktop */
		object-fit: cover !important;
		border-top-right-radius: 1000px !important;
	/* Maintain the curve on desktop */
	}
}

/* For Mobile Devices */
@media only screen and (max-width: 767px) {
	.reverse-on-mobile {
		display: flex;
		flex-direction: column-reverse;
	/* Reverse the order of these specific columns */
	}
}

/* For Tablet Devices */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.reverse-on-mobile {
		display: flex;
		flex-direction: column-reverse;
	/* Reverse the order of these specific columns */
	}
}