.elementor-7334 .elementor-element.elementor-element-4a91428{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:185px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7334 .elementor-element.elementor-element-bfab531 .elementor-repeater-item-aabb9ff{font-size:32px;font-weight:800;color:var(--e-global-color-primary);}.elementor-7334 .elementor-element.elementor-element-bfab531 > .elementor-widget-container{margin:0px 0px 22px 0px;}.elementor-7334 .elementor-element.elementor-element-bfab531 .lqd-text-el{font-family:"Abar", Sans-serif;font-size:32px;}.elementor-7334 .elementor-element.elementor-element-86d40ef > .elementor-widget-container{margin:0px 0px 16px 0px;}.elementor-7334 .elementor-element.elementor-element-86d40ef .lqd-text-el{font-family:"Abar", Sans-serif;font-size:17px;line-height:30px;}.elementor-7334 .elementor-element.elementor-element-86d40ef{text-align:justify;}.elementor-7334 .elementor-element.elementor-element-4d4e172 .elementor-repeater-item-8536792{font-weight:600;color:#7DDBEB;}.elementor-7334 .elementor-element.elementor-element-4d4e172 > .elementor-widget-container{margin:0px 0px 16px 0px;}.elementor-7334 .elementor-element.elementor-element-4d4e172 .lqd-text-el{font-family:"Abar", Sans-serif;font-size:17px;line-height:30px;}.elementor-7334 .elementor-element.elementor-element-4d4e172{text-align:justify;}.elementor-7334 .elementor-element.elementor-element-ef3c1d2 .elementor-repeater-item-ebe7217{font-weight:600;color:var(--e-global-color-primary);}.elementor-7334 .elementor-element.elementor-element-ef3c1d2 .lqd-text-el{font-family:"Abar", Sans-serif;font-size:14px;line-height:30px;}.elementor-7334 .elementor-element.elementor-element-ef3c1d2{text-align:justify;}.elementor-7334 .elementor-element.elementor-element-6b5962c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:026px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7334 .elementor-element.elementor-element-782d2a2 > .elementor-widget-container{padding:22px 0px 0px 0px;}.elementor-7334 .elementor-element.elementor-element-91e8137 > .elementor-widget-container{padding:22px 0px 0px 0px;}.elementor-7334 .elementor-element.elementor-element-51edff1 > .elementor-widget-container{padding:22px 0px 0px 0px;}.elementor-7334 .elementor-element.elementor-element-0fcf740 > .elementor-widget-container{padding:22px 0px 0px 0px;}.elementor-7334 .elementor-element.elementor-element-1299fe1 > .elementor-widget-container{padding:22px 0px 0px 0px;}.elementor-7334 .elementor-element.elementor-element-be1a942 > .elementor-widget-container{padding:22px 0px 0px 0px;}@media(max-width:1024px){.elementor-7334 .elementor-element.elementor-element-4a91428{--padding-top:195px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-7334 .elementor-element.elementor-element-bfab531 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-7334 .elementor-element.elementor-element-86d40ef > .elementor-widget-container{margin:0px 0px 14px 0px;}.elementor-7334 .elementor-element.elementor-element-4d4e172 > .elementor-widget-container{margin:0px 0px 14px 0px;}.elementor-7334 .elementor-element.elementor-element-6b5962c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-7334 .elementor-element.elementor-element-4a91428{--padding-top:120px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-7334 .elementor-element.elementor-element-bfab531 .elementor-repeater-item-aabb9ff{font-size:23px;}.elementor-7334 .elementor-element.elementor-element-bfab531 .lqd-text-el{font-size:17px;line-height:1.9em;}.elementor-7334 .elementor-element.elementor-element-86d40ef .lqd-text-el{font-size:14px;}.elementor-7334 .elementor-element.elementor-element-4d4e172 .lqd-text-el{font-size:14px;}.elementor-7334 .elementor-element.elementor-element-ef3c1d2 .lqd-text-el{font-size:11px;}.elementor-7334 .elementor-element.elementor-element-6b5962c{--margin-top:31px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-782d2a2 */.chatbot-table {
    >.head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px;
        margin-bottom: 20px;
        background-color: #151618;
        border: solid 1px #333333;
        border-radius: 9999px;

        >.iconAndTitle {
            display: flex;
            align-items: center;
            gap: 16px;

            >.icon {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 56px;
                height: 56px;
                background-color: #1E1E1E;
                border: solid 2px #2D2C2C;
                border-radius: 9999px;

                >img {
                    width: 30px;
                }
            }

            >.title {
                font-size: 24px;
                font-weight: 600;
                color: #FD8C24;
            }
        }

        >.filter {
            padding-left: 7px;

            >.select-input {
                position: relative;

                >button {
                    display: flex;
                    align-items: center;
                    gap: 14px;
                    padding: 12px 24px;
                    background-color: #1E1E1E;
                    border: solid 2px #2D2C2C;
                    border-radius: 9999px;
                    cursor: pointer;

                    >img {
                        width: 16px;
                        transition: transform 0.3s;
                        /* Apply transition to the img */
                    }

                    >span {
                        color: #ffffff;
                        font-size: 20px;
                        font-weight: 500;
                    }
                }

                &.open>button>img {
                    transform: rotate(180deg);
                    /* Rotate the arrow when open */
                }

                >.items {
                    position: absolute;
                    left: 0;
                    right: 0;
                    z-index: 1;
                    display: none;
                    /* Initially hidden */
                    flex-direction: column;
                    background-color: #1E1E1E;
                    border-radius: 20px;
                    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
                    overflow: hidden;

                    >a {
                        padding: 16px 30px;
                        color: #ffffff;
                        text-decoration: none;
                        transition: 0.2s;

                        &:hover {
                            background-color: #2c2c2c;
                        }
                    }
                }

                &.open>.items {
                    display: flex;
                    /* Show items when open */
                }
            }
        }
    }

    >.table {
        background-color: #151618;
        padding: 16px;
        border: solid 1px #333333;
        border-radius: 36px;
        overflow-x: auto;

        &::-webkit-scrollbar {
            height: 10px;
        }

        &::-webkit-scrollbar-thumb {
            height: 10px;
            background: rgb(49, 49, 49);
            border-radius: 10px;
        }

        >table {
            width: 100%;
            min-width: 800px;
            text-align: center;
            margin-top: 0;
            border: none !important;
            border-radius: 24px;
            overflow: hidden;

            thead {
                th {
                    position: relative;
                    width: 20%;
                    background-color: #2D2C2C;
                    padding: 24px 16px;
                    color: #FFFFFF;
                    line-height: 1.7;
                    text-align: center;
                    
                    &::before{
                        content: '';
                        position: absolute;
                        right: -2px;
                        left: -2px;
                        top: -2px;
                        bottom: -2px;
                        border: 2px solid #000000;
                    }

                    &:first-of-type {
                        color: #F58A07;
                        font-weight: 500;
                        &::before{
                            right: 0;
                        }
                    }
                    
                    &:last-of-type {
                        &::before{
                            left: 0;
                        }
                    }
                }
                
                &:first-of-type {
                    th{
                        &::before{
                            top: 0;
                        }
                        
                        &:first-of-type{
                            &::before{
                                border-radius: 0 25px 0 0;
                            }
                        }
                        
                        &:last-of-type{
                            &::before{
                                border-radius: 25px 0 0 0;
                            }
                        }
                    }
                }
            }

            tbody {
                tr {
                    td {
                        position: relative;
                        background-color: #1E1E1E;
                        padding: 20px 16px;
                        color: rgba(255, 255, 255, 0.8);
                        font-weight: 300;
                        line-height: 1.7;
                        
                        &::before{
                            content: '';
                            position: absolute;
                            inset: -2px;
                            border: 2px solid #000000;
                        }


                        .stars {
                            display: flex;
                            flex-direction: row-reverse;
                            justify-content: center;
                            gap: 10px;

                            >img {
                                width: 17px;
                            }
                        }
                        
                        &:first-of-type {
                            font-weight: 500;
                            
                            &::before{
                                right: 0; 
                            }
                        }
                        
                         &:last-of-type {
                            
                            &::before{
                                left: 0; 
                            }
                        }
                    }

                    &:nth-of-type(even) {
                        td {
                            background-color: #242424;
                        }
                    }
                }
                
                &:last-of-type{
                    tr:last-of-type{
                        td{
                            &:before{
                                bottom: 0;
                            }           
                            
                            &:first-of-type{
                                &:before{
                                    border-radius: 0 0 25px 0;
                                }
                            }   
                            
                            &:last-of-type{
                                &:before{
                                    border-radius: 0 0 0 25px;
                                }
                            }  
                        }
                    }
                }
            }
        }
    }

    @media (max-width: 992px) {
        >.table {
            background-color: #151618;
            padding: 16px;
            border: solid 1px #333333;
            border-radius: 36px;

            >table {
                width: 100%;
                text-align: center;

                thead {
                    font-size: 15px;

                    th {
                        padding: 18px 13px;
                    }
                }

                tbody {
                    font-size: 14px;

                    tr {
                        td {
                            background-color: #1E1E1E;
                            padding: 15px 13px;


                            .stars {
                                display: flex;
                                flex-direction: row-reverse;
                                justify-content: center;
                                gap: 8px;

                                >img {
                                    width: 15px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    @media (max-width: 850px) {
        >.table{
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
        }
    }

    @media (max-width: 500px) {
        >.head {
            padding: 10px;
            margin-bottom: 15px;

            >.iconAndTitle {
                gap: 10px;

                >.icon {
                    width: 40px;
                    height: 40px;

                    >img {
                        width: 20px;
                    }
                }

                >.title {
                    font-size: 18px;
                    font-weight: 500;
                }
            }

            >.filter {
                padding-left: 5px;

                >.select-input {
                    >button {
                        padding: 8px 16px;
                        gap: 10px;

                        >img {
                            width: 12px;
                        }

                        >span {
                            font-size: 16px;
                        }
                    }

                    >.items {
                        >a {
                            padding: 12px 20px;
                            font-size: 14px;
                        }
                    }
                }
            }
        }
    }
}

body[data-lqd-page-color-scheme="light"] .chatbot-table {
    >.head {
        background-color: #f0f0f0;
        border: solid 2px #a3a3a3;

        >.iconAndTitle {
            >.icon {
                background-color: #ffffff;
                border-color: #ff9100;
            }
        }

        >.filter {
            >.select-input {
                >button {
                    background-color: #ffffff;
                    border-color: #ff9100;

                    >span {
                        color: #282828;
                    }
                }

                >.items {
                    background-color: #ffffff;
                    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

                    >a {
                        color: #141414;

                        &:hover {
                            background-color: #f1f1f1;
                        }
                    }
                }
            }
        }
    }

    >.table {
        background-color: #f0f0f0;
        border: solid 2px #a3a3a3;
    
        &::-webkit-scrollbar-thumb {
            background: rgb(194, 194, 194);
        }
    
        >table {
            thead {
                th {
                    background-color: #ffffff;
                    color: #0b0b0b;
                    
                    &:before{
                        border-color: #7b7b7b;
                    }
                    
                    &:first-of-type {
                        color: #F58A07;
                        font-weight: 600;
                    }
                }
            }
    
            tbody {
                tr {
                    td {
                        background-color: #f0f0f0;
                        color: #000000;
                        
                        &:before{
                            border-color: #7b7b7b;
                        }

                        .stars{
                            >img{
                                filter: brightness(0.6);
                            }
                        }
                    }
    
                    &:nth-of-type(even) {
                        td {
                            background-color: #f6f6f6;
                        }
                    }
                }
            }
        }
    }    
}
table thead {
    background: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-91e8137 */.chatbot-table {
    >.head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px;
        margin-bottom: 20px;
        background-color: #151618;
        border: solid 1px #333333;
        border-radius: 9999px;

        >.iconAndTitle {
            display: flex;
            align-items: center;
            gap: 16px;

            >.icon {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 56px;
                height: 56px;
                background-color: #1E1E1E;
                border: solid 2px #2D2C2C;
                border-radius: 9999px;

                >img {
                    width: 30px;
                }
            }

            >.title {
                font-size: 24px;
                font-weight: 600;
                color: #FD8C24;
            }
        }

        >.filter {
            padding-left: 7px;

            >.select-input {
                position: relative;

                >button {
                    display: flex;
                    align-items: center;
                    gap: 14px;
                    padding: 12px 24px;
                    background-color: #1E1E1E;
                    border: solid 2px #2D2C2C;
                    border-radius: 9999px;
                    cursor: pointer;

                    >img {
                        width: 16px;
                        transition: transform 0.3s;
                        /* Apply transition to the img */
                    }

                    >span {
                        color: #ffffff;
                        font-size: 20px;
                        font-weight: 500;
                    }
                }

                &.open>button>img {
                    transform: rotate(180deg);
                    /* Rotate the arrow when open */
                }

                >.items {
                    position: absolute;
                    left: 0;
                    right: 0;
                    z-index: 1;
                    display: none;
                    /* Initially hidden */
                    flex-direction: column;
                    background-color: #1E1E1E;
                    border-radius: 20px;
                    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
                    overflow: hidden;

                    >a {
                        padding: 16px 30px;
                        color: #ffffff;
                        text-decoration: none;
                        transition: 0.2s;

                        &:hover {
                            background-color: #2c2c2c;
                        }
                    }
                }

                &.open>.items {
                    display: flex;
                    /* Show items when open */
                }
            }
        }
    }

    >.table {
        background-color: #151618;
        padding: 16px;
        border: solid 1px #333333;
        border-radius: 36px;
        overflow-x: auto;

        &::-webkit-scrollbar {
            height: 10px;
        }

        &::-webkit-scrollbar-thumb {
            height: 10px;
            background: rgb(49, 49, 49);
            border-radius: 10px;
        }

        >table {
            width: 100%;
            min-width: 800px;
            text-align: center;
            margin-top: 0;
            border: none !important;
            border-radius: 24px;
            overflow: hidden;

            thead {
                th {
                    position: relative;
                    width: 20%;
                    background-color: #2D2C2C;
                    padding: 24px 16px;
                    color: #FFFFFF;
                    line-height: 1.7;
                    text-align: center;
                    
                    &::before{
                        content: '';
                        position: absolute;
                        right: -2px;
                        left: -2px;
                        top: -2px;
                        bottom: -2px;
                        border: 2px solid #000000;
                    }

                    &:first-of-type {
                        color: #F58A07;
                        font-weight: 500;
                        &::before{
                            right: 0;
                        }
                    }
                    
                    &:last-of-type {
                        &::before{
                            left: 0;
                        }
                    }
                }
                
                &:first-of-type {
                    th{
                        &::before{
                            top: 0;
                        }
                        
                        &:first-of-type{
                            &::before{
                                border-radius: 0 25px 0 0;
                            }
                        }
                        
                        &:last-of-type{
                            &::before{
                                border-radius: 25px 0 0 0;
                            }
                        }
                    }
                }
            }

            tbody {
                tr {
                    td {
                        position: relative;
                        background-color: #1E1E1E;
                        padding: 20px 16px;
                        color: rgba(255, 255, 255, 0.8);
                        font-weight: 300;
                        line-height: 1.7;
                        
                        &::before{
                            content: '';
                            position: absolute;
                            inset: -2px;
                            border: 2px solid #000000;
                        }


                        .stars {
                            display: flex;
                            flex-direction: row-reverse;
                            justify-content: center;
                            gap: 10px;

                            >img {
                                width: 17px;
                            }
                        }
                        
                        &:first-of-type {
                            font-weight: 500;
                            
                            &::before{
                                right: 0; 
                            }
                        }
                        
                         &:last-of-type {
                            
                            &::before{
                                left: 0; 
                            }
                        }
                    }

                    &:nth-of-type(even) {
                        td {
                            background-color: #242424;
                        }
                    }
                }
                
                &:last-of-type{
                    tr:last-of-type{
                        td{
                            &:before{
                                bottom: 0;
                            }           
                            
                            &:first-of-type{
                                &:before{
                                    border-radius: 0 0 25px 0;
                                }
                            }   
                            
                            &:last-of-type{
                                &:before{
                                    border-radius: 0 0 0 25px;
                                }
                            }  
                        }
                    }
                }
            }
        }
    }

    @media (max-width: 992px) {
        >.table {
            background-color: #151618;
            padding: 16px;
            border: solid 1px #333333;
            border-radius: 36px;

            >table {
                width: 100%;
                text-align: center;

                thead {
                    font-size: 15px;

                    th {
                        padding: 18px 13px;
                    }
                }

                tbody {
                    font-size: 14px;

                    tr {
                        td {
                            background-color: #1E1E1E;
                            padding: 15px 13px;


                            .stars {
                                display: flex;
                                flex-direction: row-reverse;
                                justify-content: center;
                                gap: 8px;

                                >img {
                                    width: 15px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    @media (max-width: 850px) {
        >.table{
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
        }
    }

    @media (max-width: 500px) {
        >.head {
            padding: 10px;
            margin-bottom: 15px;

            >.iconAndTitle {
                gap: 10px;

                >.icon {
                    width: 40px;
                    height: 40px;

                    >img {
                        width: 20px;
                    }
                }

                >.title {
                    font-size: 18px;
                    font-weight: 500;
                }
            }

            >.filter {
                padding-left: 5px;

                >.select-input {
                    >button {
                        padding: 8px 16px;
                        gap: 10px;

                        >img {
                            width: 12px;
                        }

                        >span {
                            font-size: 16px;
                        }
                    }

                    >.items {
                        >a {
                            padding: 12px 20px;
                            font-size: 14px;
                        }
                    }
                }
            }
        }
    }
}

body[data-lqd-page-color-scheme="light"] .chatbot-table {
    >.head {
        background-color: #f0f0f0;
        border: solid 2px #a3a3a3;

        >.iconAndTitle {
            >.icon {
                background-color: #ffffff;
                border-color: #ff9100;
            }
        }

        >.filter {
            >.select-input {
                >button {
                    background-color: #ffffff;
                    border-color: #ff9100;

                    >span {
                        color: #282828;
                    }
                }

                >.items {
                    background-color: #ffffff;
                    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

                    >a {
                        color: #141414;

                        &:hover {
                            background-color: #f1f1f1;
                        }
                    }
                }
            }
        }
    }

    >.table {
        background-color: #f0f0f0;
        border: solid 2px #a3a3a3;
    
        &::-webkit-scrollbar-thumb {
            background: rgb(194, 194, 194);
        }
    
        >table {
            thead {
                th {
                    background-color: #ffffff;
                    color: #0b0b0b;
                    
                    &:before{
                        border-color: #7b7b7b;
                    }
                    
                    &:first-of-type {
                        color: #F58A07;
                        font-weight: 600;
                    }
                }
            }
    
            tbody {
                tr {
                    td {
                        background-color: #f0f0f0;
                        color: #000000;
                        
                        &:before{
                            border-color: #7b7b7b;
                        }

                        .stars{
                            >img{
                                filter: brightness(0.6);
                            }
                        }
                    }
    
                    &:nth-of-type(even) {
                        td {
                            background-color: #f6f6f6;
                        }
                    }
                }
            }
        }
    }    
}
table thead {
    background: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51edff1 */.chatbot-table {
    >.head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px;
        margin-bottom: 20px;
        background-color: #151618;
        border: solid 1px #333333;
        border-radius: 9999px;

        >.iconAndTitle {
            display: flex;
            align-items: center;
            gap: 16px;

            >.icon {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 56px;
                height: 56px;
                background-color: #1E1E1E;
                border: solid 2px #2D2C2C;
                border-radius: 9999px;

                >img {
                    width: 30px;
                }
            }

            >.title {
                font-size: 24px;
                font-weight: 600;
                color: #FD8C24;
            }
        }

        >.filter {
            padding-left: 7px;

            >.select-input {
                position: relative;

                >button {
                    display: flex;
                    align-items: center;
                    gap: 14px;
                    padding: 12px 24px;
                    background-color: #1E1E1E;
                    border: solid 2px #2D2C2C;
                    border-radius: 9999px;
                    cursor: pointer;

                    >img {
                        width: 16px;
                        transition: transform 0.3s;
                        /* Apply transition to the img */
                    }

                    >span {
                        color: #ffffff;
                        font-size: 20px;
                        font-weight: 500;
                    }
                }

                &.open>button>img {
                    transform: rotate(180deg);
                    /* Rotate the arrow when open */
                }

                >.items {
                    position: absolute;
                    left: 0;
                    right: 0;
                    z-index: 1;
                    display: none;
                    /* Initially hidden */
                    flex-direction: column;
                    background-color: #1E1E1E;
                    border-radius: 20px;
                    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
                    overflow: hidden;

                    >a {
                        padding: 16px 30px;
                        color: #ffffff;
                        text-decoration: none;
                        transition: 0.2s;

                        &:hover {
                            background-color: #2c2c2c;
                        }
                    }
                }

                &.open>.items {
                    display: flex;
                    /* Show items when open */
                }
            }
        }
    }

    >.table {
        background-color: #151618;
        padding: 16px;
        border: solid 1px #333333;
        border-radius: 36px;
        overflow-x: auto;

        &::-webkit-scrollbar {
            height: 10px;
        }

        &::-webkit-scrollbar-thumb {
            height: 10px;
            background: rgb(49, 49, 49);
            border-radius: 10px;
        }

        >table {
            width: 100%;
            min-width: 800px;
            text-align: center;
            margin-top: 0;
            border: none !important;
            border-radius: 24px;
            overflow: hidden;

            thead {
                th {
                    position: relative;
                    width: 20%;
                    background-color: #2D2C2C;
                    padding: 24px 16px;
                    color: #FFFFFF;
                    line-height: 1.7;
                    text-align: center;
                    
                    &::before{
                        content: '';
                        position: absolute;
                        right: -2px;
                        left: -2px;
                        top: -2px;
                        bottom: -2px;
                        border: 2px solid #000000;
                    }

                    &:first-of-type {
                        color: #F58A07;
                        font-weight: 500;
                        &::before{
                            right: 0;
                        }
                    }
                    
                    &:last-of-type {
                        &::before{
                            left: 0;
                        }
                    }
                }
                
                &:first-of-type {
                    th{
                        &::before{
                            top: 0;
                        }
                        
                        &:first-of-type{
                            &::before{
                                border-radius: 0 25px 0 0;
                            }
                        }
                        
                        &:last-of-type{
                            &::before{
                                border-radius: 25px 0 0 0;
                            }
                        }
                    }
                }
            }

            tbody {
                tr {
                    td {
                        position: relative;
                        background-color: #1E1E1E;
                        padding: 20px 16px;
                        color: rgba(255, 255, 255, 0.8);
                        font-weight: 300;
                        line-height: 1.7;
                        
                        &::before{
                            content: '';
                            position: absolute;
                            inset: -2px;
                            border: 2px solid #000000;
                        }


                        .stars {
                            display: flex;
                            flex-direction: row-reverse;
                            justify-content: center;
                            gap: 10px;

                            >img {
                                width: 17px;
                            }
                        }
                        
                        &:first-of-type {
                            font-weight: 500;
                            
                            &::before{
                                right: 0; 
                            }
                        }
                        
                         &:last-of-type {
                            
                            &::before{
                                left: 0; 
                            }
                        }
                    }

                    &:nth-of-type(even) {
                        td {
                            background-color: #242424;
                        }
                    }
                }
                
                &:last-of-type{
                    tr:last-of-type{
                        td{
                            &:before{
                                bottom: 0;
                            }           
                            
                            &:first-of-type{
                                &:before{
                                    border-radius: 0 0 25px 0;
                                }
                            }   
                            
                            &:last-of-type{
                                &:before{
                                    border-radius: 0 0 0 25px;
                                }
                            }  
                        }
                    }
                }
            }
        }
    }

    @media (max-width: 992px) {
        >.table {
            background-color: #151618;
            padding: 16px;
            border: solid 1px #333333;
            border-radius: 36px;

            >table {
                width: 100%;
                text-align: center;

                thead {
                    font-size: 15px;

                    th {
                        padding: 18px 13px;
                    }
                }

                tbody {
                    font-size: 14px;

                    tr {
                        td {
                            background-color: #1E1E1E;
                            padding: 15px 13px;


                            .stars {
                                display: flex;
                                flex-direction: row-reverse;
                                justify-content: center;
                                gap: 8px;

                                >img {
                                    width: 15px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    @media (max-width: 850px) {
        >.table{
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
        }
    }

    @media (max-width: 500px) {
        >.head {
            padding: 10px;
            margin-bottom: 15px;

            >.iconAndTitle {
                gap: 10px;

                >.icon {
                    width: 40px;
                    height: 40px;

                    >img {
                        width: 20px;
                    }
                }

                >.title {
                    font-size: 18px;
                    font-weight: 500;
                }
            }

            >.filter {
                padding-left: 5px;

                >.select-input {
                    >button {
                        padding: 8px 16px;
                        gap: 10px;

                        >img {
                            width: 12px;
                        }

                        >span {
                            font-size: 16px;
                        }
                    }

                    >.items {
                        >a {
                            padding: 12px 20px;
                            font-size: 14px;
                        }
                    }
                }
            }
        }
    }
}

body[data-lqd-page-color-scheme="light"] .chatbot-table {
    >.head {
        background-color: #f0f0f0;
        border: solid 2px #a3a3a3;

        >.iconAndTitle {
            >.icon {
                background-color: #ffffff;
                border-color: #ff9100;
            }
        }

        >.filter {
            >.select-input {
                >button {
                    background-color: #ffffff;
                    border-color: #ff9100;

                    >span {
                        color: #282828;
                    }
                }

                >.items {
                    background-color: #ffffff;
                    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

                    >a {
                        color: #141414;

                        &:hover {
                            background-color: #f1f1f1;
                        }
                    }
                }
            }
        }
    }

    >.table {
        background-color: #f0f0f0;
        border: solid 2px #a3a3a3;
    
        &::-webkit-scrollbar-thumb {
            background: rgb(194, 194, 194);
        }
    
        >table {
            thead {
                th {
                    background-color: #ffffff;
                    color: #0b0b0b;
                    
                    &:before{
                        border-color: #7b7b7b;
                    }
                    
                    &:first-of-type {
                        color: #F58A07;
                        font-weight: 600;
                    }
                }
            }
    
            tbody {
                tr {
                    td {
                        background-color: #f0f0f0;
                        color: #000000;
                        
                        &:before{
                            border-color: #7b7b7b;
                        }

                        .stars{
                            >img{
                                filter: brightness(0.6);
                            }
                        }
                    }
    
                    &:nth-of-type(even) {
                        td {
                            background-color: #f6f6f6;
                        }
                    }
                }
            }
        }
    }    
}
table thead {
    background: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0fcf740 */.chatbot-table {
    >.head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px;
        margin-bottom: 20px;
        background-color: #151618;
        border: solid 1px #333333;
        border-radius: 9999px;

        >.iconAndTitle {
            display: flex;
            align-items: center;
            gap: 16px;

            >.icon {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 56px;
                height: 56px;
                background-color: #1E1E1E;
                border: solid 2px #2D2C2C;
                border-radius: 9999px;

                >img {
                    width: 30px;
                }
            }

            >.title {
                font-size: 24px;
                font-weight: 600;
                color: #FD8C24;
            }
        }

        >.filter {
            padding-left: 7px;

            >.select-input {
                position: relative;

                >button {
                    display: flex;
                    align-items: center;
                    gap: 14px;
                    padding: 12px 24px;
                    background-color: #1E1E1E;
                    border: solid 2px #2D2C2C;
                    border-radius: 9999px;
                    cursor: pointer;

                    >img {
                        width: 16px;
                        transition: transform 0.3s;
                        /* Apply transition to the img */
                    }

                    >span {
                        color: #ffffff;
                        font-size: 20px;
                        font-weight: 500;
                    }
                }

                &.open>button>img {
                    transform: rotate(180deg);
                    /* Rotate the arrow when open */
                }

                >.items {
                    position: absolute;
                    left: 0;
                    right: 0;
                    z-index: 1;
                    display: none;
                    /* Initially hidden */
                    flex-direction: column;
                    background-color: #1E1E1E;
                    border-radius: 20px;
                    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
                    overflow: hidden;

                    >a {
                        padding: 16px 30px;
                        color: #ffffff;
                        text-decoration: none;
                        transition: 0.2s;

                        &:hover {
                            background-color: #2c2c2c;
                        }
                    }
                }

                &.open>.items {
                    display: flex;
                    /* Show items when open */
                }
            }
        }
    }

    >.table {
        background-color: #151618;
        padding: 16px;
        border: solid 1px #333333;
        border-radius: 36px;
        overflow-x: auto;

        &::-webkit-scrollbar {
            height: 10px;
        }

        &::-webkit-scrollbar-thumb {
            height: 10px;
            background: rgb(49, 49, 49);
            border-radius: 10px;
        }

        >table {
            width: 100%;
            min-width: 800px;
            text-align: center;
            margin-top: 0;
            border: none !important;
            border-radius: 24px;
            overflow: hidden;

            thead {
                th {
                    position: relative;
                    width: 20%;
                    background-color: #2D2C2C;
                    padding: 24px 16px;
                    color: #FFFFFF;
                    line-height: 1.7;
                    text-align: center;
                    
                    &::before{
                        content: '';
                        position: absolute;
                        right: -2px;
                        left: -2px;
                        top: -2px;
                        bottom: -2px;
                        border: 2px solid #000000;
                    }

                    &:first-of-type {
                        color: #F58A07;
                        font-weight: 500;
                        &::before{
                            right: 0;
                        }
                    }
                    
                    &:last-of-type {
                        &::before{
                            left: 0;
                        }
                    }
                }
                
                &:first-of-type {
                    th{
                        &::before{
                            top: 0;
                        }
                        
                        &:first-of-type{
                            &::before{
                                border-radius: 0 25px 0 0;
                            }
                        }
                        
                        &:last-of-type{
                            &::before{
                                border-radius: 25px 0 0 0;
                            }
                        }
                    }
                }
            }

            tbody {
                tr {
                    td {
                        position: relative;
                        background-color: #1E1E1E;
                        padding: 20px 16px;
                        color: rgba(255, 255, 255, 0.8);
                        font-weight: 300;
                        line-height: 1.7;
                        
                        &::before{
                            content: '';
                            position: absolute;
                            inset: -2px;
                            border: 2px solid #000000;
                        }


                        .stars {
                            display: flex;
                            flex-direction: row-reverse;
                            justify-content: center;
                            gap: 10px;

                            >img {
                                width: 17px;
                            }
                        }
                        
                        &:first-of-type {
                            font-weight: 500;
                            
                            &::before{
                                right: 0; 
                            }
                        }
                        
                         &:last-of-type {
                            
                            &::before{
                                left: 0; 
                            }
                        }
                    }

                    &:nth-of-type(even) {
                        td {
                            background-color: #242424;
                        }
                    }
                }
                
                &:last-of-type{
                    tr:last-of-type{
                        td{
                            &:before{
                                bottom: 0;
                            }           
                            
                            &:first-of-type{
                                &:before{
                                    border-radius: 0 0 25px 0;
                                }
                            }   
                            
                            &:last-of-type{
                                &:before{
                                    border-radius: 0 0 0 25px;
                                }
                            }  
                        }
                    }
                }
            }
        }
    }

    @media (max-width: 992px) {
        >.table {
            background-color: #151618;
            padding: 16px;
            border: solid 1px #333333;
            border-radius: 36px;

            >table {
                width: 100%;
                text-align: center;

                thead {
                    font-size: 15px;

                    th {
                        padding: 18px 13px;
                    }
                }

                tbody {
                    font-size: 14px;

                    tr {
                        td {
                            background-color: #1E1E1E;
                            padding: 15px 13px;


                            .stars {
                                display: flex;
                                flex-direction: row-reverse;
                                justify-content: center;
                                gap: 8px;

                                >img {
                                    width: 15px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    @media (max-width: 850px) {
        >.table{
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
        }
    }

    @media (max-width: 500px) {
        >.head {
            padding: 10px;
            margin-bottom: 15px;

            >.iconAndTitle {
                gap: 10px;

                >.icon {
                    width: 40px;
                    height: 40px;

                    >img {
                        width: 20px;
                    }
                }

                >.title {
                    font-size: 18px;
                    font-weight: 500;
                }
            }

            >.filter {
                padding-left: 5px;

                >.select-input {
                    >button {
                        padding: 8px 16px;
                        gap: 10px;

                        >img {
                            width: 12px;
                        }

                        >span {
                            font-size: 16px;
                        }
                    }

                    >.items {
                        >a {
                            padding: 12px 20px;
                            font-size: 14px;
                        }
                    }
                }
            }
        }
    }
}

body[data-lqd-page-color-scheme="light"] .chatbot-table {
    >.head {
        background-color: #f0f0f0;
        border: solid 2px #a3a3a3;

        >.iconAndTitle {
            >.icon {
                background-color: #ffffff;
                border-color: #ff9100;
            }
        }

        >.filter {
            >.select-input {
                >button {
                    background-color: #ffffff;
                    border-color: #ff9100;

                    >span {
                        color: #282828;
                    }
                }

                >.items {
                    background-color: #ffffff;
                    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

                    >a {
                        color: #141414;

                        &:hover {
                            background-color: #f1f1f1;
                        }
                    }
                }
            }
        }
    }

    >.table {
        background-color: #f0f0f0;
        border: solid 2px #a3a3a3;
    
        &::-webkit-scrollbar-thumb {
            background: rgb(194, 194, 194);
        }
    
        >table {
            thead {
                th {
                    background-color: #ffffff;
                    color: #0b0b0b;
                    
                    &:before{
                        border-color: #7b7b7b;
                    }
                    
                    &:first-of-type {
                        color: #F58A07;
                        font-weight: 600;
                    }
                }
            }
    
            tbody {
                tr {
                    td {
                        background-color: #f0f0f0;
                        color: #000000;
                        
                        &:before{
                            border-color: #7b7b7b;
                        }

                        .stars{
                            >img{
                                filter: brightness(0.6);
                            }
                        }
                    }
    
                    &:nth-of-type(even) {
                        td {
                            background-color: #f6f6f6;
                        }
                    }
                }
            }
        }
    }    
}
table thead {
    background: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1299fe1 */.chatbot-table {
    >.head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px;
        margin-bottom: 20px;
        background-color: #151618;
        border: solid 1px #333333;
        border-radius: 9999px;

        >.iconAndTitle {
            display: flex;
            align-items: center;
            gap: 16px;

            >.icon {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 56px;
                height: 56px;
                background-color: #1E1E1E;
                border: solid 2px #2D2C2C;
                border-radius: 9999px;

                >img {
                    width: 30px;
                }
            }

            >.title {
                font-size: 24px;
                font-weight: 600;
                color: #FD8C24;
            }
        }

        >.filter {
            padding-left: 7px;

            >.select-input {
                position: relative;

                >button {
                    display: flex;
                    align-items: center;
                    gap: 14px;
                    padding: 12px 24px;
                    background-color: #1E1E1E;
                    border: solid 2px #2D2C2C;
                    border-radius: 9999px;
                    cursor: pointer;

                    >img {
                        width: 16px;
                        transition: transform 0.3s;
                        /* Apply transition to the img */
                    }

                    >span {
                        color: #ffffff;
                        font-size: 20px;
                        font-weight: 500;
                    }
                }

                &.open>button>img {
                    transform: rotate(180deg);
                    /* Rotate the arrow when open */
                }

                >.items {
                    position: absolute;
                    left: 0;
                    right: 0;
                    z-index: 1;
                    display: none;
                    /* Initially hidden */
                    flex-direction: column;
                    background-color: #1E1E1E;
                    border-radius: 20px;
                    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
                    overflow: hidden;

                    >a {
                        padding: 16px 30px;
                        color: #ffffff;
                        text-decoration: none;
                        transition: 0.2s;

                        &:hover {
                            background-color: #2c2c2c;
                        }
                    }
                }

                &.open>.items {
                    display: flex;
                    /* Show items when open */
                }
            }
        }
    }

    >.table {
        background-color: #151618;
        padding: 16px;
        border: solid 1px #333333;
        border-radius: 36px;
        overflow-x: auto;

        &::-webkit-scrollbar {
            height: 10px;
        }

        &::-webkit-scrollbar-thumb {
            height: 10px;
            background: rgb(49, 49, 49);
            border-radius: 10px;
        }

        >table {
            width: 100%;
            min-width: 800px;
            text-align: center;
            margin-top: 0;
            border: none !important;
            border-radius: 24px;
            overflow: hidden;

            thead {
                th {
                    position: relative;
                    width: 20%;
                    background-color: #2D2C2C;
                    padding: 24px 16px;
                    color: #FFFFFF;
                    line-height: 1.7;
                    text-align: center;
                    
                    &::before{
                        content: '';
                        position: absolute;
                        right: -2px;
                        left: -2px;
                        top: -2px;
                        bottom: -2px;
                        border: 2px solid #000000;
                    }

                    &:first-of-type {
                        color: #F58A07;
                        font-weight: 500;
                        &::before{
                            right: 0;
                        }
                    }
                    
                    &:last-of-type {
                        &::before{
                            left: 0;
                        }
                    }
                }
                
                &:first-of-type {
                    th{
                        &::before{
                            top: 0;
                        }
                        
                        &:first-of-type{
                            &::before{
                                border-radius: 0 25px 0 0;
                            }
                        }
                        
                        &:last-of-type{
                            &::before{
                                border-radius: 25px 0 0 0;
                            }
                        }
                    }
                }
            }

            tbody {
                tr {
                    td {
                        position: relative;
                        background-color: #1E1E1E;
                        padding: 20px 16px;
                        color: rgba(255, 255, 255, 0.8);
                        font-weight: 300;
                        line-height: 1.7;
                        
                        &::before{
                            content: '';
                            position: absolute;
                            inset: -2px;
                            border: 2px solid #000000;
                        }


                        .stars {
                            display: flex;
                            flex-direction: row-reverse;
                            justify-content: center;
                            gap: 10px;

                            >img {
                                width: 17px;
                            }
                        }
                        
                        &:first-of-type {
                            font-weight: 500;
                            
                            &::before{
                                right: 0; 
                            }
                        }
                        
                         &:last-of-type {
                            
                            &::before{
                                left: 0; 
                            }
                        }
                    }

                    &:nth-of-type(even) {
                        td {
                            background-color: #242424;
                        }
                    }
                }
                
                &:last-of-type{
                    tr:last-of-type{
                        td{
                            &:before{
                                bottom: 0;
                            }           
                            
                            &:first-of-type{
                                &:before{
                                    border-radius: 0 0 25px 0;
                                }
                            }   
                            
                            &:last-of-type{
                                &:before{
                                    border-radius: 0 0 0 25px;
                                }
                            }  
                        }
                    }
                }
            }
        }
    }

    @media (max-width: 992px) {
        >.table {
            background-color: #151618;
            padding: 16px;
            border: solid 1px #333333;
            border-radius: 36px;

            >table {
                width: 100%;
                text-align: center;

                thead {
                    font-size: 15px;

                    th {
                        padding: 18px 13px;
                    }
                }

                tbody {
                    font-size: 14px;

                    tr {
                        td {
                            background-color: #1E1E1E;
                            padding: 15px 13px;


                            .stars {
                                display: flex;
                                flex-direction: row-reverse;
                                justify-content: center;
                                gap: 8px;

                                >img {
                                    width: 15px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    @media (max-width: 850px) {
        >.table{
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
        }
    }

    @media (max-width: 500px) {
        >.head {
            padding: 10px;
            margin-bottom: 15px;

            >.iconAndTitle {
                gap: 10px;

                >.icon {
                    width: 40px;
                    height: 40px;

                    >img {
                        width: 20px;
                    }
                }

                >.title {
                    font-size: 18px;
                    font-weight: 500;
                }
            }

            >.filter {
                padding-left: 5px;

                >.select-input {
                    >button {
                        padding: 8px 16px;
                        gap: 10px;

                        >img {
                            width: 12px;
                        }

                        >span {
                            font-size: 16px;
                        }
                    }

                    >.items {
                        >a {
                            padding: 12px 20px;
                            font-size: 14px;
                        }
                    }
                }
            }
        }
    }
}

body[data-lqd-page-color-scheme="light"] .chatbot-table {
    >.head {
        background-color: #f0f0f0;
        border: solid 2px #a3a3a3;

        >.iconAndTitle {
            >.icon {
                background-color: #ffffff;
                border-color: #ff9100;
            }
        }

        >.filter {
            >.select-input {
                >button {
                    background-color: #ffffff;
                    border-color: #ff9100;

                    >span {
                        color: #282828;
                    }
                }

                >.items {
                    background-color: #ffffff;
                    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

                    >a {
                        color: #141414;

                        &:hover {
                            background-color: #f1f1f1;
                        }
                    }
                }
            }
        }
    }

    >.table {
        background-color: #f0f0f0;
        border: solid 2px #a3a3a3;
    
        &::-webkit-scrollbar-thumb {
            background: rgb(194, 194, 194);
        }
    
        >table {
            thead {
                th {
                    background-color: #ffffff;
                    color: #0b0b0b;
                    
                    &:before{
                        border-color: #7b7b7b;
                    }
                    
                    &:first-of-type {
                        color: #F58A07;
                        font-weight: 600;
                    }
                }
            }
    
            tbody {
                tr {
                    td {
                        background-color: #f0f0f0;
                        color: #000000;
                        
                        &:before{
                            border-color: #7b7b7b;
                        }

                        .stars{
                            >img{
                                filter: brightness(0.6);
                            }
                        }
                    }
    
                    &:nth-of-type(even) {
                        td {
                            background-color: #f6f6f6;
                        }
                    }
                }
            }
        }
    }    
}
table thead {
    background: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b5962c */#lqd-page-footer .elementor-absolute{
    bottom: 0 !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Abar';
	font-display: auto;
	src: url('https://doona.ai/wp-content/uploads/2025/05/Abar.ttf') format('truetype');
}
/* End Custom Fonts CSS */