*{
   margin:0;
    padding:0;
    box-sizing:border-box;
   font-family:'Poppins',sans-serif;
}
.contact
{
position:relative;
min-height:100vh;
padding:50px 100px;
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
background:url(bg.jpg);
background-size:cover;
max-width:800px;
text-align:center;
.contact .content
{
}
.contact .content h2
{
font-size:36px;
font-weight:500;
color:#fff;
}
.contact .contentp
{
font-weight:300;
color:#fff;
}
.container
{
  width:100%;
  display:flex;
  justify-content:center;
   align-items:center;
  margin-top:30px;
}
.container .contact Info
{
  width:50%;
  display:flex;
  flex-direction:column;
}
.container .contact Info .box
{
  position:relative;
  padding:20px0;
  display:flex;
}
.container .contact Info .box .icon
{
   min-width:60px;
   height:60px;
   background:#fff;
   display:flex;
   justify-content:center;
   align-items:center;
   border-radius:50%;
   font-size:22px;
}
.container .contact Info .box
{
   display:flex;
   margin-left:20px;
   font-size:16px;
   color:#fff;
   flex-direction:column;
   font-weight:300;
}
.container .contact Info .box .text h3
{
   font-weight:500;
   color:#00bcd4;
}
.contact Form
{
}
.contact Form h2
{
   width:40%;
   padding:40px;
   background:#fff;
   font-size:30px;
   color:#333;
   font-weight:500;
}
.contact Form .inputBox
{
   position:relative;
   width:100%;
   margin-top:10px;
}
.contact Form .inputBox input,
.contact Form .inputBox textarea
{
   width:100%;
   padding:5px0;
   font-size:16px;
   margin:10px0;
   border:none;
   border-bottom:2px solid#333;
   outline:none;
	resize:none;
}
.contact Form .inputBox span
{
	position:absolute;
	Left:0;
	padding:5px0;
	font-size:16px;
	margin:10px0;
	pointer-events:none;
	transition:0.5s;
	color:#666;
.contact Form .inputBox input:focus span,
.contact Form .inputBox input:valid~span,
.contact Form .inputBox textarea:focus~span,
.contact Form .inputBox textarea:valid~span
{
   color:#e91e63;
   font-size:12px;
   transform:translateY(-20px);
}
.contact Form .inputBox input[type="submit"]
{
   width:100px;
   background:#00bcd4;
   color:#fff;
   border:none;
   cursor:pointer;
   padding:10px;
   font-size:18px;
}
@media(max-width:991px)
{
.contact
{
}
.container
{
   padding:50px;
   flex-direction:column;
}
.container .contact Info
{
   margin-bottom:40px;
}
.container .contact Info
{
   width:100
}
}