.hr-detail-dynamic h2,.hr-detail-dynamic h3,.hr-detail-dynamic h4 {
	font-weight: 600
}

.hr-dynamic img {
	width: 100%;
	height: auto
}

.hr-detail-dynamic .hr-detail-thumbnail {
	width: 100%;
	height: 500px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 30px;
	border-radius: 10px
}

.hr-detail-dynamic .hr-info-tags {
	margin-bottom: 30px
}

.hr-detail-dynamic .hr-info-tags .nav-item .nav-link {
	padding: 0;
	margin-right: 20px;
	color: #636363;
	font-family: var(--font-02);
	font-size: 14px
}

.hr-detail-dynamic .hr-info-tags .nav-item .nav-link span {
	margin-right: 8px;
	color: #6b7280
}

.hr-detail-dynamic .hr-info-tags .nav-item .nav-link .hr-tags {
	margin-right: 0
}

.hr-detail-dynamic .hr-info-tags .hr-tags-group {
	display: flex;
	align-items: center
}

.hr-detail-dynamic .hr-info-tags .hr-tags-group span {
	margin-right: 8px;
	color: #6b7280
}

.hr-detail-dynamic .hr-info-tags .hr-tags-group .nav-link {
	padding: 0;
	margin-right: 10px
}

.hr-detail-dynamic .hr-info-tags .hr-tags-group:last-child .nav-link {
	margin-right: 0
}

.hr-detail-dynamic .hr-titel {
	font-size: 40px;
	font-weight: var(--weight-600);
	line-height: 45px;
	margin-bottom: 20px;
	color: #000
}

.hr-detail-dynamic .hr-titel h3,
.hr-detail-dynamic .hr-titel .h3 {
	font-size: 30px;
	line-height: 45px;
	font-weight: var(--weight-600);
	margin-bottom: 0;
	color: #000
}

.hr-dynamic p {
	font-size: 17px;
	line-height: 28px;
	font-weight: var(--weight-400);
	margin-bottom: 30px;
	color: #636363
}

.hr-dynamic b,
.hr-dynamic strong {
	font-size: 18px;
	line-height: 28px;
	font-weight: var(--weight-600);
	margin-bottom: 10px;
	color: #000
}

.hr-offset-ps-md-sz-40 {
	padding-left: 40px
}

.hr-list-widget {
	border-radius: 20px;
	border: 1px solid #ddd;
	margin-bottom: 50px
}

.hr-list-widget .hr-widget-head {
	padding: 25px 30px 0
}

.hr-list-widget .hr-widget-head .hr-titel h5,
.hr-list-widget .hr-widget-head .hr-titel .h5 {
	margin-bottom: 0;
	font-size: 22px;
	font-weight: var(--weight-700);
	line-height: 30px;
	text-decoration: underline
}

.hr-list-widget .hr-widget-body {
	padding: 40px 30px
}

.hr-list-widget .hr-widget-body .nav .nav-item {
	margin-bottom: 30px
}

.hr-list-widget .hr-widget-body .nav .nav-item:last-child {
	margin-bottom: 0
}

.hr-list-widget .hr-widget-body .nav .nav-item .nav-link {
	padding: 0
}

.hr-list-widget .hr-widget-body .nav .nav-item .nav-link:hover {
	color: var(--color-3)
}

