.elementor-2619 .elementor-element.elementor-element-3d43d1ec{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;--grid-auto-flow:row;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-2619 .elementor-element.elementor-element-4a668ada{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 1.5rem) 0rem;}.elementor-2619 .elementor-element.elementor-element-4a668ada .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:2rem;font-weight:800;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2619 .elementor-element.elementor-element-7da9af02 img{border-radius:12px 12px 12px 12px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-2619 .elementor-element.elementor-element-8e36e4b{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 45px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2619 .elementor-element.elementor-element-8e36e4b .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-2619 .elementor-element.elementor-element-8e36e4b .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-2619 .elementor-element.elementor-element-8e36e4b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2619 .elementor-element.elementor-element-8e36e4b .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-weight:400;}.elementor-2619 .elementor-element.elementor-element-8e36e4b .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-c198260 );}.elementor-2619 .elementor-element.elementor-element-8e36e4b .elementor-icon-list-text{transition:color 0.3s;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-widget-table-of-contents{--header-color:var( --e-global-color-secondary );--item-text-color:var( --e-global-color-text );--item-text-hover-color:var( --e-global-color-accent );--marker-color:var( --e-global-color-text );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2619 .elementor-element.elementor-element-3189bf1{--box-border-width:0px;--header-color:var( --e-global-color-primary );--item-text-hover-decoration:underline;}.elementor-2619 .elementor-element.elementor-element-3189bf1 .elementor-toc__header-title{text-align:start;}.elementor-2619 .elementor-element.elementor-element-3189bf1 .elementor-toc__header{flex-direction:row;}.elementor-2619 .elementor-element.elementor-element-3189bf1 .elementor-toc__list-item{font-family:"Inter", Sans-serif;font-size:0.85rem;font-weight:400;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-2619 .elementor-element.elementor-element-4ec96602 .elementor-icon-box-wrapper{gap:15px;}.elementor-2619 .elementor-element.elementor-element-4ec96602.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-2619 .elementor-element.elementor-element-4ec96602.elementor-view-framed .elementor-icon, .elementor-2619 .elementor-element.elementor-element-4ec96602.elementor-view-default .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-2619 .elementor-element.elementor-element-4ec96602.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-2619 .elementor-element.elementor-element-4ec96602 .elementor-icon{font-size:2rem;}.elementor-2619 .elementor-element.elementor-element-4ec96602 .elementor-icon-box-title, .elementor-2619 .elementor-element.elementor-element-4ec96602 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:1.5rem;font-weight:700;}.elementor-2619 .elementor-element.elementor-element-4ec96602 .elementor-icon-box-title{color:var( --e-global-color-48a6284 );}.elementor-2619 .elementor-element.elementor-element-4ec96602:has(:hover) .elementor-icon-box-title,
					 .elementor-2619 .elementor-element.elementor-element-4ec96602:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-48a6284 );}.elementor-2619 .elementor-element.elementor-element-4ec96602 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:2rem;font-weight:700;color:var( --e-global-color-accent );}@media(max-width:1024px){.elementor-2619 .elementor-element.elementor-element-3d43d1ec{--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2619 .elementor-element.elementor-element-4a668ada .elementor-heading-title{font-size:1.5rem;}.elementor-2619 .elementor-element.elementor-element-8e36e4b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2619 .elementor-element.elementor-element-8e36e4b .elementor-icon-list-item > a{font-size:15px;}}@media(max-width:767px){.elementor-2619 .elementor-element.elementor-element-3d43d1ec{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2619 .elementor-element.elementor-element-4a668ada .elementor-heading-title{font-size:1.3rem;line-height:1.5rem;}.elementor-2619 .elementor-element.elementor-element-8e36e4b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-2619 .elementor-element.elementor-element-8e36e4b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2619 .elementor-element.elementor-element-8e36e4b .elementor-icon-list-item > a{font-size:14px;}}/* Start custom CSS for text-editor, class: .elementor-element-43e99d9d *//* * BLOG CONTENT STYLES 
 * Usage: Wrap your blog post content inside a div with the class "blog-content"
 * Example: <div class="blog-content"> ... blog HTML ... </div>
 */

.blog-content {
    font-family: 'Inter', sans-serif;
    color: var(--e-global-color-secondary);
    line-height: 1.8;
    font-size: 1.125rem; /* 18px base for better reading */
}

/* =========================================
   1. Paragraphs, Bold & Italic
   ========================================= */
.blog-content p {
    margin-top: 0;
    margin-bottom: 1.5em;
}

.blog-content strong, 
.blog-content b {
    font-weight: 700;
    color: var(--e-global-color-text);
}

.blog-content em, 
.blog-content i {
    font-style: italic;
    color: var(--e-global-color-secondary);
}

/* =========================================
   2. Headings (H1 - H6)
   ========================================= */
.blog-content h1, 
.blog-content h2, 
.blog-content h3, 
.blog-content h4, 
.blog-content h5, 
.blog-content h6 {
    color: var(--e-global-color-primary); /* Dark Navy */
    font-weight: 700;
    margin-top: 2em;
    margin-bottom: 0.75em;
    line-height: 1.3;
}

.blog-content h1 { font-size: 2.5rem; font-weight: 800; }
.blog-content h2 { 
    font-size: 1.875rem; 
    border-bottom: 2px solid var(--e-global-color-cce7f37); /* Light gray line */
    padding-bottom: 0.3em;
}
.blog-content h3 { font-size: 1.5rem; }
.blog-content h4 { font-size: 1.25rem; }

/* =========================================
   3. Divider Line (HR)
   ========================================= */
.blog-content hr {
    border: 0;
    height: 2px;
    background-color: var(--e-global-color-930c1f1); /* Gray border */
    margin: 3em auto;
    width: 60%; 
    position: relative;
    border-radius: 2px;
}

/* Optional: Elegant gold dot in the middle of the divider */
.blog-content hr::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: var(--e-global-color-accent); /* Gold */
    border-radius: 50%;
    border: 2px solid var(--e-global-color-48a6284); /* White border */
}

/* =========================================
   4. Blockquotes
   ========================================= */
.blog-content blockquote {
    margin: 2.5em 0;
    padding: 1.5em 2em;
    background-color: var(--e-global-color-cce7f37); /* Light Gray */
    border-left: 4px solid var(--e-global-color-accent); /* Gold left border */
    border-radius: 0 8px 8px 0;
    font-size: 1.25rem;
    font-style: italic;
    color: var(--e-global-color-primary);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.blog-content blockquote p:last-child {
    margin-bottom: 0;
}

/* =========================================
   5. Lists (UL & OL)
   ========================================= */
.blog-content ul, 
.blog-content ol {
    margin-top: 1em;
    margin-bottom: 1.5em;
    padding-left: 0;
}

/* Custom unordered list (bullet points) */
.blog-content ul {
    list-style-type: none;
}

.blog-content ul li {
    position: relative;
    margin-bottom: 0.75em;
    padding-left: 1.75em;
}

/* Custom Gold Arrow/Bullet */
.blog-content ul li::before {
    content: '\2192'; /* Right arrow unicode. Use '\2022' for standard dot */
    position: absolute;
    left: 0;
    top: 0;
    color: var(--e-global-color-accent); 
    font-weight: bold;
}

/* Ordered list (numbers) */
.blog-content ol {
    list-style-type: decimal;
    padding-left: 1.2em;
}

.blog-content ol li {
    margin-bottom: 0.75em;
    padding-left: 0.5em;
}

.blog-content ol li::marker {
    color: var(--e-global-color-accent); /* Gold numbers */
    font-weight: 700;
}

/* =========================================
   6. Tables
   ========================================= */
.blog-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 2.5em 0;
    font-size: 1rem;
    text-align: left;
    border-radius: 8px;
    overflow: hidden; /* Enables rounded corners */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.blog-content thead tr {
    background-color: var(--e-global-color-primary); /* Dark Navy */
    color: var(--e-global-color-48a6284); /* White */
}

.blog-content th, 
.blog-content td {
    padding: 16px 20px;
    border-bottom: 1px solid var(--e-global-color-930c1f1); /* Gray border */
}

.blog-content th {
    font-weight: 600;
    letter-spacing: 0.05em;
}

.blog-content tbody tr {
    background-color: var(--e-global-color-48a6284); /* White */
    transition: background-color 0.2s ease;
}

/* Zebra striping for readability */
.blog-content tbody tr:nth-of-type(even) {
    background-color: var(--e-global-color-cce7f37); /* Light Gray */
}

/* Hover effect on rows */
.blog-content tbody tr:hover {
    background-color: #F9FAFB;
}

/* =========================================
   7. Responsive Styles (Mobile & Tablet)
   ========================================= */
@media screen and (max-width: 768px) {

.blog-content {
font-size: 1rem;
}

/* Scale down headings */
.blog-content h1 { font-size: 2rem; }
.blog-content h2 { font-size: 1.625rem; }
.blog-content h3 { font-size: 1.375rem; }
.blog-content h4 { font-size: 1.125rem; }

/* Adjust blockquote padding */
.blog-content blockquote {
    padding: 1.25em 1.5em;
    font-size: 1.125rem;
}

/* Stacked Card Table (No Scroll) */
.blog-content table, 
.blog-content thead, 
.blog-content tbody, 
.blog-content th, 
.blog-content td, 
.blog-content tr {
    display: block;
    width: 100%;
}

/* Hide table headers visually (but keep for screen readers) */
.blog-content thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;w
}

/* Turn each row into a card */
.blog-content tr {
    margin-bottom: 1.5em;
    border: 1px solid var(--e-global-color-930c1f1);
    border-radius: 8px;
    background-color: var(--e-global-color-48a6284) !important; /* Force white background for cards */
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.05);
}

.blog-content td {
    position: relative;
    padding: 12px 15px;
    border-bottom: 1px solid var(--e-global-color-cce7f37); 
    text-align: right; /* Push content to the right */
    min-height: 48px;
}

.blog-content td:last-child {
    border-bottom: none;
}

/* PRO TIP: Use <td data-label="Header Name"> in your HTML to show labels on mobile */
.blog-content td::before {
    content: attr(data-label);
    position: absolute;
    left: 15px;
    top: 12px;
    width: 45%;
    text-align: left;
    font-weight: 700;
    color: var(--e-global-color-primary);
}

/* Fallback: if no data-label is provided, align text normally */
.blog-content td:not([data-label]) {
    text-align: left;
}


}/* End custom CSS */