.container {
    max-width: 1440px;
    margin: 50px auto;
    /* border: red solid 1px; */
}

.grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    
    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: 50px 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;
 
  
 
}
/* CONTACT INFO */
.contact-info{
  
    
    justify-self: start;
    align-self: start;
    display: flex;
    flex-direction: column;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 12px;
    padding: 20px;
    margin:0px 20px;
 
   
   
    
}




.contact-info p {
    color: #5C5C5C ;
    font-family: 'Source Sans Pro', sans-serif;
    
    font-size: 1.2rem;
   
    
}


.phone-email-wrapper {
    margin-top: 20px;
}

.phone-email-wrapper a {
    font-family: 'Source Sans Pro', sans-serif;
    color: #5C5C5C ;
    font-size: 1.2rem;
    margin-top: 30px;
   
    
   
}



 .g-map {
    margin-top: 20px;
    width: 500px;
    height: 400px;
    padding: 10px;
    outline: black solid 1px;
   } 

/* FORM GRID */
.full {
  grid-column: 1/3;
}
.submit-wrapper {
  display: flex;
  justify-content: center;
  }

   .form-grid {
    align-self: center;
   justify-self: center; 
   display: grid;
   grid-template-columns: 1fr;
 
   margin:0px 20px;
   
 
   
   
  
    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: 820px) {
  .grid {
    grid-template-columns: 1fr;
    gap: 0px;
}
.form-grid,.contact-info, .schedule-info {
    grid-column: 1/3;
    align-self: center;
    justify-self: center;
    margin: 30px 30px;
   
    
}

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

.contact-info, .schedule-info {
  justify-self: stretch;
  align-self: stretch;

  /* justify-content: center;
  align-items: center; */
 
}



.g-map {
 
  width: 100%;
  height: 260px;

  outline: black solid 1px;
 } 





 }




@media(max-width: 500px) {
  .schedule-info, .form-grid, .contact-info {
    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;
  }