.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#000000;--e-global-color-text:#000000;--e-global-color-accent:#0F67B1;--e-global-color-680dc6a:#FFFFFF;--e-global-color-e459312:#E6F3FF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:18px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:22px;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:22px;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;line-height:26px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{font-size:44px;}.elementor-kit-6 h2{font-size:24px;}.elementor-kit-6 h3{font-size:20px;}.elementor-kit-6 h4{font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================================================
   SITE-WIDE CUSTOM STYLES - ELEMENTOR OVERRIDE VERSION
   ============================================================================
   Simple .elementor-kit-6s with !important to override Elementor's inline styles
   Mobile-first approach with consistent padding across breakpoints
   ============================================================================ */
/* ============================================================================
   BASE MOBILE STYLES (Default - up to 767px)
   ============================================================================ */
section,
header,
footer,
aside,
.navbar,
.elementor-section,
.elementor-top-section {
    padding: 75px 20px !important;
}
/* Navbar - horizontal padding only */
.navbar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* ============================================================================
   UTILITY CLASSES
   ============================================================================ */
.no-padding-vertical {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.no-padding-top {
    padding-top: 0 !important;
}
.no-padding-bottom {
    padding-bottom: 0 !important;
}
/* ============================================================================
   TABLE STYLING
   ============================================================================ */
main table {
    width: 100%;
    border-collapse: collapse;
    margin: 2rem 0;
    font-size: 0.875rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
}
main table thead {
    background-color: var(--e-global-color-primary);
    color: #ffffff;
}
main table thead th {
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.875rem;
}
main table tbody tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    transition: background-color 0.2s ease;
}
main table tbody tr:nth-child(even) {
    background-color: rgba(var(--e-global-color-secondary-rgb, 168, 13, 82), 0.05);
}
main table tbody tr:hover {
    background-color: rgba(var(--e-global-color-secondary-rgb, 168, 13, 82), 0.1);
    cursor: pointer;
}
main table tbody td {
    padding: 0.75rem 1rem;
    color: var(--e-global-color-text, #000000);
}
main table tbody td:first-child {
    font-weight: 500;
    color: var(--e-global-color-primary);
}
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
/* ============================================================================
   COMPONENT STYLES
   ============================================================================ */
.ts-preview > div {
    height: 100%;
}
/* ============================================================================
   SMALL MOBILE (480px and below)
   ============================================================================ */
@media screen and (max-width: 480px) {
    section,
    header,
    footer,
    aside,
    .navbar,
    .elementor-section,
    .elementor-top-section {
        padding: 50px 15px !important;
    }
    .navbar {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    main table thead th,
    main table tbody td {
        padding: 0.625rem 0.75rem;
        font-size: 0.8125rem;
    }
}
/* ============================================================================
   TABLET (768px - 1024px)
   ============================================================================ */
@media screen and (min-width: 768px) {
    section,
    header,
    footer,
    aside,
    .navbar,
    .elementor-section,
    .elementor-top-section {
        padding: 100px 40px !important;
    }
    .navbar {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    main table {
        font-size: 0.9375rem;
    }
    main table thead th,
    main table tbody td {
        padding: 0.875rem 1.25rem;
    }
}
/* ============================================================================
   DESKTOP (1025px and above)
   ============================================================================ */
@media screen and (min-width: 1025px) {
    section,
    header,
    footer,
    aside,
    .navbar,
    .elementor-section,
    .elementor-top-section {
        padding: 150px 80px !important;
    }
    .navbar {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    main table {
        font-size: 1rem;
    }
    main table thead th,
    main table tbody td {
        padding: 1rem 1.5rem;
    }
}
/* ============================================================================
   LARGE DESKTOP (1440px and above)
   ============================================================================ */
@media screen and (min-width: 1440px) {
    section,
    header,
    footer,
    aside,
    .elementor-section,
    .elementor-top-section {
        padding: 150px 120px !important;
    }
    .navbar {
        padding: 0 120px !important;
    }
}
/* ============================================================================
   PRINT STYLES
   ============================================================================ */
@media print {
    section,
    header,
    footer,
    aside,
    .navbar,
    .elementor-section,
    .elementor-top-section {
        padding: 0 !important;
    }
    main table {
        page-break-inside: avoid;
    }
    main table tbody tr:hover {
        background-color: transparent !important;
    }
    #body a {
        color: var(--e-global-color-text, #000000);
        text-decoration: underline;
    }
    
    #body a::after {
        display: none;
    }
}/* End custom CSS */