.header .header-top .header-inner {
	position: relative;
}
.header .header-top .header-inner .header-logo {
	background-color: var(--bs-white);
	-webkit-box-shadow: 0 0.125rem 0.5rem rgb(0 0 0 / 8%);
	box-shadow: 0 0.125rem 0.5rem rgb(0 0 0 / 8%);
	border-radius: 0 0 12px 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
	position: absolute;
	top: 0;
	left: 0;
	height: 145px;
	transition: var(--transition-default);
}

.header .header-top .header-inner .header-logo img {
	height: 120px;
	transition: var(--transition-default);
}

.header.is-scroll .header-top .header-inner .header-logo {
	top: 70px;
	height: 70px;
}

.header.is-scroll .header-top .header-inner .header-logo img {
	height: 60px;
}

.header.is-scroll .header-bottom .header-navigation {
	padding-left: 120px;
}

@media screen and (min-width: 1025px) {

	.header .header-bottom .header-navigation {
		padding-left: 100px;
		transition: var(--transition-default);
	}

	.header .header-navigation > ul {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}

	.header .header-navigation > ul > li > a > i {
		transition: .3s transform ease-in-out;
	}

	.header .header-navigation > ul > li:hover > a {
		color: var(--secondary-color);
	}

	.header .header-navigation > ul > li:hover > a > i {
		transform: rotate(180deg);
	}

	.header .header-navigation > ul > li > ul {
		position: absolute;
		-webkit-box-shadow: 0 12px 30px rgba(45, 56, 68, .05);
		box-shadow: 0 12px 30px rgba(45, 56, 68, .05);
		-webkit-transform-origin: center top;
		-ms-transform-origin: center top;
		transform-origin: center top;
		-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
		-o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
		transition: all .3s cubic-bezier(.645, .045, .355, 1);
		will-change: transform;
		left: 0;
		top: 100%;
		background-color: var(--bs-white);
		min-width: 200px;
		width: -webkit-max-content;
		width: -moz-max-content;
		width: max-content;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		border-radius: 8px;
	}

	.header .header-navigation > ul > li > ul:after {
		content: '';
		display: block;
		position: absolute;
		top: -20px;
		left: 24px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px;
		border-color: transparent transparent var(--bs-white);
	}

	.header .header-navigation > ul > li:hover > ul {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.header .header-navigation > ul > li > ul > li:hover > a {
		color: var(--primary-color);
		background: rgba(var(--primary-rgb), 0.05);
		padding-left: 22px;
	}

}

@media screen and (max-width: 991px) {
    .header-top {
        display: none;
    }.is-scroll .header {
        transform: translateY(0);
    }
}


@media screen and (max-width: 991px) {
	.article-card__title {
		font-size: 1.1em;
	}

	.card-article__desc {
		font-size: 0.95em;
	}
}

@media screen and (max-width: 576px) {
	.group-contact {
		-webkit-box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08) !important;
		box-shadow: 0px 6px 12px -6px rgba(24, 39, 75, 0.12), 0px 8px 24px -4px rgba(24, 39, 75, 0.08) !important;
		background-color: #f3f3f3;
		flex-direction: row;
		bottom: 0;
		left: 0;
		height: 60px;
		width: 100%;
		gap: 1px;
	}

	.group-contact .item-contact {
		height: 60px !important;
		width: calc(100% / 4) !important;
		background-color: var(--primary-color);
		border-radius: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 0.9em !important;
		gap: 2px;
		padding: 10px 0;
	}

	.group-contact .item-contact .item {
		border-radius: 50%;
		padding: 5px;
		font-size: 1em;
		background-color: var(--primary-color);
	}

	.group-contact .item-contact {
		background-color: var(--bs-white);
	}

	.group-contact .item-contact span.text {
		color: var(--bs-gray-800);
		font-weight: 700;
		opacity: 1;
		display: flex;
		visibility: visible;
	}

	.group-contact .item-contact .item.item-phone svg {
		width: 16px;
	}

	.group-contact .item-contact:hover {
		background-color: var(--bs-white);

	}

	.group-contact .item-contact:hover span.text {
		color: var(--secondary-color);
	}
}