.elementor-561 .elementor-element.elementor-element-26960be{--display:flex;--min-height:678px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:wrap;}.elementor-561 .elementor-element.elementor-element-db495f1{width:100%;max-width:100%;}.elementor-561 .elementor-element.elementor-element-34bfeae{width:100%;max-width:100%;}.elementor-561 .elementor-element.elementor-element-f3da65d{width:100%;max-width:100%;}@media(max-width:767px){.elementor-561 .elementor-element.elementor-element-db495f1{width:100%;max-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-db495f1 *//* OCL Frontend Tables */
.ocl-table {
    width: 100%;
    border-collapse: separate;      /* needed for gaps */
    border-spacing: 8px 6px;         /* column gap | row gap */
    text-align: center;
}

.ocl-table th {
    background: #CC2424;
    color: #ffffff;
    padding: 14px 10px;
    font-weight: 600;
    border-radius:11px;
}

.ocl-table td {
    background: rgba(255,255,255,0.05);
    padding: 12px 10px;
    border-radius: 16px;
    color: #ffffff;
}

/* Optional: hover effect */
.ocl-table tbody tr:hover td {
    background: rgba(255,255,255,0.1);
}

tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: #CC2424;
}

/*mobie responsive*/
/* ---------- MOBILE RESPONSIVE ---------- */
/* ---------- OCL TABLE SCROLL (MOBILE) ---------- */
@media (max-width: 768px) {

    /* Wrapper for horizontal scroll */
    .ocl-table-wrap {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Keep table structure */
    .ocl-table {
        min-width: 700px; /* forces horizontal scroll */
        border-collapse: separate;
        border-spacing: 8px 6px;
    }

    .ocl-table th,
    .ocl-table td {
        white-space: nowrap;
        text-align: center;
    }

    /* Optional scrollbar styling */
    .ocl-table-wrap::-webkit-scrollbar {
        height: 6px;
    }

    .ocl-table-wrap::-webkit-scrollbar-thumb {
        background: rgba(255,255,255,0.3);
        border-radius: 10px;
    }
}/* End custom CSS */