@import "./reset.css";
@import "./block/header.css";
@import "./block/mobile-nav.css";
@import "./block/buttons.css";
@import "./block/servis-home.css";
@import "./block/menu.css";
@import "./block/heading.css";
@import "./block/home.css";
@import "./block/advantages.css";
@import "./block/prices.css";
@import "./block/service-process.css";
@import "./block/about-modern.css";
@import "./block/about.css";
@import "./block/works.css";
@import "./block/steps.css";
@import "./block/reviews.css";
@import "./block/reviews-new.css";
@import "./block/action.css";
@import "./block/faq.css";
@import "./block/contacts.css";
@import "./block/footer.css";
@import "./block/modal.css";
@import "./block/back-to-top.css";


:root { --main-color: #fec96a; }
html { scroll-behavior: smooth; }

body {
    font-family: 'Buyan', sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.02em;
    color: #563E17; /* цвет всего текста на сайте*/
    background-color: #F6F6F6;
}

.none {
    display: none !important;
}

.no-scroll {
    overflow: hidden;
    
}
.visually-hidden {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    margin-left: -10000px;
    background: transparent;
    font-size: 0;
}

.container {
    max-width: 80vw;
    padding: 0 15px;
    margin: 0 auto;
}