.start-now-form {
    width: 100%;
}

.start-now-button {
    min-width: 150px;
    text-align: center;
}

.mdintegration-iframe {
    width: 100%;
    height: 85vh;
    border: none;
}

.questionnaire-disabled-error {
    text-align: center;
    font-size: 18px;
    max-width: 768px;
    margin: 2% auto;
    background-color: #f5f5f5;
    padding: 5%;
}

.questionnaire-container .loader {
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #000;
    width: 52px;
    height: 52px;
    animation: spin 10s linear infinite;
    position: absolute;
    left: calc(50% - 30px);
    top: 25%;
    transform: translate(-50%, -50%);
}

@keyframes spin {
    0% { transform: rotate(0deg); border-top: 8px solid #ccc;}
   20% { border-top: 8px solid #333; border-right: 8px solid #ccc;}
   40% { border-right: 8px solid #333; border-bottom: 8px solid #ccc;}
   60% { border-bottom: 8px solid #333; border-left: 8px solid #ccc;}
   80% { border-left: 8px solid #333; }
  100% { transform: rotate(360deg); border: 8px solid #333; }
}

@media screen and (max-width: 820px) {
    .mdintegration-iframe {
        height: 85vh;
    }

    .questionnaire-container .loader { top: 12%; }
}

@media screen and (max-width: 430px) {
    .mdintegration-iframe {
        height: calc(85vh - 70px);
    }
}