
.simple_text_cards{
    background-color: var(--color-primary-justblue);
    display: flex;
    gap: 150px;
    padding: 80px;
}
.simple_text_cards .cards_grid{
    margin-left: 25px;
}
.simple_text_cards .cards_grid.row {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
}
.simple_text_cards .cards_grid .col {
    padding-left: 12.5px;
    padding-right: 12.5px;
    display: flex;
}
.simple_text_cards .cards_grid .box {
    border-radius: 15px;
    border: 1px solid var(--color-primary-justblue);
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    margin-left: 0;
}
.simple_text_cards .cards_grid .box .card_info {
    background-color: var(--color-primary-white);
    border-radius: 15px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}
.simple_text_cards .cards_grid .col:nth-child(3n+1){
    padding-left: 0;
}

.simple_text_cards .cards_grid .col:nth-child(3n){
    padding-right: 0;
}
.simple_text_cards .title{
    color: var(--color-primary-white);
    font: var(--type-h2-sm);
    text-transform: capitalize;
}
.simple_text_cards .cards_grid .box .card_info .title{
    font: var(--type-card-title-lg);
    color: var(--color-primary-black);
}
.simple_text_cards .cards_grid .box .card_info .description{
    font: var(--type-p);
    flex: 1;
}
.simple_text_cards .cards_grid .box .card_info .tag{
    font: var(--type-p-sm);
    border: 1px solid var(--color-primary-justblue);
    border-radius: 10px;
    padding: 5px 10px;
    width: fit-content;
}




@media screen and (max-width: 992px){
    .simple_text_cards{
        flex-direction: column;
        gap: 25px;
    }
    .simple_text_cards .cards_grid{
        margin-left: 0;
    }
    .simple_text_cards .cards_grid .col{
        padding: 0;
    }
    .simple_text_cards .cards_grid .col:nth-child(3n+1){
        padding: 0;
    }
    .simple_text_cards .cards_grid .col:nth-child(3n){
        padding: 0;
    }
    .simple_text_cards .cards_grid .col:nth-child(even){
        padding-left: 12.5px;
    }
    .simple_text_cards .cards_grid .col:nth-child(odd){
        padding-right: 12.5px;
    }
}

@media screen and (max-width: 600px){
    .simple_text_cards .cards_grid .col{
        padding: 0 !important;
    }
}
