.elementor-767 .elementor-element.elementor-element-dd866d6 > .elementor-container{max-width:1200px;}.elementor-767 .elementor-element.elementor-element-8fb2571{--spacer-size:8vh;}.elementor-767 .elementor-element.elementor-element-b6cfd8d > .elementor-widget-container{margin:0em 0em 1em 0em;}.elementor-767 .elementor-element.elementor-element-b6cfd8d{text-align:start;}.elementor-767 .elementor-element.elementor-element-b6cfd8d .elementor-heading-title{font-size:42px;font-weight:900;line-height:54px;letter-spacing:0px;}.elementor-767 .elementor-element.elementor-element-6a6a934 > .elementor-widget-container{padding:0% 12% 0% 20%;}.elementor-767 .elementor-element.elementor-element-6a6a934 .ms-tm{padding:0px 0px 20px 0px;border-top-left-radius:0pt 0pt;border-top-right-radius:0pt 0pt;border-bottom-right-radius:0pt 0pt;border-bottom-left-radius:0pt 0pt;}.elementor-767 .elementor-element.elementor-element-6a6a934 .ms-tm--img{border-top-left-radius:24pt 24pt;border-top-right-radius:24pt 24pt;border-bottom-right-radius:24pt 24pt;border-bottom-left-radius:24pt 24pt;}.elementor-767 .elementor-element.elementor-element-6a6a934 .ms-tm--title{font-size:30px;font-weight:700;}.elementor-767 .elementor-element.elementor-element-6a6a934 .ms-tm--function{font-size:18px;color:#797979;}.elementor-767 .elementor-element.elementor-element-6a6a934 .ms-s-icon{color:var( --e-global-color-secondary );}.elementor-767 .elementor-element.elementor-element-7b5f0a3 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-767 .elementor-element.elementor-element-7b5f0a3 > .elementor-container{max-width:1000px;}.elementor-767 .elementor-element.elementor-element-5215db5{--spacer-size:8vh;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-767 .elementor-element.elementor-element-b6cfd8d > .elementor-widget-container{margin:0em 0em 0em 0em;}.elementor-767 .elementor-element.elementor-element-b6cfd8d{text-align:start;}.elementor-767 .elementor-element.elementor-element-b6cfd8d .elementor-heading-title{font-size:2.5em;line-height:1.4em;}}@media(max-width:767px){.elementor-767 .elementor-element.elementor-element-b6cfd8d{text-align:start;}.elementor-767 .elementor-element.elementor-element-b6cfd8d .elementor-heading-title{font-size:1.5em;line-height:1.4em;}}@media(min-width:768px){.elementor-767 .elementor-element.elementor-element-8e605a1{width:100%;}.elementor-767 .elementor-element.elementor-element-8ea198d{width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-767 .elementor-element.elementor-element-8ea198d{width:100%;}}/* Start custom CSS for html, class: .elementor-element-55e27f8 *//* Root Variables */
:root {
    --primary-color: #ff0083;
    --hover-color: #ff0088;
    --bg-light: #ffffff;
    --border-light: #ddd;
    --text-light: #222;
    --input-bg-light: #f9f9f9;
    --shadow-color: rgba(255, 0, 128, 0.3);
    --shadow-focus: rgba(255, 0, 128, 0.5);
    --button-text-light: white;
}

/* Dark Mode Variables */
.dark-mode {
    --bg-light: #121212;
    --border-light: #444;
    --text-light: #ffffff;
    --input-bg-light: #1e1e1e;
    --shadow-color: rgba(255, 0, 128, 0.6);
    --shadow-focus: rgba(255, 0, 128, 0.8);
    --button-text-light: black;
}

/* Global Reset */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* Form Container */
.onboarding-form-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Form */
.onboarding-form {
    max-width: 1000px;
    width: 100%;
    background: var(--bg-light);
    padding: 20px;
    border-radius: 10px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: background 0.3s ease, color 0.3s ease;
}

/* Headings */
.onboarding-form legend {
    font-size: clamp(1.3rem, 2vw, 1.6rem);
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--text-light);
}

/* Label Styling */
.onboarding-form label {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    display: block;
    margin-bottom: 6px;
    color: var(--text-light);
}

