.tables-container{
    display: flex;
    width: 100%;
    justify-content: center;
    & .tables-wrapper{
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 1700px;
        padding: 0 var(--container-space);
        align-items: center;
        & .tables-header{
            display: flex;
            flex-direction: column;
            width: 100%;
            align-items: center;
            padding: 4rem 0 2rem;
            & .tables-msg{
                border-radius: 50px;
                border: 1px solid var(--wp--preset--color--vert);
                background: rgba(135, 190, 58, 0.20);
                backdrop-filter: blur(5px);
                padding: 16px 20px;
                display: flex;
                width: fit-content;
                height: fit-content;
                color: var(--wp--preset--color--vert);
                font-size: var(--wp--preset--font-size--s-text);
                font-weight: 600;
            }
            & h2{
                font-size: var(--wp--preset--font-size--xl-text);
                font-weight: 600;
            }
        }
        & .tables-list{
            display: flex;
            width: 100%;
            justify-content: space-between;
            & .tables-col-left, & .tables-col-right{
                display: flex;
                flex-direction: column;
                width: 45%;
                gap: 2rem;
            
            }
            & .table-block{
                display: flex;
                flex-direction: column;
                & .table-title{
                    font-size: var(--wp--preset--font-size--xxl-title);
                    font-weight: 600;
                    margin: 0;
                    padding-bottom: 2rem;
                }
                & .table-lines{
                    display: flex;
                    flex-direction: column;
                    border: solid 1px #B9B9B9;
                    & .table-line{
                        display: flex;
                        border-bottom: solid 1px #B9B9B9;
                        & .table-line-name{
                            display: flex;
                            flex-direction: column;
                            width: 60%;
                            padding: 1rem 2rem;
                            font-size: var(--wp--preset--font-size--xl-text);
                            border-right: solid 1px #B9B9B9;
                            gap: 0.5rem;
                            & .table-line-name-list{
                                display: flex;
                                margin-top: auto;
                                & .table-options{
                                    & li{
                                        color: var(--wp--preset--color--vert);
                                        &::before{
                                            content: "•";
                                            margin-right: 0.5rem;
                                        }
                                    }
                                }
                            }
                        }
                        & .table-line-value{
                            display: flex;
                            width: 40%;
                            padding: 1rem 2rem;
                            font-size: var(--wp--preset--font-size--xl-text);
                            justify-content: flex-end;
                            align-items: center;
                            color: var(--wp--preset--color--vert);
                        }
                    }
                }
            }
        }
        &.tables-one-col{
            & .table-block{
                width: 100%;
                & .table-line-name{
                    width: 40%!important;
                    color: var(--wp--preset--color--vert)!important;
                    font-weight: 600;
                }
                & .table-line-value{
                    width: 60%!important;
                    justify-content: flex-start!important;
                    color: var(--wp--preset--color--noir)!important;
                    & .table-list{
                        & li{
                            &::before{
                                content: "•";
                                margin-right: 0.5rem;
                            }
                        }
                    }
                }
            }
        }
    }
}
@media (max-width: 576px) {
    .tables-container{
        & .tables-wrapper{
            & .tables-header{
                padding: 0rem 0 2rem;
                gap: 1rem;
                align-items: center;
                & h2{
                    text-align: center;
                }
            }
            & .tables-list{
                display: flex;
                width: 100%;
                justify-content: space-between;
                & .tables-col-left, & .tables-col-right{
                    width: 100%;
                
                }
                & .table-block{
                    & .table-title{
                        font-size: var(--wp--preset--font-size--l-title);
                    }
                    & .table-lines{
                        & .table-line{
                            & .table-line-name{
                                padding: 1rem;
                                font-size: var(--wp--preset--font-size--l-text);
                            }
                            & .table-line-value{
                                padding: 1rem;
                                font-size: var(--wp--preset--font-size--l-text);
                            }
                        }
                    }
                }
            }
            .tables-list-cols{
                flex-direction: column;
                gap: 2rem;
            }
        }
    }
}