.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:1rem;max-width:1280px;margin:auto}.navbar-container .logo{cursor:pointer}.navbar-container .navbar-buttons{gap:.5rem;display:flex;font-weight:700;align-items:center}.navbar-container .navbar-buttons :nth-child(1){color:#fff;background:#2194f2}.navbar-container .navbar-buttons button{border:none;cursor:pointer;border-radius:.8rem;padding:.8rem 1rem;transition:background-color .3s ease;font-size:.9em}.navbar-container .menuBtn{cursor:pointer}.navbar-container .authorized-user-section{gap:2rem;top:3.5rem;right:1rem;width:250px;background:#fff;align-items:center;position:absolute;border-radius:.5rem;box-shadow:0 .3rem 1rem #00000020;flex-direction:column-reverse;display:flex;max-height:0;overflow:hidden;transition:.5s ease}.navbar-container .authorized-user-section.active{max-height:308px;padding:2rem 0 4rem}.navbar-container .authorized-user-section .buttons{gap:1rem;display:flex;padding:1rem 0;align-items:center}.navbar-container .authorized-user-section ul{gap:1rem;display:flex;margin-right:1rem;align-items:center;flex-direction:column}.navbar-container .authorized-user-section ul li{color:#555;font-size:.95em;list-style:none;cursor:pointer}.navbar-container .authorized-user-section ul li a{color:#555;padding:.5rem;text-decoration:none;transition:.2s ease;font-weight:600}.navbar-container .authorized-user-section ul li a:hover,.navbar-container .authorized-user-section ul li a.active{color:#0286ec}.navbar-container .authorized-user-section svg{cursor:pointer}.content-container{max-width:1200px;margin:auto}.content-container .center{display:flex}@media (min-width: 900px){.navbar-container .menuBtn{display:none}.navbar-container .authorized-user-section{all:unset;display:flex;position:relative}.navbar-container .authorized-user-section.active{all:unset;display:flex;align-items:center}.navbar-container .authorized-user-section ul{display:flex;flex-direction:row}}.create-job-section{display:flex;flex-direction:column;padding:1rem;max-width:500px;margin:0 auto;min-height:100vh}.create-job-section h3{font-size:.95em;font-weight:500}.create-job-section .create-header h1{margin-bottom:1rem}.create-job-section .create-header p{color:#4a789c}.create-job-section .input-area{gap:.5rem;display:grid;margin-top:1rem}.create-job-section .input-area select{padding:1rem;color:#4a789c;font-size:1em;outline:none;background:#f7fafc;border-radius:.5rem;border:1px solid #cddfeb}.create-job-section .job-input{margin-top:4rem}.create-job-section .job-input .title{margin-bottom:2rem}.create-job-section .job-input .title ::placeholder{color:#4a789c}.create-job-section .job-input .title input[type=text]{width:100%;padding:1rem;font-size:1em;margin-top:.5rem;border-radius:.5rem;outline:none;background:#f7fafc;border:1px solid #cddfeb}.create-job-section .job-input .description{margin-top:2rem}.create-job-section .job-input .description ::placeholder{font-size:1.2em;color:#4a789c}.create-job-section .job-input .description textarea{resize:vertical;min-height:100px;max-height:200px;width:100%;padding:1rem;font-size:1em;margin-top:.5rem;border-radius:.5rem;outline:none;background:#f7fafc;border:1px solid #cddfeb}.create-job-section .job-input .payment{margin-top:2rem}.create-job-section .job-input .payment ::placeholder{color:#4a789c}.create-job-section .job-input .payment input{width:100%;padding:1rem;font-size:1em;margin-top:.5rem;border-radius:.5rem;outline:none;background:#f7fafc;border:1px solid #cddfeb}.create-job-section .job-input .start-date{margin-top:2rem}.create-job-section .job-input .start-date input{width:100%;padding:1rem;font-size:1em;margin-top:.5rem;border-radius:.5rem;outline:none;background:#f7fafc;border:1px solid #cddfeb}.create-job-section .job-input .start-date .start{display:flex;align-items:center;gap:1rem}.create-job-section .job-input .end-date{margin-top:2rem}.create-job-section .job-input .end-date input{width:100%;padding:1rem;font-size:1em;margin-top:.5rem;border-radius:.5rem;outline:none;background:#f7fafc;border:1px solid #cddfeb}.create-job-section .job-input .end-date .end{display:flex;align-items:center;gap:1rem}.create-job-section .job-input .duration{margin-top:2rem}.create-job-section .job-input .duration ::placeholder{color:#4a789c}.create-job-section .job-input .duration input{width:100%;padding:1rem;font-size:1em;margin-top:.5rem;border-radius:.5rem;outline:none;background:#f7fafc;border:1px solid #cddfeb}.create-job-section .job-input .location{margin-top:2rem}.create-job-section .job-input .location ::placeholder{color:#4a789c}.create-job-section .job-input .location select{border:1px solid #000;width:100%;padding:1rem;font-size:1em;margin-top:.5rem;border-radius:.5rem;outline:none;background:#f7fafc;border:1px solid #cddfeb}.create-job-section .job-input .post-job{margin-top:2rem}.create-job-section .job-input .post-job button{width:100%;padding:1rem 2rem;background-color:#0286ec;color:#fff;border:none;border-radius:.5rem;cursor:pointer}.chat{display:flex;gap:1rem;padding:.5rem;max-width:1250px;margin:auto;margin-top:5rem}.chat-left-section{display:none}.chat-left-section .chat-icon{cursor:pointer;margin-bottom:4rem}.chat-left-section:hover{width:20%}.chat-left-section .chat-contacts{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:1rem;border:1px solid rgba(12,141,233,.3568627451);margin-bottom:1rem;cursor:pointer}.chat-left-section .chat-contacts .user{font-size:1.2em}.chat-left-section .chat-contacts .chat-profile{width:4rem;height:4rem;border-radius:50%;background-size:cover;background-position:center;background-image:url(/profile.jpg)}.chat-right-section{width:80%;border-radius:.5rem}.chat-right-section .chat-right-contacts{display:flex;align-items:center;gap:1rem;border:1px solid rgba(12,141,233,.3568627451);padding:2rem 1rem;border-radius:1rem}.chat-right-section .chat-right-contacts .chat-right-profile{width:4rem;height:4rem;border-radius:50%;background-size:cover;background-position:center;background-image:url(/profile.jpg)}.chat-right-section .user2{display:flex;align-items:center;padding:1rem;gap:1rem;margin-top:2rem}.chat-right-section .user2 .user2-profile{width:2rem;height:2rem;background:#00f;border-radius:50%}.chat-right-section .user2 .user2-info{display:flex;flex-direction:column;gap:1rem;border-radius:.5rem}.chat-right-section .user2 .user2-info .user2-message{padding:1rem 2rem;border-radius:1rem;border:1px solid rgba(10,141,234,.6549019608)}.chat-right-section .user2 .user2-info .user2-message p{font-weight:600;color:#444}.chat-right-section .user2 .user2-info h3{font-weight:600}.chat-right-section .user1{display:flex;flex-direction:row-reverse;align-items:center;padding:1rem;gap:2rem;margin-top:2rem}.chat-right-section .user1 .user1-profile{width:2rem;height:2rem;border-radius:50%;background-size:cover;background-position:center;background-image:url(/profile.jpg)}.chat-right-section .user1 .user1-info{display:flex;position:relative;flex-direction:column;gap:.5rem;border-radius:.5rem}.chat-right-section .user1 .user1-info h3{position:absolute;bottom:-30px;right:0}.chat-right-section .user1 .user1-info .user1-message{padding:1rem 2rem;border-radius:1rem;border:1px solid rgba(10,141,234,.6549019608)}.chat-right-section .user1 .user1-info h3{font-weight:600}.chat-right-input{display:flex;justify-content:space-between;align-items:center;gap:1rem;border:1px solid rgba(12,141,233,.3568627451);padding:1rem;border-radius:1rem;position:absolute;bottom:0;width:70%}.chat-right-input input{width:80%;padding:.5rem;border:none;border-radius:1rem;font-size:1.2em;outline:none}@media (min-width: 768px){.chat-left-section{display:flex;flex-direction:column;align-items:center;width:25%;height:80vh;border:1px solid rgba(12,141,233,.3568627451);padding:1rem;border-radius:1rem;background:#f7f7f97b;transition:width .3s ease-in-out}.chat-left-section .chat-icon{cursor:pointer;margin-bottom:4rem}.chat-left-section:hover{width:30%}.chat-left-section .chat-contacts{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:1rem;border:1px solid rgba(12,141,233,.3568627451);margin-bottom:1rem;cursor:pointer}.chat-left-section .chat-contacts .user{font-size:1.2em}.chat-left-section .chat-contacts .chat-profile{width:4rem;height:4rem;border-radius:50%;background-size:cover;background-position:center;background-image:url(/profile.jpg)}}#otp-form-view{display:flex;align-items:center;justify-content:center;margin-top:4rem}#otp-form-view .form-container{gap:1rem;width:100%;display:grid;padding:1rem;max-width:500px}#otp-form-view .form-container .form-header{gap:.5rem;display:grid;margin-bottom:1rem}#otp-form-view .form-container .form-header h1{font-size:1.8em}#otp-form-view .form-container .form-header .info{color:#2194f2}#otp-form-view .form-container .otp-input-area{gap:1rem;display:flex;align-items:center}#otp-form-view .form-container .otp-input-area .input-group{gap:.5rem;display:grid;margin-top:1rem;text-align:center;grid-template-columns:60px 1fr}#otp-form-view .form-container .otp-input-area .input-area{gap:.5rem;display:grid}#otp-form-view .form-container .otp-input-area .input-area input{border:none;outline:none;font-size:1em;padding:1rem .5rem;margin-bottom:1rem;border-bottom:1px solid #ddd}#otp-form-view .form-container .otp-input-area .input-area input:focus{border-bottom:1px solid #2194F2}#otp-form-view .form-container .otp-input-area button{all:unset;gap:.5rem;display:flex;cursor:pointer;color:#2194f2;align-items:center;white-space:nowrap}#otp-form-view .form-container button{all:unset;color:#000;cursor:pointer;font-size:.9em;width:fit-content;white-space:nowrap;border-radius:.5rem;padding:1rem 1.5rem;border:1px solid #ddd}.add_skill{border:2px dashed rgba(119,119,119,.4666666667);display:flex;cursor:pointer;justify-content:center;align-items:center;width:80px;height:53px;border-radius:10px}.add_skill img{width:25px}.create_skill{position:fixed;bottom:0;right:0;left:0;top:0;background-color:#3936361a;display:flex;justify-content:center;align-items:center}.create_skill .input{position:relative;padding:24px 10px 10px;background-color:#fff;border-radius:5px;height:100px;display:flex;justify-content:center;align-items:center;gap:10px}.create_skill .input input{padding:.5rem;border-radius:.5rem;background-color:#f6f6f6;border:1px solid #eee;outline:none}.create_skill .input button{padding:.5rem 1rem;border:none;background-color:#4caf50;color:#fff;border-radius:.5rem;cursor:pointer}.create_skill .input img{width:17px;position:absolute;right:10px;cursor:pointer;top:10px}textarea{padding:1rem;border:1px solid rgba(119,119,119,.4666666667);border-radius:.5rem;overflow-y:auto;outline:none}.header-bar .save{background-color:#4caf50!important;padding:.4rem 1rem;border-radius:.4rem;color:#fff}#form-view{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}#form-view .form-container{gap:1rem;width:100%;display:grid;padding:1rem;max-width:500px}#form-view .form-container .form-header{gap:.5rem;display:grid;margin-bottom:1rem}#form-view .form-container .form-header h1{font-size:1.8em}#form-view .form-container .form-header .info{color:#2194f2}#form-view .form-container .disclaimer{padding:1rem;border-radius:.5rem;background:#f2f2f2}#form-view .form-container .form-view{gap:1rem;display:grid}#form-view .form-container .form{gap:1rem;display:grid;border-radius:.5rem;padding:min(5rem,8%);border:1px solid #ddd}#form-view .form-container .form .form-head h3{margin-bottom:.5rem}#form-view .form-container .form .input-area{display:grid}#form-view .form-container .form .input-area label{font-size:.95em}#form-view .form-container .form .input-area label span{color:#ff0053}#form-view .form-container .form .input-area input,#form-view .form-container .form .input-area select{border:none;outline:none;padding:1rem 0;font-size:1em;background:none;border-bottom:1px solid #ddd}#form-view .form-container .form .input-area .input-group{gap:1rem;display:grid;grid-template-columns:50px 1fr}#form-view .form-container .form .input-area .input-group input:nth-child(1){color:#999;text-align:center;pointer-events:none}#form-view .form-container .form .input-group{gap:1rem;display:grid}#form-view .form-container .form .inputs{gap:1rem;display:grid;grid-template-columns:3rem 1fr}#form-view .form-container .form .inputs input:nth-child(1){color:#999;pointer-events:none;text-align:center}#form-view .form-container .form .inputs input:nth-child(2)[type=number]::-webkit-outer-spin-button,#form-view .form-container .form .inputs input:nth-child(2)[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#form-view .form-container .form .inputs input:nth-child(2)[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}#form-view .form-container button{border:none;color:#fff;padding:1rem;max-width:8rem;cursor:pointer;font-size:.95em;border-radius:.4rem;background:#2194f2}#form-view .form-container .skill-area .skill-grid{gap:.5rem;display:flex;flex-wrap:wrap;margin-top:1rem}#form-view .form-container .skill-area .skill-grid .skill{padding:1rem;cursor:pointer;font-size:.9em;width:fit-content;border-radius:.8rem 1rem;background:#e8edf5}#form-view .form-container .skill-area .skill-grid .skill:hover{background:#d3e3fc}#form-view .form-container .skill-area .skill-grid .skill.active{background:#2194f2;color:#fff}#form-view .form-container .password-area{gap:1rem;display:grid}#form-view .form-container .password-area .input-area{display:grid}#form-view .form-container .password-area .input-area label{font-size:.95em}#form-view .form-container .password-area .input-area input{border:none;outline:none;padding:1rem 0;font-size:1em;background:none;border-bottom:1px solid #ddd}.job-postings-page .job-postings-content{gap:1rem;padding:1rem;margin:0 auto;display:grid;max-width:1280px}.job-postings-page .job-postings-content h1{font-size:1.3rem}.job-postings-page .job-postings-content .job-list{gap:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.job-postings-page .job-postings-content .job-list .job-post{padding:1.5rem;border-radius:1rem;border:1px solid #ccc}.job-postings-page .job-postings-content .job-list .job-post .top-bar{display:flex;justify-content:flex-end}.job-postings-page .job-postings-content .job-list .job-post .top-bar button{display:flex;cursor:pointer;padding:.3rem;background:none;align-items:center;border-radius:.5rem;border:1px solid #ccc;justify-content:center}.job-postings-page .job-postings-content .job-list .job-post h2{font-size:1.2rem}.job-postings-page .job-postings-content .job-list .job-post p{color:#555;-webkit-hyphens:auto;hyphens:auto;margin:.5rem 0}.job-postings-page .job-postings-content .job-list .job-post h3{font-size:.9rem}.verifications-page{padding:1rem}.verifications-page .page-content{gap:1rem;margin:0 auto;max-width:1280px;display:grid}.verifications-page .page-content h1{font-size:1.3rem}.verifications-page .user-list{gap:.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.verifications-page .user-list .user{gap:.5rem;display:grid;padding:1rem;align-items:center;border:1px solid #ccc;border-radius:.5rem}.verifications-page .user-list .user .id{color:#999;font-weight:500;font-size:.85rem}.verifications-page .user-list .user .profile{gap:1rem;display:flex;align-items:center}.verifications-page .user-list .user .profile .image{width:3rem;height:3rem;background:#ff0053;border-radius:50%}.verifications-page .user-list .menuBtn{display:none}.verifications-page .user-list .menu{display:flex;margin-top:1rem;align-items:center;justify-content:space-between}.verifications-page .user-list .menu ul{gap:1rem;display:flex;align-items:center}.verifications-page .user-list .menu ul li{list-style:none;font-size:.9rem;cursor:pointer;padding:.5rem 1rem;border-radius:.5rem}.verifications-page .user-list .menu ul li:nth-child(1){color:#fff;background:#0286ec}.verifications-page .user-list .menu ul li:nth-child(2){background:#f2f2f2}.verifications-page .user-list .menu .status{color:#0371c7;padding:.5rem 1rem;border-radius:10rem;background:#a6f8fd90}.verifications-page .user-review{width:100%;padding:2rem;max-width:500px;background:#fff;border-radius:1.5rem}.verifications-page .user-review .header{display:flex;align-items:center;margin-bottom:2rem;justify-content:space-between}.verifications-page .user-review .header svg{cursor:pointer}.verifications-page .user-review .form{gap:1rem;display:grid}.verifications-page .user-review .display-area p{color:#555}.verifications-page .user-review .display-area h3{font-size:1rem;font-weight:600;padding:1rem .5rem;border-bottom:1px solid #ccc}.verifications-page .user-review .display-group{display:grid;gap:1rem 2rem;grid-template-columns:repeat(2,1fr)}.verifications-page .user-review button{color:#fff;border:none;cursor:pointer;font-size:1rem;width:fit-content;background:#0286ec;padding:.8rem 1.5rem;border-radius:.5rem}.user_management_page{height:100vh;display:flex;position:relative;width:100%;overflow-y:auto;padding:1rem;flex-direction:column}.user_management_page .top-bar{gap:1rem;width:100%;display:grid;margin:0 auto;max-width:1280px}.user_management_page .top-bar h1{font-size:1.5em}.user_management_page .top-bar .buttons{gap:.5rem;display:flex;align-items:center}.user_management_page .top-bar .buttons button{border:none;cursor:pointer;background:#f2f2f2;padding:.6rem 1rem;border-radius:.5rem}.user_management_page .top-bar .buttons button.active{color:#fff;background:#0286ec}.user-list-container{height:100%;width:100%;display:flex;margin:0 auto;max-width:1280px;flex-direction:column;justify-content:space-between}.user-list-container .createBtn{right:2rem;bottom:2rem;color:#fff;padding:1rem;border:none;font-size:1rem;cursor:pointer;border-radius:.4rem;background:#0286ec;position:absolute}.user-list-container .list-container{gap:1rem;width:100%;display:grid;margin:2rem auto;max-width:1280px}.user-list-container .list-container .user{display:flex;position:relative;align-items:center;justify-content:space-between}.user-list-container .list-container .user h3{font-size:1em}.user-list-container .list-container .user .id{max-width:150px;overflow:hidden;text-overflow:ellipsis}.user-list-container .list-container .user .profile{gap:.5rem;display:flex;align-items:center}.user-list-container .list-container .user .profile .image{width:2rem;height:2rem;border-radius:50%;background-color:#f2f2f2;background-size:cover;background-position:center}.user-list-container .list-container .user .action .menuBtn{display:flex;padding:.5rem;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:.5rem;cursor:pointer}.user-list-container .list-container .user .action svg{color:#555}.user-list-container .list-container .user .menu{right:0;top:3rem;padding:.5rem;background:#fff;position:absolute;border-radius:.5rem;box-shadow:.3rem .3rem 1rem #ddd;z-index:10}.user-list-container .list-container .user .menu li{cursor:pointer;list-style:none;padding:.5rem 1rem;border-radius:.4rem}.user-list-container .list-container .user .menu li:hover{background:#eee}.user-list-container .list-container .user .css-1rxxzfv-MuiBackdrop-root{z-index:999999;overflow-y:scroll}.user-list-container .list-container .user .user-review{width:100%;padding:2rem;max-width:500px;background:#fff;border-radius:1.5rem}.user-list-container .list-container .user .user-review .header{display:flex;align-items:center;margin-bottom:2rem;justify-content:space-between}.user-list-container .list-container .user .user-review .header svg{cursor:pointer}.user-list-container .list-container .user .user-review .form{gap:1rem;display:grid}.user-list-container .list-container .user .user-review .display-area p{color:#555}.user-list-container .list-container .user .user-review .display-area h3{font-size:1rem;font-weight:600;padding:1rem .5rem;border-bottom:1px solid #ccc}.user-list-container .list-container .user .user-review .display-group{display:grid;gap:1rem 2rem;grid-template-columns:repeat(2,1fr)}.user-list-container .list-container .user .user-review button{color:#fff;border:none;cursor:pointer;font-size:1rem;width:fit-content;background:#0286ec;padding:.8rem 1.5rem;border-radius:.5rem}.add-user-form{width:100%;padding:1.5rem;max-width:500px;gap:2rem;align-items:center;justify-content:center;flex-direction:column}.add-user-form svg{cursor:pointer}.add-user-form section{gap:1.5rem;display:grid;margin-bottom:2rem}.add-user-form .form{gap:1rem;display:grid}.add-user-form .form .input-area{display:grid;min-width:150px}.add-user-form .form .input-area input,.add-user-form .form .input-area select{padding:1rem;font-size:1rem;border:none;outline:none;background:none;border-bottom:1px solid #ccc}.add-user-form .form .phone-area{padding:1rem;border:1px solid #ccc;position:relative;overflow:hidden}.add-user-form .form .phone-area .input-area{width:100%;display:flex;flex-direction:column}.add-user-form .form .phone-area .inputs{gap:.5rem;display:grid;grid-template-columns:90px 1fr}.add-user-form .form .phone-area .inputs input{width:100%;border:none;outline:none;border-bottom:1px solid #ccc}.add-user-form .form .phone-area .inputs input:nth-child(1){color:#777;text-align:center}.add-user-form .form .input-group{gap:1rem;display:flex;flex-wrap:wrap}.add-user-form .form button{color:#fff;border:none;cursor:pointer;width:fit-content;background:#0286ec;border-radius:.5rem;padding:1rem 1.5rem}@font-face{font-family:poppins-regular;src:url(/assets/fonts/Poppins-Regular.ttf)}@font-face{font-family:poppins-bold;src:url(/assets/fonts/Poppins-Bold.ttf)}*{margin:0;padding:0;box-sizing:border-box;font-family:poppins-regular,sans-serif}body{height:100vh}.hero-container{display:flex;align-items:center;flex-direction:column}.hero-container .contents{gap:2rem;margin:2rem 0;display:flex;max-width:511px;align-items:center;flex-direction:column}.hero-container .contents .right-content{gap:1rem;display:grid;padding:min(5rem,8%)}.hero-container .contents .right-content h1{max-width:400px;font-size:clamp(2rem,5vw,2rem)}.hero-container .contents .right-content h2{font-size:clamp(1.2rem,5vw,1.5rem)}.hero-container .contents .right-content p{color:#555;-webkit-hyphens:auto;hyphens:auto;margin:1rem 0}.hero-container .contents .right-content .buttons{gap:1rem;display:flex}.hero-container .contents .right-content .buttons button{color:#fff;border:none;font-size:1em;cursor:pointer;padding:1rem 1.5rem;border-radius:.4rem;background:none}.hero-container .contents .right-content .buttons button:nth-child(1){background:#0286ec}.hero-container .contents .right-content .buttons button:nth-child(2){color:#000;background:#f2f2f2}.hero-container .contents .left-content img{width:100%;max-width:450px}.box-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1rem;padding:1rem}.box-section .box-container{padding:1rem 2rem;border-radius:.5rem;border:1px solid #ccc}.box-section .box-container h3{font-size:1.3rem;margin:.5rem 0}.box-section .box-container p{color:#555;-webkit-hyphens:auto;hyphens:auto}@media (min-width: 800px){.hero-container .contents{display:grid;max-width:1280px;grid-template-columns:1fr 1fr}}.users-dashboard .top-bar{gap:1rem;display:flex;padding:1rem;margin:0 auto;max-width:900px;align-items:center}.users-dashboard .top-bar button{border:none;padding:1rem;cursor:pointer;font-size:1rem;background:none}.users-dashboard .top-bar button.active{color:#0286ec;font-weight:600;border-bottom:.2rem solid #0286EC}.users-dashboard .user-info-container{padding:1.5rem;max-width:900px;margin:0 auto}.users-dashboard .user-info-container section:nth-child(1){gap:1rem;display:grid;margin-bottom:2rem}.users-dashboard .user-info-container section:nth-child(1) .profile-image{width:8rem;height:8rem;border-radius:50%;background-size:cover;background-position:center;background-image:url(/profile.jpg)}.users-dashboard .user-info-container section:nth-child(1) .user-info h4{color:#999;font-weight:500}.users-dashboard .user-info-container section:nth-child(1) .user-info .reports{gap:1rem;display:flex;margin:1rem 0;align-items:center}.users-dashboard .user-info-container section:nth-child(1) .user-info .reports h3{gap:.5rem;display:flex;font-size:1em;align-items:center}.users-dashboard .user-info-container section:nth-child(1) .user-info .reports h3:nth-child(1) svg{color:#0286ec}.users-dashboard .user-info-container section:nth-child(1) .user-info .reports h3:nth-child(2) svg{color:#0f0}.users-dashboard .user-info-container section:nth-child(1) .user-info .buttons{gap:.5rem;display:flex;align-items:center}.users-dashboard .user-info-container section:nth-child(1) .user-info .buttons button{border:none;cursor:pointer;padding:.7rem 1rem;border-radius:.5rem}.users-dashboard .user-info-container section:nth-child(1) .user-info .buttons button:nth-child(1){color:#fff;background:#0286ec}.users-dashboard .user-info-container section:nth-child(2){gap:2rem;display:grid}.users-dashboard .user-info-container section:nth-child(2) .section{gap:1rem;display:grid}.users-dashboard .user-info-container section:nth-child(2) .about-section{padding:1rem;border:1px solid #ddd}.users-dashboard .user-info-container section:nth-child(2) .about-section .about-writer{gap:1rem;width:100%;padding:2rem;display:grid;background:#fff;max-width:500px;border-radius:1rem}.users-dashboard .user-info-container section:nth-child(2) .about-section .about-writer .head{display:flex;justify-content:flex-end}.users-dashboard .user-info-container section:nth-child(2) .about-section .about-writer .head svg{cursor:pointer}.users-dashboard .user-info-container section:nth-child(2) .about-section .about-writer textarea{padding:1rem;font-size:1rem;min-height:100px;max-height:150px;resize:vertical;outline:none;border-radius:1rem;border:1px solid #ddd}.users-dashboard .user-info-container section:nth-child(2) .about-section .about-writer button{color:#fff;border:none;font-size:1rem;cursor:pointer;width:fit-content;background:#0286ec;padding:1rem 1.5rem;border-radius:.5rem}.users-dashboard .user-info-container section:nth-child(2) .about-section .header-bar{display:flex;padding:0 0 1rem;align-items:center;justify-content:space-between!important;border-bottom:1px solid #ddd}.users-dashboard .user-info-container section:nth-child(2) .about-section .header-bar h1{font-size:1.3em}.users-dashboard .user-info-container section:nth-child(2) .about-section .header-bar button{gap:.5rem;display:flex;font-size:1em;background:none;border:none;cursor:pointer;justify-content:center}.users-dashboard .user-info-container section:nth-child(2) .about-section p{color:#555}.users-dashboard .user-info-container section:nth-child(2) .skill-section .skill-grid{gap:.5rem;display:flex}.users-dashboard .user-info-container section:nth-child(2) .skill-section .skill-grid p{padding:1rem;font-size:.9em;border-radius:1rem;background:#f0f2f5}.users-dashboard .user-info-container section:nth-child(2) .work-history-section .work-history-grid{gap:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.users-dashboard .user-info-container section:nth-child(2) .work-history-section .work-history-grid .work-history-skeleton{height:190px;display:flex;align-items:center;border:1px solid #ddd;justify-content:center;flex-direction:column;border-radius:.5rem}.users-dashboard .user-info-container section:nth-child(2) .work-history-section .work-history-grid .work-history-skeleton p{color:#555;margin:1rem 0;font-size:.9em;max-width:300px;text-align:center}.users-dashboard .user-info-container section:nth-child(2) .work-history-section .work-history-grid .work-history-skeleton button{border:none;padding:1rem;cursor:pointer;border-radius:.5rem}.users-dashboard .user-info-container section:nth-child(2) .work-history-section .work-history-grid .work-history{gap:.5rem;padding:1rem;display:grid;border-radius:.5rem;border:1px solid #ddd}.users-dashboard .user-info-container section:nth-child(2) .work-history-section .work-history-grid .work-history h4{color:#999;font-weight:500}.users-dashboard .user-info-container section:nth-child(2) .work-history-section .work-history-grid .work-history h1{font-size:clamp(1.1em,5vw,1.3em)}.users-dashboard .user-info-container section:nth-child(2) .work-history-section .work-history-grid .work-history p{color:#555;margin:.5rem 0}.users-dashboard .user-info-container section:nth-child(2) .work-history-section .work-history-grid .work-history button{border:none;cursor:pointer;width:fit-content;border-radius:.5rem;padding:.7rem 1rem}.users-dashboard .user-info-container section:nth-child(2) .testimonial-section .testimonial-grid{gap:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.users-dashboard .user-info-container section:nth-child(2) .testimonial-section .testimonial-grid .testimony-skeleton{height:190px;display:flex;align-items:center;border:1px solid #ddd;justify-content:center;flex-direction:column;border-radius:.5rem}.users-dashboard .user-info-container section:nth-child(2) .testimonial-section .testimonial-grid .testimony-skeleton p{color:#555;margin:1rem 0;font-size:.9em;max-width:300px;text-align:center}.users-dashboard .user-info-container section:nth-child(2) .testimonial-section .testimonial-grid .testimony-skeleton button{border:none;cursor:pointer;width:fit-content;border-radius:.5rem;padding:.7rem 1rem}.users-dashboard .user-info-container section:nth-child(2) .testimonial-section .testimonial-grid .testimony{padding:1.5rem;border-radius:1rem;box-shadow:0 .3rem 1rem #eee}.users-dashboard .user-info-container section:nth-child(2) .testimonial-section .testimonial-grid .testimony svg{color:#999}.users-dashboard .user-info-container section:nth-child(2) .testimonial-section .testimonial-grid .testimony p{color:#555;margin:1rem 0}.users-dashboard .user-info-container .review-section .nav-bar{display:flex;align-items:center;justify-content:space-between}.users-dashboard .user-info-container .review-section .nav-bar button{border:none;font-size:.9em;cursor:pointer;border-radius:.5rem;padding:.8rem 1.3rem}.users-dashboard .user-info-container .review-section .review-list{gap:2rem;display:grid;margin-top:2rem}.users-dashboard .user-info-container .review-section .review{gap:1rem;display:flex}.users-dashboard .user-info-container .review-section .review .profile{height:3rem;min-width:3rem;border-radius:50%;background:#ff0053}.users-dashboard .user-info-container .review-section .review .info h5{color:#555;font-size:1.1em;font-weight:500}.users-dashboard .user-info-container .review-section .review .info p{color:#555;margin-top:1rem}.users-dashboard .user-info-container .review-section .review-input-box{gap:.5rem;width:100%;padding:2rem;display:grid;max-width:500px;background:#fff;border-radius:1rem}.users-dashboard .user-info-container .review-section .review-input-box .head{display:flex;justify-content:flex-end}.users-dashboard .user-info-container .review-section .review-input-box .head svg{width:1.6rem;height:1.6rem;cursor:pointer}.users-dashboard .user-info-container .review-section .review-input-box textarea{padding:1rem;height:150px;outline:none;font-size:1rem;resize:vertical;max-height:200px;min-height:100px;border-radius:.7rem;border:1px solid #ddd}.users-dashboard .user-info-container .review-section .review-input-box button{color:#fff;border:none;font-size:1em;width:fit-content;background:#0286ec;padding:1rem 1.5rem;border-radius:.5rem}.gallery-history{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.gallery-history img{width:100%}.add_image{margin:20px 0}.add_image input{width:89px;overflow:hidden}.add_image label{background-color:#4caf50;cursor:pointer;padding:3px 10px;border-radius:5px}.dashboard-view{padding:1rem}.dashboard-view .dashboard{gap:1rem;margin:auto;display:grid;max-width:1280px}.dashboard-view .dashboard h2{font-size:1.3em}.dashboard-view .dashboard .dash-reports{gap:.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dashboard-view .dashboard .dash-reports .report{padding:1.5rem;border-radius:1rem;background-color:#fff}.dashboard-view .dashboard .dash-reports .report h1{margin-top:1rem}#admin-dashboard{height:100vh;background:#f9f9f9}#admin-dashboard .sidebar{left:-20rem;width:100%;height:100%;padding:1rem;display:flex;max-width:250px;background:#fff;position:absolute;transition:.5s ease;flex-direction:column;justify-content:space-between}#admin-dashboard .sidebar.active{left:0}#admin-dashboard .sidebar .head{display:flex;padding:0 0 1rem;align-items:center;justify-content:space-between}#admin-dashboard .sidebar .user-info{gap:1rem;display:flex;padding:.5rem;border-radius:1rem;align-items:center;margin-bottom:1rem;background-color:#f2f2f2}#admin-dashboard .sidebar .user-info .cover{width:3rem;aspect-ratio:1/1;border-radius:.5rem;background:#ff0053}#admin-dashboard .sidebar .user-info .info h1{font-size:1em}#admin-dashboard .sidebar .user-info .info p{font-size:.9em}#admin-dashboard .sidebar .links{gap:.5rem;display:grid}#admin-dashboard .sidebar .links a,#admin-dashboard .sidebar .links .link{color:#000;padding:1rem;cursor:pointer;border-radius:.5rem;text-decoration:none}#admin-dashboard .sidebar .links a.active,#admin-dashboard .sidebar .links .link.active{color:#fff;background:#000}#admin-dashboard .main{width:100%}#admin-dashboard .main .navbar{display:flex;padding:1rem;align-items:center;justify-content:space-between}#admin-dashboard .main .navbar h1{font-size:1.5em}#admin-dashboard .main .navbar svg{width:2rem;height:2rem;cursor:pointer}#admin-dashboard .main .main-content{overflow-y:auto}@media (min-width: 700px){#admin-dashboard{display:flex}#admin-dashboard .sidebar{left:0;position:relative}#admin-dashboard .sidebar .head svg{display:none}#admin-dashboard .main .navbar{display:none}}.workers-page .workers-page-content{max-width:800px;margin:2rem auto}.workers-page .top-bar{gap:1rem;display:grid;padding:0 1rem}.workers-page .top-bar h1{font-size:clamp(2rem,5vw,2.5rem)}.workers-page .top-bar p{color:#555}.workers-page .top-bar .input-area input{width:100%;outline:none;padding:1rem;font-size:1em;border-radius:.5rem;border:1px solid #999}.workers-page .top-bar .tags{gap:.5rem;display:flex;overflow:hidden;align-items:center}.workers-page .top-bar .tags button{border:none;padding:.8rem;border-radius:.7rem;white-space:nowrap}.workers-page .top-bar .tags button:nth-child(1){color:#fff;background:#0286ec}.workers-page .workers-list{gap:1rem;display:grid;padding:1rem}.workers-page .workers-list .worker{gap:1rem;display:flex;align-items:center}.workers-page .workers-list .worker .profile{width:6rem;height:6rem;border-radius:50%;background-color:#f2f2f2}.workers-page .workers-list .worker .content{gap:.5rem;height:100%;display:flex;padding:1rem 0;flex-direction:column;justify-content:space-between}.workers-page .workers-list .worker .content h1{font-size:clamp(1em,5vw,1.2em)}.workers-page .workers-list .worker .content p{color:#999;font-size:.9em}.workers-page .workers-list .worker .content button{border:none;color:#fff;padding:.7rem;cursor:pointer;width:fit-content;border-radius:.5rem;background:#0286ec}.jobs-page .jobs-page-content{max-width:800px;margin:2rem auto}.jobs-page .top-bar{gap:1rem;display:grid;padding:0 1rem}.jobs-page .top-bar h1{font-size:clamp(2rem,5vw,2.5rem)}.jobs-page .top-bar p{color:#555}.jobs-page .top-bar .input-area input{width:100%;outline:none;padding:1rem;font-size:1em;border-radius:.5rem;border:1px solid #999}.jobs-page .top-bar .tags{gap:.5rem;display:flex;overflow:hidden;align-items:center}.jobs-page .top-bar .tags button{border:none;padding:.8rem;cursor:pointer;border-radius:.7rem;white-space:nowrap}.jobs-page .top-bar .tags button.active{color:#fff;background:#0286ec}.jobs-page .jobs-list{gap:1rem;padding:1rem;display:grid}.jobs-page .jobs-list .job{display:flex;padding:1rem;cursor:pointer;border-radius:.5rem;border:1px solid #ddd}.jobs-page .jobs-list .job .content h4{color:#999;font-weight:500;font-size:.95em;text-transform:capitalize}.jobs-page .jobs-list .job .content h1{margin:.3rem 0;font-size:clamp(1.2em,5vw,1.5em)}.jobs-page .jobs-list .job .content h3{font-weight:500}.jobs-page .jobs-list .job .content p{color:#0286ec}.jobs-page .jobs-list .job .content .footer{gap:1rem;display:flex;margin-top:1rem;align-items:center}.jobs-page .jobs-list .job .content .footer h5{font-size:1em}.jobs-page .jobs-list .job .content button{border:none;cursor:pointer;padding:.7rem 1rem;border-radius:.5rem}.notification-page .notification-container{padding:1rem;margin:0 auto;max-width:1280px}.notification-page .notification-container .notifications{gap:.5rem;display:grid;cursor:pointer}.notification-page .notification-container .notifications .notification{gap:1rem;display:flex;padding:1rem 0;align-items:center;border-bottom:1px solid #ddd}.notification-page .notification-container .notifications .notification .profile{width:3.5rem;height:3.5rem;border-radius:50%;background:#ff0053}.notification-page .notification-container .notifications .notification .info h2{font-size:1.3em}.notification-page .notification-container .notifications .notification .info p{color:#555}.job-details-page .job-details-content{margin:0 auto;max-width:900px}.job-details-page .job-details-content .top-bar{gap:1rem;display:grid;margin:1rem 0}.job-details-page .job-details-content .top-bar p{color:#555;max-width:600px}.job-details-page .job-details-content .nav-bar{gap:.5rem;display:flex;margin:2rem 0;align-items:center}.job-details-page .job-details-content .nav-bar button{border:none;cursor:pointer;font-size:1rem;padding:.8rem 1rem;background:#f2f2f2;border-radius:.4rem}.job-details-page .job-details-content .nav-bar button.active{color:#fff;background:#0286ec}.job-details-page .job-details-content .about-section h1{font-size:1.8em;margin:2rem 0 1rem}.job-details-page .job-details-content .about-section .description{gap:.5rem;display:grid}.job-details-page .job-details-content .about-section .description h2{font-size:1.3em}.job-details-page .job-details-content .about-section .job-details{display:grid;gap:1rem 2rem;margin:2rem 0;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.job-details-page .job-details-content .about-section .job-details .detail{padding:1rem;border-bottom:1px solid #ddd}.job-details-page .job-details-content .about-section button{border:none;color:#fff;cursor:pointer;font-size:1em;margin-top:2rem;background:#0286ec;padding:1rem 1.5rem;border-radius:.6rem}.job-details-page .job-details-content .about-section button.pending{color:#555;background:#f2f2f2}.job-details-page .job-details-content .applicant-section .users{gap:1rem;display:grid}.job-details-page .job-details-content .applicant-section .user{display:flex;max-width:600px;align-items:center;justify-content:space-between}.job-details-page .job-details-content .applicant-section .user .profile{gap:.5rem;display:flex;align-items:center}.job-details-page .job-details-content .applicant-section .user .profile .cover{width:3rem;height:3rem;border-radius:50%;background:#ff0053}.job-details-page .job-details-content .applicant-section .user .profile h1{font-size:1.2em}.job-details-page .job-details-content .applicant-section .user .actions{gap:.5rem;display:flex;align-items:center}.job-details-page .job-details-content .applicant-section .user .actions button{border:none;font-size:1rem;padding:.6rem 1.5rem;border-radius:.4rem}.job-details-page .job-details-content .applicant-section .user .actions button:nth-child(2){color:#fff;background:#0286ec}.goog-te-gadget-simple{padding:1rem}.notification-alert{gap:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;overflow:hidden;max-height:0}.notification-alert.active{max-height:fit-content;background:#ff0053;padding:.8rem 1rem}.notification-alert p{color:#fff;font-weight:600}.notification-alert button{border:none;cursor:pointer;background:#fff;padding:.5rem 1rem;border-radius:.5rem}
