@media (max-width:500px) {

    /*pages Questions*/
    .inside-container {
       width: 337px;
       height: 546px;
    }
    #tQuestion {
        width: 260px;
        height: 108px;
        
    }
    .progress-container{
        width: 258px;
    }
    /*pages Questions*/




    /*Quiz Radar*/

    #chart-container{
        width: 340px;
        height: 400px;
    }
    .inside-chart-container img{
        margin-right:6px;
 }

 .header-radar-container{
    display: flex;
    flex-direction: column;
    
    justify-content: center;
    width: 100%;
    
 }

 .inside-chart-container p{
        font-size: 8px;
 }
 .containerText{
     font-size:18px;
    }
 .containerTextRadarTop {
    display: flex;
    flex-direction: column;
    width: 375px;
}
.containerTextRadarTop .firstTextTitle{
    display: flex;
    flex-direction: column;
    width: 375px;
    margin-bottom: 40px;
}
.containerTextRadarTop .bodyText{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0%;
}


.containerTextRadarDown{
    width: 375px;
    height: unset;
    margin-top: 100px;
    margin-bottom:50px;
}


.imgs-container01 .containerDinamicNumber{
    width: 50px;
    justify-content: center;
      
}
.imgs-container02 .containerDinamicNumber{
    width: 50px;
    justify-content: center;
      
}


    /*Quiz Radar*/


    .containerTextRadar {
        display: flex;
        flex-direction: column;
        margin: auto;
        text-align: center;
        justify-content: center;
        align-items: center;
        width: 340px;
        height: 320px;
        padding-top: 0px;
        
    }
    .masterTitle {
        display: flex;
        align-items: center;
        margin: auto;
        max-width: 330px;
        text-align: center;
        
    }
    h1{
        max-width: 330px;
        margin: auto;
        text-align: center;
        
    }
    

    .firstTextTitle {
        text-align: center;
        color: #454040;
        font-size: 20px;
       
    }
    .bodyText {
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: center;
        color: #454040;
        width: 330px;
    }
    .footerText {
        width: 330px;
    }
    .footerText button {
        width: 330px;
        height: 54px;
        background-color: #FFF30B;
        border: none;
    }
       


}




@media (max-width:400px) { 
    
    .containerTextRadarTop {
      
       width: 335px;
   }
   .containerTextRadarTop .firstTextTitle{
       width: 335px;
   }
   
   }