.elementor-1680 .elementor-element.elementor-element-3e8746a0{--display:flex;--min-height:400px;--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;--justify-content:center;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-1680 .elementor-element.elementor-element-3e8746a0:not(.elementor-motion-effects-element-type-background), .elementor-1680 .elementor-element.elementor-element-3e8746a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.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-1680 .elementor-element.elementor-element-513797bd{background-color:#557BAA;padding:5px 5px 5px 5px;border-radius:18px 18px 18px 18px;text-align:center;}.elementor-1680 .elementor-element.elementor-element-513797bd:hover{background-color:var( --e-global-color-primary );}.elementor-1680 .elementor-element.elementor-element-513797bd.elementor-element{--align-self:center;}.elementor-1680 .elementor-element.elementor-element-513797bd .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;color:#E2E2E2;}.elementor-1680 .elementor-element.elementor-element-33965075{text-align:center;}.elementor-1680 .elementor-element.elementor-element-33965075 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:600;color:#FFFFFF;}.elementor-1680 .elementor-element.elementor-element-46c3a9c{--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;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1680 .elementor-element.elementor-element-33965075 .elementor-heading-title{font-size:30px;}}/* Start custom CSS for html, class: .elementor-element-832dc08 */.surf-table-container {
    font-family: 'Roboto', sans-serif;
    margin: 20px 0;
    overflow-x: auto; /* Enables responsive scrolling */
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.surf-data-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #fff;
    min-width: 700px; /* Ensures table doesn't get too squished */
}

.surf-data-table thead {
    background-color: #1C58AD; /* Your Brand Blue */
    color: #ffffff;
    position: sticky;
    top: 0;
}

.surf-data-table th {
    padding: 15px;
    text-align: left;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.surf-data-table td {
    padding: 12px 15px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
}

/* Zebra Striping */
.surf-data-table tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

/* Hover Effect */
.surf-data-table tbody tr:hover {
    background-color: #edf2f7;
    transition: background 0.2s ease;
}

/* Special styling for ECNL rows to make them stand out */
.highlight-row td:first-child {
    font-weight: 700;
    color: #1C58AD;
}

.table-footer-note {
    font-size: 12px;
    color: #666;
    padding: 15px;
    font-style: italic;
    background: #fff;
    margin: 0;
    border-top: 1px solid #eee;
}

/* Responsive adjust for mobile view */
@media screen and (max-width: 600px) {
    .surf-data-table td, .surf-data-table th {
        padding: 10px;
    }
}/* End custom CSS */