@font-face {
    font-family: 'Inter';
    src: url('https://cloud.devtome.top/domains/common/fonts/Inter/Inter-VariableFont_opsz,wght.ttf');
}
/* Використання шрифта Inter */
.inter {
    font-family: 'Inter', Arial, sans-serif;
}
@font-face {
    font-family: 'Oswald';
    src: url('https://cloud.devtome.top/domains/common/fonts/Oswald/Oswald-VariableFont_wght.ttf');
}
/* Використання шрифта Oswald */
.oswald {
    font-family: 'Oswald', Arial, sans-serif;
}


/* color */
.dark{
    color: #0B0B0B;
}
.dark-grey {
    color: #181818;
}
.grey {
    color: #2E2E2E;
}
.grey-60 {
    color: rgba(46, 46, 46, 0.6);
}
.light-grey {
    color: #C3C3C3;
}
.light {
    color: #E8F4EE;
}
.white {
    color: #FFFFFF;
}
.light-yellow {
    color: #FFFACF;
}
.light-40 {
    color: rgba(232, 244, 238, 0.4);
}
.white-60 {
    color: rgba(255, 255, 255, 0.6);
}
.light-20 {
    color: rgba(232, 244, 238, 0.2);
}
.green {
    color: #009E3D;
}
.purpur {
    color: #7B23FF;
}
.red {
    color: #BC1300;
}
.mint{
    color: #62dec5;
}
/* mint gradient linear-gradient(90deg, #9fffc2 0%, #49ff8b 100%)
golden gradient linear-gradient(151deg, #fdad00 0%, #ffd269 48.4%, #fdad00 100%)
greygradient linear-gradient(135deg, #201d1f 0%, #322d2f 100%) */
/* color */

.w_100 {
    font-weight: 100;
}
.w_200 {
    font-weight: 200;
}
.w_300 {
    font-weight: 300;
}
.w_400 {
    font-weight: 400;
}
.w_500 {
    font-weight: 500;
}
.w_600 {
    font-weight: 600;
}
.w_700 {
    font-weight: 700;
}
.w_800 {
    font-weight: 800;
}
.w_900 {
    font-weight: 900;
}


.f_8 { font-size: 8px; }
.f_11 { font-size: 11px; }
.f_12 { font-size: 12px; }
.f_13 { font-size: 13px; }
.f_14 { font-size: 14px; }
.f_15 { font-size: 15px; }
.f_16 { font-size: 16px; }
.f_17 { font-size: 17px; }
.f_18 { font-size: 18px; }
.f_19 { font-size: 19px; }
.f_20 { font-size: 20px; }
.f_21 { font-size: 21px; }
.f_22 { font-size: 22px; }
.f_23 { font-size: 23px; }
.f_24 { font-size: 24px; }
.f_25 { font-size: 25px; }
.f_26 { font-size: 26px; }
.f_27 { font-size: 27px; }
.f_28 { font-size: 28px; }
.f_29 { font-size: 29px; }
.f_30 { font-size: 30px; }
.f_31 { font-size: 31px; }
.f_32 { font-size: 32px; }
.f_37 { font-size: 37px; }
.f_42 { font-size: 42px; }
.f_44 { font-size: 44px; }
.f_48 { font-size: 48px; }
.f_52 { font-size: 52px; }
.f_56 { font-size: 56px; }
.f_57 { font-size: 58px; }
.f_60 { font-size: 60px; }

.tt_up{
    text-transform: uppercase;
}
.tt_low{
    text-transform: lowercase;
}
.tt_cap{
    text-transform: capitalize;
}
.tt_none{
    text-transform: none;
}
@media screen and (max-width: 1024px) {
.md-f_8 { font-size: 8px; }
.md-f_10 { font-size: 10px; }
.md-f_11 { font-size: 11px; }
.md-f_12 { font-size: 12px; }
.md-f_13 { font-size: 13px; }
.md-f_14 { font-size: 14px; }
.md-f_15 { font-size: 15px; }
.md-f_16 { font-size: 16px; }
.md-f_17 { font-size: 17px; }
.md-f_18 { font-size: 18px; }
.md-f_19 { font-size: 19px; }
.md-f_20 { font-size: 20px; }
.md-f_21 { font-size: 21px; }
.md-f_22 { font-size: 22px; }
.md-f_23 { font-size: 23px; }
.md-f_24 { font-size: 24px; }
.md-f_25 { font-size: 25px; }
.md-f_26 { font-size: 26px; }
.md-f_27 { font-size: 27px; }
.md-f_28 { font-size: 28px; }
.md-f_29 { font-size: 29px; }
.md-f_30 { font-size: 30px; }
.md-f_31 { font-size: 31px; }
.md-f_32 { font-size: 32px; }
.md-f_37 { font-size: 37px; }
.md-f_38 { font-size: 38px; }
.md-f_42 { font-size: 42px; }
.md-f_48 { font-size: 48px; }
.md-f_52 { font-size: 52px; }
.md-f_57 { font-size: 58px; }
.md-f_60 { font-size: 60px; }
}
@media screen and (max-width: 767px) {
.sm-f_8 { font-size: 8px; }
.sm-f_11 { font-size: 11px; }
.sm-f_12 { font-size: 12px; }
.sm-f_13 { font-size: 13px; }
.sm-f_14 { font-size: 14px; }
.sm-f_15 { font-size: 15px; }
.sm-f_16 { font-size: 16px; }
.sm-f_17 { font-size: 17px; }
.sm-f_18 { font-size: 18px; }
.sm-f_19 { font-size: 19px; }
.sm-f_20 { font-size: 20px; }
.sm-f_21 { font-size: 21px; }
.sm-f_22 { font-size: 22px; }
.sm-f_23 { font-size: 23px; }
.sm-f_24 { font-size: 24px; }
.sm-f_25 { font-size: 25px; }
.sm-f_26 { font-size: 26px; }
.sm-f_27 { font-size: 27px; }
.sm-f_28 { font-size: 28px; }
.sm-f_29 { font-size: 29px; }
.sm-f_30 { font-size: 30px; }
.sm-f_31 { font-size: 31px; }
.sm-f_32 { font-size: 32px; }
.sm-f_37 { font-size: 37px; }
.sm-f_42 { font-size: 42px; }
.sm-f_48 { font-size: 48px; }
.sm-f_52 { font-size: 52px; }
.sm-f_57 { font-size: 58px; }
.sm-f_60 { font-size: 60px; }
}