/* Required Field Indicator */
.onboarding-form label .required {
    color: var(--primary-color);
    font-weight: bold;
}

/* Fieldset */
.onboarding-form fieldset {
    border: none;
    margin-bottom: 1.3rem;
}

/* Input Group */
.onboarding-form .input-group {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.onboarding-form .input-group input {
    flex: 1;
    min-width: 48%;
    border-radius: 8px !important;
    padding: 12px;
    border: 1px solid var(--border-light);
    font-size: 1rem;
    background: var(--input-bg-light);
    color: var(--text-light);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Inputs, Textareas, and Selects */
.onboarding-form input,
.onboarding-form textarea,
.onboarding-form select {
    width: 100%;
    padding: 12px;
    border: 1px solid var(--border-light);
    border-radius: 8px;
    font-size: 1rem;
    background: var(--input-bg-light);
    color: var(--text-light);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Hover & Focus Effects */
.onboarding-form input:hover,
.onboarding-form textarea:hover,
.onboarding-form select:hover {
    border-color: var(--primary-color);
    box-shadow: 0 0 5px var(--shadow-color);
}

.onboarding-form input:focus,
.onboarding-form textarea:focus,
.onboarding-form select:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 8px var(--shadow-focus);
    outline: none;
}

/* Textarea Styling */
.onboarding-form textarea {
    min-height: 120px;
    resize: vertical;
}

/* Select Dropdown */
.onboarding-form select {
    appearance: none;
    cursor: pointer;
}

/* File Upload Section */
.onboarding-form #file-upload-section {
    display: none;
    margin-top: 1rem;
}

.onboarding-form #file-upload-section:not(.hidden) {
    display: block;
}

/* Hidden Elements */
.onboarding-form .hidden {
    display: none !important;
}

/* Buttons */
.onboarding-form button {
    background: var(--primary-color);
    color: var(--button-text-light);
    padding: 14px;
    width: 100%;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    cursor: pointer;
    margin-top: 1rem;
    transition: all 0.3s ease;
}

.onboarding-form button:hover {
    background: var(--hover-color);
    opacity: 0.85;
}

.onboarding-form button:active {
    transform: scale(0.98);
}

/* Checkbox Group */
.onboarding-form .checkbox-group {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1rem;
}

/* Individual Checkbox Container */
.onboarding-form .checkbox-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Checkboxes */
.onboarding-form input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: var(--primary-color);
    cursor: pointer;
    transition: all 0.2s ease;
}

/* Labels for Checkboxes */
.onboarding-form .checkbox-item label {
    font-size: 1rem;
    cursor: pointer;
    color: var(--text-light);
}

/* Hover & Focus Effects for Checkboxes */
.onboarding-form input[type="checkbox"]:hover {
    filter: brightness(1.1);
}

.onboarding-form input[type="checkbox"]:focus {
    outline: 2px solid var(--primary-color);
    box-shadow: 0 0 5px var(--shadow-color);
}

/* "Other" Input Field (Initially Hidden) */
#other-design-input {
    display: none;
    margin-top: 10px;
}

/* Fade-in Animation for "Other" Input */
#other-design-input.show {
    display: block;
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Layout */
@media (max-width: 768px) {
    .onboarding-form .input-group,
    .onboarding-form .checkbox-group {
        flex-direction: column;
        gap: 0.75rem;
    }

    .onboarding-form .input-group input {
        min-width: 100%;
    }
}

/* Dark Mode Toggle Button */
.dark-mode-toggle {
    position: fixed;
    top: 10px;
    right: 10px;
    padding: 8px 12px;
    background: var(--primary-color);
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.dark-mode-toggle:hover {
    background: var(--hover-color);
    opacity: 0.9;
}/* End custom CSS */
/* Start custom CSS for team_member, class: .elementor-element-6a6a934 */.ms-tm--desc p {
    font-size: clamp(14px, 1.1vw, 18px) !important; 
    line-height: 1.4 !important; 
    max-width: 800px !important; 
    text-align: left !important; 
    margin-top: 10px !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-dd866d6 */.ms-sp--header {
    display: none;
}/* End custom CSS */