* {
  box-sizing: border-box;
  scroll-behavior: smooth;
  outline: none;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans", sans-serif;
}
.contact-section {
  width: 100%;
  min-height: 30vh;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: linear-gradient( 90deg, rgb(2 0 36 / 27%) 0%, rgb(9 9 121 / 22%) 35%, rgba(0, 212, 255, 0.3806255778678659) 100% ), url(../img/contact.jpg);
  animation: transitionIn 0.75s;
  position: relative;
}
.contact-ctn {
  display: flex;
  height: 30vh;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 90%;
  flex-direction: column;
}

.ctn-title {
  font-size: 35px;
  text-align: center;
  color: white;
  width: 100%;
  margin-bottom: 0;
  margin: 10 20px;
}
.ctn-subtitle {
  color: #ffffffad;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  text-align: center;
  padding-top: 20px;
  font-weight: 600;
}

.row {
  display: flex;
  justify-content: start;
  margin: 0;
}

.contact {
  width: 100%;
  min-height: 400px;
  margin-top: auto;
  bottom: -300px;
  position: absolute;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
  gap: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.contactUs-section {
  max-width: 1170px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact-form {
  display: flex;
  justify-content: space-between;
}

.information{
	line-height:25px; 
	border:1px solid #c8c8c8; 
	padding:0; 
	margin:30px 0;
	background: #fff;
}

.information_container,.formulaire_container{
	padding: 15px;
}

.information_container .col1{
	line-height: 40px;
}

.information_container .col-xs-3{
	font-weight: bold;
  margin-right: 15px;
}

label{
  font-weight: bold;
}

.information_container i{
  margin-right: 10px;
}

.formulaire{
	border:1px solid #c8c8c8;
	padding:0; 
	margin:30px 0; 
	margin-left:30px; 
	background: #fff;
}

.contact_submit{
	background: #233871;
	color:#fff;
}

.contact_top_bar{
	background: #233871;
	height: 6px;
}

textarea {
  resize: none;
}

@media (max-width: 768px){
  .contact-form {
      flex-direction: column-reverse;
      flex-wrap: wrap;
  }
  .contact-form .formulaire {
    margin: 25px 0 20px 0;
  }
}

@media (min-width: 576px){
  .container {
      max-width: 100%;
  }
}