.product__hero.dnd-section {
	padding: 0;
	position: relative;

}

.product__hero .emotion-for-business-icon {
	border-color: #4B98CE
}


{# HERO SECTION #}

.product__hero--title-wrapper {
	padding: 24px 22px 24px 22px;
}

.product__hero--title-wrapper .progects-box__category {
	display: flex;
	align-items: center;
}

.product__hero--title-wrapper .progects-box__category > span {
	font-size: 9px;
	font-weight: 600;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.product__hero--title-wrapper .progects-box__category span {
	padding: 0 8px;
}

.background-shadow {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 20%,rgba(0,0,0,0) 80%, rgba(0,0,0,0.7) 100%);
}


@media screen and (max-width: 767px) {
	.product__hero--featured-img {
		background-size: 100% 550px;
		background-repeat: no-repeat;
		background-position: top;
		/* 		box-shadow: inset 0px -100px 71px 9px rgb(0 0 0 / 57%); */
	}

	.background-shadow {
		height: 550px;
	}

	.empty-space__featured-image {
		height: 550px;
	}

	.product__hero--title-wrapper .product__title {
		font-size: 23px;
		font-weight: 500;
		letter-spacing: 0;
		line-height: 31px;
		padding-top: 8px;
		margin-bottom: 8px;
	}
	.product__place {
		font-size: 10px;
		letter-spacing: 1px;
		line-height: 18px;
		text-transform: uppercase;
	}

}

@media screen and (min-width: 768px) {
	.product__hero--featured-img {
		height: 800px;
		background-size: cover;
		background-position: center;
		/* 		box-shadow: inset 0 0px 100px 100px rgb(0 0 0 / 74%); */
	}

	.product__hero--title-wrapper {
		position: absolute;
		bottom: 0;
		color: #ffffff;
		width: 100%;
		/* 		max-width: 1440px; */
		max-width: 1300px;
	}

	.product__hero--title-wrapper .progects-box__category svg polygon {
		fill: #ffffff;
	}

	.product__hero--title-wrapper .product__title {
		color: #ffffff;
		font-size: 23px;
		font-weight: 500;
		letter-spacing: 0;
		line-height: 31px;
		padding-top: 25px;
		margin-bottom: 8px;
	}
	.product__place {
		font-size: 10px;
		letter-spacing: 1px;
		line-height: 18px;
		text-transform: uppercase;
	}


	.product__brand.text--small {
		position: absolute;
		right: 160px;
		top: 50px;
	}
}


@media screen and (min-width: 768px) {
	.product__hero--featured-img .progects-box__category:after {
		content: "";
		height: 1px;
		background-color: #4B98CE;
		margin-left: 45px;
	}
}
@media screen and (min-width: 768px) and (max-width: 914px) {
	.product__hero--featured-img .progects-box__category:after {
		width: 75%
	}
}
@media screen and (min-width: 915px) and (max-width: 1100px) {
	.product__hero--featured-img .progects-box__category:after {
		width: 80%
	}
}
@media screen and (min-width: 1101px) and (max-width: 1300px) {
	.product__hero--featured-img .progects-box__category:after {
		width: 84%
	}
}
@media screen and (min-width: 1301px) {
	.product__hero--featured-img .progects-box__category:after {
		width: 85%
	}
}

{# END HERO SECTION #}

.product__hero--svg {
	position: absolute;
}


@media screen and (max-width: 767px) {

	.product__hero--title-wrapper {
		position: relative;
	}

	.product__hero--svg {
		top: -70px;
		right: 15px;
	}

	.product__hero .atena-icon__desktop {
		display: none;
	}

	p.product__place {
		font-size: 10px !important;
		letter-spacing: 1px !important;
		line-height: 18px !important;
	}
}

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

	.product__hero--svg {
		top: 50px;
		right: 0;
	}

	.product__hero .atena-icon__mobile {
		display: none;
	}
}