.text-container {
    background-color: rgba(255,255,255,0.5);
    backdrop-filter: blur(40px);
    border-radius: var(--radius-pill);
    padding: 60px 80px;
}

.text-body {
    max-width: 100%;
    line-height: 2;
}

    .text-body a {
        color: var(--color-primary);
        text-decoration: underline;
        font-weight: var(--font-weight-bold)
    }

    .text-body h1, .text-body h2, .text-body h3, .text-body h4, .text-body h5, .text-body h6 {
        margin-top: 30px;
        font-family: var(--font-family-main) !important;
        font-weight: var(--font-weight-medium) !important;
    }

    .text-body img {
        max-width: 100%;
        height: auto;
        display: block;
        width: 100%;
        filter: drop-shadow(var(--shadow-primary));
        border-radius: var(--radius-pill);
    }


.text-body ul {
        padding-inline-start: 2.5rem; /* فاصله از چپ برای تمام آیتم‌ها */
        margin: 0;
    }
        .text-body li{
    list-style-type: disc;
            color: var(--color-text-sub);
}
.text-main-image {
    width: 60% !important;
    display: block;
    border-radius: var(--radius-pill);
    margin: 0 auto 30px;
    max-width: 100%;
}




.text-body figure.image {
    display: table;
    margin: 1em auto;
}

.text-body figure.image-style-align-center {
    max-width: 100%;
    display: table;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.text-body figure.image-style-align-left {
    float: left;
    margin-right: 1em;
}

.text-body figure.image-style-align-right {
    float: right;
    margin-left: 1em;
}

.text-body figure.image img {
    max-width: 100%;
    height: auto;
    display: block;
}

.text-body figure.image figcaption {
    text-align: center;
    margin-bottom: 30px;
}

.text-body .image-inline {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.5em;
}

    .text-body .image-inline img {
        max-width: 100%;
        height: auto;
        display: inline-block;
    }

.text-body .image-style-align-left,
.text-body .image-style-align-right,
.text-body .image-style-side {
    max-width: 50%;
}

.text-body .image-style-align-left {
    float: left;
    margin: 0 1rem 1rem 0;
}

.text-body .image-style-align-right {
    float: right;
    margin: 0 0 1rem 1rem;
}

.text-body .image-style-side {
    float: right;
    margin: 0 0 1rem 1rem;
}

.text-body .image-style-block {
    display: block;
    margin: 1rem auto;
    max-width: 100%;
}

.text-body .image-inline {
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 992px) {

    .text-container {
        gap: 40px;
        padding: 50px;
    }

    .text-main-image {
        width: 80% !important;
    }
}


@media (max-width: 578px) {

    .text-container {
        gap: 30px;
        padding: 30px;
    }

    .text-main-image {
        width: 100% !important;
    }
}