body main.div{ background: red; scroll-margin-top:  200px}

/** КАРТА */
.state path {transition: all 0.5s ease}
.state:hover path {filter:brightness(0.5); }
.map__svg { height: fit-content}

@media (max-width:991px) {
.navbar-nav>.nav-item>.nav-link { padding-left: 0px} 
}

#hero2 .swiper-slide { aspect-ratio: 3/2}
#hero2 { width:100% !important}
#heroslider {  height: 60vh; min-height:600px}

#heroslider .swiper-slide { position: relative;}
#heroslider .swiper-slide::before{ position: absolute; top:0px; left:0px; height:100%; width:100%; content:"  "; background: rgba(0,0,0,0.4);}
#heroslider h2 { color: white;}
#heroslider p { text-align: center}
#heroslider  .slider-content { position: relative; z-index: 999; color: white; justify-content: center; padding: 0px 10%; flex-flow: column;
    display: flex; align-items: center; height: 100%; opacity: 1; transform: none;}


.features img {
  width:50px;
}


.big-items img { width: 100%;     box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.2);}
.big-items .content-container{height: 100%; display: flex; align-items: center;}
.big-items .content-container p { font-size: 18px}
.big-items h3 { padding-top: 50px}


.faq-main .col-image { display: none}
.faq-main .row { justify-content: center;}
.faq-main .accordion-button { font-size: 20px}
@media (min-width: 992px) {
    .faq-main .col-accordion.col-lg-6 {
        flex: 0 0 auto;
        width: 80%;
    }
}


.news-main img { min-width: 100%}
