@charset "utf-8";

@media all {
	section.block-header3 .row.orient-right {
		flex-direction: row-reverse;
	}

	section.block-header3 .row.orient-right * {
		text-align: right;
	}

	.bg-gradient-color {
		background-image: linear-gradient(325deg, var(--right-color), var(--left-color) 63%);
	}

	section.block-header3 .page-header {
		position: relative;
		padding-bottom: 20px !important;
	}

	#header_countdown.countdown {
		display: flex;
		flex-direction: column;
		gap: 12px;
		width: auto;
	}

	#header_countdown .countdown__text {
		text-align: center;
		line-height: 1.2;
	}

	#header_countdown .countdown__grid {
		display: flex;
		justify-content: center;
		align-items: flex-end;
		gap: 18px;
		flex-wrap: wrap;
	}

	#header_countdown .countdown__cell {
		min-width: 64px;
		text-align: center;
		background: rgba(255, 255, 255, 0.2);
		border-radius: 0.5rem;
		padding: 5px 0;
	}

	#header_countdown .countdown__num {
		font-size: 28px;
		font-weight: 700;
		line-height: 1;
	}

	#header_countdown .countdown__label {
		margin-top: 2px;
		font-size: 12px;
		opacity: 0.9;
		line-height: 1;
		white-space: nowrap;
	}

	#header_countdown.countdown--no-bg .countdown__cell{
		background: var(--bg-countdowm);
	}



	section.block-header3 .logo-slider {
		position: relative;
		width: 100%;
		height: 56px;
		margin-bottom: 3px;
		align-content: center;
		bottom: -6px;
	}

	section.block-header3 .logo-slider::before,
	section.block-header3 .logo-slider::after {
		content: "";
		position: absolute;
		bottom: 0;
		width: 40px;
		pointer-events: none;
		z-index: 2;
	}

	section.block-header3 .logo-area-animate {
		overflow: hidden;
	}

	section.block-header3 .logo-area-animate .track {
		display: inline-flex;
		align-items: center;
		will-change: transform;
		gap: 24px;
	}

	section.block-header3 .logo-area-animate .logo-items--wrapper {
		display: inline-flex;
		flex: 0 0 auto;
		gap: 24px;
	}

	section.block-header3 .logo-area-animate .logo-items--wrapper > [class*="col-"] {
		padding-left: 0;
		padding-right: 0;
	}

	section.block-header3 .logo-ctrl {
		border-radius: 0.5rem;
		position: absolute;
		bottom: 11px;
		right: 35px;
		z-index: 200;
		width: 34px;
		height: 34px;
		border: 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		background: rgba(255, 255, 255, 0.2);
		color: var(--bs-primary);
	}

	section.block-header3 .logo-ctrl:hover {
		background: #fff;
	}

	section.block-header3 .logo-ctrl:focus-visible {
		outline: 2px solid #fff;
		outline-offset: 2px;
	}

	section.block-header3 .logo-fixed-height {
		height: 65px;
		object-fit:contain;
	}

	.extend_header {
		padding-bottom: 4.5rem;
	}

	.white-text,
	.white-text p{
		color: #fff !important;
	}

}

@media (max-width: 1200px) {
	h1{
		font-size: 2.75rem !important;
	}
}

@media (max-width: 1400px) {
	section.block-header3 .logo-slider {
		background: rgba(240, 242, 245, 0.2);
	}
}