/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 11 2025 | 05:42:52 */
/* General Form Styles */
.hs-form .hs-form-field {
    margin-bottom: 20px; 
}
#content > div > div > div.elementor-element.elementor-element-43de4fc2.section-pad-top-lg.section-pad-bottom-lg.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded > div > div {
	width: 80%;
}
.hs-form input,
.hs-form textarea {
    border: 2px solid #515962; 
    border-radius: 4px; 
    padding: 6px 30px 6px 12px; 
    width: 100%; 
    font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;; 
}

/* Label Styles */
.hs-form label {
    font-size: 20px; 
    color: #515962; 
}

/* Button Styles */
.hs-form button {
    background-color: #E98D24; 
    color: #FFFFFF; 
    padding: 15px 45px 15px 45px; 
    border: none;
    border-radius: 200px 200px 200px 200px; 
    cursor: pointer;
    transition: background-color 0.3s; 
}
.hs-button.primary.large {
    width: auto; /* Allow the button to shrink to its content */
    max-width: 300px; /* Set a maximum width for the button */
    margin: 0 auto; /* Center the button horizontally */
    display: block; /* Ensure the button behaves as a block element */
}
.hs-form button:hover {
    background-color: #8ed1fc;
}

[type=button], [type=submit], button {
border: none !important;
}

.hs-form .hs-input {
    border: 2px solid #a4a4a4b8; 
    border-radius: 4px; 
    padding: 6px 30px 6px 12px; 
    width: 100%; 
    font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif; 
    background-color: white; 
    color: #515962;
    cursor: pointer; 
}

.hs-input::-ms-expand {
    display: none; 
}

.hs-input {
    position: relative; /
}

.hs-input:after {
    content: '▼';
    position: absolute;
    right: 10px; 
    top: 50%; 
    transform: translateY(-50%);
    pointer-events: none; 
}

.hs-button {
	text-transform: capitalize;
}



/* Contact Form */
#hsForm_1bfea14b-7bf3-41bf-b41a-2625130e8512 {
    width: 100% !important;
    max-width: 100% !important;
}

/* Ensure form fields and inputs take up full width */
.hs-form fieldset {
    width: 100% !important;
    max-width: 100% !important;
}

.hs-form .hs-form-field {
    width: 100% !important;
    max-width: 100% !important;
}

.hs-form .hs-input {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box; /* Ensure padding and border are included in the width */
}

/* Adjust the layout for multi-column fields */
.hs-form .form-columns-2 .hs-form-field {
    width: 48% !important; /* Adjust as needed for spacing */
    float: left;
    margin-right: 2%; /* Add spacing between columns */
}

.hs-form .form-columns-2 .hs-form-field:nth-child(2n) {
    margin-right: 0; /* Remove margin for the last column */
}

/* Clear floats to prevent layout issues */
.hs-form::after {
    content: "";
    display: table;
    clear: both;
}
/* Become a Champion Form */
/* Make the container full width */
.elementor-element-87bd76a {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto; /* Center the container if needed */
}

/* Ensure the form takes up full width */
#hsForm_f0cde584-16a0-4b81-9077-743a79ea7cb2 {
    width: 100% !important;
    max-width: 100% !important;
}

/* Ensure form fields and inputs take up full width */
.hs-form fieldset {
    width: 100% !important;
    max-width: 100% !important;
}

.hs-form .hs-form-field {
    width: 100% !important;
    max-width: 100% !important;
}

.hs-form .hs-input {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box; /* Ensure padding and border are included in the width */
}

/* Adjust the layout for multi-column fields */
.hs-form .form-columns-2 .hs-form-field {
    width: 48% !important; /* Adjust as needed for spacing */
    float: left;
    margin-right: 2%; /* Add spacing between columns */
}

.hs-form .form-columns-2 .hs-form-field:nth-child(2n) {
    margin-right: 0; /* Remove margin for the last column */
}

/* Clear floats to prevent layout issues */
.hs-form::after {
    content: "";
    display: table;
    clear: both;
}
#\30 -2\/are_you_a_a_part_of_a_national_organisation_-aa8de9f2-d6d5-4f69-b676-08926530ee0e {
	width: 20% !important;
}
li.hs-form-booleancheckbox::marker {
	display: none;
}
#hsForm_aa8de9f2-d6d5-4f69-b676-08926530ee0e > fieldset:nth-child(7) > div > div > ul > li {
	width: 100%;
	
}