.navbar {
	background-color: #fff;
	padding: 20px 0;
}
.navbar-brand {
	display: flex;
	align-items: center;
	font-size: 24px;
	font-weight: bold;
	color: #000;
}
.navbar-brand img {
	height: 50px;
	margin-right: 10px;
}
.phone-number {
	color: #292929;
}
.nav-item {
	margin: 0 5px;
}
.menu-container {
	display: flex;
	justify-content: space-between;
	width: 100%;
	gap: 10px;
}
.menu-item {
	background-color: #ffcc00;
	padding: 12px 28px;
	text-align: center;
	flex-grow: 1;
	width: 182px;
	display: flex; /* Делаем flex-контейнером */
	align-items: center; /* Выравнивание по центру */
	justify-content: center; /* Выравнивание по центру */
}

.menu-item a {
	color: black !important;
	font-size: 14px;
	text-decoration: none;
	display: flex; /* Делаем flex, чтобы занимал всю площадь */
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
}

.menu-item:hover {
	background-color: #292929 !important;
}

.menu-item:hover a {
	color: #ffcc00 !important;
}

.navbar-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.logo-container {
	flex-grow: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.circle-svg {
	width: 155px;
	height: 155px;
	animation: spinner 20s infinite linear;
}

@keyframes spinner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


.svg-background {
	background-image: url(/template/img/needle-logo_bg_new.svg);
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 155px;
	width: 155px;
	background-color: #FFFFF3;
}