@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,400);
*	

{
outline : none !important;
}
body{
	font-family: 'Poppins', san-serif;
}
header{
	postion: relative;
	z-index: 1000000;
	
}

p{
	font-size: 1rem;
	color: grey;
}
.nav-imag
{
	max-width: 5%;
	max-height: 5%;

	object-fit: contain;
}
.embed-responsive-item
{
	max-height: 100%;
	max-width: 100%;
	position: absolute;
}
.navbar.scrolled {
	background: #000 !important;
	transition: 0.5s;
}

.navbar{
	background: transparent !important;
    transition: 0.5s;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link
{
	color :#000 ;
	background :#fff;
}

.navbar-light .navbar-nav .nav-link {
	color: rgba(255,255,255,0.8);
}
.navbar-light .navbar-nav .nav-linkL:hover,
.navbar-light .navbar-nav .nav-link:focus {
	color: rgba(255,255,255,1);
	
}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:visited
{
	color: rgba(255,255,255,1);
	font-size: 2.5rem;
	font-weight: 600;
}

.banner
{
	position: relative;
	top: 0;
	width: 100%;
		background-size: cover;
	margin-bottom: 0;
        font-color: #A9A9A9;
}
.banner:before,
.contact:before
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 400px;
	background: linear-gradient(#000,tranparent);
	pointer-events: none;
}

.banner:after,
.contact:after
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 400px;
    background: linear-gradient(360deg,#000,tranparent);
	pointer-events: none;
}
.height100p
{
	height: 100vh;
}
.h100
{
	height: 100%;
}
.contentBox
{
	position: relative;
	display: flex;
	justify-content: center;
	z-index : 10;
}
.contentBox h1
{
	font-color: #fff;
	text-transformation: uppercase;
}

.headerText h1
{
	font-sizer: 2.5rem;
	color:honeydew;
}
.sec3
{
background-color: #000;
}
.sec2 {
	position: relative;
	background-repeat: no-repeat;
	marigin: 0 auto;
        background-image: url("../images/classes.jpeg") !important;
	background-size: cover;
	padding: 100px 0;
	max-width: 100%;
	max-height:100%;
}
.sec4 
{
	
	background-image: url("../images/contactus.jpg");
	position: relative;
	background-repeat: no-repeat;
	text-align: center;
	background-size: cover;
	padding: 100px 0;
	max-width: 100%;
	max-height:100%;
	
}
.sec4 .form-control
{
	background: transparent;
	boarder: none;
	boarder-bottom: 2px solid black;
	height: 50px;
	border-radius: 0;
	backgraound: white;
	color: #000;
	font-size: 1.25rem;
}
.sec4 .form-control:hover,
.sec4 .form-control:focuborder
{
	border: none;
	border-bottom: 2px solid black;
	box-shadow: none;
}
.sec label
{
	text-align: left;
}
.footer
{
	background: #000;
	padding: 50px 0 0;
}
.sci 
{
	marigin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-itemms: center;
}
.sci li
{
	list-style: none;
	margin:0 20px;
}
img
{
padding: 10px 10px 10px 10px;
}
.instructor
{

	font-color: #fff;
}
.sec1
{
position: relative;
background: #161623;
}
.sec1:before
{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(#f00,#f0f);
clip-path: circle(30% at right 70%);

}
.sec1:after
{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(#2196f3,#e91e63);
clip-path: circle(20% at 10% 10%);

}

.rowcontainer
{
position: relative;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
marigin: 40px 0;

}
.placeBox
{
	position: relative;
width: 300px;
height: 400px;
background: rgba(255, 255, 255, 0.05);
margin: 20px;
box-shadow:0 15px 35px rgba(0,0,0,0.2);
border-radius: 15px;
display: flex;
justify-content: center;
align-items: center;
backdrop-filter: blur(10px);
}
.imageBox
{position: relative;
width: 150px;
height: 150px;
border-radius: 50px;
overflow: hidden;
border: 10px solid rgba(0,0,0,0.25);
	
}
.imageBox img
{
	position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.instructor h3
{color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 500px;
font-size: 18px;
text-align: center;
marigin: 20px 0 10px;
line-height: 1.1em;
}
.instructor h3 span
{
font-size: 12px;
font-weight: 300;
text-transform: initial;
}

.instructor .sci
{
position: absolute;
bottom: 50px;
display: flex;
}
.instructor .sci li
{
list-style: none;
marigin: 0 10px;
transform: translateY(40px);
transition: 0.5s;
opacity: 0;
transition-delay: calc(0.1s * var(--i));
}
.instructor:hover .sci li
{
transform: translateY(0px);
opacity: 1;
}
.placeBox:hover 
{
opacity: 1;
transform: translateY(-20px);
}