/*----------------------------------------------------------------------
hero-wrapp for home page
----------------------------------------------------------------------*/
.hero-wrapp .hero-image {
	position: relative;
	width: 100%;
    padding-top: 96px;
}

.hero-wrapp .hero-inner {
    position: relative;
    background-color: #f9f5ee;
    padding-top: 25px;
}

.hero-wrapp .hero-inner .inner-content {
	position: relative;
	bottom: unset;
	left: unset;
	transform: unset;
	width: 100%;
	padding: 0 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
	margin-bottom: 20px;
}

@media screen and (max-width:768px) {
	.hero-wrapp .hero-image {
		padding-top: 60px;
	}

	.hero-wrapp .hero-image img {
		width: 160px;
	}
}

@media screen and (max-width:768px) {
	.hero-wrapp .hero-image {
		padding-top: 60px;
	}

	.hero-wrapp .hero-image img {
		width: 160%;
	}
}

@media screen and (max-width:767px) {
	.hero-wrapp .hero-image img {
		width: 180%;
	}
}