.logo
{
   margin: auto;
   width: 30%;
   /* max-width: 227px; */
}

.sub-title{
    max-width: 800px;
    margin: auto !important;
    font-size: 20px;
    text-align: center;
    background-color: #f2bf2b;
    color: white;
    border-radius: 100px;
}

.sub-title p{
    margin: 20px;
}
.hi-user{
    font-size: 28px;
    text-align: center; 
    max-width: 800px;
    margin: auto;
}
.feedback-button{
    border-radius: 12px;
    border: solid 3px #dea300;
    height: 75px;
    width: 350px;
    background: #ffffff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-content: center;
    color: #dea300 ;
}

.feedback-button input:checked + span{
    background: #dea300;
    color: #ffffff;
}


.feedback-button span{
    display: grid;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.feedback-button span strong{
    align-self: end;
}

.feedback-button span small{
    align-self: center;
}
.center--flex{
    display: flex;
    justify-content: center;
    align-items: center;
}
.align-center-block{
    text-align: center;
}
.align-form{
    max-width: 800px;
    margin: auto;
}
.submit-generico {
    margin-top:3.5rem;
    height: 83px;
    border-radius: 8px;
    border: solid 1px #005f28;
    background-color: #005f28;
    max-width: 400px;
    width: 100%;
    color: #fff;
    cursor: pointer;
    font-weight: bolder;
    font-size: x-large;
}

.submit-zeno {
    margin-top:3.5rem;
    height: 83px;
    border-radius: 8px;
    border: solid 1px #005f28;
    background-color: rgb(137, 105, 245);
    max-width: 400px;
    width: 100%;
    color: #fff;
    cursor: pointer;
    font-weight: bolder;
    font-size: x-large;
}

.suggest-improvement, .pharmacist-feedback, .pharmacist-feedback-options {
    font-size: 18px;
    text-align: left;
    max-width: 800px;
    margin: auto;
}
.suggest-input{
    border-bottom: 1px solid;
    border-top: none;
    border-left: none;
    border-right: none;
    width: 100%;
    border: #dea300;
    border-style: solid;
}
input[name="feedback[]"]{
    position   : absolute;
    visibility : hidden;
}


/* Smiley Slider */
.demo-container{
    max-width: 750px;
}
.rating-control{
    max-width: 750px;
}

.rating-control .rating-option .icon {
    width: 80px;
    height: 80px;
}

.rating-control .rating-option .label {
    font-size: 19px;
}

.rating-control .current-rating .svg-wrapper svg {
    width: 100px;
    height: 100px;
}

.checkmark {
    width: 25%;
    margin-top: 2rem;
 }

/* Smiley Slider Ends */

@media (max-width: 1080px)
{
    .checkmark{
        width: 60%;
        margin-top: 5rem;
    }

    .logo
    {        
        width:90%;
        margin-top: 3rem;
    }
    .sub-title{
        font-size: 2.1rem;
        }
        .sub-title p {
            margin: 2.2rem;
            font-size: 2.0rem;
        }
    .hi-user{
        width: 100%;
        font-size: 2rem;
    }

    .feedback-button{
        height: 120px;
        width: 400px;
        font-size: 1.8rem;
        margin: 1rem;
    }
    .demo-container{
        max-width: 950px;
    }
    .rating-control{
        max-width: 950px;
    }

    .rating-control .rating-option .icon {
        width: 80px;
        height: 80px;
    }

    .rating-control .rating-option .label {
        font-size: 19px;
    }

    .rating-control .current-rating .svg-wrapper svg {
        width: 100px;
        height: 100px;
    }

    .suggest-improvement,.suggest-input, .pharmacist-feedback, .pharmacist-feedback-options {
        font-size: 32px;
    }

    .pharmacist-feedback-options {
        font-weight: bold;
    }
    
    .submit-button{
        max-width: 100%;
        margin-top: 1.2rem;
        font-size: 3rem;
        height: 120px;
    }
    .row{
        margin-right: -80px;
        margin-left: -80px;
    }

}