.main_container_features {
    height: 100%;
    padding-top: var(--size-11);
    padding-bottom: var(--size-11);
    margin-bottom: var(--size-12);
    background-color: var(--white);
    margin-left: var(--size-8);
    margin-right: var(--size-8);
    display: flex;
    flex-direction: row;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.02), 0 8px 8px rgba(0, 0, 0, 0.01);
  }

.feature_grid {
    margin: 0 auto;
    max-width: var(--size-17);
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(5,1fr);
    column-gap: var(--size-10);
    row-gap: var(--size-7);
    
 }

.feature_grid img {
    width: var(--size-5);
    height: var(--size-5);
    margin-right: var(--size-6);
    margin-left: auto;
}

.feature_left {
    display: flex;
    flex-direction: row;
    text-align: start;
    align-content: start;
    align-self: start;
    align-items: start;
    margin-right: auto;
}

.feature_right {
    display: flex;
    flex-direction: row;
    text-align: start;
    align-items: start;
    margin-right: auto;
}

.vertical_line {
    position: relative;
    background-color: var(--bg-2);
    flex: 1;
    min-width: 2px;
    max-width: 2px;
    margin-left: var(--size-7);
    margin-right: var(--size-7);
}


/* Phone */
@media (max-width: 768px) {

    .main_container_features {
        padding-left: var(--size-6);
        padding-right: var(--size-6);
        margin-left: var(--size-5);
        margin-right: var(--size-5);
    }

    .feature_grid {
        column-gap: var(--size-8);
        row-gap: var(--size-8);
    }

    .feature_grid img {
        margin-right: var(--size-4);
         
    }
}