.hr-list-widget .hr-widget-body .nav .nav-item .nav-link .hr-simple-nav {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.hr-list-widget .hr-widget-body .nav .nav-item .nav-link .hr-titel {
	font-size: 20px;
	font-weight: var(--weight-400);
	line-height: 23px;
	color: #000
}

.hr-list-widget .hr-widget-body .nav .nav-item .nav-link .hr-simple-nav span {
	color: #000
}

.hr-list-widget .hr-widget-body .nav .nav-item .nav-link:hover .hr-simple-nav span {
	color: var(--color-3)
}

.hr-list-widget .hr-widget-body .nav .nav-item .nav-link .hr-thumb-nav {
	display: flex;
	align-items: center
}

.hr-list-widget .hr-widget-body .nav .nav-item .nav-link .hr-thumb-nav .hr-thumb {
	width: 94px;
	height: 80px;
	margin-right: 15px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.hr-list-widget .hr-widget-body .nav .nav-item .nav-link .hr-thumb-nav .hr-info {
	width: calc(100% - 115px)
}

.hr-list-widget .hr-widget-body .nav .nav-item .nav-link .hr-thumb-nav .hr-info .hr-post-stemp {
	display: flex;
	align-items: center;
	margin-bottom: 5px
}

.hr-list-widget .hr-widget-body .nav .nav-item .nav-link .hr-thumb-nav .hr-info .hr-post-stemp span {
	font-size: 14px;
	line-height: 27px;
	font-weight: var(--weight-400);
	color: #636363;
	display: inline-block
}

.hr-list-widget .hr-widget-body .nav .nav-item .nav-link .hr-thumb-nav .hr-info .hr-post-stemp .hr-stemp {
	margin-left: 8px;
	font-family: var(--font-02)
}

.hr-list-widget .hr-widget-body .nav .nav-item .nav-link:hover .hr-thumb-nav .hr-info .hr-post-stemp span {
	color: #6b7280
}

.hr-list-widget .hr-widget-body .nav .nav-item .nav-link .hr-thumb-nav .hr-info .hr-titel {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-size: 14px;
	font-weight: var(--weight-600);
	line-height: 23px;
	color: #333
}

.hr-list-widget .hr-widget-body .nav .nav-item .nav-link .hr-thumb-nav .hr-info .hr-titel.active {
	color: var(--color-4)
}

.hr-list-widget .hr-widget-body .nav .nav-item .nav-link .hr-thumb-nav .hr-info .hr-titel.font-18 {
	font-size: 18px
}

.hr-list-widget .hr-widget-body .nav .nav-item .nav-link:hover .hr-thumb-nav .hr-info .hr-titel {
	color: var(--color-3)
}

.hr-more-images-widget {
	margin-bottom: 25px
}

.hr-pop-images,
.hr-pop-Video {
	cursor: zoom-in
}

.hr-more-images-widget .hr-images-bg-card {
	border: none;
	border-radius: 10px;
	width: 100%;
	height: 180px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative
}

.hr-more-images-widget .hr-images-bg-card:hover {
	cursor: zoom-in
}

.hr-more-images-widget .hr-images-bg-card .hr-hover-plus {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	background: #00000080
}

.hr-more-images-widget .hr-images-bg-card:hover .hr-hover-plus {
	opacity: 1
}

.hr-more-images-widget .hr-images-bg-card .hr-hover-plus span {
	font-size: 20px;
	color: #fff
}

.hr-dynamic ul {
	list-style: none;
	padding: 0;
	min-width: 285px;
	margin-top: 0;
	padding: 30px;
	border: 1px solid #ddd;
	margin-bottom: 30px
}

.hr-dynamic li {
	margin-bottom: 15px;
	position: relative;
	margin-left: 0;
	padding-left: 40px
}

.hr-dynamic li:before {
	content: "\f14a";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	position: absolute;
	left: 0;
	color: var(--white);
	background: var(--color-4);
	border-radius: 50%;
	height: 30px;
	width: 30px;
	padding: 3px;
	text-align: center
}

.hr-blog-review {
	padding: 45px 45px 40px 90px;
	background: #e3ecf1;
	position: relative;
	overflow: hidden;
	margin-bottom: 50px;
	margin-right: 40px
}

.hr-blog-review .hr-review-text {
	font-size: 17px;
	color: #636363;
	font-style: italic;
	margin-bottom: 25px
}

.hr-blog-review .hr-reviewer-box {
	display: flex;
	align-items: center
}

.hr-blog-review .hr-reviewer-box .hr-reviewer-img {
	margin-right: 25px
}

.hr-blog-review .hr-reviewer-box .hr-reviewer-img img {
	height: 92px;
	width: 92px;
	border-radius: 50%;
	border: 2px solid var(--color-4);
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top;
	object-position: top
}

.hr-blog-review .hr-reviewer-box .hr-reviewr-info .hr-name {
	font-size: 22px;
	font-weight: 700;
	color: #333
}

.hr-blog-review .hr-reviewer-box .hr-reviewr-info .hr-name .hr-position {
	color: #636363;
	font-size: 17px;
	font-weight: 400
}

.hr-blog-review .hr-reviewer-box .hr-reviewr-info .hr-reviewing-start {
	display: flex;
	align-items: center;
	-moz-column-gap: 5px;
	column-gap: 5px;
	color: var(--color-4);
	list-style-type: none
}

.hr-blog-review .hr-reviewer-box .hr-reviewr-info .hr-reviewing-start .color {
	color: #a8a8a8
}

.hr-blog-review .hr-blog-quote {
	font-size: 29px;
	color: var(--color-4);
	position: absolute;
	top: 43px;
	left: 44px
}

.hr-blog-review .hr-blog-quote span {
	font-weight: 600
}

.hr-blog-review .hr-down-quote {
	height: 140px;
	width: 140px;
	background: var(--color-3);
	border: 9px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	position: absolute;
	right: -35px;
	bottom: -35px
}

.hr-blog-review .hr-down-quote span {
	font-size: 50px;
	font-weight: 600;
	color: #fff
}

.hr-blog-service {
	padding: 50px;
	background: var(--color-3);
	border-radius: 30px;
	position: relative;
	margin-bottom: 60px
}

.hr-blog-service .hr-blog-service-content {
	position: relative;
	z-index: 11;
	text-align: center
}

.hr-blog-service .hr-blog-service-content .hr-top-icon {
	font-size: 30px;
	color: #fff;
	background: var(--color-4);
	height: 60px;
	width: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 20px
}

.hr-blog-service .hr-blog-service-content .hr-top-icon img {
	width: 45px
}

.hr-blog-service .hr-blog-service-content .hr-title {
	font-size: 22px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 25px
}

.hr-blog-service .hr-blog-service-content .hr-service-list {
	margin-bottom: 25px;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0
}

.hr-blog-service .hr-blog-service-content .hr-service-list li {
	font-size: 17px;
	line-height: 26px;
	margin-bottom: 10px;
	color: #fff
}

.hr-blog-service .hr-blog-service-content .hr-service-list li .hr-list-icon {
	margin-right: 5px
}

.hr-blog-service .hr-blog-service-content .hr-read-more-btn {
	text-align: center
}

.hr-blog-service .hr-bg-shape {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	max-width: 365px;
	width: 100%
}

@media (max-width:1200px) {
	.hr-blog-service {
		padding: 30px 40px
	}
}

@media (max-width:1024px) {
	.hr-offset-ps-md-sz-40 {
		padding-left: 0;
		margin-top: 20px
	}

	.hr-blog-review .hr-review-text {
		font-size: 15px;
		line-height: 22px
	}

	.hr-blog-review .hr-reviewer-box .hr-reviewer-img {
		margin-right: 20px
	}

	.hr-blog-review .hr-reviewer-box .hr-reviewer-img img {
		height: 80px;
		width: 80px
	}

	.hr-blog-review .hr-down-quote {
		width: 120px;
		height: 120px
	}

	.hr-blog-review .hr-down-quote img {
		max-width: 40px
	}
}

@media (max-width:991px) {
	.hr-blog-review {
		margin-right: 0
	}
}

@media (max-width:767.98px) {
	.hr-dynamic img {
		width: 100%;
		height: auto
	}

	.hr-offset-ps-md-sz-40 {
		padding-left: 0;
		margin-top: 20px
	}

	.hr-detail-dynamic .hr-titel h3,
	.hr-detail-dynamic .hr-titel .h3 {
		font-size: 35px
	}

	.hr-detail-dynamic .hr-detail-thumbnail {
		height: 350px
	}

	.hr-blog-review {
		padding: 30px 30px 60px 60px
	}

	.hr-blog-review .hr-reviewer-box .hr-reviewer-img {
		flex-basis: 20%
	}

	.hr-blog-review .hr-reviewer-box .hr-reviewer-img img {
		height: 60px;
		width: 60px
	}

	.hr-blog-review .hr-reviewer-box .hr-reviewr-info .hr-name {
		font-size: 18px
	}

	.hr-blog-review .hr-reviewer-box .hr-reviewr-info .hr-name .hr-position {
		font-size: 15px
	}
}

@media (max-width:576px) {
	.hr-blog-review .hr-reviewer-box .hr-reviewer-img {
		flex-basis: 25%;
		margin-right: 0
	}

	.hr-blog-review .hr-reviewer-box .hr-reviewer-img img {
		height: 50px;
		width: 50px
	}

	.hr-blog-review .hr-blog-quote {
		top: 20px;
		left: 20px
	}
}

@media (max-width:425px) {
	.hr-blog-review .hr-review-text {
		flex-direction: column;
		row-gap: 20px
	}
}