*{padding:0;margin:0;box-sizing:border-box}:root{padding:0;margin:0;display:flex;align-items:center;justify-content:center}body{min-width:600px;width:100%}#root{padding:0;width:100%;max-width:100%}.layout{overflow:hidden;width:100%;height:100vh}.header{height:80px;display:flex;align-items:center;justify-content:space-between;background:#809ab6;background:linear-gradient(90deg,#809ab6,#011b2e);border-bottom:4px solid #ff802a;padding:0 10px}.logo{height:100%;line-height:normal}.logo:hover{scale:1.05;transition:.1s}.content-container{background:#f5f5f5;color:#000;text-align:center;overflow-y:auto}.footer{background:#011b2e}.container{height:100%;width:100%;gap:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.primary-button{padding:10px 20px;font-size:1.5rem;color:#fff;background-color:#011b2e;border:none;border-radius:4px;cursor:pointer;margin:10px}.secondary-button{padding:10px 20px;font-size:1.5rem;color:#011b2e;background-color:#fff;border:none;border:1px solid #011b2e;border-radius:4px;cursor:pointer}.sig-canvas{background-color:#fff;width:100%;height:100%;border-radius:4px;display:block}.form{width:100%}.form .ant-form-item{margin-bottom:24px;padding-right:15%}.form .ant-input{width:100%;height:40px;border-radius:4px}.form .ant-form-item-label{padding-bottom:8px}.form .ant-space{display:flex;justify-content:center;gap:16px;margin-top:24px}.safety-container{color:#fff;height:100%;width:100%;display:grid;place-items:center;overflow-y:auto}.ant-collapse-content-box{background-color:#ffffffb4}.ant-collapse-header{background-color:#ffffffe1}.ant-collapse{width:100%}.orange-list{list-style:none;border-left:4px solid #ff802a;text-align:start;padding-left:10px;font-size:1.5rem}.red-list{list-style:none;border-left:4px solid #ff0f0f;text-align:start;padding-left:10px;font-size:1.5rem}.green-list{list-style:none;border-left:4px solid #00a24c;text-align:start;padding-left:10px;font-size:1.5rem}.blue-list{list-style:none;border-left:4px solid #0e00d5;text-align:start;padding-left:10px;font-size:1.5rem}.blue-list p{font-weight:700}.ant-btn.ant-btn-primary{padding:10px 20px;font-size:1rem;color:#fff;background-color:#011b2e;border:2px solid #fff;border-radius:5px;cursor:pointer}.quiz-container{width:100%;height:100%;display:grid;place-items:center}.quiz-card{width:80%;height:80%;display:flex;flex-direction:column;justify-content:center}.quiz-card .ant-card-body{flex:1}.quiz-card .ant-card-head{flex:1;text-align:center;font-size:1.5rem;font-weight:700}.answer-container{width:100%;height:100%;display:grid;place-items:center;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr) .3fr;padding:10px;grid-column-gap:10px;grid-row-gap:10px}.quiz-header h1{text-wrap:wrap;font-size:2.5rem}.quiz-option{width:100%;height:100%;background-color:#809ab6;color:#fff;font-size:1.5rem;border-radius:4px;cursor:pointer;padding:10px;margin:10px;border:none}.quiz-option:hover{background-color:#ff802a;transition:.2s}.quiz-option--first{grid-area:1 / 1 / 2 / 2}.quiz-option--second{grid-area:1 / 2 / 2 / 3}.quiz-option--third{grid-area:2 / 1 / 3 / 2}.quiz-option--fourth{grid-area:2 / 2 / 3 / 3}.button-div{grid-area:3 / 1 / 4 / 3;display:flex;align-items:center;justify-content:center}.steps-container{height:20%;width:100%;display:flex;align-items:center;justify-content:center}.safety-steps{width:80%;height:100%;display:flex;align-items:center;justify-content:center}.safety-info-container{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.instruction-container{background-color:#fff;width:80%;height:70%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px;border-radius:4px}.instruction-image{height:30%;max-height:350px}.check-in-instruction-container{width:100%;height:80%;display:flex;flex-direction:row;align-items:center;justify-content:space-around;background-color:transparent}.safety-card{width:30%;height:60%;border-radius:4px;background-color:#ececec}.safety-card h1,.safety-card p{padding:20px}.safety-image{height:50%;width:auto;padding:20px}@media(max-width:1300px){.steps-container{height:10%}.primary-button,.secondary-button{font-size:1.75rem;padding:15px 30px}.check-in-instruction-container{flex-direction:column}.safety-card{width:80%;height:30%}.quiz-option{max-height:80%}}.hero-container{display:flex;align-items:center;justify-content:center;width:100%;gap:50px;background-color:#f5f5f5;height:100%}.hero-image-container{height:100%;width:100%;padding:20px 0;display:flex;align-items:center;justify-content:center}img{max-height:100%;height:100%;width:auto}.hero-text-container{height:100%;width:100%;padding:20px;display:grid;place-items:center}.hero-text{width:100%;height:auto;background-color:#fff;border-radius:4px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-around;padding:20px;gap:20px}.hero-text h1{font-size:2.5rem;color:#011b2e;text-align:left;padding:0 20px}.hero-text p{font-size:1.2rem;color:#333;padding:0 20px;text-align:left}.check-in-button{padding:10px 20px;font-size:1rem;color:#fff;background-color:#011b2e;border:none;border-radius:5px;cursor:pointer}.check-in-button:hover{background-color:#00426b}.safety-button{padding:10px 20px;font-size:1rem;color:#fff;background-color:#00345a;border:none;border-radius:5px;cursor:pointer}@media(max-width:1300px){.hero-container{flex-direction:column;text-align:center;justify-content:center;gap:0}.hero-text{height:100%;padding:20px;justify-content:center}}