@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap";
body{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}.page1-container{flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:0 20px;display:flex;overflow:hidden}.center-image{border-radius:15px;width:80%;max-width:350px;height:auto;margin-bottom:20px;transition:transform .3s;animation:8s infinite imagePulse;box-shadow:0 8px 16px #0003}@keyframes imagePulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.start-assignment-btn{color:#000;cursor:pointer;background-color:#cedb28;border:none;border-radius:50px;padding:15px 30px;font-size:18px;transition:background-color .3s,box-shadow .3s,transform .3s;box-shadow:0 4px 12px #0003}.start-assignment-btn:hover{background-color:orange;transform:translateY(-4px);box-shadow:0 6px 18px #0006}.start-assignment-btn:active{background-color:#ff8c00;transform:translateY(-2px);box-shadow:0 6px 18px #0009}@media (min-width:768px){.center-image{max-width:450px;margin-bottom:30px}.start-assignment-btn{padding:20px 40px;font-size:20px}}@media (min-width:1024px){.center-image{max-width:550px}.start-assignment-btn{padding:18px 42px;font-size:22px}}@media (max-width:480px){.page1-container{justify-content:center;height:100vh;padding:0 10px}.center-image{width:90%;margin-bottom:15px;animation:8s infinite imagePulseMobile}.start-assignment-btn{margin-top:6%;padding:18px 23px;font-size:16px}}@keyframes imagePulseMobile{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif}.page2-container{box-sizing:border-box;background-color:#f5f5f5;border:5px solid #000;border-radius:10px;max-width:1000px;margin:0 auto 30px;padding:15px;position:relative;box-shadow:inset 0 0 0 5px red}.watermark{opacity:.1;z-index:0;pointer-events:none;width:100%;max-width:300px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.assessment-table{border-collapse:collapse;z-index:1;background-color:#fff;border-radius:10px;width:100%;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 4px 8px #0000001a}.assessment-table thead th{color:#fff;text-align:left;background-color:#cedb28;border:2px solid #000;font-weight:700}.assessment-table tbody tr{background-color:#f9f9f9;border:2px solid #000}.assessment-table tbody tr:hover{background-color:#f0f0f0}.assessment-table td,.assessment-table th{text-align:left;word-wrap:break-word;border:2px solid #000;padding:10px;font-size:1rem}.assessment-table td{white-space:normal;word-break:break-word}.start-form-btn{color:#000;cursor:pointer;z-index:1;background-color:#cedb28;border:none;border-radius:10px;margin-left:40%;padding:12px 24px;font-size:1.2rem;transition:background-color .3s,transform .2s;position:relative}.start-form-btn:hover{background-color:#ff5722;transform:scale(1.05)}@media (max-width:768px){.assessment-table td,.assessment-table th{padding:8px;font-size:.9rem}.start-form-btn{margin-left:32%;padding:10px 20px;font-size:1rem}}@media (max-width:480px){.assessment-table td,.assessment-table th{padding:5px;font-size:.8rem}.assessment-table th{font-size:.85rem}.start-form-btn{margin-left:32%;padding:8px 16px;font-size:.9rem}}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif}.page2-container{box-sizing:border-box;background-color:#f5f5f5;border:5px solid #000;border-radius:10px;max-width:1000px;margin:0 auto 30px;padding:15px;position:relative;box-shadow:inset 0 0 0 5px red}.watermark{opacity:.1;z-index:0;pointer-events:none;width:100%;max-width:300px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.assessment-table{border-collapse:collapse;z-index:1;background-color:#fff;border-radius:10px;width:100%;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 4px 8px #0000001a}.assessment-table thead th{color:#fff;text-align:left;background-color:#cedb28;border:2px solid #000;font-weight:700}.assessment-table tbody tr{background-color:#f9f9f9;border:2px solid #000}.assessment-table tbody tr:hover{background-color:#f0f0f0}.assessment-table td,.assessment-table th{text-align:left;word-wrap:break-word;border:2px solid #000;padding:10px;font-size:1rem}.assessment-table td{white-space:normal;word-break:break-word}.start-form-btn{color:#000;cursor:pointer;z-index:1;background-color:#cedb28;border:none;border-radius:10px;margin-left:40%;padding:12px 24px;font-size:1.2rem;transition:background-color .3s,transform .2s;position:relative}.start-form-btn:hover{background-color:#ff5722;transform:scale(1.05)}@media (max-width:768px){.assessment-table td,.assessment-table th{padding:8px;font-size:.9rem}.start-form-btn{margin-left:32%;padding:10px 20px;font-size:1rem}}@media (max-width:480px){.assessment-table td,.assessment-table th{padding:5px;font-size:.8rem}.assessment-table th{font-size:.85rem}.start-form-btn{margin-left:32%;padding:8px 16px;font-size:.9rem}}
.rider-assessment-container{box-sizing:border-box;background-color:#fff;border:5px solid #000;border-radius:10px;max-width:1000px;margin:0 auto 30px;padding:15px;position:relative;box-shadow:inset 0 0 0 5px red}h1{text-align:center;margin-bottom:20px}.main-heading{color:#cedb28;text-shadow:1px 1px #000;font-size:2em}.question-container{justify-content:space-between;align-items:center;gap:20px;margin-bottom:1.5rem;display:flex}.question-text{color:#4a4a4a;flex:1;font-size:1.2rem}.response-container{flex-direction:row;flex:1;gap:10px;display:flex}.radio-group{align-items:center;gap:10px;display:flex}.radio-group label{align-items:center;display:flex}.radio-group input[type=radio]{margin-right:.5rem}textarea{resize:none;border:1px solid #ccc;border-radius:5px;flex:1;width:100%;height:60px;padding:.5rem;font-size:1rem}.btn{cursor:pointer;color:#000;border:none;border-radius:5px;margin-right:1rem;padding:.75rem 1.5rem;font-size:1rem;transition:background-color .3s;display:inline-block}.btn-previous,.btn-previous:hover{background-color:orange}.btn-next,.btn-next:hover{background-color:#cedb28}.btn-next:disabled{cursor:not-allowed;background-color:#555}.button-group{justify-content:center;display:flex}.watermark{z-index:100;opacity:.1;pointer-events:none;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.watermark img{max-width:100%;max-height:100%}@media (max-width:768px){.rider-assessment-container{max-width:100%;padding:15px;box-shadow:inset 0 0 0 3px red}.question-container{flex-direction:column;align-items:flex-start}.response-container{flex-direction:column;width:100%}}
.steps-container{justify-content:center;gap:30px;margin-bottom:20px;display:flex}.step{text-align:center;cursor:pointer;border-radius:50px;padding:10px 20px;font-size:1rem;transition:background-color .3s}.step.active{color:#fff;background-color:#cedb28}.step.inactive{color:#000;background-color:#d3d3d3}@media (max-width:600px){.steps-container{gap:15px}.step{padding:8px 15px;font-size:.85rem}}@media (max-width:400px){.steps-container{flex-direction:column;align-items:center;gap:10px}.step{width:100%;max-width:200px;padding:8px 10px;font-size:.8rem}}
.vehicle-assessment-container{box-sizing:border-box;background-color:#fff;border:5px solid #000;border-radius:10px;max-width:1000px;margin:0 auto 30px;padding:15px;position:relative;box-shadow:inset 0 0 0 5px red}.question-text{text-align:left;flex:2;margin-right:10px;font-size:.9rem;font-weight:700}.main-heading{color:#cedb28;text-shadow:1px 1px #000;font-size:2em}.question-container{flex-wrap:nowrap;align-items:flex-start;margin-bottom:20px;display:flex}textarea{width:calc(100% - 20px);margin-top:10px}.response-container{flex-direction:column;flex:1;gap:10px;display:flex}h1{text-align:center;margin-bottom:20px}.input-container{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px;display:grid}.input-container .form-group{margin-bottom:10px}input[type=text],input[type=date],textarea{box-sizing:border-box;width:100%;padding:8px}.alert{color:red;font-size:.9em}.radio-group{justify-content:flex-start;gap:10px;display:flex}.btn{cursor:pointer;color:#000;border:none;border-radius:5px;margin-right:1rem;padding:.75rem 1.5rem;font-size:1rem;transition:background-color .3s;display:inline-block}.btn-previous,.btn-previous:hover{background-color:orange}.btn-next,.btn-next:hover{background-color:#cedb28}.btn-next:disabled{cursor:not-allowed;background-color:#555}.watermark{z-index:100;opacity:.1;pointer-events:none;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.watermark img{max-width:100%;max-height:100%}.mandatory-question-container{background-color:#f5f5f5;border:2px solid #cedb28;border-radius:5px;margin-bottom:20px;padding:15px;box-shadow:0 0 10px #0003}.mandatory-question-text{margin-bottom:10px;font-size:1.2rem;font-weight:700}.radio-group{gap:20px;display:flex}.radio-group label{align-items:center;display:flex}.radio-group input[type=radio]{margin-right:10px}.button-group{justify-content:center;display:flex}@media (max-width:768px){.vehicle-assessment-container{max-width:100%;padding:15px;box-shadow:inset 0 0 0 3px red}.question-container{flex-direction:column}.question-text{text-align:left;margin-bottom:10px}.response-container{flex-direction:column}}
.vehicle-details-container{background-color:none;box-sizing:border-box;border:5px solid #000;border-radius:10px;max-width:800px;margin:0 auto;padding:15px;position:relative;box-shadow:inset 0 0 0 5px red}h1{text-align:center;color:#4a4a4a;margin-bottom:2rem;font-size:2.5rem}.main-heading{color:#cedb28;text-shadow:1px 1px #000;border:2px solid #ddd;padding:10px;font-size:2em;box-shadow:2px 2px 5px #0003}.watermark{z-index:100;opacity:.1;pointer-events:none;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.watermark img{max-width:100%;max-height:100%}.question-container{background-color:#fff;border:none;justify-content:space-between;align-items:center;gap:20px;margin-bottom:1.5rem;display:flex}.question-text{color:#4a4a4a;flex:1;font-size:1.2rem}.response-container{flex-direction:row;flex:1;gap:10px;display:flex}.form-dropdown,.form-input{border:1px solid #ccc;border-radius:5px;flex:1;width:100%;height:40px;padding:.5rem;font-size:1rem}.radio-group{align-items:center;gap:10px;display:flex}.radio-label{color:#4a4a4a;font-size:1rem}input[type=radio]{margin-right:.5rem}.checkbox-container{margin-top:20px;margin-bottom:20px}.checkbox-input{margin-right:10px}.checkbox-label{color:#4a4a4a;font-size:1rem}.checkbox-alert{color:red;margin-top:.5rem;font-size:.9rem}.btn{cursor:pointer;color:#000;border:none;border-radius:5px;margin-right:1rem;padding:.75rem 1.5rem;font-size:1rem;transition:background-color .3s;display:inline-block}.btn-previous,.btn-previous:hover{background-color:orange}.btn-next,.btn-next:hover{background-color:#cedb28}.btn-next:disabled{cursor:not-allowed;background-color:#555}@media (max-width:768px){.vehicle-details-container{max-width:100%;padding:15px;box-shadow:inset 0 0 0 3px red}.question-container{flex-direction:column;align-items:flex-start}.response-container{flex-direction:column;width:100%}}
.review-page{margin:20px;font-family:Arial,sans-serif}.section{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;margin-bottom:30px;padding:15px}.section h2{color:#333;margin-bottom:15px}.section-content{flex-direction:column;display:flex}.question-answer{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:flex-start;margin-bottom:10px;padding:10px;display:flex}.question{color:#555;flex:1;font-weight:700}.answer{text-align:left;flex:1}.remarks{color:#777;margin-top:5px;font-style:italic}.answer span{font-weight:700;display:block}.answer .remarks{color:#888;margin-top:5px}
.image-page-container{background-color:#f3f3f3;justify-content:center;align-items:center;height:100vh;display:flex}.center-image{border-radius:15px;width:80%;max-width:530px;height:auto;box-shadow:0 8px 16px #0003}@media (max-width:480px){.center-image{width:90%}}