.elementor-35866 .elementor-element.elementor-element-cb62f53{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:10% 10%;--row-gap:10%;--column-gap:10%;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:180px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;}.elementor-35866 .elementor-element.elementor-element-cb62f53:not(.elementor-motion-effects-element-type-background), .elementor-35866 .elementor-element.elementor-element-cb62f53 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://speedworks.training/wp-content/uploads/2024/03/tactile_noise.webp");}.elementor-35866 .elementor-element.elementor-element-6cf56a5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-35866 .elementor-element.elementor-element-6cf56a5.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-35866 .elementor-element.elementor-element-75817a26{--display:flex;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:4em;--padding-bottom:4em;--padding-left:0em;--padding-right:0em;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}@media(min-width:768px){.elementor-35866 .elementor-element.elementor-element-75817a26{--content-width:1240px;}}@media(max-width:1024px){.elementor-35866 .elementor-element.elementor-element-cb62f53{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:5% 5%;--row-gap:5%;--column-gap:5%;--padding-top:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}}@media(max-width:767px){.elementor-35866 .elementor-element.elementor-element-cb62f53{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-35866 .elementor-element.elementor-element-6cf56a5{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}}@media(max-width:1024px) and (min-width:768px){.elementor-35866 .elementor-element.elementor-element-6cf56a5{--content-width:572px;}}/* Start custom CSS for html, class: .elementor-element-daae92f */.elementor-35866 .elementor-element.elementor-element-daae92f .workshop-header {
    position: relative;
    overflow: hidden;
}

.elementor-35866 .elementor-element.elementor-element-daae92f .header-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.elementor-35866 .elementor-element.elementor-element-daae92f .tagline {
    color: var(--sw-orange);
    font-weight: 600;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    padding: 0.5rem 1rem;
    background: rgba(239, 68, 68, 0.1);
    border-radius: 4px;
    font-size: 0.9rem;
}

.elementor-35866 .elementor-element.elementor-element-daae92f .main-heading {
    color: white;
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    letter-spacing: -0.5px;
}

.elementor-35866 .elementor-element.elementor-element-daae92f .subheading-container {
    border-left: 4px solid var(--sw-orange);
    padding-left: 1.5rem;
    margin-bottom: 3rem;
    position: relative;
}

.elementor-35866 .elementor-element.elementor-element-daae92f .subheading {
    color: white;
    font-size: 1.5rem;
    font-weight: 500;
    opacity: 0.9;
}

