.elementor-19384 .elementor-element.elementor-element-8638392{--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:05em;--padding-bottom:5em;--padding-left:1em;--padding-right:1em;}.elementor-19384 .elementor-element.elementor-element-8638392:not(.elementor-motion-effects-element-type-background), .elementor-19384 .elementor-element.elementor-element-8638392 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fe0c3ae );}.elementor-19384 .elementor-element.elementor-element-989cb1c{--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;}.elementor-19384 .elementor-element.elementor-element-a82fec0{width:100%;max-width:100%;}.elementor-19384 .elementor-element.elementor-element-099e11b{--display:flex;}.elementor-19384 .elementor-element.elementor-element-0bc25ef{--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-19384 .elementor-element.elementor-element-19c2508 .elementor-heading-title{font-family:var( --e-global-typography-800f6ff-font-family ), Sans-serif;font-size:var( --e-global-typography-800f6ff-font-size );font-weight:var( --e-global-typography-800f6ff-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-19384 .elementor-element.elementor-element-c4735e4{--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;}:root{--page-title-display:none;}@media(min-width:2400px){.elementor-19384 .elementor-element.elementor-element-19c2508 .elementor-heading-title{font-size:var( --e-global-typography-800f6ff-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1024px){.elementor-19384 .elementor-element.elementor-element-19c2508 .elementor-heading-title{font-size:var( --e-global-typography-800f6ff-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-19384 .elementor-element.elementor-element-19c2508 .elementor-heading-title{font-size:var( --e-global-typography-800f6ff-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for text-editor, class: .elementor-element-c0b9c25 *//* 1. Setup the Side-by-Side Layout */
.glossary-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start; /* Aligns letter top with text top */
    gap: 30px;               /* Space between the letter and the entries */
    margin-bottom: 40px;     /* Space between sections (A and B) */
}

/* 2. Style the Letter (Left Column) */
.glossary-container h3 {
    flex: 0 0 40px;          /* Fixes the width of the letter column */
    margin: 0;               /* Removes extra space around the letter */
    font-size: 28px;         /* Match your preferred size */
    line-height: 1.2;        /* Matches the text alignment */
    color: #1a2b3c;          /* Adjust color as needed */
}

/* 3. Style the List (Right Column) */
.glossary-container ul {
    flex: 1;                 /* List takes up all remaining space */
    list-style-type: none;   /* Removes the bullet points */
    padding-left: 0;         /* Ensures no indent from the bullet points */
    margin: 0;
}

/* 4. Individual Entry Spacing */
.glossary-container li {
    margin-bottom: 15px;     /* Gap between glossary entries */
    line-height: 1.5;        /* Better readability for long descriptions */
}

/* 5. Mobile Adjustment */
@media (max-width: 767px) {
    .glossary-container {
        flex-direction: column; /* Stacks letter on top of text for phones */
        gap: 10px;
    }
    .glossary-container h3 {
        flex: none;
    }
}/* End custom CSS */
/* Start custom CSS */.glossary-container{
    padding: 70px 0 0px;
}
.alphabet-container {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        flex-wrap: wrap;
        background-color: white;
        border-radius: 20px;
        padding: 5px 0px;
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
    }
    .alphabet-container .alphabet-item {
        color: var(--e-global-color-primary);
        font-size: 17px;
        font-weight: 600;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
    }

    .alphabet-container .alphabet-item.selected {
        color: white;
        background-color: var(--e-global-color-primary);
    }
    
    .alphabet-container .alphabet-item.disabled {
        pointer-events: none;
        cursor: default;
        color: rgba(0, 0, 0, .5);
        background-color: #e3e3e3;
    }
    
    @media screen and (max-width: 820px) {
        .glossary-container {
            padding: 55px 0 0px;
        }
    }

    @media screen and (max-width: 540px) {
        .glossary-container {
            padding: 20px 0 0px;
        }
    }/* End custom CSS */