.ban .con
{

position: relative;
z-index: 1;
max-width: auto;
margin 0 auto;
text-align: left;
}
.ban{
width: 100%;
height: 100vh;
overflow: hidden;
display: flex;
justify-comtent: center;
align-items: center;
}

.ban video{

position: absolute;
top: 0;
left: 0;
object-fit: 0;
width: 100%;
height: 100%;
pointer-events:0;
}

.ban .con h1
{
margin: 0;
padding:0;
font-size: 4.5em;
text-transform: uppercase;
color: #fff;
}  


 


.containerka{
		width: 70%;
		padding: auto;
		margin: auto;
		text-align: center;
		display: flex;
		flex-direction: flex-row;
		justify-content: center;
Opacity: 80%;
	}
.boxkaal{Opacity: 100%;
}
.boxkaal:hover{z-index: -2;
transition: 2s; Opacity: 100%;

transform:  perspective(300px) rotateY(360deg);

Opacity: 100%;

}
	.boxka{Opacity: 100%;
		

width: 250px;
		
		background: gold;
    margin: 0px 10px;
    transition: 1s;

	}
	.boxka:hover{
		 
		Opacity: 100%;
  


 

background: black;
		z-index: -2;
		
box-shadow: 2px 2px 2px #000;
	
 transform:  perspective(600px) rotateY(-360deg);	
Opacity:100%;
	

}

.boxkaa:hover{Opacity: 100%;

 transition: 1s;

transform: scale(1.3);Opacity: 100%;
}Opacity: 100%;