header:has(.ws-elementor-widget-ws-header) {
	margin-bottom: 79px;
}

.ws-elementor-widget-ws-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;

	.header__container {
		border-bottom: 1px solid color-mix(in srgb, var(--e-global-color-main) 10%, transparent);
	}

	.header__body {
		display: flex;
		align-items: center;
		gap: 32px;
		height: 79px;
		background-color: var(--background);
		max-width: 1920px;
		padding: 0 20px;
		margin: 0 auto;

		@media (max-width: 767px) {
			gap: 17px;
		}
	}

	.header__logo {
		min-width: 103px;
		display: inline-flex;

		@media (max-width: 360px) {
			min-width: 65px;
		}
	}

	ul.nav {
		flex: 1;
		list-style: none;
		display: flex;
		gap: 22px;
		align-items: center;
		padding: 0 8px;
		transition: none;

		@media (max-width: 1100px) {
			display: none;
		}

		li {
			a {
				color: var(--e-global-color-gray) !important;
				font-family: "Work Sans", sans-serif !important;
				font-size: 15px !important;
				font-style: normal !important;
				font-weight: 500 !important;
				line-height: 19.5px !important;
                text-decoration: none !important;

				&:hover {
					color: var(--e-global-color-main) !important;
				}
			}

			&.current-menu-item {
				a {
					color: var(--e-global-color-main) !important;
					font-weight: 700 !important;
				}
			}
		}
	}

	@media (max-width: 1100px) {
		ul.nav {
			padding: 20px;
			align-items: flex-start;
			display: flex;
			flex-direction: column;
			position: fixed;
			bottom: 100%;
			left: 0;
			width: 100%;
			height: calc(100% - 79px);
			background-color: var(--background);
			z-index: -1;
			transition: bottom 0.3s ease-in-out;
		}

		&.nav-mobile-active {
			ul.nav {
				bottom: 0;
			}
		}
	}

	.btn {
		white-space: nowrap;
		margin-left: auto;

		@media (max-width: 400px) {
			padding: 10px 12px;
			font-size: 13px;
		}
	}

	.nav-mobile {
		display: none;
		flex-shrink: 0;
		cursor: pointer;

		@media (max-width: 1100px) {
			display: flex;
		}
	}
}