.elementor-5127 .elementor-element.elementor-element-dd01340{--display:flex;--margin-top:59px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5127 .elementor-element.elementor-element-d45955e{--display:flex;}.elementor-5127 .elementor-element.elementor-element-8815d46{text-align:center;}.elementor-5127 .elementor-element.elementor-element-8815d46 .elementor-heading-title{font-size:24px;}.elementor-5127 .elementor-element.elementor-element-2e4158e{--display:flex;}/* Start custom CSS for container, class: .elementor-element-2e4158e *//* TABLE SEBUT HARGA / TENDER */
.ypm-tender-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(0,0,0,0.08);
}

/* Header hitam macam contoh */
.ypm-tender-table thead th {
    background: linear-gradient(135deg, #05070d, #151a24);
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .4px;
    padding: 18px 16px;
    text-align: center;
    border-right: 1px solid rgba(255,255,255,0.18);
}

.ypm-tender-table thead th:last-child {
    border-right: none;
}

/* Isi table */
.ypm-tender-table tbody td {
    padding: 18px 16px;
    font-size: 15px;
    color: #1f2937;
    text-align: center;
    border-bottom: 1px solid #e5e7eb;
    border-right: 1px solid #eef0f4;
}

.ypm-tender-table tbody td:last-child {
    border-right: none;
}

/* Zebra row */
.ypm-tender-table tbody tr:nth-child(even) {
    background: #f8fafc;
}

/* Hover row */
.ypm-tender-table tbody tr:hover {
    background: #eef5ff;
    transition: .25s ease;
}

/* Column tajuk kerja align kiri supaya nampak kemas */
.ypm-tender-table tbody td:nth-child(2) {
    text-align: left;
    font-weight: 500;
}

/* Responsive phone */
@media (max-width: 768px) {
    .ypm-tender-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        border-radius: 12px;
    }

    .ypm-tender-table thead th,
    .ypm-tender-table tbody td {
        padding: 14px 12px;
        font-size: 13px;
    }
}/* End custom CSS */