/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .vcg-is{
     font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
 }
 .vcg-is-form{
     margin-top: 40px;
     margin-bottom: 40px;
 }
 .vcg-is-question{
     margin-bottom: 40px; 
 }

 .vcg-is-form label{ 
     display: block;

 }
 .vcg-is-form table{ border: none; width: initial !important; border: none !important;  }
 .vcg-is-form td{ text-align: center; border: none !important; padding: 0 0.5em; 

}
.vcg-is-form label{
    text-transform: uppercase;
    font-weight: 700;
}
 .vcg-is-form  input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    margin: 0 20px;
    width: 16px;
    height: 16px;
    background: #eeeeee;
    box-shadow: inset 0 0 0 .4em white, 0 0 0 .3em;
    border-radius: 50%;
    transition: .2s;
    cursor: pointer;
    color: #e7e7e7;
  }
  .vcg-is-form  input[type="radio"]:hover, input[type="radio"]:checked {
    background: #e7e7e7;
    box-shadow: inset 0 0 0 .6em white, 0 0 0 .3em;
  }
  .vcg-is-form  input[type="radio"]:checked {
    background: #03abbb;
    box-shadow: inset 0 0 0 .4em white, 0 0 0 .3em #03abbb;
  }
  .vcg-is-form   input[type="radio"]:focus {
    outline: 0;
  }

  .vcg-is-form textarea{
    max-width: 500px;
    width: 100%;
    height: 200px;
  }
  .vcg-is-form button{
    background-color: #00C3AA;
    color: white;
    padding: 20px;
    border-radius: 3px;
    font-size: 16px;
  }

  .question-testimonial-section{ display: none;}
  
@media (max-width: 600px){
  .vcg-is-form input[type=radio] {
    margin: 0 5px;
  }
}