@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;font-family:Roboto,sans-serif}body{scrollbar-width:none}::-webkit-scrollbar{display:none}h1{font-size:4rem}h2{font-size:3.4rem}h3{font-size:2.7rem}h4{font-size:2.2rem}h5{font-size:2rem}h6{font-size:1.5rem}p{font-size:20px}@media (max-width: 1520px){h1{font-size:3.4rem}h2{font-size:3rem}h3{font-size:2.5rem}h4{font-size:2rem}h5{font-size:1.7rem}h6{font-size:1.3rem}}@media (max-width: 768px){h1{font-size:2.6rem}h2{font-size:2.3rem}h3{font-size:2rem}h4{font-size:1.8rem}h5{font-size:1.45rem}h6{font-size:1.15rem}}.authPage{display:flex;margin:0 auto}.authPage .container{flex:1;display:flex;flex-direction:column;justify-content:center;background:#fff;padding:20px}.authPage .container .header{display:flex;gap:15px;flex-direction:column;text-align:center;margin-bottom:30px}.authPage .container .header h3{font-size:1.6rem}.authPage .container .header img{width:300px;height:135px;margin:0 auto}.authPage .container form{display:flex;flex-direction:column;gap:20px}.authPage .container form .inputTag{display:flex;flex-direction:column;gap:10px}.authPage .container form .inputTag div{display:flex;align-items:center;border-radius:7px}.authPage .container form .inputTag div input{background:#87878778;color:#091235;font-weight:600;padding:8px;border:none;width:100%;height:100%}.authPage .container form .inputTag div input:focus{outline:none}.authPage .container form .inputTag div svg{width:10%;font-size:1.5rem;background:#091235;height:100%;padding:8px;color:#fff}.authPage .container form button,.authPage .container form a{padding:12px;text-align:center;border:none;margin-top:25px;font-weight:700;font-size:1.2rem;border-radius:7px;cursor:pointer}.authPage .container form button{color:#fff;background:#091235}.authPage .container form a{color:#091235;border:1px solid #091235;text-decoration:none}.authPage .banner{flex:2;display:flex;justify-content:center;align-items:center;overflow-y:hidden}.authPage .banner img{padding-top:50px;width:700px;height:560px}@media (max-width: 830px){.authPage{min-height:auto;height:auto}.authPage .container{flex:none;width:100%;justify-content:flex-start;padding:40px 20px}.authPage .banner{display:none}}.footerShow{background:#091235;display:flex;justify-content:space-between;padding:25px 120px;align-items:center}.footerShow div{display:flex;gap:12px;font-size:16px;color:#f1f3f6}.footerShow div a{font-size:20px;text-decoration:none;color:#f1f3f6}.footerShow div a:hover{color:#2b4257;transform:scale(1.2);transition:all .3s}.footerHide{display:none}@media (max-width: 830px){.footerShow{padding:25px 45px}}@media (max-width: 550px){.footerShow{flex-direction:column-reverse;gap:25px;text-align:center;padding:25px}}.navbarHide{display:none}.heroSection{color:#091235;display:flex;flex-direction:column;padding:30px 0 50px}.heroSection .container,.heroSection .details{min-width:1500px;max-width:1500px;margin:0 auto}.heroSection .container{display:flex;height:450px;margin-bottom:1.75rem}.heroSection .container .title,.heroSection .container .image{flex:1}.heroSection .container .title{display:flex;flex-direction:column;justify-content:center}.heroSection .container .title h1{max-width:600px}.heroSection .container .title p{margin-top:1.5rem;max-width:600px}.heroSection .container .image{overflow:hidden}.heroSection .container .image img{width:100%;height:100%}.heroSection .details{display:flex;justify-content:space-between;padding:50px 0}.heroSection .details .card{display:flex;gap:20px;align-items:center;background:#f1f3f6;width:220px;padding:10px 20px}.heroSection .details .card .icon{font-size:24px;background:#e9f9ff;display:flex;align-items:center;justify-content:center;padding:10px;color:#091235}.heroSection .details .card .content p:first-child{font-weight:700}.heroSection .details .card .content p:nth-child(2){font-size:14px;color:gray;margin-top:5px}.heroSection .details .card:hover{transition:all .3s;box-shadow:2px 10px 10px -1px #0000002b;-webkit-box-shadow:2px 10px 10px -1px rgba(0,0,0,.17);-moz-box-shadow:2px 10px 10px -1px rgba(0,0,0,.17)}@media (max-width: 1520px){.heroSection .container,.heroSection .details{min-width:100%;padding:20px}}@media (max-width: 1000px){.heroSection .container{flex-direction:column-reverse;position:relative;min-height:600px}.heroSection .container .title{z-index:1;text-align:center}.heroSection .container .title h1,.heroSection .container .title p{max-width:100%}.heroSection .container .image{position:absolute;top:0;left:0;opacity:.6;width:100%;height:100%}}@media (max-width: 950px){.heroSection .details{flex-wrap:wrap;gap:30px;justify-content:space-evenly}.heroSection .details .card{width:300px;flex:none}}@media (max-width: 670px){.heroSection .details .card{max-width:350px;min-width:350px}}@media (max-width: 400px){.heroSection .details .card{min-width:100%;max-width:100%}}.howitworks{color:#091235;background:#f1f3f6}.howitworks .container{max-width:1500px;min-width:1500px;display:flex;flex-direction:column;margin:0 auto;align-items:center;padding:50px 0;gap:50px}.howitworks .container h3{color:#091235}.howitworks .container .banner{display:flex;justify-content:space-between;gap:25px}.howitworks .container .banner .card{background:#fff;display:flex;text-align:center;flex-direction:column;align-items:center;flex:1;height:350px;padding:30px 50px;gap:12px;justify-content:center}.howitworks .container .banner .card:nth-child(2){background:#061e47;color:#fff}.howitworks .container .banner .card svg{font-size:30px;color:#091235}.howitworks .container .banner .card .white{font-size:30px;color:#fff}.howitworks .container .banner .card p:last-child{font-size:14px;color:gray}@media (max-width: 1520px){.howitworks .container{min-width:100%;padding:50px 20px}}@media (max-width: 850px){.howitworks .container .banner{flex-wrap:wrap;justify-content:center}.howitworks .container .banner .card{flex:none;width:400px;height:320px}}@media (max-width: 480px){.howitworks .container .banner .card{width:100%}}.jobs{background:#f1f3f6;padding:50px 20px;text-align:center}.jobs .container{display:flex;flex-direction:column;align-items:center;min-width:1500px;max-width:1500px;margin:0 auto;gap:35px}.jobs h3{color:#091235;margin-bottom:10px}.jobs .container .banner{display:flex;flex-wrap:wrap;width:100%;gap:30px;justify-content:center;padding:30px 0}.jobs .container .banner .card{background:#fff;text-decoration:none;width:320px;height:250px;padding:20px;display:flex;flex-direction:column;border-radius:10px;gap:10px;justify-content:center}.jobs .container .banner .card:hover{transition:all .3s;box-shadow:2px 10px 10px -1px #0000002b;-webkit-box-shadow:2px 10px 10px -1px rgba(0,0,0,.17);-moz-box-shadow:2px 10px 10px -1px rgba(0,0,0,.17)}.jobs .container .banner .card p:first-child{color:#091235;font-weight:700;font-size:1.6rem}.jobs .container .banner .card p:nth-child(2){font-size:1.3rem;color:gray}.jobs .container .banner .card p:last-child{font-size:1rem;color:gray}.jobs .container .banner .card a{text-decoration:none;padding:7px;font-size:20px;color:#2d5649;background:#e9f9ff;width:100%;display:block;text-align:center}@media (max-width: 1520px){.jobs .container{min-width:100%}}@media (max-width: 1060px){.jobs .container .banner .card{width:360px}}@media (max-width: 795px){.jobs .container .banner .card{width:100%}}.jobDetail{background:#f1f3f6;padding:50px;display:flex;flex-direction:column;align-items:center}.jobDetail .container{display:flex;flex-direction:column;gap:35px;box-shadow:20px 20px 50px 15px gray;border-radius:10px;padding:15px;align-items:center;margin:10px}.jobDetail h3{color:#091235;margin-bottom:15px}.jobDetail .container .banner{width:100%;display:flex;flex-direction:column;gap:25px}.jobDetail .container .banner .wrapper{display:flex;gap:1vw}.jobDetail .container .banner .wrapper input[type=checkbox]{width:15px;height:15px}.jobDetail .container .banner .wrapper input,.jobDetail .container .banner .wrapper select{flex:1;padding:0 10px 10px;font-size:medium;border:none;background:transparent;border-bottom:1px solid gray}.jobDetail .container .banner .wrapper label{color:#091235;font-weight:600}.jobDetail .container .banner .wrapper textarea{font-size:medium;padding:0 10px 10px;width:100%;background:transparent;border:none;border-bottom:1px solid gray}.jobDetail .container .banner input:focus,.jobDetail .container .banner .wrapper input:focus,.jobDetail .container .banner .wrapper select:focus,.jobDetail .container .banner textarea:focus{outline:none}.jobDetail .container .banner .wrapper .lbl1,.jobDetail .container .banner .wrapper .lbl2{display:flex;flex:1;justify-content:flex-start}.jobDetail .container .banner .wrapper .lbl1 label,.jobDetail .container .banner .wrapper .lbl2 label{margin-right:10px}.jobDetail .container .banner .wrapper .lbl1 input,.jobDetail .container .banner .wrapper .lbl2 input{margin-top:2px}.jobDetail .container .banner .btn{display:flex;align-items:center;justify-content:center;height:40px}.jobDetail .container .banner .btn .button-container button{font-size:30px;font-weight:600;align-items:center;color:#091235;border:none;background:none;cursor:pointer;transition:all .3s ease-in-out}.jobDetail .container .banner .btn .button-container{align-items:center;display:flex;justify-content:space-between;gap:50px}.jobDetail .container .banner .btn .button-container .edit_btn:hover,.jobDetail .container .banner .btn .button-container .check_btn:hover{color:green}.jobDetail .container .banner .btn .button-container .delete_btn:hover,.jobDetail .container .banner .btn .button-container .cross_btn:hover{color:#f83839}@media (max-width: 630px){.jobDetail .container{min-width:100%}.jobDetail .container .banner .wrapper{flex-direction:column;gap:20px}}.job_post{background:#f1f3f6;padding:50px;display:flex;flex-direction:column;align-items:center}.job_post .container{display:flex;flex-direction:column;gap:35px;box-shadow:20px 20px 50px 15px gray;border-radius:10px;padding:15px;align-items:center;margin:10px}.job_post h3{margin-bottom:15px;color:#091235}.job_post .container form{width:100%;display:flex;flex-direction:column;gap:25px}.job_post .container form .wrapper{display:flex;gap:1vw}.job_post .container form .wrapper input,.job_post .container form .wrapper select{flex:1;padding:0 10px 10px;font-size:medium;border:none;background:transparent;border-bottom:1px solid gray}.job_post .container form .wrapper label{color:#091235;font-weight:700}.job_post .container form input,.job_post .container form textarea{font-size:medium;padding:0 10px 10px;width:100%;background:transparent;border:none;border-bottom:1px solid gray}.job_post .container form input:focus,.job_post .container form .wrapper input:focus,.job_post .container form .wrapper select:focus,.job_post .container form textarea:focus{outline:none}.job_post .container form .wrapper .lbl1,.job_post .container form .wrapper .lbl2{display:flex;flex:1;justify-content:flex-start}.job_post .container form .wrapper .lbl1 label,.job_post .container form .wrapper .lbl2 label{margin-right:10px}.job_post .container form .wrapper .lbl1 input,.job_post .container form .wrapper .lbl2 input{margin-top:2px}.job_post .container form button{width:100%;background:#091235;font-size:large;padding:10px 30px;border:none;color:#fff;text-transform:uppercase;font-weight:600;letter-spacing:2px;cursor:pointer}.job_post .container form button:hover{color:#7fe5f0}@media (max-width: 630px){.job_post .container{min-width:100%}.job_post .container form .wrapper{flex-direction:column;gap:20px}}.myJobs{background:#f1f3f6;padding:50px 20px;min-height:870px}.myJobs .container{min-width:1500px;max-width:1500px;margin:0 auto;align-items:center;display:flex;flex-direction:column;gap:35px}.myJobs .container .banner{width:100%;display:flex;flex-wrap:wrap;gap:20px;flex-direction:column}.myJobs .container .banner .card{width:100%;display:flex;gap:20px;border-bottom:1px solid #18191c;padding:10px 0}.myJobs .container .banner .card .content{flex:3;display:flex;gap:20px}.myJobs .container .banner .card .content span{font-size:20px;margin-right:6px;font-weight:700}.myJobs .container .banner .card .content input,.myJobs .container .banner .card .content select{background:transparent;font-size:16px;border:none;color:#18191c;padding:7px 4px}.myJobs .container .banner .card .content input:enabled,.myJobs .container .banner .card .content select:enabled{border-bottom:1px solid gainsboro}.myJobs .container .banner .card .content input:disabled,.myJobs .container .banner .card .content select:disabled{color:gray}.myJobs .container .banner .card .content .short_fields{flex:1;display:flex;flex-direction:column;gap:20px}.myJobs .container .banner .card .content .long_field{flex:2;display:flex;flex-direction:column;gap:20px}.myJobs .container .banner .card .content .short_fields div,.myJobs .container .banner .card .content .long_field div{display:flex;flex-direction:column;gap:10px}.myJobs .container .banner .card .content .short_fields div div{display:flex;gap:12px;flex-direction:row}.myJobs .container .banner .card .content .long_field textarea{background:transparent;font-size:16px;color:#18191c;border:none;padding:7px 4px;height:fit-content}.myJobs .container .banner .card .content .long_field textarea:disabled{color:gray}.myJobs .container .banner .card .content .long_field textarea:enabled{border-bottom:1px solid gainsboro}.myJobs .container .banner .card .content .long_field textarea:focus,.myJobs .container .banner .card .content input:focus{outline:none}.myJobs .container .banner .card .button_wrapper{flex:1;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center}.myJobs .container .banner .card .button_wrapper .edit_btn,.myJobs .container .banner .card .button_wrapper .delete_btn{width:120px;color:#18191c;font-size:16px;font-weight:500;text-transform:uppercase;padding:7px;border:none;background:#ffc107}.myJobs .container .banner .card .button_wrapper .delete_btn{background:#d9534f;color:#f1f3f6}.myJobs .container .banner .card .button_wrapper .check_btn{background:transparent;color:#184235;border:1px solid #184235;border-radius:7px;width:50px;padding:8px;display:flex;justify-content:center;align-items:center;font-size:20px}.myJobs .container .banner .card .button_wrapper .check_btn:hover{transition:all .3s;background:#184235;color:#f1f3f6}.myJobs .container .banner .card .button_wrapper .cross_btn{background:transparent;color:#d9534f;border:1px solid #d9534f;border-radius:7px;width:50px;padding:8px;display:flex;justify-content:center;align-items:center;font-size:20px}.myJobs .container .banner .card .button_wrapper .cross_btn:hover{transition:all .3s;background:#d9534f;color:#f1f3f6}.myJobs .container .banner .card .button_wrapper .edit_btn_wrapper{gap:20px;display:flex}@media (max-width: 1520px){.myJobs .container{min-width:100%}}@media (max-width: 830px){.myJobs .container .banner .card,.myJobs .container .banner .card .content{flex-direction:column}.myJobs .container .banner .card .content .long_field,.myJobs .container .banner .card .content .short_fields,.myJobs .container .banner .card .content .short_fields div,.myJobs .container .banner .card .content .long_fields div{gap:8px}}nav{background:#091235;padding:0 50px}nav .container{max-width:1500px;min-width:1500px;margin:0 auto;display:flex;justify-content:space-between}nav .container .logo{width:240px;height:108px}nav .container .logo img{width:100%;height:100%}nav .menu{display:flex;gap:25px;align-items:center}nav .menu button{height:fit-content;padding:7px;border:1.5px solid #f1f3f6;color:#f1f3f6;background:transparent;font-size:20px;font-weight:300;border-radius:50px}nav .menu button:hover{color:#f83839;background:#091235;transition:all .3s;cursor:pointer;font-weight:700;border:1px solid #091235}nav .menu li a{color:#f1f3f6;text-decoration:none;font-weight:300;font-size:20px;position:relative}nav .menu li a:hover{color:#f1f3f6;font-weight:700;transition:all .3s}nav .menu li a:before{content:"";position:absolute;background:#f1f3f6;height:1px;width:100%;left:-100%;bottom:0;transition:all .3s}nav .menu li a:hover:before{transition:all .3s;left:0}nav .hamburger{display:none}@media (max-width: 1520px){nav .container{min-width:100%}}@media (max-width: 1130px){.page{padding-top:120px}nav{position:fixed;width:100%;left:0;top:0;z-index:10}nav .hamburger{display:block;font-size:35px;color:#f1f3f6}nav .container{align-items:center}.menu{position:fixed;top:120px;background:#f1f3f6;left:-100%;transition:all .3s;width:400px;flex-direction:column;height:100%;justify-content:center;gap:30px;align-items:flex-start;padding-left:25px}nav .show-menu{position:fixed;top:110px;background:#f1f3f6;transition:all .3s;left:0;width:400px;flex-direction:column;height:100%;justify-content:center;gap:30px;align-items:flex-start;padding-left:25px;box-shadow:9px 0 16px #000000bf;-webkit-box-shadow:9px 0px 16px 0px rgba(0,0,0,.75);-moz-box-shadow:9px 0px 16px 0px rgba(0,0,0,.75)}nav .show-menu li a{color:#091235;font-weight:500}nav .show-menu button{color:#091235;border:1px solid #091235;font-weight:700}nav .show-menu button:hover{background-color:#f1f3f6;color:red}}@media (max-width: 490px){nav .menu{width:100%}}.notfound{min-height:750px}.notfound .content{display:flex;flex-direction:column;align-items:center}.notfound .content a{font-size:20px;font-weight:500;padding:7px 30px;background:transparent;border:1px solid #184235;color:#184235;text-decoration:none}.notfound .content a:hover{background:#184235;transition:all .3s;color:#f1f3f6}.calendar{background:#f1f3f6;padding:50px 20px;text-align:center;width:100%;display:flex;justify-content:center}.calendar-container{margin-top:20px;width:80%}.fc-event{cursor:pointer}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-bottom:5px;margin-right:5px}.completed{background-color:green}.overdue{background-color:red}.incomplete{background-color:#00f}.jobs .options{display:flex;flex-direction:row;color:#091235;font-size:large;justify-content:center;margin-bottom:20px}.jobs .options .sort{margin-right:20px}.jobs .options .sort select{flex:1;margin-top:.375rem;font-size:medium;border:2px solid #091235;border-radius:4px;background:#e9f9ff;padding:10px;outline:none}.jobs .options .sort select option{background:#e9f9ff}.jobs .options .sort select:hover{border-color:#ccc}.jobs .options .filters{margin-top:.5rem}.jobs .options .filters label{align-items:center;margin-right:20px}.jobs .options .filters input[type=checkbox]{width:24px;height:24px;border:2px solid #ccc;border-radius:4px;background-color:#fff;margin-top:10px;cursor:pointer;margin-right:10px;outline:none}.user h2{margin:10px auto;text-align:center}.user-table{width:80%;margin:20px auto;border-collapse:collapse;border-radius:8px;overflow:hidden}.user-table th,.user-table td{padding:10px;text-align:left;border-bottom:1px solid #ccc}.user-table th{background-color:#091235;color:#fff}.user-table td{background-color:#f5f5f5}.user-table .th-details{width:120px}