@import "./reset.css";
@import "./back-to-top.css";
@import "./block/buttons.css";
@import "./block/modal.css";
@import "./block/headding.css";
@import "./block/header.css";
@import "./block/menu.css";
@import "./block/mobile-nav.css";
@import "./block/home.css";
@import "./block/bg-img.css";
@import "./block/about.css";
@import "./block/action-about.css";
@import "./block/price.css";
@import "./block/advantages.css";
@import "./block/works.css";
@import "./block/reviews.css";
@import "./block/faq.css";
@import "./block/action-bottom.css";
@import "./block/footer.css";

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

:root {
    /* Основной цвет */
    --primary-color: #4CAFE1;
    --primary-light: #6BC5F0;    /* светлее на 10-15% */
    --primary-dark: #2D8BB5;     /* темнее на 10-15% */
    --primary-transparent: rgba(76, 175, 225, 0.3); /* прозрачный */

    --headding-color:#2c2c2c; /* темный цвет заголовка */
}


body {
    background-color: #F9F9F9;
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #424242 /* цвет всего текста на сайте*/
}

.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: 96vw;
    padding: 0 15px;
    margin: 0 auto;
}



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