.quiz_text_field input{    width: 100%;
    padding: 10px 25px; 
    border: 1px solid #ccc;
    font-size: 16px;   }
    
   .quiz_textarea_field textarea {    width: 100%;
    padding: 10px 25px;
    border: 1px solid #dfdfdf;
    font-size: 16px;
    margin-bottom: 18px;}
    
    @media screen and (max-width:767px)
    {
    .quiz_fields [class*="col-"]{padding: 0;}
    .mobile{height: 170px;
    overflow: hidden;}
     .mobile img{    margin-top: -15vh !important;}
    }
    .quiz-form .back{display:none;}
    .quiz_select_field h3{      margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 10px;
    color: #333;}
    
   .quiz_select_field select {width: 100%;
    padding: 10px 25px;
    border: 1px solid #f1f1f1;
    font-size: 16px;
    margin-bottom: 18px;}
    
  .error{    display: block;
    border: #E74C3C 1px solid;
    color: #E74C3C;
    margin-bottom: 11px;
    padding: 5px;
    border-radius: 5px;}
    .back{   
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;position: absolute;
    right: 0;
    background: #fff ;
    padding: 7px 19px;
      
   
    color: #333;
    margin-left: -14px;
    margin-top: -42px !important;
  
        
    }
    .page-1 .back{display:none;}
    
    .answer_div{
            padding: 18px 55px;
    cursor: pointer;
    text-align: left;
        
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f1f1f1+0,ffffff+100,f9f9f9+100 */
background: #f1f1f1; /* Old browsers */
background: -moz-linear-gradient(top,  #f1f1f1 0%, #ffffff 100%, #f9f9f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f1f1f1 0%,#ffffff 100%,#f9f9f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f1f1f1 0%,#ffffff 100%,#f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */

color: #333;
        
       font-size: 18px;
    line-height: 27px;     
    }
    .active{
        
        
       background: #21C2AE; /* Old browsers */
background: -moz-linear-gradient(top,  #21C2AE 0%, #21C2AE 100%, #21C2AE 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #21C2AE 0%,#21C2AE 100%,#21C2AE 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #21C2AE 0%,#21C2AE 100%,#21C2AE 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf9c42', endColorstr='#bf9c42',GradientType=0 ); /* IE6-9 */ 
color:#fff;
    }
    .category_tag{display:none;}
    
    .progress-bar{    background: #ddd;
    height: 23px;
    margin-top: 25px;
    border-radius: 12px;
    }
    .progress-div{background: #4A4A4A;
    height: 23px;
    border-radius: 12px 0px 0px 12px;
    width: 00%;
    line-height: 25px;
    color: #fff;}
    .answer_div{background:url(https://s3.amazonaws.com/kajabi-storefronts-production/themes/2556624/settings_images/qMzCu72TRsaeav25jJlw_New_Project_11.png);
    
            background-repeat: no-repeat;
    background-size: 25px;
    background-position: 12px 11px;
    padding: 11px 55px;
    border-bottom: 1px solid #f1f1f1;
    }
    .answer_div_active{    background-position: 12px -165px; color:#000;}
    .quiz-form .progress-bar{display:none}