@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap');

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.reg-body {
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  margin: 0;
  color: #fff;
  overflow-x: hidden; }

p, h1, h2, h3, h4, h5, h6, ul {
  margin: 0; }

h2{
  font-weight: bold;
}

ul {
  padding-left: 0;
  margin-bottom: 0; }

a {
  text-decoration: none; }

:focus {
  outline: none; }

h3 {
  text-transform: uppercase;
  font-size: 40px;
  font-family: "ChelseaMarket-Regular"; }

.reg-label {
  margin-bottom: 11px;
  display: block; }

/* WRAPPER AND IMAGE */
.reg-wrapper {
  min-height: 100vh;
  display: flex; }
  .reg-wrapper .reg-image{
    width: 60%; }
  .reg-wrapper .reg-inner {
    width: 40%; }

.reg-image img{
  width: 100%;
  height: 100vh;
  position: relative;
  background-size: cover;
}

img {
  max-width: 100%;
  background: no-repeat;
}

/* FORMS */
.reg-inner {
  background: linear-gradient(to right, #EEEEEE, #EEEEEE );
  color: black;
  padding-top: 8vh;
  padding-left: 4vw;
  padding-right: 4vw;
}

.form-valide {
  width: 100%; 
}

.reg-hgroup {
  text-align: center;
}

.reg-header{
	  font-weight: 900;
	  background: -webkit-linear-gradient(#0F5E7F, #A07B4E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size:50px
}

.reg-sub{
	  font-weight: 500;
	  color:black;
	  font-size:30px
}

.reg-fgroup {
  position: relative; 
}

.reg-control {
  border: 1px solid black;
  border-radius: 5px;
  display: block;
  width: 100%;
  height: 45px;
  background: none;
  padding: 0 19px;
  color: black;
  font-size: 17px; 
}

.reg-select {
	color:gray;
	font-weight:bold;
	font-size: 15px; 
}

.reg-label{
	font-weight:bold;
}


/* BUTTONS */
.button-reg{
  border: none;
  width: 100%;
  height: 46px;
  border-radius: 22.5px;
  margin: auto;
  margin-top: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: #476072;
  text-transform: uppercase;
  font-size: 17px;
  overflow: hidden;
  position: relative;
  color:white
 }




/* INPUTS */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.invalid-feedback{
  font-weight: bold;
}

input::placeholder{
	font-size: 15px;
	font-weight:bold;
}

input, textarea, select, button {
  font-family: 'Raleway', sans-serif; 
}


/* MEDIA SCREEN RESIZING FOR RESPONSIVENESS */
@media (max-width: 1394px) {
  .reg-wrapper {
    }
    .reg-wrapper .reg-image {
      width: 100%;
      height: 100vh; }
    .reg-wrapper .form-inner {
      width: 100%;
      height: 100vh; }

  .form-inner {
    padding-left: 20vw;
    padding-right: 20vw; }

  /* button {
    width: 50%; } */
   }

@media (max-width: 991px) {
  .reg-wrapper{
    flex-direction: column;
  }
  .reg-wrapper .reg-image {
    height: 60%; }
  .reg-wrapper .form-inner {
    height: 40%; }

  .form-header {
    margin-bottom: 30px; } }

@media (max-width: 767px) {
  .reg-wrapper .form-inner {
    height: auto; }
  .reg-wrapper .reg-image {
    height: auto; }
    .reg-image img{
      height: 10%;
    }

  .reg-image img {
    display: block; }

  .form-inner .reg-inner{
    padding: 30px 20px; }

  button {
    width: 100%; } 
  
  span .required {
    size:20px;
  }
}