.module-container {
	text-align: center; /* Center aligns all content within the container */
  }
	
	.book-demo-blog {
	  display: flex;
	  flex-direction: column;
	  align-items: center; // Centers the inner container horizontally
	  justify-content: center; // Centers content vertically if needed
	  width: 100%; // Ensures the container takes the full width of its parent
  
	  .module-heading {
		display: flex;
		flex-direction: column;
		align-items: center; /* Centers the inner container horizontally */
		justify-content: center; /* Centers content vertically if needed */
		width: 100%; /* Ensures the container takes the full width of its parent */
	  
		text-align: $alignment; /* Use the variable for text-align */

	
	  .button {
  
	  background: var(--button-color,var(--color-primary,blue));
	  border: var(--button-border-width,1px) var(--button-border-style,solid) var(--button-color,var(--color-primary,blue));
	  border-radius: var(--button-border-radius,var(--border-radius,0));
	  box-shadow: var(--button-shadow,none);
	  box-sizing: border-box;
	  cursor: pointer;
	  display: inline-block;
	  font-family: var(--button-font-family,inherit);
	  font-size: var(--button-font-size,inherit);
	  font-weight: var(--button-font-weight,normal);
	  letter-spacing: var(--button-letter-spacing,0);
	  line-height: var(--button-line-height,1.2);
	  outline: 0;
	  padding: var(--button-padding-y,.75rem) var(--button-padding-x,1.25rem);
	  text-align: center;
	  text-transform: var(--button-text-transform,none);
	  transition: all var(--button-transition-duration,.25s) var(--easing);
	  vertical-align: middle;
		
		
  
	  }
	  
	  
	  .button-wrapper {
		margin: 10px 0; /* Adds space above and below the button */
	  }
	  
	  .button-wrapper .button,
	  .button-wrapper a { /* In case the button is a link */
		background-color: #333333; /* Button background color */
		border: 1px solid #333333; /* Button border color */
		color: #ffffff; /* Text color */
		padding: 10px 20px; /* Padding inside the button */
		text-decoration: none; /* Removes underline from links */
		display: inline-block; /* Allows setting padding and width */
		transition: background-color 0.3s ease, border-color 0.3s ease; /* Smooth transition for hover effect */
	  
		&:hover {
		  background-color: #1a1a1a; /* Slightly darker on hover */
		}
	  }
	  
  
  
	 /* Use media queries to ensure responsiveness */
	 @media (max-width: 767px) {
	  padding: 20px; /* Add padding on smaller screens */
	}
  
	@media (min-width: 768px) {
	  padding: 40px; /* Increase padding on larger screens */
	}
  
	@media (min-width: 2560px) {
	  max-width: 2400px; /* Set a max-width for very large screens */
	  margin: 0 auto; /* Center the container on very large screens */
	}