*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Public Sans", sans-serif;
}

:root{
    --color-red-default: #DC0400;
    --color-red-light: #B51113;
    --color-red-dark: #85110E;

    --color-black-default: #111111;
    --color-black-light: #1A1A1A;
    --color-gray-default: #353535;

    --color-white-default: #FFFFFF;
    --color-white-light: #F9F9F9;
    --color-blue-default: #2F2B3D;

    --color-green-default: rgba(40, 199, 111, 1);
    --color-background-modal: rgba(118, 118, 119, 0.70);

    --border-radius-default: 6px;
}

.flex{
    display: flex;
}

.justify_center{
    justify-content: center;
}

.justify_end{
    justify-content: flex-end;
}

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

.align_start{
    align-items: flex-start;
}

.align_center{
    align-items: center;
}

.align_end{
    align-items: flex-end;
}

.text_left{
    text-align: left !important;
}

.w100{
    width: 100%;
}

.w80{
    width: 80%;
}

.w75{
    width: 75%;
}

.w70{
    width: 70%;
}

.w60{
    width: 60%;
}

.w50{
    width: 50%;
}

.w30{
    width: 30%; 
}

.w25{
   width: 25%; 
}

.wrap{
    flex-wrap: wrap;
}

.pointer{
    cursor: pointer;
}

.desktop{
    display: block;
}

.desktop_flex{
    display: flex;
}

.mobile{
    display: none;
}

.mobile_flex{
    display: none;
}

.border_white{
    border: 1px solid var(--color-white-light);
    border-radius: var(--border-radius-default);
}

.relative{
    position: relative;
}

@media screen and (max-width: 1024px){
    .desktop{
        display: none;
    }

    .mobile{
        display: block;
    }

    .desktop_flex{
        display: none;
    }

    .mobile_flex{
        display: flex;
    }
}