/**
Theme Name: Оценка Эксперт
Author: SCORPOICOM
Version: 1.0
*/
/*@import url('menu.min.css');*/
@import url('./assets/css/menu.css');
@import url('./assets/css/header.css');
@import url('./assets/css/arenda_expertiza.css');
@import url('./assets/css/kirill.css');


@import url('./assets/css/footer.min.css');

:root {
    --width: 100%;
    --black: #000000;
    --text: #000000;
    --white: #ffffff;
    --a-link: #f36e00;
    --a-hover-link: #ff253a;
    --yl: #eebf0d;
    --red: #ff253a;


    /*Фоновые элементы для разделителей*/
    --dark: #828282;
    --block-bg: #f4f4f4;
    --block-bg-light: #d9d9d9;
    --block-bg-dark: #bfbfbf;
    --block-bg-dark-dark: #262626;


    --padding-top-20: 20px;
    --padding-bottom-20: 20px;

    --padding-top-30: 30px;
    --padding-bottom-30: 30px;

    --padding-top-40: 40px;
    --padding-bottom-40: 40px;

    --padding-top-60: 60px;
    --padding-bottom-60: 60px;

    --padding-top-80: 80px;
    --padding-bottom-80: 80px;

    --padding-top-160: 160px;
    --padding-bottom-160: 160px;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border-right: solid 5px var(--grey-dark);
    background: var(--grey-dark);
}

::-webkit-scrollbar-track {
    border: none;
    background: var(--grey);
}

::-moz-scrollbar {
    width: 10px;
}

::-moz-scrollbar-thumb {
    border-right: solid 5px var(--grey);
    background: var(--grey);
}

::-moz-scrollbar-track {
    border: none;
    background: var(--grey);
}

*, ::after, ::before {
    box-sizing: border-box
}

body {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 130%;
    font-size: 19px;
    color: var(--black);
}

.container {
    width: 1248px;
    margin-right: auto;
    margin-left: auto;
}


@media (min-width: 578px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}

@media (max-width: 1247px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 577px) {
    .container {
        width: 100%;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    display: inline-block;
    margin: 0;
    color: var(--text);
}

h1 {
    font-size: 48px;
    line-height: 110%;
    font-weight: 700;
}
h1 span {
    border-bottom: 4px solid var(--yl);
}

h2 {
    font-size: 40px;
    line-height: 110%;
}
h2 span {
    border-bottom: 4px solid var(--yl);
}

h3 {
    font-size: 22px;
    line-height: 130%;
}

.dop_text {
    font-size: 20px;
    line-height: 130%;
    font-weight: 700;
}


@media (max-width: 1247px) {
    body {
        font-size: 18px;
    }

    h1 {
        font-size: 28px;
        line-height: 110%;
    }

    h2 {
        font-size: 28px;
    }

    .dop_text {
        font-size: 19px;
    }
}

@media (max-width: 577px) {
    body {
        font-size: 17px;
    }

    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 22px;
        line-height: 130%;
    }

    h3 {
        font-size: 20px;
    }

}

/* Max-width 1200px and Min-width 320px */
/*@media (max-width: 1200px) and (min-width: 321px) {*/
/*    h1 {*/
/*        !* 30px - 24px *!*/
/*        font-size: calc(1.5rem + 6 * (100vw - 320px) / 880);*/
/*    }*/
/*}*/

/* Min-width 1200px */
@media (min-width: 1201px) {
}


.btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 15px;
    margin: auto;
    background: var(--yl);
    color: var(--black);
    line-height: 110%;
    cursor: pointer;
    border-radius: 25px;
    text-decoration: none;
    transition: all .3s ease-in;
}

.btn:hover {
    transform: translateY(-3px);
    background: var(--a-hover-link);
    color: var(--white);
    transition: all .3s ease-out;
}

.max_width_200 {
    width: 200px;
}

.max_width_250 {
    width: 250px;
}


.container:not(.no_ul) ul {
    list-style: none; /* Убираем стандартные маркеры */
    padding-left: 0; /* Убираем отступ */
}

.container:not(.no_ul) ul li {
    background-image: url('./images/marker-ul.svg');
    background-repeat: no-repeat;
    background-position: 0 10%; /* Положение маркера */
    padding-left: 30px; /* Отступ для контента */
}