.frontend_howto_component .frontend_howto_component_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 48px;    
}

.frontend_howto_component .frontend_howto_component_inner .frontend_howto_component_inner_title {    
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 2rem;
    font-weight: 400;
    color: var( --color-frontend_home_howto_title_color );
}
.frontend_howto_component .frontend_howto_component_inner .frontend_howto_component_inner_items {
    max-width: 75%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    column-gap: 32px;
    row-gap: 32px;
}
.frontend_howto_component .frontend_howto_component_inner .frontend_howto_component_inner_items .frontend_howto_component_inner_items_item {
    padding: 8px 16px;
    flex-basis: calc( 33% - ( 2 * ( 16px / 3 ) ) );
    display: flex;
    flex-direction: column;
    align-items: stretch;
    row-gap: 12px;
}
.frontend_howto_component .frontend_howto_component_inner .frontend_howto_component_inner_items .frontend_howto_component_inner_items_item .frontend_howto_component_inner_items_item_image {
    padding: 0 16px;
}
.frontend_howto_component .frontend_howto_component_inner .frontend_howto_component_inner_items .frontend_howto_component_inner_items_item .frontend_howto_component_inner_items_item_image img {
    aspect-ratio: 1.25;
    object-fit: cover;
    max-width: 100%;
}
.frontend_howto_component .frontend_howto_component_inner .frontend_howto_component_inner_items .frontend_howto_component_inner_items_item .frontend_howto_component_inner_items_item_data {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    column-gap: 8px;
}
.frontend_howto_component .frontend_howto_component_inner .frontend_howto_component_inner_items .frontend_howto_component_inner_items_item .frontend_howto_component_inner_items_item_data .frontend_howto_component_inner_items_item_data_number {
    font-weight: 600;
    font-size: 2rem;
    color: var( --color-frontend_home_howto_data_number_color );
}
.frontend_howto_component .frontend_howto_component_inner .frontend_howto_component_inner_items .frontend_howto_component_inner_items_item .frontend_howto_component_inner_items_item_data .frontend_howto_component_inner_items_item_data_text {
    padding-top: 1.25rem;
    font-weight: 400;
    font-size: 0.8rem;
    color: var( --color-frontend_home_howto_data_text_color );    
}
.frontend_howto_component .frontend_howto_component_inner .frontend_howto_component_inner_subtitle {
    max-width: 75%;
    text-align: center;
    font-weight: 400;
    font-style: italic;
    font-size: 1rem;
    color: var( --color-frontend_home_howto_subtitle_color );
}

@media( max-width: 600px ) {
    .frontend_howto_component .frontend_howto_component_inner .frontend_howto_component_inner_items { flex-direction: column; }
    .frontend_howto_component .frontend_howto_component_inner .frontend_howto_component_inner_items .frontend_howto_component_inner_items_item { row-gap: 8px; }
    .frontend_howto_component .frontend_howto_component_inner .frontend_howto_component_inner_subtitle { display: none; }    
}