/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/* Table Home page css start */

.header-box {
    background: white;
    padding: 5px;
}

.header-box .product-logo img {
    width: 150px;
    margin: 0 auto;
    height: 40px;
    object-fit: contain;
    align-content: center;
    display: block;
}

.header-box button.orange {
    background: #FE6219;
    width: 100%;
    border: none;
    font-size: 20px !important;
    font-weight: 500;
	    cursor: auto;
}

.header-box button.blue {
    background: #0D47BC;
    width: 100%;
    border: none;
    font-size: 20px !important;
    font-weight: 500;
	    cursor: auto;
}

.header-box button.purple {
    background: #6029A1;
    width: 100%;
    border: none;
    font-size: 20px !important;
    font-weight: 500;
	    cursor: auto;
}

.home-table-comparison .comparison-table .table-row:nth-child(odd) {
    background: #F7FAFC;
}

.home-table-comparison .table-cell ul {
    padding-left: 17px;
    padding-right: 0;
}

.home-table-comparison .table-cell ul li {
    margin-bottom: 10px;
}

.home-table-comparison .table-cell.feature-cell img:only-of-type {
    margin-bottom: 10px;
}

.home-table-comparison a.btnCustom {
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 12px;
    border: 1px solid #082c3e;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    background: #14384A;
    color: white;
    padding: 15px 22px;
    text-transform: uppercase;
display: block;
    text-align: center;
}

.home-table-comparison a.btnCustom:hover {
    background: transparent;
    color: #082c3e;
}

.home-table-comparison h1,
.home-table-comparison h2,
.home-table-comparison h3,
.home-table-comparison h4,
.home-table-comparison h5,
.home-table-comparison h6 {
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    margin: 0px;
}

/* Scroll Container — wraps BOTH top section and table */
.home-table-comparison .scroll-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    margin: 0;
    padding: 0;
}

.home-table-comparison .scroll-wrapper::-webkit-scrollbar {
    height: 8px;
}

.home-table-comparison .scroll-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.home-table-comparison .scroll-wrapper::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.home-table-comparison .scroll-wrapper::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Inner wrapper */
.home-table-comparison .scroll-inner {
    min-width: 900px;
    width: 100%;
}

/* Top Section - Product Cards */
.home-table-comparison .top-section {
    display: grid;
    grid-template-columns: 33% repeat(3, 22.33%);
    background: #0E2A38;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

.home-table-comparison .product-card.title-table {
    align-content: center;
    padding: 20px 30px;
}

.home-table-comparison h4.product-title {
    margin-top: 30px;
    margin-bottom: 30px;
}

.home-table-comparison .product-card.title-table h2 {
    font-size: 40px;
    text-align: left;
}

.home-table-comparison .product-image {
    padding-left: 1px;
    padding-right: 1px;
}

.home-table-comparison .product-card {
    text-align: center;
    border-right: 1px solid #213B48;
}

.home-table-comparison .product-image img {
    width: 100%;
}

.home-table-comparison .product-title {
    font-size: 20px;
    margin-bottom: 10px;
    color: white;
}

.home-table-comparison .comparison-table {
    display: flex;
    flex-direction: column;
    background: white;
    width: 100%;
}

.home-table-comparison .table-row {
    display: grid;
    grid-template-columns: 33% repeat(3, 22.33%);
    border-bottom: 1px solid #E5ECF0;
    width: 100%;
    box-sizing: border-box;
}

.home-table-comparison .table-row:last-child {
    border-bottom: none;
}

.home-table-comparison .table-cell {
    padding: 20px 30px;
    border-right: 1px solid #E5ECF0;
    font-size: 14px;
    color: #354853;
    font-weight: 400;
    line-height: 1.5em;
}

.home-table-comparison .table-cell:last-child {
    border-right: none;
}

.home-table-comparison .header-cell {
    padding: 20px;
    font-weight: 600;
    text-align: center;
    border-right: 1px solid #E5ECF0;
}

.home-table-comparison .header-cell:last-child {
    border-right: none;
}

.home-table-comparison .feature-label {
    padding: 20px 30px;
    border-right: 1px solid #E5ECF0;
    display: flex;
    gap: 15px;
}

.home-table-comparison .feature-label .numbering {
    height: max-content;
    padding: 8px 13px;
    border-radius: 50px;
    color: #2C7A99;
    font-weight: 900;
    font-size: 13px;
    background: #F2F7FA;
}

.home-table-comparison .feature-label h2 {
    font-size: 15px;
    color: #0E2A38;
    height: fit-content;
    margin-top: 3px;

}

.home-table-comparison .feature-label h2 span {
    display: block;
    color: #647581;
    font-family: 'Lato';
    font-weight: 400;
    font-size: 13px;
}

.home-table-comparison .feature-cell ul li::marker {
    color: #5FA0BC;
}

.icon-card {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: white;
    justify-content: center;
    padding: 7px 14px;
    border-radius: 50px;
}

.icon-card p {
    margin: 0;
}

.icon-card h3 {
    font-size: 13px;
}

.icon-card i {
    font-size: 11px;
}

.icon-card.green {
    background: #E2F1E9;
    color: #2E8B57 !important;
}

.icon-card.green h3 {
    color: #2E8B57 !important;
}

.icon-card.orange {
    background: #FBF1DD;
    color: #C28327 !important;
}

.icon-card.orange h3{
    color: #C28327 !important;
}


/* Responsive */
@media (max-width: 768px) {
    .home-table-comparison .scroll-inner {
        min-width: 850px;
    }

    .home-table-comparison .top-section {
        grid-template-columns: 33% repeat(3, 22.33%);
    }

    .home-table-comparison .table-row {
        grid-template-columns: 33% repeat(3, 22.33%);
    }

    .home-table-comparison .table-cell,
    .home-table-comparison .header-cell,
    .home-table-comparison .feature-label {
        padding: 15px;
    }



}

@media (max-width: 480px) {
    .home-table-comparison .scroll-inner {
        min-width: 820px;
    }

    .home-table-comparison .top-section {
        grid-template-columns: 33% repeat(3, 22.33%);
    }

    .home-table-comparison .table-row {
        grid-template-columns: 33% repeat(3, 22.33%);
    }

    .home-table-comparison .table-cell,
    .home-table-comparison .header-cell,
    .home-table-comparison .feature-label {
        padding: 10px 15px;
    }


}


/* Table Home page css end */