@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/advantages-action.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";

@import url('https://fonts.googleapis.com/css2?family=Science+Gothic:wght@100..900&display=swap');

:root {
    --main-color: #ff4e1a;
    --main-color-darken: #ff3b00;
    --text-main-color: #262828;
    --quiz-hover: #ff4e1a;
    --gradient-process-item: #ff3b00;
    --gradient-articles-item: #ff3b00;
    --hit-status-color: #9747FF;
    --sale-status-color: #F63123;
    --new-status-color: #F2B644;
    --product-status-color: #1C1C1C;
    --brad-regular: 10px;
}
html { scroll-behavior: smooth; }

body {
    font-family: "Science Gothic", sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.02em;
    color: #262828; /* цвет всего текста на сайте*/
    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;
}