.cta-container {
  text-align: center; /* Center the content horizontally */
  margin: 2rem auto; /* Add some margin for spacing */
  padding: 2rem; /* Add some padding inside the container */
  background-color: #f2f2f2; /* Optional: Set a light background color */
  border-radius: 5px; /* Add rounded corners */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional: Add a subtle shadow */
  max-width: 800px; /* Set a maximum width for responsiveness */
}

.cta-container h2 {
  font-weight: bold;
  color: DarkViolet;
  font-size: 1.3em; /* Use em unit for better scaling */
  margin-bottom: 1rem; /* Add some space after the heading */
}

.cta-container img {
  width: 100%; /* Make the image responsive */
  display: block; /* Ensure the image behaves like a block element */
  margin-bottom: 1rem; /* Add some space after the image */
}

.cta-container p {
  text-align: justify; /* Keep the justified text alignment */
  margin-bottom: 1rem; /* Add some space after the paragraph */
}

.cta-container a {
  display: inline-block; /* Make the button display as an inline block */
  padding: 10px 20px; /* Add padding to the button */
  text-align: center; /* Center the text within the button */
  text-decoration: none; /* Remove underline from the link */
  color: white; /* Set button text color */
  background-color: #4CAF50; /* Set button background color */
  border: none; /* Remove border from the button */
  border-radius: 5px; /* Add rounded corners to the button */
  cursor: pointer; /* Change cursor to indicate clickability */
}

.cta-container a:hover {
  background-color: #3e8e41; /* Change button background color on hover */
}