/* Important stuff here! Look at the bottom!!! (Line 133 to 136) */
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

  :root {
            --main-color: #21302F;
            --accent-color: #f8b34b;
        }
        
        body {
            font-family: 'Poppins', sans-serif;
            margin: 0;
            padding-top: 90px;
        }
        
        .custom-header {
            background-color: var(--main-color);
            padding: 15px 0;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }
        
        .navbar-brand img {
            height: 40px;
            transition: all 0.3s ease;
        }
        
        .navbar-brand img:hover {
            transform: scale(1.05);
        }
        
        .navbar-nav .nav-link {
            color: white !important;
            font-weight: 500;
            padding: 8px 15px;
            margin: 0 5px;
            transition: all 0.3s ease;
            position: relative;
            font-size: 17px;
        }
        
        .navbar-nav .nav-link:hover {
            color: var(--accent-color) !important;
        }
        
        
        
        .dropdown-menu {
            background-color: var(--main-color);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .dropdown-item {
            color: white !important;
            padding: 8px 20px;
        }
        
        .dropdown-item:hover {
            background-color: rgba(248, 179, 75, 0.1);
            color: var(--accent-color) !important;
        }
        
        .navbar-toggler {
            border: none;
            padding: 0.5rem;
        }
        
        .navbar-toggler:focus {
            box-shadow: none;
        }
        
        .navbar-toggler-icon {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }
        
        .regions-dropdown .dropdown-toggle::after {
            margin-left: 5px;
            vertical-align: middle;
        }
        
        @media (max-width: 991.98px) {
            .navbar-collapse {
                padding-top: 15px;
            }
            
            .navbar-nav .nav-item {
                margin-bottom: 5px;
            }
        }


/*anim*/
.dropdown-menu {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease;
    opacity: 0;
}

.show.dropdown-menu {
    max-height: 500px; /* Достаточно большое значение */
    opacity: 1;
}