/* site_design.css - Auto-generated by CheckPoint Fiber, do not edit manually */
/* Generated: 2026-03-12T15:01:54+00:00 */

:root {
    /* Form Styles */
    --form-primary-color: #007bff;
    --form-secondary-color: #6c757d;
    --form-font-family: 'Poppins', sans-serif;
    --form-button-style: rounded;

    /* Button Field Styles */
    --button-field-bg: #ffffff;
    --button-field-bg-selected: #dc2626;
    --button-field-bg-hover: #fef2f2;
    --button-field-border: #e5e7eb;
    --button-field-border-size: 2px;
    --button-field-text: #374151;
    --button-field-text-selected: #ffffff;
    --button-field-text-hover: #374151;

    /* Template Styles (from Application Styling) */
    --primary-color: #4f46e5;
    --primary-dark: #433cc3;
    --primary-light: #5b51ff;
    --secondary-color: #10b981;
    --secondary-dark: #0e9d6e;
    --accent-color: #f59e0b;
    --text-color: #1e293b;
    --text-muted: #64748b;
    --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

}

/* Button-style field options */
.form-button-radio-option,
.form-button-checkbox-option,
.form-button-number-option {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.5rem;
    border: var(--button-field-border-size, 2px) solid var(--button-field-border, #e5e7eb);
    border-radius: 0.5rem;
    background-color: var(--button-field-bg, #ffffff);
    color: var(--button-field-text, #374151);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 80px;
    user-select: none;
}

.form-button-radio-option:hover,
.form-button-checkbox-option:hover,
.form-button-number-option:hover {
    border-color: var(--button-field-border, #e5e7eb);
    background-color: var(--button-field-bg-hover, #fef2f2);
    color: var(--button-field-text-hover, #374151);
}

.form-button-radio-option.selected,
.form-button-checkbox-option.selected,
.form-button-number-option.selected {
    background-color: var(--button-field-bg-selected, #dc2626) !important;
    border-color: var(--button-field-bg-selected, #dc2626) !important;
    color: var(--button-field-text-selected, #ffffff) !important;
}

.form-button-radio-option.selected i,
.form-button-checkbox-option.selected i,
.form-button-number-option.selected i {
    color: var(--button-field-text-selected, #ffffff) !important;
}

.form-button-number-option {
    font-weight: 700;
    min-width: 60px;
}

.form-button-checkbox-option i:not(.fa-check-circle) {
    font-size: 1.25rem;
}
/* Wrapper Styles (Layout Only) */
.main-wrapper--box {
    max-width: 1200px;
    margin: 0 auto;
}

.main-wrapper--full-width {
    width: 100%;
}

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

html {
    scroll-behavior: smooth;
}

/* Body Styles */
body {
    line-height: 1.6;
}

/* Utility Bar */
.utility-bar {
    width: 100%;
    background: #0f172a;
    color: #ffffff;
    font-size: 0.875rem;
    padding: 0.5rem 0;
}

.utility-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.utility-left,
.utility-right {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.utility-bar a {
    color: #ffffff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    transition: opacity 0.2s ease;
}

.utility-bar a:hover {
    opacity: 0.8;
}

.utility-bar .dropdown-toggle::after {
    margin-left: 0.25rem;
}

.utility-bar .dropdown-menu {
    font-size: 0.875rem;
}

/* Header Section Defaults */
section#header {
}

/* Main Section Defaults */
section#main {
}

/* Footer Section Defaults */
section#footer {
}

/* Template Layout Rows */
.template-layout .row {
    margin-bottom: 0 !important;
}

.template-layout .row:last-child {
    margin-bottom: 0;
}

.template-layout .row > [class*="col-"] {
    min-width: 0;
    box-sizing: border-box;
}

.template-layout .row > .col-12:not([class*="col-sm-"]):not([class*="col-md-"]):not([class*="col-lg-"]):not([class*="col-xl-"]):not([class*="col-xxl-"]) {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
}

@media (min-width: 768px) {
    .template-layout .row > .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
}