.c-plans {
        background-color: #002166!important;
    }

/* * pricing table all css start   */ 
@media (max-width: 767px) {
.compare-row{background: #ffffff !important;}
}
    

.comparison {/* max-width:940px; */margin:0 auto;font:13px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;text-align:left;/* padding:10px; */margin: 10px;outline: 1px solid #ccc;}
.comparison table {width: 100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;border-bottom: 1px solid #CCC;position: relative;}
.comparison thead {position: sticky;top: 4px; background-color: #091e3e;z-index: 1;color: #fff;}
.comparison td, .comparison th {border-right: 1px solid #CCC;empty-cells: show;padding: 15px;font-size: 112%;text-align: left;}
.compare-heading {font-size:18px;}
.comparison tbody tr:nth-child(odd) {display:none;}
.comparison .compare-row {background:#f5f5f5;}
.comparison .tickblue {color:#0078C1;}

.comparison th {font-weight:normal;/* padding:0; */}
.comparison tr td:first-child {text-align:left;}  
.comparison .qbse, .comparison .qbo, .comparison .tl {color:#FFF;padding:10px;font-size:13px;/* border-right:1px solid #CCC; */border-bottom:0;}
.table-main-font{font-weight:700;font-size:17px;}
.comparison .tl2 {border-right:0;}
.comparison .qbse {background:#0078C1;border-top-left-radius: 3px;border-left:0px;}
.comparison .qbo {background:#009E2C;border-top-right-radius: 3px;border-right:0px;}
.comparison .price-was {color:#999;text-decoration: line-through;}
.comparison .price-now, .comparison .price-now span {color:#ffff;font-size: 30px;}
.comparison .price-now span {font-size:32px;}
.comparison .price-small {font-size: 18px !important;position: relative;top: -11px;left: 2px;}


@media (max-width: 767px) {
  .comparison td:first-child, .comparison th:first-child {display: none;}
  .comparison tbody tr:nth-child(odd) {display:table-row;background:#dad9d9;}
  .comparison .row {background:#FFF;}
}

@media (max-width: 639px) {
  .comparison td, .comparison th {padding:14px 10px;text-align: center;}
  .comparison .price-now span {font-size:26px;}
  .comparison .price-small {font-size: 16px !important;top: 0;left: 0;}
  .comparison .qbse, .comparison .qbo {font-size:12px;padding:10px 5px;}
  .compare-heading {font-size:13px;}
  .comparison .price-now, .comparison .price-now span {color:#fff;font-size: 20px;}
}
/* pricing table all css End */



    /* DESKTOP VIEW - 4 COLUMNS */
    .tr_desktop_view {
        background-color: white;
        border-radius: 8px;
        /* overflow: hidden; */
    }

    .tr_pricing_table {
        width: 100%;
        border-collapse: collapse;
    }

    .tr_pricing_table thead {
        background-color: #f8f9fa;
        border-bottom: 2px solid #e0e0e0;
        position: sticky;
        top: 80px;
    }

    .tr_pricing_table th {
        padding: 30px 20px;
        text-align: center;
        border-right: 1px solid #e0e0e0;
        font-weight: 600;
        font-size: 16px;
        position: relative;
    }

    .tr_pricing_table th:first-child {
        text-align: left;
        background-color: #f8f9fa;
    }

    .tr_pricing_table th:last-child {
        border-right: none;
    }

    .tr_plan_header {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    .tr_popular_badge {
        display: inline-block;
        background-color: #dc3545;
        color: white;
        padding: 6px 12px;
        border-radius: 20px;
        font-size: 11px;
        font-weight: 600;
    }

    .tr_plan_title {
        font-size: 18px;
        font-weight: 600;
    }

    .tr_btn_demo {
        width: 100%;
        padding: 10px 15px;
        font-size: 14px;
        font-weight: 500;
        border-radius: 4px;
        border: 1px solid #dc3545;
        background-color: white;
        color: #dc3545;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .tr_btn_demo:hover {
        background-color: #dc3545;
        color: white;
    }

    .tr_btn_demo.popular {
        background-color: #dc3545;
        color: white;
        border-color: #dc3545;
    }

    .tr_btn_demo.popular:hover {
        background-color: #c82333;
        border-color: #c82333;
    }

    .tr_pricing_table tbody tr {
        border-bottom: 1px solid #e0e0e0;
    }

   

    .tr_pricing_table td {
        padding: 15px 20px;
        text-align: center;
        border-right: 1px solid #e0e0e0;
    }

    .tr_pricing_table td:first-child {
        text-align: left;
        color: #333;
        background-color: #f8f9fa;
        /* min-width: 220px; */
    }

    .tr_pricing_table td:last-child {
        border-right: none;
        font-weight: 900;
        color: #dc3545;
    }

    .check-mark {
        color: #28a745;
        font-size: 18px;
        font-weight: bold;
    }

    .x-mark {
        color: #ccc;
        font-size: 18px;
        font-weight: bold;
    }

    .section-header {
        background-color: #f8f9fa;
        font-weight: 600;
        font-size: 13px;
        color: #666;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .section-header td:first-child {
        background-color: #f8f9fa;
    }

    /* MOBILE VIEW */
    .tr_mob_view {
        background-color: white;
        border-radius: 8px;
        /* overflow: hidden; */
    }

    .tr_mob_header {
      position: sticky;
    top: 80px;
        display: flex;
        gap: 10px;
        padding: 15px;
        background-color: #f8f9fa;
        justify-content: space-around;
        border-bottom: 2px solid #e0e0e0;
    }

    .tr_plan_badge {
        background-color: white;
        border: 1px solid #e0e0e0;
        padding: 8px 12px;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 600;
        text-align: center;
        flex: 1;
    }

    .tr_plan_badge.popular {
        background-color: #dc3545;
        color: white;
        border: none;
    }

    .tr_mobile_features-container {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .tr_mobile_section {
        border-bottom: 1px solid #e0e0e0;
    }

    .tr_mobile_section:last-child {
        border-bottom: none;
    }

    .tr_table_s_title {
        padding: 15px 20px;
        background-color: #f8f9fa;
        font-weight: 600;
        font-size: 13px;
        color: #dc3545;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .tr_mobile_feature {
        padding: 20px;
        border-bottom: 1px solid #e0e0e0;
    }

    .tr_mobile_section:last-child .tr_mobile_feature:last-child {
        border-bottom: none;
    }

    .tr_feature_name {
        font-size: 14px;
        font-weight: 600;
        color: #333;
        margin-bottom: 15px;
        line-height: 1.4;
    }

    .tr_plan_boxes {
        display: flex;
        gap: 10px;
        justify-content: space-around;
    }

    .tr_plan_box {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        padding: 10px;
        background-color: #f8f9fa;
        border-radius: 4px;
        flex: 1;
    }

    .tr_box_label {
        font-size: 11px;
        color: #666;
        font-weight: 500;
    }

    .tr_plan_box .check-mark,
    .tr_plan_box .x-mark {
        font-size: 18px;
    }

    /* Responsive adjustments */
    @media (max-width: 991px) {
        .tr_desktop_view {
            display: none;
        }
    }

    @media (max-width: 768px) {
        .tr_pricing_container {
            padding: 15px 10px;
        }

        .tr_mobile_feature {
            padding: 15px;
        }

        .tr_feature_name {
            font-size: 13px;
        }

        .tr_plan_boxes {
            gap: 8px;
        }

        .tr_plan_box {
            padding: 8px;
        }
    }
.tr_pricing_table thead th {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 20;
}

.tr_pricing_container {
    overflow: visible !important; /* remove overflow auto/hidden */
}
/* .tr_mob_header {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 30;
} */