body{
    margin: 0 auto;
}

/* Loader styles */
.loader {
    border: 12px solid #f3f3f3; /* Light grey */
    border-top: 12px solid #7f72ea; /* Purple */
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 1.7s linear infinite;
    position: fixed;
    top: 49%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Overlay for blur effect */
.loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7); /* Semi-transparent background */
    backdrop-filter: blur(5px); /* Blur effect */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Ensure it's on top of everything */
}

/* Keyframes for spinning */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

header.header { margin-top: 15px; }
.green-bar{background-color: #1FAC99; padding: 15px 10px; margin: 15px 0;}
.green-bar a,
.green-bar p{color: #fff; text-decoration: none; font-size: 18px;}

.green-bar p{margin: 0;}
.green-bar a:hover{color: #000;}

.form-box{border: 1px solid #e3e3e3; padding:20px 15px}

.time-left {
    background: #1FAC99;
    color: #fff;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.05);
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 25px 20px;
    margin-bottom: 15px;
}

.time-left i{font-size: 53px;}

.confidential-secure {
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.05);
    padding: 22px 32px;
    margin: 25px 0; }

.confidential-secure .title { text-align: center; }
.confidential-secure .title i { color: #1FAC99; font-size: 40px; }
.confidential-secure .title b { font-size: 17px; line-height: 21px; display: block; color: #1FAC99; margin: 8px 0 0; }


.confidential-secure ul { list-style: none; padding: 0; margin: 0; font-size: 14px; line-height: 16px; color: #000; }
.confidential-secure ul li { padding: 0 0 0 32px; margin: 24px 0 0; position: relative; }
.confidential-secure ul li:before { content: "\f00c"; font: var(--fa-font-regular); display: inline-block; margin-left: -1.3em; width: 1.3em; font-size: 30px; top: 12px; position: relative; font-weight: 900; color: #1FAC99; }


#questionnaire button[type="submit"]{background: #1FAC99; border: 1px solid #66BC89;}
#questionnaire button[type="submit"]:hover{background: #222; border-color:#222;}