:root { 
  --background-color: #ffffff; /* Background color for the entire website, including individual sections */
  --default-color: #444444; /* Default color used for the majority of the text content across the entire website */
  --heading-color: #111111; /* Color for headings, subheadings and title throughout the website */
  --accent-color: #c83771; /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
  --surface-color: #ffffff; /* The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */
  --contrast-color: #ffffff; /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */
}

.cta-1{
background-color: #c83771;
  padding: 20px;
  font-size: 1.4rem;
  color: #fff;
  border-radius: 9px;
}

.cta-1:hover{
	color: #000;
	}
	
	.footer{
		background-color: #0d152d !important;
	}
	.section-bg::before {
		background-color: #0d152d !important;
		}