.elementor-35866 .elementor-element.elementor-element-daae92f .cta-button {
    background-color: var(--sw-orange);
    color: white;
    padding: 1rem 2.5rem;
    border-radius: 0.75rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.elementor-35866 .elementor-element.elementor-element-daae92f .cta-button:hover {
    background-color: var(--sw-orange-dark);
    color: white;
}

@media (min-width: 768px) {
    .elementor-35866 .elementor-element.elementor-element-daae92f .main-heading {
        font-size: 3.5rem;
    }
}

@media (min-width: 1024px) {
    .elementor-35866 .elementor-element.elementor-element-daae92f .main-heading {
        font-size: 4rem;
    }
}
@media (max-width: 768px) {
    .elementor-35866 .elementor-element.elementor-element-daae92f .subheading {
        font-size: 1.2rem;
        line-height: 1.5rem;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75817a26 */:root {
    --form-text-color: #34495e;
    --form-border-color: #e0e0e0;
    --form-hover-background: #fdfdfd;
    --paragraph-bg-color: #f7f9fc; /* Lighter, subtle background for paragraphs */
    --paragraph-text-color: #5f6c7c; /* Slightly softer text color for paragraphs */
    --paragraph-border-color: #d8e0e8; /* Subtle border for paragraph sections */
}

/* General Form Wrapper Styling */
.fluentform_wrapper_4 {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    max-width: 65%; /* Keep your desired max-width */
    margin: 0 auto; /* Center the form */
    font-family: "Inter", sans-serif; /* Ensure a consistent font */
}

/* Headings within the form */
.fluentform_wrapper_4 h2,
.fluentform_wrapper_4 h3 {
    color: #2c3e50;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 700;
}

.fluentform_wrapper_4 h4 {
    font-size: 20px;
}

.fluentform_wrapper_4 .fsSectionHeading {
    color: var(--form-text-color);
    text-align: left;
    margin-bottom: 15px;
    font-weight: 600;
}

/* Default paragraph styling (will be overridden by .form-paragraph-content where applied) */
.fluentform_wrapper_4 p,
.fluentform_wrapper_4 div[dir="auto"] {
    color: var(--form-text-color);
    line-height: 1.6;
    margin-bottom: 15px;
}

/* Input Fields and Textareas */
.fluentform_wrapper_4 .ff-el-form-control {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    font-size: 16px;
    color: #333;
    background-color: #f8f8f8;
    transition: all 0.3s ease-in-out;
}

.fluentform_wrapper_4 .ff-el-form-control:focus {
    border-color: #3498db;
    box-shadow: 0 0 8px rgba(52, 152, 219, 0.2);
    outline: none;
    background-color: #ffffff;
}

/* Labels */
.fluentform_wrapper_4 .ff-el-input--label label {
    font-weight: 600;
    color: var(--form-text-color);
    margin-bottom: 8px;
    display: block;
}

/* Required field asterisk */
.fluentform_wrapper_4 .asterisk-right label:after {
    content: '*';
    color: #e74c3c;
    margin-left: 5px;
}

/* Radio Button and Checkbox Styling */
.fluentform_wrapper_4 .ff-el-form-check-label {
    color: #5f6c7c;
    font-size: 15px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
    border-radius: 5px; /* Added for subtle hover effect */
    padding: 5px 0; /* Added for subtle hover effect */
}

.fluentform_wrapper_4 .ff-el-form-check-label:hover {
    background-color: #f0f0f0; /* Subtle hover for radio/checkbox labels */
}

.fluentform_wrapper_4 .ff-el-form-check-input[type="radio"],
.fluentform_wrapper_4 .ff-el-form-check-input[type="checkbox"] {
    margin-right: 10px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    appearance: none;
    border: 2px solid #aeb6bf;
    border-radius: 50%;
    position: relative;
    top: -1px;
    transition: all 0.2s ease-in-out;
    flex-shrink: 0;
}

.fluentform_wrapper_4 .ff-el-form-check-input[type="checkbox"] {
    border-radius: 3px;
}

.fluentform_wrapper_4 .ff-el-form-check-input[type="radio"]:checked,
.fluentform_wrapper_4 .ff-el-form-check-input[type="checkbox"]:checked {
    background-color: #3498db;
    border-color: #3498db;
}

.fluentform_wrapper_4 .ff-el-form-check-input[type="radio"]:checked:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ffffff;
}

.fluentform_wrapper_4 .ff-el-form-check-input[type="checkbox"]:checked:after {
    content: '\2713';
    font-size: 12px;
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Column Layouts (e.g., for Sport/Position) */
.fluentform_wrapper_4 .ff-t-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.fluentform_wrapper_4 .ff-t-cell {
    flex: 1;
    min-width: 250px;
}

/* Styling for general custom HTML blocks (e.g., for main section headers/introductions) */
/* This is for elements like the "PRE-ACTIVITY FORM" heading and its immediate descriptive text */
/* IMPORTANT: This rule now EXCLUDES elements that also have 'form-paragraph-section' */
/* It also relies on the higher specificity of the rules for the Yes/No questions to override it */
.fluentform_wrapper_4 .ff-custom_html:not(.form-paragraph-section) { /* SIMPLIFIED EXCLUSION */
    background-color: #ecf0f1;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 25px;
    border-left: 5px solid #3498db;
}

.fluentform_wrapper_4 .ff-custom_html:not(.form-paragraph-section) ul {
    list-style-type: disc;
    margin-left: 20px;
    color: #5f6c7c;
}

.fluentform_wrapper_4 .ff-custom_html:not(.form-paragraph-section) li {
    margin-bottom: 8px;
}

.fluentform_wrapper_4 .ff-custom_html:not(.form-paragraph-section) a {
    color: #3498db;
    text-decoration: none;
    font-weight: 500;
}

.fluentform_wrapper_4 .ff-custom_html:not(.form-paragraph-section) a:hover {
    text-decoration: underline;
}

/* --- NEW: Styling for specific paragraph content sections --- */
/* This rule specifically targets custom HTML blocks that also have 'form-paragraph-section' */
.fluentform_wrapper_4 .ff-custom_html.form-paragraph-section {
    background-color: var(--paragraph-bg-color); /* Lighter background */
    padding: 18px 25px; /* Slightly different padding */
    border-radius: 8px;
    margin-bottom: 25px;
    border: 1px solid var(--paragraph-border-color); /* Subtle border all around */
    line-height: 1.6;
    color: var(--paragraph-text-color); /* Softer text color */
    font-size: 15px;
}

/* Ensure direct paragraphs/divs within this specific section inherit the new text color */
.fluentform_wrapper_4 .ff-custom_html.form-paragraph-section p,
.fluentform_wrapper_4 .ff-custom_html.form-paragraph-section div[dir="auto"],
.fluentform_wrapper_4 .ff-custom_html.form-paragraph-section div:not([class]):not([id]) {
    color: var(--paragraph-text-color);
    margin-bottom: 10px; /* Adjust margin between paragraphs */
}

.fluentform_wrapper_4 .ff-custom_html.form-paragraph-section p:last-child,
.fluentform_wrapper_4 .ff-custom_html.form-paragraph-section div[dir="auto"]:last-child,
.fluentform_wrapper_4 .ff-custom_html.form-paragraph-section div:last-child:not([class]):not([id]) {
    margin-bottom: 0; /* Remove bottom margin from the last paragraph in the section */
}


/* --- ENHANCED CSS FOR YES/NO GRID LAYOUT --- */

/* Target the specific column containers for Yes/No questions */
.fluentform_wrapper_4 div[data-name^="ff_cn_id_"] {
    display: grid;
    grid-template-columns: minmax(200px, 1fr) auto; /* Question column takes available space, options column adjusts */
    align-items: center;
    gap: 20px;
    padding: 15px 0;
    border-bottom: 1px solid var(--form-border-color); /* Solid border for clarity */
    transition: background-color 0.2s ease-in-out; /* Smooth transition for hover */
}

/* Hover effect for each question row */
.fluentform_wrapper_4 div[data-name^="ff_cn_id_"]:hover {
    background-color: var(--form-hover-background); /* Subtle background change on hover */
}

/* Remove bottom border from the last Yes/No question for a cleaner look */
.fluentform_wrapper_4 div[data-name^="ff_cn_id_"]:last-of-type {
    border-bottom: none;
    margin-bottom: 25px; /* Add more space before the next section */
}

/* Style the question text within the custom HTML block inside the grid */
/* This rule is highly specific and should override any general ff-custom_html styling */
.fluentform_wrapper_4 div[data-name^="ff_cn_id_"] .ff-custom_html {
    background-color: transparent; /* No background for question text */
    border-left: none; /* No accent bar */
    padding: 0; /* No padding */
    margin-bottom: 0; /* No bottom margin */
    font-weight: 600; /* Make question text bold */
    color: var(--form-text-color); /* Darker color for questions */
    line-height: 1.5; /* Improve readability */
}

/* Ensure the nested divs containing the question text don't mess up layout */
.fluentform_wrapper_4 div[data-name^="ff_cn_id_"] .ff-custom_html > div {
    display: contents; /* Makes children participate directly in the grid layout */
}
.fluentform_wrapper_4 div[data-name^="ff_cn_id_"] .ff-custom_html .V4d7Ke {
    margin: 0; /* Remove any default margins */
}

/* Style the container for Yes/No radio buttons */
.fluentform_wrapper_4 div[data-name^="ff_cn_id_"] .ff-el-input--content {
    display: flex; /* Use flexbox for horizontal alignment of radio buttons */
    gap: 20px; /* Space between "Yes" and "No" */
    justify-content: flex-end; /* Align radios to the right */
    white-space: nowrap; /* Prevent "Yes" and "No" from wrapping */
}

/* Ensure radio button labels are horizontally aligned */
.fluentform_wrapper_4 div[data-name^="ff_cn_id_"] .ff-el-form-check {
    margin-bottom: 0; /* Remove default margin for inline display */
}


/* Submit Button */
.fluentform_wrapper_4 .ff-btn-submit {
    background-color: #2ecc71;
    color: #ffffff;
    padding: 15px 30px;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: auto;
    display: block;
    margin: 30px auto 0;
}

.fluentform_wrapper_4 .ff-btn-submit:hover {
    background-color: #27ae60;
}


/* Responsive adjustments */
@media (max-width: 768px) {
    .fluentform_wrapper_4 {
        padding: 20px;
        max-width: 95%; /* Adjusted for better mobile use */
    }

    /* Stack the question and options on smaller screens */
    .fluentform_wrapper_4 div[data-name^="ff_cn_id_"] {
        grid-template-columns: 1fr; /* Single column layout */
        gap: 10px; /* Smaller gap when stacked */
        border-bottom: 1px solid var(--form-border-color); /* Solid separator for clarity */
    }

    .fluentform_wrapper_4 div[data-name^="ff_cn_id_"] .ff-custom_html {
        text-align: left; /* Ensure question is aligned left */
        font-size: 16px; /* Adjust font size */
    }

    .fluentform_wrapper_4 div[data-name^="ff_cn_id_"] .ff-el-input--content {
        justify-content: flex-start; /* Align radios to the left when stacked */
        padding-left: 10px; /* Indent radios slightly */
    }

    /* Keep general column stacking for other fields */
    .fluentform_wrapper_4 .ff-t-container:not([data-name^="ff_cn_id_"]) {
        flex-direction: column;
        gap: 0;
    }

    .fluentform_wrapper_4 .ff-t-cell:not([data-name^="ff_cn_id_"] > .ff-t-cell) {
        min-width: 100%;
        margin-bottom: 20px;
    }
}/* End custom CSS */