.h_full {
    height: 100%;
}

.grid-cols_4 {
    grid-template-columns: var(--grid-columns-4);
}

.grid-cols_3 {
    grid-template-columns: var(--grid-columns-3);
}

.grid-cols_2 {
    grid-template-columns: var(--grid-columns-2);
}

.gap_8 {
    column-gap: 8px;
    row-gap: 8px;
}

.gap_24 {
    column-gap: 24px;
    row-gap: 24px;
}

.text_body_regular{
    font: var(--font-body-regular);
}

.text_body_medium{
    font: var(--font-body-medium);
}

.text_black{
    color: var(--color-black);
}

.text_red{
    color: var(--color-red);
}

.text_gray_black{
    color: var(--color-grays-black);
}

.text_gray_500{
    color: var(--color-gray-500);
}

.top_12{
    top: 12px;
}

.right_12{
    right: 12px;
}

.bottom_12{
    bottom: 12px;
}

.left_12{
    left: 12px;
}

.leading_15{
    line-height: 15px;
}

.mt_auto{
    margin-top: auto;
}

.flex_align-normal{
    align-items: normal;
}

.font_extrabold{font-weight: 800;}
.font_bold{font-weight: 700;}
.font_semibold{font-weight: 600;}
.font_medium{font-weight: 500;}
.font_regular{font-weight: 400;}

.transition_color {
    transition: color var(--animation-speed);
}

.transition_bg_size{
    transition: background-size var(--animation-speed) ease;
}

.animation_fast{
    --animation-speed: .3s;
}

.animation_normal{
    --animation-speed: 1s;
}

.rounded_t_12{
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.overflow_hidden{
    overflow: hidden;
}

.space-between{
    justify-content: space-between;
}

.min_w_half{
    min-width: 50%;
}

.w_fit-content{
    width: fit-content;
}

.bg_button{
    background-color: var(--color-background-button);
}

.uppercase{
    text-transform: uppercase;
}

@media (hover:hover) {
    .group-hover\:text_orange:is(:where(.group):hover *){
        color:var(--color-orange);
    }

    .group-hover\:fill_orange:is(:where(.group):hover *) path{
        fill:var(--color-orange);
    }

    .group-hover\:bg_size_plus_20:is(:where(.group):hover *){
        background-size: 120%;
    }
}

/* LG */
@media (max-width: 1439px) {
    .lg_row-gap_8 {
        row-gap: 8px;
    }

    .lg_grid-cols_2 {
        grid-template-columns: var(--grid-columns-2);
    }
}

/* MD */
@media (max-width: 1023px) {
    .md_gap_8 {
        column-gap: 8px;
        row-gap: 8px;
    }

    .md_gap_16 {
        column-gap: 16px;
        row-gap: 16px;
    }

    .md_row-gap_16 {
        row-gap: 16px;
    }

    .md_grid-cols_2 {
        grid-template-columns: var(--grid-columns-2);
    }

    .md_grid-cols_1 {
        grid-template-columns: var(--grid-columns-1);
    }

    .md_flex_column {
        flex-direction: column;
    }

    .md_mb_24{
        margin-bottom: 24px;
    }

    .md_mt_32{
        margin-top: 32px;
    }

    .md_display_block {
        display: block;
    }
}

/* SM */
@media (max-width: 767px) {
    .sm_grid-cols_1 {
        grid-template-columns: var(--grid-columns-1);
    }
}

/* XS */
@media (max-width: 575px) {
    .xs_grid-cols_1 {
        grid-template-columns: var(--grid-columns-1);
    }

    .xs_w_full {
        width: 100%;
    }

    .xs_gap_16 {
        gap: 16px;
    }
}