.elementor-547 .elementor-element.elementor-element-f4e98f3{--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;}/* Start custom CSS for html, class: .elementor-element-ef54844 *//* ============================================
   CLEARLEDGER ELEMENTOR CUSTOM CSS
   Place in: Elementor Widget > Advanced > Custom CSS
   ============================================ */

/* Reset Elementor defaults that might interfere */
#clearledger-registration-widget * {
    box-sizing: border-box !important;
}

#clearledger-registration-widget a {
    text-decoration: none !important;
}

/* Ensure buttons display correctly */
#clearledger-registration-widget .btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.625rem !important;
    padding: 0.875rem 2rem !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    font-size: 0.9375rem !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
    border: 2px solid transparent !important;
    cursor: pointer !important;
    line-height: 1.2 !important;
}

/* Primary button styling */
#clearledger-registration-widget .btn-primary {
    background: linear-gradient(135deg, #fbb2a3, #e88b78) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(251, 178, 163, 0.4) !important;
}

#clearledger-registration-widget .btn-primary:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 25px rgba(251, 178, 163, 0.5) !important;
    color: #ffffff !important;
}

#clearledger-registration-widget .btn-primary svg {
    stroke: #ffffff !important;
}

/* Secondary button styling */
#clearledger-registration-widget .btn-secondary {
    background: #ffffff !important;
    color: #54627b !important;
    border: 2px solid #54627b !important;
}

#clearledger-registration-widget .btn-secondary:hover {
    background: #54627b !important;
    color: #ffffff !important;
    transform: translateY(-3px) !important;
}

#clearledger-registration-widget .btn-secondary svg {
    stroke: #54627b !important;
    transition: stroke 0.3s ease !important;
}

#clearledger-registration-widget .btn-secondary:hover svg {
    stroke: #ffffff !important;
}

/* Accordion headers */
#clearledger-registration-widget .accordion-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 1.25rem 1.5rem !important;
    cursor: pointer !important;
    background: #ffffff !important;
    transition: all 0.3s ease !important;
}

#clearledger-registration-widget .accordion-header:hover {
    background: #fafbfc !important;
}

#clearledger-registration-widget .section-accordion.active .accordion-header {
    background: linear-gradient(135deg, #54627b, #8eb7ce) !important;
}

/* Accordion toggle button */
#clearledger-registration-widget .accordion-toggle {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: #fafbfc !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: #54627b !important;
    transition: all 0.3s ease !important;
}

#clearledger-registration-widget .section-accordion.active .accordion-toggle {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    transform: rotate(45deg) !important;
}

/* Radio buttons styled as cards */
#clearledger-registration-widget .radio-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.875rem !important;
}

#clearledger-registration-widget .radio-group label {
    flex: 1 1 180px !important;
    background: #ffffff !important;
    padding: 0.875rem 1rem !important;
    border-radius: 12px !important;
    border: 2px solid #e8eef3 !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
    text-align: center !important;
    font-size: 0.875rem !important;
    color: #324A6D !important;
}

#clearledger-registration-widget .radio-group label:hover {
    border-color: #8eb7ce !important;
}

#clearledger-registration-widget .radio-group input[type="radio"] {
    display: none !important;
}

#clearledger-registration-widget .radio-group label:has(input[type="radio"]:checked) {
    background: linear-gradient(135deg, #fbb2a3, #e88b78) !important;
    color: #ffffff !important;
    border-color: #fbb2a3 !important;
    box-shadow: 0 4px 15px rgba(251, 178, 163, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* Form inputs */
#clearledger-registration-widget .form-input,
#clearledger-registration-widget .form-select {
    width: 100% !important;
    padding: 0.75rem 1rem !important;
    border: 2px solid #e8eef3 !important;
    border-radius: 12px !important;
    font-size: 0.9375rem !important;
    font-family: 'Poppins', sans-serif !important;
    transition: all 0.3s ease !important;
    background: #ffffff !important;
}

#clearledger-registration-widget .form-input:focus,
#clearledger-registration-widget .form-select:focus {
    outline: none !important;
    border-color: #8eb7ce !important;
    box-shadow: 0 0 0 3px rgba(142, 183, 206, 0.1) !important;
}

/* Link styling */
#clearledger-registration-widget a {
    color: #fbb2a3 !important;
    font-weight: 700 !important;
    transition: color 0.2s ease !important;
}

#clearledger-registration-widget a:hover {
    color: #e88b78 !important;
}

/* FAQ items */
#clearledger-registration-widget .faq-question {
    padding: 1rem 1.25rem !important;
    font-weight: 700 !important;
    font-size: 0.9375rem !important;
    color: #54627b !important;
    cursor: pointer !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

#clearledger-registration-widget .faq-question::after {
    content: '+' !important;
    font-size: 1.375rem !important;
    font-weight: 500 !important;
    color: #8eb7ce !important;
    transition: transform 0.3s ease !important;
}

#clearledger-registration-widget .faq-item.active .faq-question::after {
    transform: rotate(45deg) !important;
    color: #fbb2a3 !important;
}

/* Ensure proper font loading */
#clearledger-registration-widget {
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Mobile responsive fixes */
@media (max-width: 768px) {
    #clearledger-registration-widget .btn {
        width: 100% !important;
        justify-content: center !important;
    }
    
    #clearledger-registration-widget .cta-buttons {
        flex-direction: column !important;
        width: 100% !important;
    }
    
    #clearledger-registration-widget .radio-group {
        flex-direction: column !important;
    }
    
    #clearledger-registration-widget .radio-group label {
        flex: 1 1 auto !important;
    }
}

/* Fix Elementor container padding conflicts */
.elementor-widget-html #clearledger-registration-widget {
    padding: 0 !important;
    margin: 0 !important;
}

/* Ensure SVG icons display correctly */
#clearledger-registration-widget svg {
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Cost calculator styling */
#clearledger-registration-widget .total-cost {
    background: linear-gradient(135deg, #54627b, #8eb7ce) !important;
    color: #ffffff !important;
}

/* Alert boxes */
#clearledger-registration-widget .alert-box {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.875rem !important;
}

/* Ensure proper z-index for interactive elements */
#clearledger-registration-widget .section-accordion {
    position: relative !important;
    z-index: 1 !important;
}

/* Fix button text color inheritance */
#clearledger-registration-widget .btn * {
    color: inherit !important;
}

/* Ensure hover effects work on touch devices */
@media (hover: none) {
    #clearledger-registration-widget .btn:active {
        transform: scale(0.98) !important;
    }
}/* End custom CSS */