@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{color:#000}.header,body{background-color:#fff}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 5%;border-bottom:2px solid #ddd}.logo img{height:50px}.login-btn{padding:10px 20px;border:2px solid #007bff;border-radius:20px;color:#007bff;text-decoration:none;font-weight:700;transition:.3s}.login-btn:hover{background-color:#007bff;color:#fff}.hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background:url(/assets/images/branding/hero_section_bg.png) 50%/cover no-repeat;padding:50px 5%;color:#fff;text-align:left}.hero-content{flex:1 1;max-width:50%}.hero-text{font-size:1.8rem}.hero h2{font-size:2.5rem}.highlight{font-weight:700}.subtext{font-size:1.2rem;margin:10px 0}.btn{display:inline-block;color:#007bff;padding:12px 25px;text-decoration:none;font-size:1rem;font-weight:700;border-radius:5px;margin-top:15px}.btn:hover{background-color:#007bff;color:#fff}.hero-description{flex:1 1;max-width:45%;font-size:1.2rem;text-align:center}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;background-color:#011e61;color:#fff;padding:20px 5%;text-align:center}.footer-left,.footer-middle,.footer-right{flex:1 1;margin-bottom:10px}.footer a{color:#fff;text-decoration:none}.footer a:hover{text-decoration:underline}.hero-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:20px;height:70vh;margin-left:5rem}@media(max-width:994px){.hero{flex-direction:column;text-align:center}.hero-content,.hero-description{max-width:100%}.hero-text{text-align:center;max-width:600px}.hero-container,.hero-text{display:flex;flex-direction:column}.hero-container{justify-content:center;align-items:flex-start;padding:20px;height:62vh;margin-left:0}}@media(max-width:768px){.hero-container{height:55vh;margin-left:0}.header{text-align:center}.hero h2{font-size:2rem}.footer{flex-direction:column}.hero-text{text-align:center;max-width:600px}.hero-container,.hero-text{display:flex;flex-direction:column}.hero-container{justify-content:center;align-items:flex-start;padding:20px;height:70vh}}.hero-text h1{font-family:"Noto Serif";font-size:2.5rem}.hero-text .brand-name{font-family:"Noto Serif";font-size:7rem;font-style:italic}.hero-text p{font-size:1.5rem}.hero-description,.hero-text p{font-family:DM Sans}.home-container{display:contents;height:100vh}.bannerStyle{font-size:"2.3rem";line-height:"4rem";margin:"0"}.heroStyle{line-height:"7rem";font-size:"6rem"}.bannerSubStyle,.heroStyle{white-space:"nowrap";margin:"0"}.bannerSubStyle{line-height:"3rem";font-size:"1rem"}.descriptionStyle{padding:"5rem";line-height:"1.5rem";color:"#FFFFFF";text-align:"center"}.footerViewStyle{display:"flex";align-items:"center";justify-content:"center";margin-top:"10rem"}.btn{font-family:inherit;display:inline;border-radius:0;padding:1rem 2rem;line-height:.5em;white-space:nowrap;border:none;cursor:pointer}.btn-primary{text-transform:capitalize;color:#fff;border:0 solid #2f549b;background-color:#2f549b}.btn-task-table-primary{background-color:#13367a;color:#fff;padding:.7rem 1.5rem;border-width:0}.btn-task-table-success{background:linear-gradient(to bottom right,#3bba77,#1c9350);color:#fff;padding:.7rem 1.5rem;border-width:0}.btn .buttonEffects{background-position:50%;transition:background .8s}.btn .buttonEffects:hover{color:#fff;background:#13367a radial-gradient(circle,transparent 1%,#2f549b 0) 50%/15000%}.btn .buttonEffects:active{background-color:#13367a;background-size:100%;transition:background 0s}.btn-secondary{color:#2f549b}.btn-questionnaire{color:#fff;background:linear-gradient(to bottom right,#5de593,#41d67c);transition:all .12s ease}.btn-questionnaire:active{transform:scale(.96)}.btn-questionnaire-primary{color:#fff;background:linear-gradient(to bottom right,#2f549b,#2f549b);transition:all .12s ease}.btn-questionnaire-primary:active{transform:scale(.96)}.btn-questionnaire-task-table-primary{color:#fff;background:linear-gradient(to bottom right,#2f549b,#2f549b);transition:all .12s ease;padding:.7rem 1.5rem;border-width:0}.btn-questionnaire-task-table-primary:active{transform:scale(.96)}.btn-users-page-signed{color:#fff;background:linear-gradient(to bottom right,#3bba77,#1c9350);transition:all .12s ease}.btn-users-page-signed:active{transform:scale(.96)}.btn-questionnaire-card{color:#fff;background-image:linear-gradient(147deg,#ff1053 74%,#ff1053 0);transition:all .12s ease}.btn-questionnaire-card:active{transform:scale(.96)}.btn-success{background-color:#2f549b;color:#2f549b}.btn-upload-page{background-color:#fff;color:#2f549b;padding:12px 20px;border-radius:8px;transition:all .2s ease}.btn-upload-page:active{transform:scale(.96)}.btn-users-page{background-color:#2f549b;color:#fff;padding:16px 24px;width:200px;transition:all .2s ease}.btn-users-page:active{transform:scale(.96)}.btn-users-page-secondary{color:#2f549b;background-color:#fff;min-width:150px;transition:all .2s ease;padding:1rem 2rem}.btn-users-page-secondary:active{transform:scale(.96)}.btn-users-page-primary{color:#fff;background-color:#2f549b;padding:12px 8px!important;font-size:.75rem;transition:all .2s ease}.btn-users-page-primary:active{transform:scale(.96)}.rounded{border:none;border-radius:3rem}.outline{border:none;border-radius:3rem}.outline,.rectangle{outline:.063rem solid #2f549b;outline-offset:-1px}.rectangle,.success{border:none}.success{background-color:#2f549b;padding:10px 20px}.opacity{opacity:.5}.header-menu-login{align-items:center}.btn{color:#00095e;background-color:#fff}.header-login-button{display:flex;align-items:center;justify-content:center}.header-login-button>div>button{border-radius:2rem;border:solid #00aeef;color:#00aeef}.header-login-button>div>button:hover{color:#fff;background-color:#00aeef}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:9999}.modal{background:#fff;padding:2rem;border-radius:12px;max-width:500px;text-align:center}.modal-close{margin-top:1.5rem;padding:.5rem 1rem;background:#333;color:#fff;border:none;border-radius:6px;cursor:pointer}