.elementor-231955114516816 .elementor-element.elementor-element-fa70eb7{background-color:var( --e-global-color-primary );border-style:solid;}.elementor-231955114516816 .elementor-element.elementor-element-4addde2{background-color:#EFE9E5;border-style:groove;}.elementor-231955114516816 .elementor-element.elementor-element-8c284b4{--spacer-size:77px;}.elementor-231955114516816 .elementor-element.elementor-element-214894e{--spacer-size:79px;}.elementor-231955114516816 .elementor-element.elementor-element-70ba427{--spacer-size:71px;}.elementor-231955114516816 .elementor-element.elementor-element-ffd31a6{--spacer-size:84px;}.elementor-231955114516816 .elementor-element.elementor-element-d98ce05{--spacer-size:74px;}.elementor-231955114516816 .elementor-element.elementor-element-7ce1839{--cols:2;--bordered-layout-border-color:var( --e-global-color-primary );}.elementor-231955114516816 .elementor-element.elementor-element-7ce1839 .etheme-product-grid-title a{color:var( --e-global-color-397ac7e );}.elementor-231955114516816 .elementor-element.elementor-element-e7339ac{--cols:2;--bordered-layout-border-color:var( --e-global-color-primary );}.elementor-231955114516816 .elementor-element.elementor-element-e7339ac .etheme-product-grid-title a{color:var( --e-global-color-397ac7e );}.elementor-231955114516816 .elementor-element.elementor-element-a5539af{--spacer-size:73px;}.elementor-231955114516816 .elementor-element.elementor-global-231955114511490{--slides-per-view:3;--post-title-lines:2;--post-excerpt-lines:3;--image-space:0px;}.elementor-231955114516816 .elementor-element.elementor-global-231955114511490 .etheme-post-content .etheme-post-title a{height:calc(var(--post-title-lines) * 3ex);line-height:3ex;overflow:hidden;}.elementor-231955114516816 .elementor-element.elementor-global-231955114511490 .etheme-post-content .etheme-post-excerpt{height:calc(var(--post-excerpt-lines) * 3ex);line-height:3ex;overflow:hidden;}.elementor-231955114516816 .elementor-element.elementor-global-231955114511490 .etheme-post{border-radius:10px 10px 10px 10px;}.elementor-231955114516816 .elementor-element.elementor-global-231955114511490 .etheme-post-image-wrapper img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-231955114516816 .elementor-element.elementor-global-231955114511490 .etheme-post-image-inner{border-radius:10px 10px 10px 10px;}.elementor-231955114516816 .elementor-element.elementor-global-231955114511490 .etheme-post-title{font-family:"Poppins", Sans-serif;font-size:18px;}.elementor-231955114516816 .elementor-element.elementor-global-231955114511490 .etheme-post-meta-data{border-style:solid;border-width:1px 0px 0px 0px;border-color:#e1e1e1;}.elementor-231955114516816 .elementor-element.elementor-global-231955114511490 .swiper-entry{--arrow-size:56px;}/* Start custom CSS for html, class: .elementor-element-725013e *//* General table styling for all devices */
.table-content-responsive table {
    width: 100%; /* Make table take full width of its container */
    border-collapse: collapse; /* Critical for clean borders that butt up against each other */
    font-family: 'Inter', sans-serif; /* Ensure consistent font (adjust to your site's font if different) */
}

.table-content-responsive th,
.table-content-responsive td {
    padding: 12px 15px; /* Comfortable padding for cells */
    border: 1px solid #6ec1e3; /* Your specified border color */
    vertical-align: top; /* Align content to the top of the cell */
    text-align: center; /* Center all content for this table, including symbols */
}

.table-content-responsive thead th { /* Styling for header cells */
    background-color: #f8f8f8; /* Light background for header */
    font-weight: bold;
    color: #333;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 767px) { /* Targets screens up to 767px wide (typical mobile) */
    .horizontal-scroll-wrapper {
        overflow-x: auto; /* Enable horizontal scrolling for the wrapper */
        -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS devices */
        padding-bottom: 10px; /* Add some space for the scrollbar if it appears */
    }

    .table-content-responsive table {
        width: auto; /* Allow table to be wider than the viewport if needed */
        min-width: 550px; /* Adjust this total minimum width based on content needs */
    }

    /* Column-specific minimum widths for mobile readability */
    .table-content-responsive th:nth-child(1), /* STI/STD column */
    .table-content-responsive td:nth-child(1) {
        min-width: 100px;
    }

    .table-content-responsive th:nth-child(2), /* Spread by Fluids column */
    .table-content-responsive td:nth-child(2) {
        min-width: 120px;
    }
    
    .table-content-responsive th:nth-child(3), /* Skin-to-Skin Contact column */
    .table-content-responsive td:nth-child(3) {
        min-width: 150px;
    }

    .table-content-responsive th:nth-child(4), /* Survives on Toys column */
    .table-content-responsive td:nth-child(4) {
        min-width: 120px;
    }

    /* Allow text to wrap within cells on mobile (though less critical for symbols) */
    .table-content-responsive th,
    .table-content-responsive td {
        white-space: normal; 
        word-break: break-word; /* Helps long words break to prevent overflow within a cell */
    }
}

/* Optional: Basic styling for the scrollbar (for browsers that support it) */
.horizontal-scroll-wrapper::-webkit-scrollbar {
    height: 8px;
}

.horizontal-scroll-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.horizontal-scroll-wrapper::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.horizontal-scroll-wrapper::-webkit-scrollbar-thumb:hover {
    background: #555;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7543a0b *//* General table styling for all devices */
.table-content-responsive table {
    width: 100%; /* Make table take full width of its container */
    border-collapse: collapse; /* Critical for clean borders that butt up against each other */
    font-family: 'Inter', sans-serif; /* Ensure consistent font (adjust to your site's font if different) */
}

.table-content-responsive th,
.table-content-responsive td {
    padding: 12px 15px; /* Comfortable padding for cells */
    border: 1px solid #6ec1e3; /* <-- Border color changed here! */
    text-align: left; /* Align text to the left */
    vertical-align: top; /* Align content to the top of the cell */
}

.table-content-responsive thead th { /* Styling for header cells */
    background-color: #f8f8f8; /* Light background for header */
    font-weight: bold;
    color: #333;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 767px) { /* Targets screens up to 767px wide (typical mobile) */
    .horizontal-scroll-wrapper {
        overflow-x: auto; /* Enable horizontal scrolling for the wrapper */
        -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS devices */
        padding-bottom: 10px; /* Add some space for the scrollbar if it appears */
    }

    .table-content-responsive table {
        width: auto; /* Allow table to be wider than the viewport if needed */
        min-width: 700px; /* Adjust this total minimum width based on content needs */
    }

    /* Column-specific minimum widths for mobile readability */
    .table-content-responsive th:nth-child(1), /* STD column */
    .table-content-responsive td:nth-child(1) {
        min-width: 120px;
    }

    .table-content-responsive th:nth-child(2), /* Bacterial or Viral column */
    .table-content-responsive td:nth-child(2) {
        min-width: 120px;
    }
    
    .table-content-responsive th:nth-child(3), /* Can Survive on Toys? column */
    .table-content-responsive td:nth-child(3) {
        min-width: 150px;
    }

    .table-content-responsive th:nth-child(4), /* Special Precautions column */
    .table-content-responsive td:nth-child(4) {
        min-width: 250px; /* This column likely needs the most space */
    }

    /* Allow text to wrap within cells on mobile */
    .table-content-responsive th,
    .table-content-responsive td {
        white-space: normal; 
        word-break: break-word; /* Helps long words break to prevent overflow within a cell */
    }
    
    /* Optional: If you want header text to stay on one line on mobile (might make headers tiny if too long) */
    .table-content-responsive thead th {
        white-space: nowrap;
    }
}

/* Optional: Basic styling for the scrollbar (for browsers that support it) */
.horizontal-scroll-wrapper::-webkit-scrollbar {
    height: 8px;
}

.horizontal-scroll-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.horizontal-scroll-wrapper::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.horizontal-scroll-wrapper::-webkit-scrollbar-thumb:hover {
    background: #555;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-26f65d0 *//* General table styling for all devices */
.table-content-responsive table {
    width: 100%; /* Make table take full width of its container */
    border-collapse: collapse; /* Critical for clean borders that butt up against each other */
    font-family: 'Inter', sans-serif; /* Ensure consistent font (adjust to your site's font if different) */
}

.table-content-responsive th,
.table-content-responsive td {
    padding: 12px 15px; /* Comfortable padding for cells */
    border: 1px solid #6ec1e3; /* Your specified border color */
    text-align: center; /* All text centered as per your original table */
    vertical-align: top; /* Align content to the top of the cell */
}

.table-content-responsive thead th { /* Styling for header cells */
    background-color: #f8f8f8; /* Light background for header */
    font-weight: bold;
    color: #333;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 767px) { /* Targets screens up to 767px wide (typical mobile) */
    .horizontal-scroll-wrapper {
        overflow-x: auto; /* Enable horizontal scrolling for the wrapper */
        -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS devices */
        padding-bottom: 10px; /* Add some space for the scrollbar if it appears */
    }

    .table-content-responsive table {
        width: auto; /* Allow table to be wider than the viewport if needed */
        min-width: 750px; /* Adjust this total minimum width based on content needs */
    }

    /* Column-specific minimum widths for mobile readability */
    .table-content-responsive th:nth-child(1), /* STD/STI column */
    .table-content-responsive td:nth-child(1) {
        min-width: 100px;
    }

    .table-content-responsive th:nth-child(2), /* Survival Time column */
    .table-content-responsive td:nth-child(2) {
        min-width: 150px;
    }
    
    .table-content-responsive th:nth-child(3), /* Key Risks column */
    .table-content-responsive td:nth-child(3) {
        min-width: 180px;
    }

    .table-content-responsive th:nth-child(4), /* How to Neutralize It column */
    .table-content-responsive td:nth-child(4) {
        min-width: 250px; /* This column likely needs the most space */
    }

    /* Allow text to wrap within cells on mobile */
    .table-content-responsive th,
    .table-content-responsive td {
        white-space: normal; 
        word-break: break-word; /* Helps long words break to prevent overflow within a cell */
    }
    
    /* Optional: If you want header text to stay on one line on mobile (might make headers tiny if too long) */
    .table-content-responsive thead th {
        white-space: nowrap;
    }
}

/* Optional: Basic styling for the scrollbar (for browsers that support it) */
.horizontal-scroll-wrapper::-webkit-scrollbar {
    height: 8px;
}

.horizontal-scroll-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.horizontal-scroll-wrapper::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.horizontal-scroll-wrapper::-webkit-scrollbar-thumb:hover {
    background: #555;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e6ee2a *//* General table styling for all devices */
.table-content-responsive table {
    width: 100%; /* Make table take full width of its container */
    border-collapse: collapse; /* Critical for clean borders that butt up against each other */
    font-family: 'Inter', sans-serif; /* Ensure consistent font (adjust to your site's font if different) */
}

.table-content-responsive th,
.table-content-responsive td {
    padding: 12px 15px; /* Comfortable padding for cells */
    border: 1px solid #6ec1e3; /* Your specified border color */
    vertical-align: top; /* Align content to the top of the cell */
}

/* Specific text alignment for this Myth/Fact table */
.table-content-responsive th {
    text-align: center; /* Headers centered */
    background-color: #f8f8f8; /* Light background for header */
    font-weight: bold;
    color: #333;
}

.table-content-responsive td {
    text-align: left; /* Fact content left-aligned for readability */
}


/* --- Mobile Responsiveness --- */
@media (max-width: 767px) { /* Targets screens up to 767px wide (typical mobile) */
    .horizontal-scroll-wrapper {
        overflow-x: auto; /* Enable horizontal scrolling for the wrapper */
        -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS devices */
        padding-bottom: 10px; /* Add some space for the scrollbar if it appears */
    }

    .table-content-responsive table {
        width: auto; /* Allow table to be wider than the viewport if needed */
        min-width: 600px; /* Adjust this total minimum width based on content needs */
    }

    /* Column-specific minimum widths for mobile readability */
    .table-content-responsive th:nth-child(1), /* Myth column */
    .table-content-responsive td:nth-child(1) {
        min-width: 150px; /* Adjust as needed */
    }

    .table-content-responsive th:nth-child(2), /* Fact column */
    .table-content-responsive td:nth-child(2) {
        min-width: 400px; /* This column contains longer text */
    }
    
    /* Allow text to wrap within cells on mobile */
    .table-content-responsive th,
    .table-content-responsive td {
        white-space: normal; 
        word-break: break-word; /* Helps long words break to prevent overflow within a cell */
    }
}

/* Optional: Basic styling for the scrollbar (for browsers that support it) */
.horizontal-scroll-wrapper::-webkit-scrollbar {
    height: 8px;
}

.horizontal-scroll-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.horizontal-scroll-wrapper::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.horizontal-scroll-wrapper::-webkit-scrollbar-thumb:hover {
    background: #555;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0ec7de7 *//* General table styling for all devices */
.table-content-responsive table {
    width: 100%; /* Make table take full width of its container */
    border-collapse: collapse; /* Critical for clean borders that butt up against each other */
    font-family: 'Inter', sans-serif; /* Ensure consistent font (adjust to your site's font if different) */
}

.table-content-responsive th,
.table-content-responsive td {
    padding: 12px 15px; /* Comfortable padding for cells */
    border: 1px solid #6ec1e3; /* Your specified border color */
    vertical-align: top; /* Align content to the top of the cell */
    text-align: center; /* All content centered for this table as per original */
}

.table-content-responsive thead th { /* Styling for header cells */
    background-color: #f8f8f8; /* Light background for header */
    font-weight: bold;
    color: #333;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 767px) { /* Targets screens up to 767px wide (typical mobile) */
    .horizontal-scroll-wrapper {
        overflow-x: auto; /* Enable horizontal scrolling for the wrapper */
        -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS devices */
        padding-bottom: 10px; /* Add some space for the scrollbar if it appears */
    }

    .table-content-responsive table {
        width: auto; /* Allow table to be wider than the viewport if needed */
        min-width: 580px; /* Adjust this total minimum width based on content needs */
    }

    /* Column-specific minimum widths for mobile readability */
    .table-content-responsive th:nth-child(1), /* Product Category column */
    .table-content-responsive td:nth-child(1) {
        min-width: 150px;
    }

    .table-content-responsive th:nth-child(2), /* Best For column */
    .table-content-responsive td:nth-child(2) {
        min-width: 180px;
    }
    
    .table-content-responsive th:nth-child(3), /* Features column */
    .table-content-responsive td:nth-child(3) {
        min-width: 200px; /* This column may have slightly longer text */
    }

    /* Allow text to wrap within cells on mobile */
    .table-content-responsive th,
    .table-content-responsive td {
        white-space: normal; 
        word-break: break-word; /* Helps long words break to prevent overflow within a cell */
    }
}

/* Optional: Basic styling for the scrollbar (for browsers that support it) */
.horizontal-scroll-wrapper::-webkit-scrollbar {
    height: 8px;
}

.horizontal-scroll-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.horizontal-scroll-wrapper::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.horizontal-scroll-wrapper::-webkit-scrollbar-thumb:hover {
    background: #555;
}/* End custom CSS */