@import url("_about-banner-section.css?v=666");
@import url("_cta-module.css");
@import url("_signup-module.css");
@import url("_stats-section.css");
@import url("_repeater-section.css?v=666");
@import url("_section-intro.css?v=333");
@import url("_features-module.css");
@import url("_accordion.css?v=0011");


.accordion-section{background: var(--Light);}
.accordion-section:nth-child(3) .accordion-main{padding-bottom: 0;}
.accordion-main{padding: 70px 0 80px; width: 100%; display: flex; flex-direction: column; gap: 10px;}
.accordion-title h2{margin-bottom: 30px; font-size: 38px; line-height: 44px; color: var(--blue);}
.accordion-item .accordion-heading{background-color: var(--white);font-family: "Segoe UI"; font-weight: 400;}
.accordion-item .content{background-color: var(--white);}
.accordion-main .description{padding-bottom: 40px;} 
.accordion-main .description p { margin-bottom: 0; }

.tablepress > .row-hover > tr:where(:not(.dtrg-group)):hover,
.tablepress > .row-hover > tr:where(:not(.dtrg-group)):hover > *{background-color: transparent;}

.dt-container{margin-bottom: 0;}
table.tablepress thead tr th{padding: 8px 16px; background-color: var(--blue-dark); color: var(--white); font-weight: 700; }
table.tablepress tbody tr td{padding: 17px 16px 18px; font-size: 18px; line-height: 24px;}
table.tablepress tbody tr td:first-child { font-weight: 700; font-family: 'Segoe UI This', sans-serif; }
table.tablepress tbody tr:nth-child(2n+2) td{border-bottom: 1px solid var(--Line, rgba(0, 0, 0, 0.10)); background: rgba(192, 212, 228, 0.20); backdrop-filter: blur(3.5px);}


/*-- media css starts here --*/
@media only screen and (min-width: 1024px){
    .accordion-item .content{padding: 20px 30px 26px 99px;}
}
@media screen and (max-width: 1023px) and (min-width: 768px){
    .accordion-item .content{padding: 0 26px 26px 99px;}
    table.tablepress tbody tr td{font-size: 16px; line-height: 22px;}
}
@media screen and (max-width: 767px) and (min-width: 0px){
    .banner-btn-wrap {
        display: flex;
        flex-direction: column;
        gap: 20px;
      }
    .dt-container .dt-layout-table .dt-layout-cell.dt-layout-full{overflow: auto;}
    /* table.tablepress thead tr th{font-size: 11px; line-height: 14px;}
    table.tablepress tbody tr td { padding: 14px 16px 11px; font-size: 14px; line-height: 18px; } */

    .accordion-item .content { padding: 0 20px 21px; }
    
    /*-- sep 23 25 --*/
    table.tablepress {
        border: 0;
        display: block;
    }

    table.tablepress thead {
        display: none;
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    table.tablepress tbody{display: block;}

    table.tablepress tr {
        margin-bottom: 20px;
        border: 1px solid #eaeaea;
        display: block;
        border-radius: 6px;
    }

    table.tablepress tbody tr:first-child td { padding-top: 24px; }

      table.tablepress tbody tr td {border-top: 1px solid #eaeaea; border-bottom: none; display: flex; flex-wrap: wrap; gap: 0 16px; font-size: 14px; line-height: 18px; padding: 24px 16px 24px 152px; align-items: center; position: relative; overflow: hidden; }

      table.tablepress td::before {
        content: attr(data-label);
        font-weight: 700;
        text-transform: capitalize;
        background: var(--Light);
        padding: 24px 16px;
        position: absolute;
        left: 0;
        top: 0;
        flex: 0 0 100px;
        width: 100px;
        height: 100%;
    }

    table.tablepress td:first-child { border-top: 0; }
    /*-- sep 23 25 --*/
}