.elementor-620 .elementor-element.elementor-element-d199a44{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-620 .elementor-element.elementor-element-3ed28a1{padding:0px 0px 0px 0px;}.elementor-620 .elementor-element.elementor-element-acafa9d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-620 .elementor-element.elementor-element-ecf32a1{--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;}.elementor-620 .elementor-element.elementor-element-ae8bc47{--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;}.elementor-620 .elementor-element.elementor-element-7d238f5{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-620 .elementor-element.elementor-element-68e8ad7{text-align:center;}.elementor-620 .elementor-element.elementor-element-68e8ad7 .elementor-heading-title{color:#181818;}.elementor-620 .elementor-element.elementor-element-b3f54b4{text-align:center;}.elementor-620 .elementor-element.elementor-element-b3f54b4 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:normal;color:#181818;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-620 .elementor-element.elementor-element-ba7228c .elementor-button{background-color:#FFD54F;fill:#1D1D1D;color:#1D1D1D;border-radius:20px 20px 20px 20px;}@media(min-width:768px){.elementor-620 .elementor-element.elementor-element-ecf32a1{--width:75%;}.elementor-620 .elementor-element.elementor-element-ae8bc47{--width:25%;}}/* Start custom CSS *//* ---------------------------------- */
/* --- BRAND VARIABLES & GLOBALS --- */
/* ---------------------------------- */
:root {
    --brand-yellow: #FFD54F;
    --brand-yellow-light: #FFF8E1;
    --brand-charcoal: #333333;
    --brand-purple: #B39DDB;
    --brand-blue: #81D4FA;
    --brand-green: #AED581;
    --brand-white: #FFFFFF;
    --font-primary: 'Poppins', sans-serif;
}


/* ---------------------------------- */
/* --------- FORM STYLES ------------ */
/* ---------------------------------- */

/* Main Wrapper */
.gform_wrapper {
    background-color: var(--brand-white) !important;
    border-radius: 1.5rem !important;
    padding: 2rem 3rem !important;
    box-shadow: 0 15px 45px rgba(0,0,0,0.1) !important;
    position: relative !important;
    overflow: hidden !important;
    border: 2px dashed var(--brand-purple) !important;
}

.gform_wrapper::before {
     content: '' !important;
    position: absolute !important;
    top: -20px !important;
    right: -20px !important;
    width: 100px !important;
    height: 100px !important;
    background-image: url('https://genbecloud.com/ib/wp-content/uploads/2025/08/Bee.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    opacity: 0.1 !important;
    transform: rotate(25deg) !important;
}

/* Hide default Gravity Forms CSS */
form style { display: none !important; }

/* Progress Steps */
.gf_page_steps {
    display: flex !important;
    justify-content: space-between !important;
    margin-bottom: 3rem !important;
    border-bottom: 2px solid #eee !important;
    padding-bottom: 1.5rem !important;
}
.gf_step {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    color: #aaa !important;
    font-weight: 600 !important;
    position: relative !important;
}
.gf_step_number {
    width: 35px !important;
    height: 35px !important;
    border-radius: 50% !important;
    background-color: #eee !important;
    color: #aaa !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
}
.gf_step_active .gf_step_number {
    background-color: var(--brand-purple) !important;
    color: var(--brand-white) !important;
}
.gf_step_completed .gf_step_number {
     background-color: var(--brand-green) !important;
     color: var(--brand-white) !important;
}
.gf_step_active {
    color: var(--brand-charcoal) !important;
}
.gf_step a {
    text-decoration: none !important;
    color: inherit !important;
}

/* Form Headings and Sections */
.gsection_title {
    font-weight: 700 !important;
    color: var(--brand-charcoal) !important;
    border-bottom: 2px dashed #eee !important;
    padding-bottom: 0.75rem !important;
    margin-bottom: 1rem !important;
}
.gsection_description {
    color: #555 !important;
    font-size: 0.95rem !important;
    margin-bottom: 2rem !important;
}

/* Field Labels */
.gfield_label {
    font-weight: 600 !important;
    color: var(--brand-charcoal) !important;
    margin-bottom: 0.5rem !important;
}
.gfield_required {
    color: var(--brand-purple) !important;
    font-weight: 400 !important;
    font-size: 0.85rem !important;
    margin-left: 0.25rem !important;
}

/* General Input Styling */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper textarea,
.gform_wrapper select {
    border: 2px dashed #e0e0e0 !important;
    padding: 0.8rem 1rem !important;
    border-radius: 0.75rem !important;
    background-color: var(--brand-white) !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    color: var(--brand-charcoal) !important;
}

.gform_wrapper select option {
    color: var(--brand-charcoal) !important;
}

.gform_wrapper input:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
    border-color: var(--brand-purple) !important;
    border-style: solid !important;
    box-shadow: 0 0 0 0.25rem rgba(179, 157, 219, 0.25) !important;
    outline: none !important;
}



/* File Upload */
.gform_drop_area {
    border: 2px dashed var(--brand-green) !important;
    border-radius: 1rem !important;
    padding: 2rem !important;
    text-align: center !important;
}
.gform_button_select_files {
    background-color: var(--brand-green) !important;
    color: var(--brand-white) !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    border-radius: 50px !important;
    border: none !important;
}

/* Buttons */
.gform_page_footer {
    margin-top: 3rem !important;
    padding-top: 2rem !important;
    border-top: 2px solid #f0f0f0 !important;
    display: flex !important;
    justify-content: space-between !important;
}
.gform_next_button, .gform_button {
    background-color: var(--brand-purple) !important;
    color: var(--brand-white) !important;
    font-weight: 700 !important;
    padding: 14px 30px !important;
    border-radius: 50px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(179, 157, 219, 0.4) !important;
    border: none !important;
}
 .gform_next_button:hover, .gform_button:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 25px rgba(179, 157, 219, 0.6) !important;
}
.gform_previous_button {
    background-color: #eee !important;
    color: var(--brand-charcoal) !important;
    font-weight: 600 !important;
    padding: 14px 30px !important;
    border-radius: 50px !important;
    border: none !important;
}
 .gform_previous_button:hover {
    background-color: #ddd !important;
}

 /* Responsive */
 @media(max-width: 768px) {
     .gform_wrapper {
         padding: 1.5rem !important;
     }
     .gf_step_label {
         display: none !important;
     }
     .gform-grid-col {
         margin-bottom: 1rem !important;
     }
 }/* End custom CSS */