/* * Element: CTA
 * Path: /elements/css/cta.css
 *
 * Base font size assumed to be 16px for em calculations.
 * 36px / 16px = 2.25em
 * 20px / 16px = 1.25em
 * 16px / 16px = 1em
 * 8px / 16px = 0.5em
 * 50px / 16px = 3.125em
 */

.cta-wrapper {
	/* Per request: background-color: #36194C; */
	background-color: #36194C;
	/* Per request: padding 50px top and bottom */
	/* Added 1em left/right padding as a sensible default for mobile */
	padding: 3.125em 1em;
	text-align: center;
	color: #ffffff; /* Inferred from image */
	overflow: hidden; /* Contains floats/margins */
}

.cta-inner-wrapper {
	/* Per request: max width 1440px this should be in center */
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
}

.cta-heading {
	/* Per request: font-family: Figtree; */
	font-family: 'Figtree', sans-serif;
	/* Per request: font-weight: 500; font-style: Medium; */
	font-weight: 500;
	/* Per request: font-size: 36px (2.25em) */
	font-size: 2.25em;
	/* Per request: line-height: 150%; */
	line-height: 1.5;
	/* Per request: letter-spacing: 50%; (0.5em) */
	letter-spacing: 0.5em;
	/* Per request: text-transform: uppercase; */
	text-transform: uppercase;
	text-align: center;
	color: inherit; /* Inherits white color from wrapper */
	margin: 0 0 0.75em; /* Default margin */
	padding: 0;
}

.cta-text {
	/* Per request: font-family: Figtree; */
	font-family: 'Figtree', sans-serif;
	/* Per request: font-weight: 500; font-style: Medium; */
	font-weight: 300;
	/* Per request: font-size: 20px (1.25em) */
	font-size: 1.25em;
	/* Per request: line-height: 150%; */
	line-height: 1.5;
	/* Per request: letter-spacing: 9%; (0.09em) */
	letter-spacing: 0.09em;
	text-align: center;
	color: inherit; /* Inherits white color from wrapper */
	margin: 0 0 1.5em; /* Default margin */
	padding: 0;
}

.cta-button {
	display: inline-block; /* Allows padding and centering */
	/* Per request: font-family: Roboto; */
	font-family: 'Roboto', sans-serif;
	/* Per request: font-weight: 400; font-style: Regular; */
	font-weight: 400;
	/* Per request: font-size: 16px (1em) */
	font-size: 1em;
	/* Per request: line-height: 150%; */
	line-height: 1.5;
	/* Per request: letter-spacing: 0%; */
	letter-spacing: 0;
	/* Per request: border radius 16px (1em at 16px font size) */
	border-radius: 1em;
	/* Per request: padding 8px top/bottom (0.5em), 16px left/right (1em) */
	padding-top:8px;
    padding-bottom:8px;
    padding-left:16px;
    padding-right:16px;
	/* Styles from image */
	background-color: #94268F; /* Approx color from image */
	color: #ffffff;
	border: none;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.cta-button:hover,
.cta-button:focus {
	background-color: #94268F; /* Darker shade for hover */
	color: #ffffff;
	text-decoration: none;
}





/* Responsive (Mobile) */
@media (max-width: 767px) {

.cta-heading {
    
    font-size: 1.2em;
   
}

.cta-text{
 font-size: 1em !important;
 padding-left:10px;
 padding-right:10px;
}

}