.elementor-83334 .elementor-element.elementor-element-682835f{--spacer-size:50px;}.elementor-83334 .elementor-element.elementor-element-d1a86f0{--spacer-size:50px;}.elementor-83334 .elementor-element.elementor-element-5e96e06{--spacer-size:50px;}.elementor-83334 .elementor-element.elementor-element-bcdc03f{--spacer-size:50px;}.elementor-83334 .elementor-element.elementor-element-d24bd81{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-83334 .elementor-element.elementor-element-d24bd81 .elementor-divider-separator{width:100%;}.elementor-83334 .elementor-element.elementor-element-d24bd81 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-83334 .elementor-element.elementor-element-b260101{--spacer-size:150px;}/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-305f23b */.comparison-table-container {
    overflow-x: auto; /* Enables horizontal scrolling on small screens */
}

.comparison-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.comparison-table th,
.comparison-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.comparison-table th {
    background-color: #f2f2f2;
    font-weight: bold;
}

/* Media queries for responsiveness */
@media screen and (max-width: 768px) {
    .comparison-table thead {
        display: none; /* Hides table headers on small screens */
    }

    .comparison-table,
    .comparison-table tbody,
    .comparison-table tr,
    .comparison-table td {
        display: block; /* Stacks table elements vertically */
    }

    .comparison-table tr {
        margin-bottom: 15px;
        border: 1px solid #ddd;
        display: flex; /* Uses flexbox for layout within each row */
        flex-wrap: wrap; /* Allows items to wrap to the next line */
    }

    .comparison-table td {
        border: none;
        position: relative;
        padding-left: 50%; /* Space for pseudo-element label */
        width: 100%;
    }

    .comparison-table td:before {
        content: attr(data-label); /* Uses data-label for pseudo-element content */
        position: absolute;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: bold;
    }
}/* End custom CSS */