.section-main-features {
    padding: 64px 96px;
    background-color: #21251F;
    color: #F8F8EE;
}

.main-features-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 40px;
}

.built-in-wrapper,
.in-platform-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
}

.built-in-main,
.in-platform-main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 100vh;
    max-height: 100%;
    padding: 24px;
    gap: 24px;

    /*background-color: yellow;*/
}

.built-in-main > * {
    flex: 0 0 calc(50% - 12px); /* do not grow, do not shrink, fixed 50% width */
    max-width: 50%;
    align-self: stretch;
}

.in-platform-main > * {
    flex: 0 0 calc(50% - 12px); /* do not grow, do not shrink, fixed 50% width */
    max-width: 50%;
    align-self: stretch;
}


.built-in-main-left,
.in-platform-main-right {
    background: linear-gradient(
            to bottom right,
            rgba(58,107,63,0.85) 0%,
            rgba(95,143,90,0.75) 40%,
            rgba(163,200,155,0.65) 100%
    ),
    url("/wp-content/themes/liceumai-theme/assets/images/bg-verification.png");
    width: 100%;
    background-position-x: center;
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.in-platform-main-right {
    background: linear-gradient(
            to bottom right,
            rgba(58,107,63,0.85) 0%,
            rgba(95,143,90,0.75) 40%,
            rgba(163,200,155,0.65) 100%
    ),
    url("/wp-content/themes/liceumai-theme/assets/images/bg-assessments.png");
    width: 100%;
    background-position-x: center;
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    );
}

.built-in-main-right,
.in-platform-main-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;

    /*background-color: blue;*/
}

/*.built-in-main-left,*/
/*.in-platform-main-right {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-position-x: center;*/
/*    background-position-y: bottom;*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/

/*}*/


.main-features-description {
    max-width: 461px;
}

.main-features-title {
    font-family: 'Stack Sans Notch', sans-serif;
    font-size: 36px;
}

.main-features-text {
    font-size: 16px;
    line-height: 150%;
    opacity: 0.7;
}

.main-features-table {
    width: 100%;
    min-width: 0;
    /*background-color: #00d084;*/
}

.main-features-table-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border: 1px solid #888888;
    padding: 20px;
    gap: 20px;
    min-width: 0;
}

.main-features-table-item-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0; /* prevents collapsing */
}

.main-features-table-item-icon img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}


.main-features-table-item-title {
    font-size: 16px;
    font-weight: 700;
}

.main-features-table-item-text {
    font-size: 16px;
    opacity: 0.6;
    line-height: 150%;
}

.main-features-slogans {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 16px;
    padding: 0 24px 24px 24px;
}

.main-features-slogan {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 16px 24px;
    background-color: #F8F8EE;
    width: 100%;
    border-radius: 8px;
}

.main-features-slogan-text {
    font-size: 16px;
    font-weight: 700;
    color: #1F181D;
}

.main-features-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding-top: 24px;
}

.main-features-post-task-button,
.main-features-explore-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 36px;
    padding: 8px 12px;
    gap: 8px;
    border-radius: 8px;
    opacity: 1;
    background-color: #1C312E;
    color: #ffffff;
    border: 2px solid #2D2D2D;
    box-sizing: border-box;
}

.main-features-post-task-button-text,
.main-features-explore-button-text {
    font-family: 'Inter', sans-serif;
    font-weight: 600;               /* Semi Bold */
    font-size: 16px;
    line-height: 110%;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    text-align: left;
}

.main-features-get-demo-button,
.main-features-learn-more-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 36px;
    padding: 8px 12px;
    gap: 8px;
    border-radius: 8px;
    opacity: 1;
    background-color: #FFFFFF;
    box-sizing: border-box;
}

.main-features-get-demo-button-text,
.main-features-learn-more-button-text {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: -0.01em;
    color: #000000;
    text-align: left;
}