.image-objects {
	position: absolute;
	height: 100vh;
	width: 100vw;
	transition: all 1.5s;
	object-fit: contain;
	object-position: top;
	background-position: 80%;
	background-repeat: no-repeat;
	background-size: contain;
	translate: -100vw;
	scale: 75%, 75%;
}

.hero-section {
	height: 100vh;
	min-height: 650px;
	max-height: 1000px;
	overflow: hidden;
	position: relative;
}
  

.index-hero-box {
	background-color: var(--bg-color-opec);
	position: relative;
	padding: 10px 30px 10px;
	width: 50%;
	top:50%;
	height: 35%;
	color: var(--text-color);
	backdrop-filter: blur(10px);
}

@media (max-width:820px) and (orientation: portrait) { 
	.index-hero-box {
	  width: 100%;
	  height: auto;
	  top:50%;
	  left:0;
	  padding: 5px 5px ;
	}
	.image-objects {
		position: absolute;
		height: 80vh;
		width: 100%;
		top: 0;
		transition: all 1.5s;
		object-fit: contain;
		object-position: top;
		background-position: 100%;
		background-repeat: no-repeat;
		background-size: contain;
		translate: -100vw;
	}
}

@media (max-width:1080px) and (orientation: landscape) { 
	.index-hero-box {
	  width: 50%;
	  height: auto;
	  top:10vh;
	  left:0;
	  padding: 5px 5px ;
	}
}

@media (min-width:1600px) and (orientation: landscape) { 
	.index-hero-box {
	  width: 50%;
	  height: auto;
	  top:20vh;
	  left:0;
	  padding: 5px 5px ;
	}

}



.item-gal4{
	background-color: var(--bg-color-secondary);
	height: 100%;
	width: 100%;
	padding: 15px;
	position: relative;
	margin: auto ;
	top: 10vh;
}
.item-gal5{
	margin: auto;
	top: -30vh;
	position: relative;
}

@media (max-width:820px) and (orientation: portrait) {
	.gall-back {
		min-height: 800px;
		background-position: center;
		background-size: auto 100vh ;
		overflow: none;
		background-size: cover;

	}
	.item-gal5{
		top:0;
	}
	.item-gal4{
		top:0;
	}
}

@media (max-width:1024px) and (orientation: landscape) {
	.gall-back {
		min-height: 800px;
		background-position: center;
		background-size: cover;
		overflow: none;
		width: 100%;
	}
	
	.item-gal4{
	  width: 100%;
	  left: 0;
	  z-index: 999;
	  margin: auto ;
	  top:0;
	}
	.item-gal5{

		top: 0;

	}
}

.index-img {
	width: 100%;
}