.why-should-join__title {
    text-align: center;
}

.why-should-join__columns {
    display: flex;
}


.why-should-join__column.column1 p em{
    background: rgba(103, 47, 247, 1);
    color: rgba(255, 237, 57, 1);
    font-weight: 700;
    border: 1px solid rgba(255, 237, 57, 1);
    padding: 11px 20px;
    width: fit-content;
    border-radius: 50px;
    font-style: italic;

}

.why-should-join__columns-column1 p,
h3.why-should-join__title_column2,
.why-should-join__column.column2 h3{
    margin-bottom: 30px;
}

h3.why-should-join__title_column2,
.why-should-join__column.column2 h3{
    font-weight: 700;
    font-size: 24px;
    color: rgba(27, 30, 33, 1);
}

.why-should-join__column {
    border: 2px solid rgba(210, 217, 255, 1);
    background: rgba(255, 255, 255, 0.5);
    border-radius: 20px;
    font-size: 18px;

}

.why-should-join__columns-column1 ul,
.why-should-join__columns-column2 ul {
    color: rgba(103, 47, 247, 1);
    list-style: none;
}

.why-should-join__columns-column1 ul li,
.why-should-join__columns-column2 ul li {
    position: relative;
    padding-left: 34px;
    margin-bottom: 15px;
}

.why-should-join__columns-column1 ul li:last-child,
.why-should-join__columns-column2 ul li:last-child {
    margin-bottom: 0;
}

.why-should-join__columns-column1 ul li::before,
.why-should-join__columns-column2 ul li::before {
    content: '';
    background: url("/wp-content/uploads/2025/09/akar-icons_circle-check-fill.svg");
    display: flex;
    flex-shrink: 0;
    height: 24px;
    width: 24px;
    position: absolute;
    left: 0;
    top: 0;

}

.why-should-join__columns-column2 p{
    background: rgba(255, 237, 57, 1);
    border-radius: 30px;
    border: 1px solid rgba(180, 159, 232, 1);
    padding: 17px 27px;
    color: rgba(27, 30, 33, 1);
    font-size: 18px;
}

@media screen and (min-width: 992px) {
    .why-should-join__title {
        margin-bottom: 70px;
    }

    .why-should-join__columns {
        gap: 40px;
        justify-content: center;
    }

    .why-should-join__columns-column1,
    .why-should-join__columns-column2,
    .why-should-join__column{
        padding: 40px;
        height: fit-content;
    }

    .why-should-join__columns-column1{
        flex-basis: 686px;
    }
    .why-should-join__columns-column2{
        flex-basis:474px;
    }

    .why-should-join__columns-column2 ul{
        margin-bottom: 30px;
    }

    h3.why-should-join__title_column2{
        display: none;
    }
}

@media screen and (max-width: 991.98px) {
    .why-should-join__column.column2 h3,
    .why-should-join__column.column1 p em{
        display: none;
    }
    .why-should-join__title {
        margin-bottom: 30px;
    }

    .why-should-join__columns {
        flex-direction: column;
        gap: 20px;
    }

    .why-should-join__columns-column1,
    .why-should-join__columns-column2,
    .why-should-join__column{
        padding: 20px;
    }
    .why-should-join__columns-column2 ul{
        margin-bottom: 15px;
    }
}