:root {
    /* Brand Colors */
    --color-primary: #1a5490;              /* Dark Blue */
    --color-primary-light: #2c75bb;        /* Lighter Blue */
    --color-secondary: #9A0A29;            /* Deep Red */
    --color-secondary-light: #c82333;      /* Lighter Red */
    --color-secondary-hover: #d4074a;      /* Pinkish Red */
    --color-surface: #ffffff;              /* White (Neutral Colors) */
    --color-light: #f5f5f5;                /* Light Gray (Matches org-body background) */
    --color-gray: #495057;                 /* Medium Gray */
    --color-dark: #2d3748;                 /* Dark Gray */
    --color-muted: #718096;                /* Muted Gray */
    --color-border: #cbd5e0;               /* Light Blue-Gray (Matches form borders) */
    --color-text-heading: #4a5568;         /* Heading Gray (Text Colors) */
    --color-text-muted: #cbd5e0;           /* Muted Text Gray */
    --page-header-bg: #4a5568;             /* Page Header Gray (Layout specific) */
    --breadcrumb-bg: #e2e8f0;              /* Breadcrumb Light Gray */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1); /* Small Shadow (Shadows & Radius) */
    --radius-sm: 5px;                      /* Small Radius */
    --radius-md: 8px;                      /* Medium Radius */
    --color-error-bg: #fff0f3;             /* Light Pink (Error/Alert Colors) */
}

.org-body {
    background-color: var(--color-light);
    margin: 0;
}

.org-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.org-page-header {
    background-color: var(--page-header-bg);
    color: var(--color-surface);
    padding: 40px 0;
}

    .org-page-header h1 {
        color: var(--color-surface);
        font-size: 36px;
        font-weight: 700;
    }

.org-breadcrumb {
    background-color: var(--breadcrumb-bg);
    padding: 15px 0;
}

    .org-breadcrumb a {
        color: var(--page-header-bg);
        text-decoration: none;
        font-size: 14px;
    }

    .org-breadcrumb span {
        margin: 0 8px;
    }

.org-content-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    padding: 40px;
}

.org-content-box {
    background-color: var(--color-surface);
    padding: 40px;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

    .org-content-box h2 {
        font-size: 28px;
        font-weight: 700;
        color: var(--color-text-heading);
        margin-bottom: 24px;
    }

.contact-us-form label {
    display: block;
    color: var(--color-text-heading);
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 14px;
}

.contact-us-form .input-text,
.contact-us-form .textarea-tex {
    width: 100%;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
   
    box-sizing: border-box;
}

.contact-us-form .input-text {
    height: 48px;
    padding: 0 15px;
}

.contact-us-form .textarea-tex {
    min-height: 207px;
    padding: 12px 15px !important;
    resize: vertical;
}

.org-upgrade-section {
    background-color: var(--color-surface);
    padding: 30px;
    border-radius: var(--radius-md);
    margin-bottom: 30px;
    border-left: 4px solid var(--color-secondary);
    box-shadow: var(--shadow-sm);
}

    .org-upgrade-section h3 {
        font-size: 22px;
        font-weight: 700;
        color: var(--color-text-heading);
        margin-bottom: 10px;
    }

.org-btn-demo {
    display: inline-block;
    background-color: var(--color-secondary);
    color: var(--color-surface) !important;
    padding: 14px 35px;
    text-decoration: none;
    border-radius: var(--radius-sm);
    font-weight: 600;
    transition: background-color 0.3s;
}

    .org-btn-demo:hover {
        background-color: var(--color-secondary-hover);
    }

.org-support-info {
    background-color: var(--page-header-bg);
    color: var(--color-surface);
    padding: 30px;
    border-radius: var(--radius-md);
}
    
    .org-support-info  h3{
        color: var(--color-surface);
    }

    .org-support-info .subtitle {
        color: var(--color-text-muted);
        margin-bottom: 18px;
    }

.info-item {
    margin-bottom: 10px;
}

.info-item strong {
    display: block;
    color: var(--color-text-muted);
    margin-bottom: 2px;
}

.info-item span {
    color: var(--color-surface);
    text-decoration: none;
    transition: color 0.2s;
}

    .info-item a:hover {
        color: var(--color-primary-light);
    }

.org-support-info .company-hours,
.org-support-info .company-address {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--color-muted);
}

.org-support-info .company-address {
    margin-top: 30px;
    padding-top: 30px;
    text-align: center;
}

    .org-support-info .company-address h4 {
        font-size: 18px;
        margin-bottom: 10px;
        color: var(--color-surface);
        font-weight: 700;
    }

.hide,
.d-none {
    display: none !important;
}

.emptyElement {
    border-color: var(--color-secondary) !important;
    background-color: var(--color-error-bg) !important;
}

@media (max-width: 968px) {
    .org-content-wrapper {
        grid-template-columns: 1fr;
    }
}