:root {
  --input-padding-x: 1.5rem;
  --input-padding-y: .75rem;
}

body {
	background: #dfdfe9;
    background-image: url(images/Enquiry-Form-bg.png);
    background-size: contain;
	font-family: 'Poppins', sans-serif;
}

.card-signin {
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.card-signin .card-title {
  margin-bottom: 2rem;
  font-weight: 300;
  font-size: 1.5rem;
}

.card-signin .card-img-left {
  width: 50%;
  background:#fbfdff;
   position: relative;
	background-image: url("images/left-bg.png");
    background-position: right -38px bottom -10px;
    background-repeat: no-repeat;
  /* Link to your background image using in the property below! */
  /* background: scroll center url('https://source.unsplash.com/WEQbe2jBg40/414x512'); */
  /* background-size: cover; */
}
.schoologo
{
    display: block;
    margin: 20px;
}
.card-signin .card-body {
  padding: 2.5rem 4.5rem;
    background-image: url(images/right-bg.png);
    /* background-position: right -188px top 10px bottom 10px; */
    background-repeat: no-repeat;
	background-size: cover;
}

.form-signin {
  width: 100%;
}

.form-signin .btn {
  font-size: 80%;
  border-radius: 5rem;
  letter-spacing: .1rem;
  font-weight: bold;
  padding: .8rem;
  transition: all 0.2s;
}
.form-control
{
	color:#272424 ;
	font-weight:300;
	font-size:15px;
}
.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group input {
  height: 40px;
  border-radius: 1rem;
}
.form-label-group select
{
  border-radius: 1rem;	
}
.form-label-group>input,
.form-label-group>label {
  padding:10px 18px;
}
.text_upper {text-transform:uppercase}
.form-label-group>label {
  position: absolute;
  top: -4px;
  left: -7px;
  display: block;
  width: 100%;
  margin-bottom: 0;
  /* Override default `<label>` margin */
  line-height: 1.5;
  color: #8c9094;
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
  font-weight: 300;
    font-size: 14px;
}

.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder {
  color: transparent;
}

.form-label-group input::placeholder {
  color: #272424;
  text-transform:capitalize;
}

/* .form-label-group input:not(:placeholder-shown) { */
  /* padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3)); */
  /* padding-bottom: calc(var(--input-padding-y) / 3); */
/* } */

/* .form-label-group input:not(:placeholder-shown)~label { */
  /* padding-top: calc(var(--input-padding-y) / 3); */
  /* padding-bottom: calc(var(--input-padding-y) / 3); */
  /* font-size: 12px; */
  /* color: #777; */
/* } */

.btn-google {
  color: white;
  background-color: #ea4335;
}

.btn-facebook {
  color: white;
  background-color: #3b5998;
}
/* Login page css start */
@media (min-width: 1200px){
		.container, .container-lg, .container-md, .container-sm, .container-xl {
			max-width: 1230px;
		}
	}
	@media (min-width: 1800px){
		.container, .container-lg, .container-md, .container-sm, .container-xl {
			max-width: 1715px;
		}
		.vector-img
	{
		left: 210px !important;
		top: 170px !important;
	}
	.card-signin .card-img-left
	{
	    background-position: right 110px bottom 0px;	
	}
}
@media (max-width: 467px){
	.card-signin .card-body
	{
		padding:1.5rem 1rem;
	}
	.mobilelogo
	{
		display:block !important;
	}
}
@media (min-width: 768px) and (max-width: 1033px){
  .vector-img
  {
    left: 1px !important;   
    top: 180px  !important;
  }
  .vector-img img{
    width: 340px;
  }
  .form-label-group
  {
    width: 300px;
    margin-left: 15px;
  }
  .form-group
  {
    margin-left: 0px !important;
  }
  .card-signin .card-body
  {
    padding:2.5rem .5rem;
  }
}
@media (min-width: 1024px) {
  .vector-img img{
    width: auto;
  }
  .card-signin .card-body
  {
    padding:2.5rem 4.5rem;
  }
}
.vector-img
{
	position: absolute; 
    left: 80px;
    top: 130px;
}
.scool-images {
  border-radius: 30px;
  width: 100%;
  float: left;
  border: 5px solid #273045;
  margin-bottom: 25px;
  text-align: center;
}
.scool-images img {
  max-width: 100%;
  width: 500px;
  border-radius: 25px;
  outline: 1px solid #fff;
  outline-offset: -10px;
}
.address-space
{
	font-size:15px;
	font-weight:400;
	text-align:center;
	margin-top: 8px;
}
.address-space p
{
	margin-bottom: 5px;
}
.address-space p span {
    font-weight: 600;
}
/* Login page css End */
