#condition-block #paymentandbilling,
#condition-block #pricingplans,
#condition-block #cancellation,
#condition-block #deliverypolicy,
#condition-block #customers {
    scroll-margin-top: 90px;
}

#condition-block p:first-child {
  display: none;
}

#condition-block table {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 24px 0;
    table-layout: fixed;
    border-collapse: collapse;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #e6e6e6;
}

/* Override global table-display/block rules so this table always renders
     as a table and fits the viewport without horizontal scrolling. */
@media (max-width: 725px) {
    #condition-block {
        overflow-x: visible;
    }

    #condition-block table {
        display: table !important;
        table-layout: fixed !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    /* Allow the first column to wrap safely rather than forcing nowrap
       which caused overflow. Use word-break/overflow-wrap to break long words. */
    #condition-block table th:first-child,
    #condition-block table td:first-child {
        width: 26%;
        min-width: 0;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /* Distribute remaining columns evenly; ensure they can shrink */
    #condition-block table th:not(:first-child),
    #condition-block table td:not(:first-child) {
        width: 24%;
        min-width: 0;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /* Slightly reduce typography so the table fits without scrolling */
    #condition-block table tr th,
    #condition-block table tbody td {
        font-size: 12px;
        padding: 8px;
        line-height: 1.25;
        box-sizing: border-box;
    }
}

#condition-block table caption {
    caption-side: top;
    text-align: left;
    font-weight: 600;
    padding: 10px 12px;
    color: #344621;
}

#condition-block thead th,
#condition-block tbody th {
    background: #33582a;
    color: #ffffff;
    /* font-weight: 600; */
    padding: 12px 14px;
    text-align: left;
    border-bottom: 1px solid #e6e6e6;
    font-size: 16px;
}

#condition-block tbody td  {
    background: #ffffff;
    color: #222;
    padding: 12px 14px;
    vertical-align: middle;
    border-top: 1px solid #e6e6e6;
    word-wrap: break-word;
    border-left: 1px solid #e6e6e6;
}

#condition-block tbody td:first-child {
    font-weight: 600;
}

@media (min-width: 800px) {
    #condition-block {
        box-sizing: border-box;
        min-width: 0;
        overflow-x: visible;
    }

    #condition-block table {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        table-layout: fixed;
        word-break: break-word;
    }

    #condition-block table caption {
        font-size: 14px;
        padding: 8px 10px;
    }

    #condition-block table tr th,
    #condition-block table tbody td {
        white-space: normal;
        word-break: break-word;
        overflow-wrap: anywhere;
        font-size: 14px;
        padding: 10px;
    }

    #condition-block table img {
        max-width: 100%;
        height: auto;
        display: block;
    }
}
@media (max-width: 440px) {
        #condition-block {
        box-sizing: border-box;
        min-width: 0;
        overflow-x: visible;
    }

        #condition-block table {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        table-layout: fixed;
        word-break: break-word;
    }

        #condition-block table tr th,
    #condition-block table tbody td {
        white-space: normal;
        text-wrap: unset;
        /* overflow-wrap: anywhere; */
    }

    #condition-block tbody td:first-child{
        font-size: 10px;
    }


#condition-block thead th {
    font-size: 10px;
}
  #condition-block table tbody td {
    font-size: 10px;
  }
}