/* Header CSS */
.hero-wrrapper {
	display: flex;
	align-items: center;
	column-gap: 60px;
	background: var(--tj-theme-accent-2);
	border: 1px solid var(--tj-theme-secondary);
	border-radius: 15px;
	padding: 30px;
}

.hero-wrrapper .hero-image-box {
	max-width: 325px;
	width: 100%;
}

.hero-wrrapper .hero-image-box::before {
	display: none;
}

.hero-wrrapper .hero-image-box img {
	transform: rotate(0);
	border-radius: 15px;
	border: none;
	width: 100%;
	border: 1px solid transparent;
	transition: all 0.4s ease-in-out 0s;
}

.hero-wrrapper:hover .hero-image-box img {
	border-color: var(--tj-theme-primary);
}