@media (max-width: 575.98px) {
    .logo-header{
        height: 3rem;
    }
    .carousel-control-prev{
        display: none;
    }
    
    .carousel-control-next{
        display: none;
    }
    .service-text{
        font-size: .8rem;
    }
    
    .lead{
        font-size: .9rem;
    }
    
    .banner-sub-h{
        font-size: .97rem;
    }

}

@media (min-width: 576px) {
    .logo-header{
        height: 3.5rem;
    }
    
    .carousel-control-prev{
        display: none;
    }
    
    .carousel-control-next{
        display: none;
    }
    .service-text{
        font-size: 1rem;
    }
    
    .banner-sub-h{
        font-size: 1rem;
    }

}

@media (min-width: 768px){
    .logo-header{
        height: 3.5rem;
    }
        .carousel-control-prev{
        display: none;
    }
    
    .carousel-control-next{
        display: none;
    }
        .banner-sub-h{
        font-size: 1.25rem;
    }
}

@media (min-width: 992px){ 
    .logo-header{
        height: 5rem;
    }
    
    .btn-mainmenu{
        background: url(../../assets/images/buttons/btn-bg-grey-70.svg);
        background-size: cover;
        height: 8rem;
        min-width: 9rem;
        text-transform: none;
    }
    
    .btn-mainmenu .mainmenu-ic{
            height: 4rem;
            /* -webkit-filter: brightness(0) saturate(100%) invert(48%) sepia(35%) saturate(1599%) hue-rotate(334deg) brightness(87%) contrast(109%); */
            /* filter: brightness(0) saturate(100%) invert(48%) sepia(35%) saturate(1599%) hue-rotate(334deg) brightness(87%) contrast(109%); */
    }
    
    .btn-mainmenu p{
        font-family: 'PT Sans Narrow';
        margin-top: 1.5rem;
        margin-bottom: 0;
        font-size: 1rem;
    }
    .service-text{
        font-size: .69rem;
    }
    
    .lead{
        font-size: .9rem;
        font-weight: 600;
    }
    
        .carousel-control-prev{
        display: flex;
    }
    
    .carousel-control-next{
        display: flex;
    }
    
    .banner-h{
        font-size: 1.5rem;
    }
    
    .banner-sub-h{
        font-size: 1rem;
    }
}

@media (min-width: 1200px){
    .logo-header{
        height: 5rem;
    }
    
    .btn-mainmenu{
        background: url(../../assets/images/buttons/btn-bg-grey-70.svg);
        background-size: cover;
        height: 7.5rem;
        min-width: 7.5rem;
        text-transform: none;
    }
    
    .btn-mainmenu .mainmenu-ic{
            height: 3.5rem;
            /* -webkit-filter: brightness(0) saturate(100%) invert(48%) sepia(35%) saturate(1599%) hue-rotate(334deg) brightness(87%) contrast(109%); */
            /* filter: brightness(0) saturate(100%) invert(48%) sepia(35%) saturate(1599%) hue-rotate(334deg) brightness(87%) contrast(109%); */
    }
    
    .btn-mainmenu p{
        font-family: 'PT Sans Narrow';
        margin-top: 1.5rem;
        margin-bottom: 0;
        font-size: 0.9rem;
    }
    
    .service-text{
        font-size: .8rem;
    }

    .lead{
        font-size: 1.25rem;
        font-weight: 400;
    }
    
        .carousel-control-prev{
        display: flex;
    }
    
    .carousel-control-next{
        display: flex;
    }
    
    .banner-h{
        font-size: 1.825rem;
    }
    
    .banner-sub-h{
        font-size: 1.25rem;
    }
}

@media (min-width: 1400px) {
    .btn-mainmenu{
        background: url(../../assets/images/buttons/btn-bg-grey-70.svg);
        background-size: cover;
        height: 8rem;
        min-width: 9rem;
        text-transform: none;
    }
    
    .btn-mainmenu .mainmenu-ic{
            height: 4rem;
            /* -webkit-filter: brightness(0) saturate(100%) invert(48%) sepia(35%) saturate(1599%) hue-rotate(334deg) brightness(87%) contrast(109%); */
            /* filter: brightness(0) saturate(100%) invert(48%) sepia(35%) saturate(1599%) hue-rotate(334deg) brightness(87%) contrast(109%); */
    }
    
    .btn-mainmenu p{
        font-family: 'PT Sans Narrow';
        margin-top: 1.5rem;
        margin-bottom: 0;
        font-size: 1rem;
    }
    
    .service-text{
        font-size: 1rem;
    }
        .carousel-control-prev{
        display: flex;
    }
    
    .carousel-control-next{
        display: flex;
    }
}



.bg-orange{
    background: #e85621 !important;
    color: #ffffff;
}

.text-orange{
    color: #e85621;
}

.btn-orange{
    --bs-btn-bg: #e85621;
    --bs-btn-color: #e85621;
    --bs-btn-border-color: #e85621;
    color: #ffffff;
}

.btn-orange:hover{
    color: #ffffff;
    background: #e85621;
    border-color: #e85621;
}

.btn-orange:active{
    color: #ffffff !important;
    background: #e85621 !important;
    border-color: #e85621 !important;
}

.btn-outline-orange {
    --bs-btn-color: #e85621;
    --bs-btn-border-color: #e85621;
}

.btn-outline-orange:hover {
    color: #e85621;
    border-color: #e85621;
}

.btn-top-service{
    --bs-btn-padding-x: .5rem;  
}



.btn-mainmenu:hover .mainmenu-ic{
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

.btn-mainmenu:hover{
    background: url(../../assets/images/buttons/post-btn-bg-active.svg);
    background-size: cover;
}

.timeline-content{
    max-width: unset !important;
}

.service-icon{
    height: 4rem;
}

.service-card{
    min-height: 1rem;
        box-shadow: 0 4px 7px -1px rgba(0, 0, 0, 0.11), 0 2px 4px -1px rgba(0, 0, 0, 0.07);
}

.service-card > .card-body {
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
}

.service-text{
    line-height: 1.3;
    margin-top: .8rem;
}

.overlay-message {
  position: absolute;
  inset: 0; /* top:0;right:0;bottom:0;left:0 */
  background: rgba(255,255,255,0.9);
  display: none; /* скрыто по умолчанию */
  align-items: center;
  justify-content: center;
  z-index: 10;
}

.overlay-content {
  max-width: 90%;
  font-size: 1.25rem;
  border-radius: 0.75rem;
  padding: 1.5rem 2rem;
}