@mixin header_h3() {
    font-family: var(--font-medium);
    font-size: 15px;
    text-transform: uppercase;
    color: var(--DARK-GREY);
}
// Headline
@mixin Headline_1{ //@mixin header_h1()
    font-family: var(--font-bold);
    font-weight: 700;
    font-size: 50px;
    color: var(--DARK-GREY);
    letter-spacing: 0.01em;
    text-transform: uppercase;
    // @media screen and (max-width: 700px) {
    //     font-size: calc(38px + 16 * (100vw / 1280)) !important;
    //     margin-top: 20px;
    //     margin-bottom: 10px;
    // }
    // @media screen and (max-width: 476px) {
    //     font-size: calc(27px + 16 * (100vw / 1280)) !important;
    //     margin-top: 20px;
    //     margin-bottom: 10px;
    // }
}
@mixin Headline_2{
    font-family: var(--font-bold);
    font-weight: 700;
    font-size: 42px;
    color: var(--DARK-GREY);
    text-transform: uppercase;
}
@mixin Headline_3{ // @mixin header_h3() 
    font-family: var(--font-bold);
    font-size: 34px;
    text-transform: uppercase;
    color: var(--DARK-GREY);
}
@mixin Headline_4{
    font-family: var(--font-bold);
    font-size: 26px;
    text-transform: uppercase;
    color: var(--DARK-GREY);
}
@mixin Headline_5{
    font-family: var(--font-bold);
    font-size: 18px;
    text-transform: uppercase;
    color: var(--DARK-GREY);
}
@mixin Headline_6{
    font-family: var(--font-bold);
    font-size: 15px;
    text-transform: uppercase;
    color: var(--DARK-GREY);
}
// input
@mixin input_default() {
    // min-width: 100%;
    width: 100%;
    min-height: 45px;
    font-size: 14px;
    border: 1.4px solid var(--GRAY);
    border-radius: 4px;
    outline: none;
    padding: 0 33px 0 10px;
    box-sizing: border-box;
    box-shadow: none;
    color: var(--MIDLE-GRAY);
    font-family: var(--font-medium);
}

// миксин для кнопок c бэкграундом
@mixin default_button-full {
    font-family: var(--font-bold);
    border-radius: 4px;   
    cursor: pointer;
    min-width: 45px;
    position: relative;
    text-transform: uppercase;
    font-size: 11px;
    padding: 0 15px;
    min-height: 45px;
    border: none;
    letter-spacing: 0.03em;
}
// миксин для кнопок с обводкой без бэкграунда
@mixin default_button-light {
    font-family: var(--font-bold);
    border-radius: 4px;   
    cursor: pointer;
    min-width: 45px;
    position: relative;
    background: transparent;
    text-transform: uppercase;
    font-size: 11px;
    padding: 0 15px;
    min-height: 45px;
    letter-spacing: 0.03em;
}
@mixin default-panel{
    font-family: var(--font-bold);
    cursor: pointer;
    padding: 0 15px !important;
    text-transform: uppercase;
    min-height: 40px;
    max-height: 65px;
    height: auto !important;
    background: var(--WHITE);
    color: var(--DARK-GREY);
    border-radius: 4px 4px 0 0 !important;
}