.mauticform-label {
	font-family: "Open Sans", sans-serif !important;
	font-weight: 500 !important;
	font-size: 16px !important;
}

.mauticform-freetext, .mauticform-helpmessage {
	font-family: "Open Sans", sans-serif !important;
	font-weight: 400 !important;
	font-size: 12px !important;
}

.mauticform-button {	
    background-color: #49a1a7 !important;
    color: #fff !important;
    font-size: 1em !important;
    font-weight: 500 !important;
    line-height: 1.8 !important;
    border-radius: 6px !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
    padding: 8px 70px !important;
    position: relative !important;
    display: inline-block !important;
    overflow: hidden !important;
    border: 0 !important;
    transition: all .3s ease-in !important;
    min-width: 200px !important;
	position: relative !important; /* Add relative positioning */
    overflow: hidden !important; /* Hide overflow to prevent sliding effect outside the button */
    background-image: linear-gradient(to right, #49a1a7 50%, #24727b 50%) !important; /* Use a gradient for the background */
    background-size: 200% 100% !important; /* Double the background size horizontally */
    transition: background-position 0.3s !important; /* Transition the background position */
}

.mauticform-button span {
    position: relative !important; /* Set the position to relative */
    z-index: 2 !important; /* Ensure text appears above the gradient */
}

.mauticform-button:hover {
    background-position: -100% 0 !important; /* Move the background to the right */
}

.mauticform_wrapper {
	margin-left: 0 !important;
	margin-top: 0 !important;
}

.mauticform-helpmessage {
    font-size: 16.2px !important;
}

.bold-library-header, .bold-library-label {
	font-weight: bold !important;
	font-size: 22px !important;
	color: #535cc1 !important;
}

.bold-library-application-heading > div > span {
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 500 !important;
	color: #535cc1 !important;
	font-size: 34.2px !important;
}

.bold-library-application-heading > div {
	text-align: left !important;
}

.library-newsletter-checkbox-group-heading-first > div > span, 
.library-newsletter-checkbox-group-heading > div {
	margin-left: 25px !important;
}

.mauticform-checkboxgrp-row {
	margin-left: 50px !important;
}