.container {
  max-width: 1440px;
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

 
}

.grid {
  display: grid;
  grid-template-columns: 1fr;
 
  margin-top: 180px;

  


 
 


}
/* SCHEDULE INFO */
.schedule-info{
grid-column: 1/3;

  justify-self: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 12px;
  padding: 10px;
  margin:0px 100px;
 
 

  

 
 
  
}


h1 {
  line-height: 1.2;
  font-size: 12rem;
  font-family: 'Source Sans Pro', sans-serif;
  text-align: center;
  
  
}

.schedule-info p {
  color: black;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.5;
  font-size: 1.5rem;
  margin-top: 20px;
  
}

.schedule-info strong {
  font-family: 'Source Sans Pro', sans-serif;
  color: black;
  font-size: 2.5rem;
  /* margin-top: 30px; */
  line-height: 1.75;
  text-align: center;
 
  
 
}


/* FORM GRID */
.full {
  grid-column: 1/3;
}


.form-grid {
   align-self: center;
  justify-self: center; 
  display: grid;
  grid-template-columns: 1fr 1fr;

  margin:50px 100px;
  

  
  
 
   background-image: radial-gradient( #7f8c8d,black);
  border-radius: 12px;
  padding-bottom: 10px;
  /* margin: 50px 200px; */
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
 
  
  
  
}




.form-row {
  /* align-self: start;
  justify-self: start;
  width: 500px; */
  
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: white;
  margin: 20px;
 
  
}
.form-row input[type=text] {
  height: 45px;
  font-size: 1.8rem;
  font-family: "Source Sans Pro", sans-serif;
  padding-left: 10px;

  
}


input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}


textarea {
  font-size: 1.25rem;
  font-family: "Source Sans Pro", sans-serif;
  padding-left: 10px;
  padding-top: 10px;
 

}
label, .form-row p {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.2rem;
  line-height: 1.6;
  
}


.agree-vm {
  display: flex;
  flex-direction: column;
}
.agree-vm-check {
  display: flex;
  margin-top: 10px;
}
.agree-vm-check p {
  margin-left: 10px;
}

.captcha-wrapper {
  display: flex;
  align-items: flex-start;
  align-content: center;
 
 

  
 
  


 
}

.disclaimer {
 
  margin-top: 20px;
}

.captcha-wrapper button{
  padding: 10px;
  margin-left: 10px;
  background-color: white;
  font-size: 1rem;
  margin-top: 10px;
 
  color: black;
  font-family: 'Source Sans Pro', sans-serif;
 
 
  border: none;
outline:none;
cursor: pointer;
  /* color: white;
  */

}
textarea, canvas, input[type=text] {
  background-color: white;
  margin-top: 10px;
}

input[type='checkbox'] {
  accent-color: #A47757;
}

.submit-wrapper {
display: flex;
justify-content: center;
}

#submit-button {
  padding: 10px 30px;
  margin-top: 30px;
    background-color: white;
    font-size: 2rem;
   
    color: black;
    font-family: 'Source Sans Pro', sans-serif;
    border-radius: 1.25rem;
    
    
   
   
   
    
   
    border: none;
outline:none;
cursor: pointer;
}

#submit-button:hover, #submit-button:active {
  background-color: #5C5C5C ;
  color: white;
}



@media(max-width: 768px) {
.grid {
    grid-template-columns: 1fr;
   
}
.captcha-input {
  font-size: 1.5rem;
}
.form-grid,.schedule-info {
    grid-column: 1/3;
    align-self: center;
    justify-self: center;
  
    
   
   
    
}

.form-grid {
  margin:50px 50px;
}


.form-row {
  grid-column: 1/3;
}










  /* .schedule-info {
      margin: 0px 20px;
  } */
}

@media(max-width: 500px) {
.schedule-info, .form-grid {
  margin: 30px 10px ;
}

.submit-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.captcha-input {
  font-size: 1.3rem;
}
}


.required {
  color: orange;
}


/* LOADING SPINNER */

.lds-ripple {
  display: none;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}


/* ERROR MESSAGE AND SUCCESS MESSAGE */

.error-message-wrapper p {
  display: none;
 color: orange;
 font-size: 1.5rem;
}
.success-message-wrapper p {
  display: none;
}

.first-name {
  display: none;
}