.red-color{
	color:var(--red-color);
}
.tp-header-logo img{
	width: 200px!important;
}
.hero-bg-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
    z-index: -2;
}

/* Dark Overlay */
.tp-hero-area::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.55); /* adjust darkness */
    z-index: -1;
}

.tp-hero-area {
	position: relative;
	overflow: hidden;
	height: 100vh;
}
.tp-hero-content{
	transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 39%;
}
.tp-hero-right-content{
	transform: translate(-50%, -50%);
    position: absolute;
    top: 100%;
    right: 0;
}