:root {
    /* DEFAULT VARS */
    --main-color: #6F1D1B;
    --main-color-2: #8B6C31;
    --main-color-3: linear-gradient(101.67deg, #A83A2A 0%, #5C1A17 100%);
    --main-color-4: #FAF6EF;
    --main-color-5: #F3EEE6;
    --main-color-6: #2E2321;
    --main-color-7: #3E3A38;
    --main-color-8: #6E645F;
    --main-color-9: #E7DED2;
    --main-color-10:#C5322B;
    --main-color-11:#2E7D32;
    --main-color-12:#CBB37E;

    --main-h1-size: 36px;
    --main-h2-size: 32px;
    --main-h3-size: 24px;
    --main-h4-size: 22px;
    --main-p-size: 16px;


    /* ELEMENT VARS */
    --body-bg-color: #F8F7F5;
    --main-bg-color: var(--main-color-5);
    --main-bg-color-2: var(--main-color-4);
    --btn-bg-color: var(--main-color);
    --btn-hover-bg-color: var(--main-color-3);
    --btn-active-bg-color: var(--main-color-2);
    --text-color: var(--main-color-6);
    --text-color-2: var(--main-color-7);
    --text-color-3: rgba(35, 31, 32, 0.5);
    --text-color-4: var(--main-color-8);
    --link-color: var(--main-color);
    --border-color: var(--main-color-9);
    --red: var(--main-color-10);

    --margin-default: 40px;

    --z-index-tooltip: 10;
    --z-index-mobile-nav: 20;
    --z-index-filter: 30;
    --z-index-menu: 100;

    --font-family-sans: 'Golos Text', sans-serif;
    --font-family-serif: 'Merriweather', serif;
}



@media (max-width: 767px) {
    :root{
        --main-h1-size: 30px;
        --main-h2-size: 26px;
        --main-h3-size: 21px;
        --main-h4-size: 20px;
        --main-p-size: 14px;

        --margin-default: 8px;

    }
}

.slider-tabs {
    margin: var(--margin-default) auto;
    height: 611px;
}