#header-1 .dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-white) !important;
  background-color: var(--bs-info);
}
#header-1 .dropdown-toggle::after {
  margin-left: 1em;
  vertical-align: baseline;
}
#header-1 .dropdown-toggle.show::after {
  border-top: 0;
  border-bottom: 0.3em solid;
}

#header-1 .logo-box .navbar-brand {
    display: flex;
    align-items: center;
}

#header-1 .logo-box img {
   max-height: 90px;
}

#header-1 .logo-box .navbar-brand h2 {
    color: #E0CD9A;
    text-align: left;
    font-size: 1.4rem;
    padding-left: 20px;
    white-space: normal;
}

#header-1 {
  transition: background-color 0.5s ease;
}

    #offcanvasMenu .col-12.col-md-4.pe-0 {
        transition: padding-left 0.75s ease; /* Плавный переход для отступа */
        padding-left: 5rem !important; /* Отступ слева при наведении */
    }
    #offcanvasMenu .col-12.col-md-4.pe-0 a:not(.navbar-brand) {
        position: relative;
        color: white;
        opacity: 0.5;
        text-decoration: none;
        transition: color 0.3s ease, opacity 0.3s ease;
    }
    
    #offcanvasMenu .col-12.col-md-4.pe-0 a:not(.navbar-brand)::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px; /* Расстояние от текста до линии */
        width: 0;
        height: 2px; /* Толщина линии */
        background-color: white;
        transition: width 0.3s ease;
    }
    
    #offcanvasMenu .col-12.col-md-4.pe-0 a:not(.navbar-brand):hover,
    #offcanvasMenu .col-12.col-md-4.pe-0 a:not(.navbar-brand):focus {
        opacity: 1;
        color: white;
    }
    
    #offcanvasMenu .col-12.col-md-4.pe-0 a:not(.navbar-brand):hover::after,
    #offcanvasMenu .col-12.col-md-4.pe-0 a:not(.navbar-brand):focus::after {
        width: 100%; /* Линия расширяется на полную ширину ссылки */
    }

    #offcanvasMenu .nav-link {
        color: white;
        opacity: 0.5;
        transition: letter-spacing .5s ease-out;
    }
    #offcanvasMenu .nav-link.active, #offcanvasMenu .nav-link:hover, #offcanvasMenu .nav-link:focus {
        color: white;
        opacity: 1;
    }
    #offcanvasMenu .nav-link:hover, #offcanvasMenu .nav-link:focus {
        letter-spacing: .05em;
    }
    
    #offcanvasMenu .col-12.col-md-4.pe-0:hover {
        padding-left: 0 !important; /* Отступ слева при наведении */
    }
    #offcanvasMenu .tab-content .tab-pane a {
        text-decoration: none;
        color: white;
        
    }
    
#header-1  .contacts-div .contacts-box a {
    color: rgb(248, 249, 250);
     
 }
 
#footer-menu .addition-btns {
    display: none;
} 

@media screen and (min-width: 1201px) and (max-width: 1400px) {


#header-1 .logo-box .navbar-brand h2 {
    font-size: 1.2rem;
}

}


@media screen and (min-width: 993px) and (max-width: 1200px) {

 #header-1  .contacts-div {
     flex-direction: column;
 }

#header-1 .logo-box .navbar-brand h2 {
    font-size: 1.0rem;
}

}

@media screen and (min-width: 768px) and (max-width: 992px) {
 #header-1  .contacts-div {
     flex-direction: column;
 }
 
 #header-1 .logo-box .navbar-brand h2 {
    font-size: 1.0rem;

}



    
}  
    
    @media (max-width: 767.98px) {
        
        #footer-menu .addition-btns {
            display: block;
        }
        
        #header-1 .logo-box {
            display: none;
        }
        
        #offcanvasMenu .tab-content .tab-pane a.h4 {
            font-size: 1rem;
        }
        #offcanvasMenu .col-12.col-md-4.pe-0 {
            padding-left: 0 !important; /* Отступ слева при наведении */
        }
    }

    #offcanvasMenu .tab-content .tab-pane a.h4 i::before {
        border-radius: 50% !important;
        border: 2px var(--bs-border-style) var(--bs-primary) !important;
        padding: 0.5rem;
        margin-left: 1em;
        transition: background-color .5s ease; /* Плавный переход для смены содержимого */
    }
    
    #offcanvasMenu .tab-content .tab-pane a.h4:hover i::before {
        content: "\f138"; /* Новое содержимое при наведении */
        background-color: var(--bs-secondary);
        backdrop-filter: blur(1px);
        -webkit-backdrop-filter: blur(1px);
    }
    #offcanvasMenu .tab-content .tab-pane .list-unstyled li {
        padding-bottom: 0.5rem !important;
    }
    #offcanvasMenu .tab-content .tab-pane .list-unstyled li a {
        transition: opacity .5s ease; /* Плавный переход непрозрачности */
    }
    
    #offcanvasMenu .tab-content .tab-pane .list-unstyled li a.dimmed {
        opacity: 0.5;
    }