.contactus{
  padding-top: 50px;
}
.col, .col-10{
  padding: 0;
}
.info{
  position: relative;
  overflow: hidden;
  padding: 0;
  background: rgba(101,204,184,0.5);
}
.info-img{
  width: 100%;
  object-fit: cover;
  z-index: -1;
  position: relative;
  height: 500px
}
.contact-us .col{
  padding: 0;
}
.info-container{
  position: relative;
}
.info-container2{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 50px;
}
.info-container2 .row{
  max-width: 100%;
  width: 100%
}
.info-container2 h5, .info-container2 p{
  width: 100%;
  margin-bottom: 0;
  text-align: left;
  padding:0 15px 15px;
  font-weight: bold;
}

.info-container2 p{
  color:#182628;
  font-size: 0.9rem;
}
.info-container2 i{
  color: #182628;
  font-size: 1.5rem;
  padding-top: 3px;
}
.contact-form{
  padding: 25px 50px 50px 50px;
}
.contact-form h3{
  margin-bottom: 25px;
  text-align: center;
}
label, input, textarea{
  border: 1px solid #D8D8D8;
  padding-left: 20px;
  width: 100%;
}
label, input{
  height: 50px;
  margin-bottom: 0;
}
textarea{
  height: 150px;
}
label{
  border-bottom: none;
  text-align: left;
  color:  #182628;
  text-transform: uppercase;
  padding-top: 15px;
  font-family: 'Kanit', sans-serif;
  font-weight: 200;
  font-size: 0.76rem;
}
input, textarea{
  font-size: 1.2rem;
  outline: none;
}
input:focus, textarea:focus{
  border: 1px solid #182628;
}
.block{
  margin-top: 15px;
}
.map{
  width: 92%;
  height: 500px;
  margin: 35px auto;
}
.box-btn{
  text-align: center;
  margin: 25px 0 50px 0;
}
.btn {
	line-height: 50px;
	height: 50px;
	text-align: center;
	width: 250px;
	cursor: pointer;
  margin: auto;
}
.btn-three {
	color: #FFF;
	transition: all 0.5s;
	position: relative;
}
.btn-three::before {
	content: 'Send Message';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgb(24,38,40);
	transition: all 0.3s;
}
.btn-three:hover::before {
	opacity: 0 ;
	transform: scale(0.5,0.5);
}
.btn-three::after {
	content: 'Send Message';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: all 0.3s;
	border: 1px solid #182628;
	transform: scale(1.1,1.1);
}
.btn-three:hover::after {
	opacity: 1;
	transform: scale(1,1);
}
.status{
  color: green;
}
.status span{
  color: red;
}


@media (max-width: 375px) {
  .contact-form{
    padding: 50px 20px;
  }
  .info-container2{
    margin: 25px;
  }
  .info-container2 p{
    font-size: 1rem;
  }
}