/**
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/vyzyvat_ehksperta.css');
@import url('./assets/css/uslugi_block_text.css');
@import url('./assets/css/normativ_doc.css');
@import url('./assets/css/nel_otkl_exper.css');
@import url('./assets/css/ww_you_get.css');
@import url('./assets/css/where_we_work.css');
@import url('./assets/css/what_are_useful.css');
@import url('./assets/css/video_block.css');
@import url('./assets/css/qa_block.css');
@import url('./assets/css/contact.css');


@import url('./assets/css/home_uslugi.css');
@import url('./assets/css/why_choose.css');
@import url('./assets/css/rezultat.css');
@import url('./assets/css/rezultat_revert.css');
@import url('./assets/css/num_block.css');
@import url('./assets/css/consultant.css');
@import url('./assets/css/we_will_help.css');
@import url('./assets/css/k_nam.css');
@import url('./assets/css/esli_vi.css');


@import url('./assets/css/uslugi_expertiza.css');
@import url('./assets/css/list_of_works.css');
@import url('./assets/css/expertiza_list_of_performed_works.css');
@import url('./assets/css/expertiza_types_of_examinations_conducted.css');
@import url('./assets/css/legal_support.css');
@import url('./assets/css/the_cost_of_expertise.css');
@import url('./assets/css/zakaz_expertise.css');
@import url('./assets/css/completed_projects.css');




@import url('./assets/css/who_are_we.css');
@import url('./assets/css/zakaz_ur.css');
@import url('./assets/css/uslugi_ur.css');
@import url('./assets/css/ur_where_we_work.css');
@import url('./assets/css/block_img_descr_dfghj.css');
@import url('./assets/css/block_keys.css');
@import url('./assets/css/block_img_descr_kkkkk.css');
@import url('./assets/css/block_situation.css');
@import url('./assets/css/block_img_descr_aa.css');


@import url('./assets/css/banner_client.css');
@import url('./assets/css/equipment.css');
@import url('./assets/css/404.css');

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

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


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


    --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(--block-bg-dark-dark);
    background: var(--block-bg-dark-dark);
}

::-webkit-scrollbar-track {
    border: none;
    background: var(--block-bg-dark);
}

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

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

::-moz-scrollbar-track {
    border: none;
    background: var(--block-bg-dark);
}

*, ::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: 3px solid var(--yl);
}

h2 {
    font-size: 40px;
    line-height: 110%;
}
h2 span {
    border-bottom: 3px 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) {
}

b, strong {
    font-weight: 700;
}

.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;
}

a.link_color {
    color: var(--a-link);
    text-decoration: none;
    transition: all .3s ease-in;
}
a.link_color:hover {
    color: var(--a-hover-link);
    transition: all .3s ease-in;
}

.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 6px; /* Положение маркера */
    padding-left: 30px; /* Отступ для контента */
}
.container:not(.no_ul) ul li:not(:last-child) {
    margin-bottom: 10px;
}