*{font-family:Lexend,sans-serif}body,html{min-height:100%;width:100%}.home-container{align-items:center;background:linear-gradient(0deg,#000000b3,#000000b3),url(/static/media/backG.a46dfbdfdc74ec1a62e3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;font-size:50px;height:250px;justify-content:center;left:50%;margin-left:-50vw;margin-right:-50vw;margin-top:30px;overflow:hidden;position:relative;right:50%;width:100%}.link-headline{font-size:40px;line-height:60px;margin-top:50px;text-align:center;width:1000px}.block-text,.link-headline{color:#fff;color:var(--white);font-weight:600}.block-text{font-size:50px;font-style:normal;height:auto;line-height:62px;margin:-50px auto 0;max-width:1135px;padding:0 20px;position:relative;width:100%;z-index:1}.search-container{justify-content:center;margin:0 auto;max-width:600px;position:relative;width:100%}.input-Bar{background:#fff;background:var(--white);border-radius:10px 0 0 10px;height:64px;left:-219px;position:absolute;top:6px;width:430px}input::placeholder{color:#8f8f8f;color:var(--inactive-grey);font-size:20px;font-style:normal;font-weight:500;line-height:25px;text-align:center}.icon{color:#0575e6;color:var(--skillhub-blue);left:-30px;position:relative;top:260px}.icon img{height:14px;width:24px}.search-btn{background:#0575e6;background:var(--skillhub-blue);border-radius:10px;box-sizing:border-box;flex-direction:row;gap:40px;height:64px;justify-content:center;left:270px;padding:18px 35px;position:absolute;top:6px;width:139px}.search-btn,.search-container{align-items:center;display:flex}.search-container{justify-content:space-between;padding:10px 0}.icon{color:#fff;color:var(--white);font-size:20px}.location-icon{display:flex;justify-content:center;margin:20px 0}.container{max-width:1100px;text-align:center}.headliner{color:#171717;color:var(--black);font-size:28px;font-weight:600;margin-bottom:30px}.content-section{align-items:center;display:flex;gap:50px;justify-content:center;margin-bottom:20px}.multi-image img{border-radius:10px;max-width:500px;object-fit:cover;width:100%}.article{align-items:flex-start;color:#333;display:flex;flex-direction:column;font-size:20px;gap:20px;justify-content:space-between;line-height:1.6;text-align:left;width:500px}.article span{color:#0575e6;color:var(--skillhub-blue)}.what-we-do h1{margin-bottom:30px}@media screen and (min-width:768px) and (max-width:1024px){.icon{color:#0575e6;color:var(--skillhub-blue);left:30px;position:relative;top:120px}.search-container{margin-top:100px;max-width:90%}.link-headline{font-size:20px;font-weight:600px;width:600px}.input-Bar{font-size:1rem;height:56px}input::placeholder{font-size:16px}.search-btn{font-size:14px;height:56px;padding:0 15px}.headliner{font-size:28px;line-height:36px;margin:60px auto}input::placeholder{font-size:15px;font-weight:500}}@media (max-width:767px){.home-container{height:150px;margin-top:60px;padding:0 20px;width:100vw}.link-headline{font-size:20px;line-height:24px;margin:15px auto 0;padding:0 10px;top:60px}.block-text{font-size:28px;line-height:36px;margin-top:-40px}.search-container{align-items:center;display:flex;flex-direction:row;margin:15px auto;position:relative;width:90%}.input-Bar{border-radius:8px 0 0 8px;height:46px;left:0;position:relative;top:0;width:70%}.search-btn,input::placeholder{font-size:14px}.search-btn{border-radius:0 8px 8px 0;height:46px;left:0;padding:10px;position:relative;top:0;width:30%}.trades-grid{width:400px}.content-section{flex-direction:column;gap:0;margin-bottom:30px}.multi-image img{height:400px}.article{font-size:15px;text-align:center;width:350px}}@media (min-width:768px) and (max-width:1024px){.home-container{height:150px;margin-top:60px;padding:0 20px;width:100vw}.link-headline{font-size:20px;line-height:24px}.block-text{font-size:28px;line-height:36px;margin-top:-40px}.search-container{align-items:center;display:flex;flex-direction:row;margin:15px auto;position:relative;width:90%}.input-Bar{border-radius:8px 0 0 8px;height:46px;left:0;position:relative;top:0;width:70%}.search-btn,input::placeholder{font-size:14px}.search-btn{border-radius:0 8px 8px 0;height:46px;left:0;padding:10px;position:relative;top:0;width:30%}.trades-grid{width:400px}.content-section{gap:30px;margin-bottom:30px}.multi-image img{height:350px}.article{font-size:15px;width:350px}}:root{--light-grey:#eaeaea;--dark-grey:#666;--green:#1fff26}.jobs-done{color:#000;color:var(--black)}.ratings{color:#f98;color:var(--star-colour)}.personP{align-items:center;background:#eaeaea;background:var(--light-grey);border-radius:5px;display:flex;flex-direction:row;height:25px;justify-content:center;padding:0 20px;width:auto}.container{max-width:100%;width:100%}.section-title{color:#333;font-size:25px;text-align:start}.search-box{align-items:center;display:flex;justify-content:center;margin:-200px auto 30px;max-width:580px;position:relative;width:100%}.trades-search-input{border-radius:10px;display:block;font-size:16px;height:60px;margin-top:-40px;max-width:500px;padding:12px 50px 12px 20px;position:relative;right:65px;transition:border-color .3s,box-shadow .3s;width:100%}.icon{display:inline-block;left:490px;pointer-events:none;position:absolute;top:-50%;transform:translateY(-50%);z-index:2}.trades-search-input:focus{border-color:#0575e6;border-color:var(--skillhub-blue);box-shadow:0 0 5px #ff6b004d;outline:none}.top-trades-section{margin-bottom:30px;max-width:1240px;padding:20px}.section-title-container{align-items:center;display:flex;justify-content:space-between}.arrow-icon{font-size:30px}.trades-grid{display:flex;flex-wrap:nowrap;gap:10px;max-width:1240px;overflow:scroll;overflow-x:auto;padding-bottom:10px;width:1240px}.trades-grid::-webkit-scrollbar{height:7px;width:100%}.trades-grid::-webkit-scrollbar-thumb{background-color:#0575e6;background-color:var(--skillhub-blue);border-radius:5px}.trades-grid::-webkit-scrollbar-track{background-color:#eaeaea;background-color:var(--light-grey);border:1px solid #666;border:1px solid var(--dark-grey);border-radius:5px}.trade-card{align-items:center;background-color:#fff;background-color:var(--white);border:1px solid #666;border:1px solid var(--dark-grey);border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;flex:0 0 250px;flex-direction:column;gap:10px;justify-content:space-between;max-height:100%;max-width:250px;padding:10px;transition:transform .3s,box-shadow .3s}.trade-card:hover{border:1px solid #0575e6;border:1px solid var(--skillhub-blue);box-shadow:0 8px 16px #00000026;cursor:pointer}.trade-info-and-button-container{gap:20px;width:100%}.trade-info-and-button-container,.trade-info-container{align-items:center;display:flex;flex-direction:column}.img{border:1px solid #666;border:1px solid var(--dark-grey);border-radius:50%;margin-top:10px;object-fit:cover;transition:transform .5s}.verified-badge{align-items:center;border-radius:50%;color:#fff;color:var(--white);display:flex;font-weight:700;height:24px;justify-content:center;width:24px}.trade-card h3{color:#333}.trade-card p{color:#000;color:var(--black)}.view-profile-button{align-items:center;background-color:#0575e6;background-color:var(--skillhub-blue);border-radius:5px;color:#fff;color:var(--white);display:flex;font-weight:700;height:50px;justify-content:center;padding:10px 0;text-decoration:none;transition:background-color .3s;width:100%}.view-profile-button:hover{background-color:#0518e6;background-color:var(--skillhub-hover-blue)}.loading,.no-results{color:#666;color:var(--dark-grey);font-size:18px;padding:40px;text-align:center}.no-results button{background-color:#0575e6;background-color:var(--skillhub-blue);border:none;border-radius:4px;color:#fff;color:var(--white);cursor:pointer;font-weight:700;margin-top:15px;padding:10px 20px}.search-results-page{padding:60px 0}.search-results-page h1{color:#333;margin-bottom:30px;text-align:center}.results-grid{grid-gap:30px;display:grid;gap:30px;grid-template-rows:repeat(2,1fr);margin-bottom:40px}.result-card{background-color:#fff;background-color:var(--white);border-radius:8px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.pagination{display:flex;gap:8px;justify-content:center;margin-top:30px}.page-btn{background-color:#fff;background-color:var(--white);border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;padding:8px 16px;transition:all .3s}.page-btn:hover:not(:disabled){background-color:#f5f5f5;border-color:#ccc}.page-btn.active{background-color:#0575e6;background-color:var(--skillhub-blue);border-color:#0575e6;border-color:var(--skillhub-blue);color:#fff;color:var(--white)}.page-btn:disabled{color:#ccc;cursor:not-allowed}.navigation-buttons{align-items:center;display:flex;display:none;gap:10px;justify-content:center}@media (max-width:767px){.top-trades-section{width:380px}.arrow-icon{font-size:20px}.trade-card{height:280px}.img{margin-top:0;max-height:90px;max-width:90px}.trade-info-and-button-container{gap:25px}.nav-button,.navigation-buttons{display:flex}.navigation-buttons{gap:50px}.nav-button{align-items:center;background-color:#0575e6;background-color:var(--skillhub-blue);border:none;border-radius:50%;color:#fff;color:var(--white);font-size:20px;height:50px;justify-content:center;width:50px}}@media (min-width:767px) and (max-width:1024px){.top-trades-section{width:100vw}.trades-grid{max-width:100%}.trade-card{height:auto}.arrow-icon{font-size:20px}.nav-button,.navigation-buttons{display:flex}.navigation-buttons{gap:50px}.nav-button{align-items:center;background-color:#0575e6;background-color:var(--skillhub-blue);border:none;border-radius:50%;color:#fff;color:var(--white);font-size:20px;height:50px;justify-content:center;width:50px}}.reviews-section{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;margin:30px 0}.reviews-title{color:#333;font-size:32px;text-align:center}.reviews-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);max-width:100%;padding:0 20px;width:100%}.review-card{background-color:#fff;background-color:var(--white);border:1px solid #e8e8e8;border:1px solid var(--grey);border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:10px;height:100%;padding:10px 20px;transition:transform .3s ease;transition:.3s ease}.review-card:hover{border:1px solid #0575e6;border:1px solid var(--skillhub-blue);box-shadow:0 10px 20px #00000026;transform:translateY(-2px)}.review-header{align-items:center;display:flex;gap:10px}.review-image{border:2px solid #fff;border:2px solid var(--white);border-radius:50%;height:100px;object-fit:cover;width:100px}.review-user-info{align-items:flex-start;display:flex;flex-direction:column;gap:5px;justify-content:center}.review-user{color:#333;font-size:18px;font-weight:600}.review-stars{color:#f98;color:var(--star-colour);font-size:20px;letter-spacing:2px}.review-caption{color:#555;display:flex;font-size:18px;font-style:italic;font-weight:500}.review-comments{color:#666;display:flex;font-size:16px;line-height:1.6;text-align:left}.see-more-reviews-button{text-decoration:underline;transition:.3s ease}.see-more-reviews-button:hover{color:#0518e6;color:var(--skillhub-hover-blue)}@media screen and (max-width:767px){.review-card{padding:10px}.reviews-grid{grid-template-columns:repeat(1,1fr);padding:0 20px}.review-content{padding:16px}.review-image{height:100px;width:100px}.review-user{font-size:16px}.review-user-info{gap:0}.review-caption{font-size:15px;text-align:left}.review-comments{font-size:14px;width:100%}}:root{--grey:#8f8f8f;--skillhub-light-blue:#e5f1ff}.faq{margin:0;max-width:100%;padding:20px 0;width:100%}.faq-content{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.faq h2{color:#171717;font-size:28px;font-weight:600;margin-bottom:20px;text-align:center}.faq ol{margin:0;padding:0}.faq li{align-items:flex-start;display:flex;padding-bottom:30px}.faq li:before{color:#000;content:counter(list-item) ".";counter-increment:list-item;font-weight:600;margin-right:15px;min-width:25px}.faq details{display:flex;flex-direction:column;flex-grow:1}.faq summary{align-items:center;background-color:#fff;border-top:2px solid;color:#000;cursor:pointer;display:flex;font-size:18px;font-weight:500;justify-content:space-between;list-style:none;margin:0;padding:10px;transition:background-color .3s ease}.faq summary::-webkit-details-marker{display:none}.faq summary:after{color:#000;content:"▶";font-size:16px;transform:rotate(90deg);transition:transform .3s ease}.faq details[open] summary:after{transform:rotate(-90deg)}.faq summary:hover{background-color:#e5f1ff;background-color:var(--skillhub-light-blue)}.faq p{color:#2a2a2a;font-size:16px;line-height:1.6;margin-top:10px;padding:0 10px;text-align:left}.faq a{color:#0575e6;color:var(--skillhub-blue);font-weight:500;text-decoration:none;text-decoration:underline;transform:scale(1);transition:.2s}.faq a:hover{color:#0518e6;color:var(--skillhub-hover-blue)}.faq hr{background:#e5e5e5;border:0;height:1px;margin:15px 0}.faq details[open]{animation:slideDown .5s ease}@media screen and (min-width:1920px){.faq-content{max-width:1600px}}@media (max-width:1200px){.faq-content{padding:0 15px}}@media (max-width:768px){.faq{padding:15px 0}.faq h2{font-size:24px}.faq summary{font-size:16px}.faq p{font-size:14px}}@media (max-width:480px){.faq{padding:10px 0;text-align:left}.faq-content{padding:0 10px}.faq h2{font-size:22px}.faq summary{border-top:2px solid;font-size:14px}.faq p{font-size:13px}}.footer{border-top:1px solid #8f8f8f;border-top:1px solid var(--inactive-grey);display:flex;flex-direction:column;gap:20px;height:300px;justify-content:center}.footer-top{flex-wrap:wrap;justify-content:space-around}.footer-brand,.footer-top{align-items:center;display:flex;gap:10px}.footer-brand{flex-direction:column}.footer-brand h2{font-size:24px;margin-bottom:0}.footer-brand span{color:#0575e6;color:var(--skillhub-blue)}.social-icons{align-items:center;display:flex;gap:10px;justify-content:center}.social-icons a{color:#000;color:var(--black);font-size:18px;text-decoration:none}.footer-column{flex-direction:column;gap:10px}.footer-column,.footer-columns{align-items:flex-start;display:flex}.footer-columns{flex-wrap:wrap;gap:80px}.footer-columns div h4{color:#000;color:var(--black);margin-bottom:10px}.footer-columns ul{display:flex;flex-direction:column;gap:10px;list-style:none}.footer-columns li,.footer-columns li a{color:#000;color:var(--black);text-align:left}.footer-bottom{color:#000;color:var(--black);font-size:18px;margin-top:30px;text-align:center}@media (max-width:767px){.footer{height:auto;padding:20px 0}.footer-top{align-items:center;flex-direction:column-reverse;gap:50px}.footer-brand{align-items:flex-start;align-self:flex-start;flex-direction:row;gap:20px;justify-content:center;padding-left:20px}.social-icons{gap:20px;margin-top:5px}.footer-columns{grid-gap:20px;align-items:flex-start;display:grid;flex-direction:column;gap:20px;grid-template-columns:repeat(2,1fr);padding:0 20px}.footer-columns div{text-align:center}}@media (min-width:768px) and (max-width:1024px){.footer{height:auto;padding:20px 0}.footer-top{align-items:center;flex-direction:column-reverse;gap:50px}.footer-brand{align-items:flex-start;align-self:center;flex-direction:row;gap:100px;justify-content:center}.social-icons{gap:20px;margin-top:5px}.footer-columns{grid-gap:20px;align-items:flex-start;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.footer-columns div{text-align:center}}.contact-container{margin:0 auto;max-width:1200px;padding:2rem}.contact-content{animation:fadeInUp 1s ease-in-out;margin-bottom:3rem;text-align:center}.contact-us{color:#000;color:var(--black);font-size:2rem;margin-bottom:.5rem}.contact-subtitle{color:#8f8f8f;color:var(--inactive-grey);font-size:1.1rem}.contact-body{align-items:stretch;animation:fadeInUp 1.2s ease-in-out;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.contact-image-container{align-items:center;animation:slideInRight 1s ease-in-out;display:flex;flex:1 1;height:100%;justify-content:center;min-width:300px}.contact-img{height:700px;max-width:100%;object-fit:contain}.contact-form-wrapper{flex:1 1;min-width:450px}.contact-form{width:100%}.contact-img1{display:none}.form-group{margin-bottom:1.5rem}.contact-label{display:block;font-weight:500;margin-bottom:.5rem}.mandatory-asterisk{margin-left:2px}.contact-input-field,.contact-message-field{border:1px solid #e0e0e0;border:1px solid var(--border-grey);border-radius:5px;font-size:1rem;min-width:200px;padding:.5rem;transition:border-color .3s;width:100%}.contact-input-field{height:30px}.contact-message-field{font-family:inherit;height:120px;resize:vertical}.contact-input-field:focus,.contact-message-field:focus{border-color:#0575e6;border-color:var(--skillhub-blue);outline:none}.send-btn{background-color:#0575e6;background-color:var(--skillhub-blue);border:none;border-radius:5px;color:#fff;color:var(--white);cursor:pointer;font-size:1rem;height:40px;transition:background-color .3s ease,transform .2s;width:100%}.send-btn:hover{background-color:#0518e6;background-color:var(--skillhub-hover-blue);transform:scale(1.03)}@media (max-width:320px){.contact-form-wrapper{width:90%}.form-group{margin:0 auto .75rem;position:relative;width:100%}html body .contact-form-wrapper .contact-form .form-group .contact-input-field,html body .contact-form-wrapper .contact-form .form-group .contact-message-field{box-sizing:border-box!important;display:block!important;font-size:13px!important;left:70px!important;margin:0!important;max-width:65%!important;padding:.4rem!important;position:relative!important;width:65%!important}html body .contact-form-wrapper .contact-form .form-group .contact-label{display:block!important;font-size:13px!important;left:100px!important;margin:0 0 5px!important;position:relative!important;width:auto!important}html body .contact-form-wrapper .contact-form .send-btn{display:block!important;height:40px!important;left:70px!important;margin:0!important;position:relative!important;width:65%!important}.contact-us{font-size:1.3rem}.contact-subtitle{font-size:.9rem}}@media (max-width:380px){.contact-container{padding:1rem .25rem}.contact-form-wrapper{margin:0 auto;padding:0;width:92%}.form-group{margin:0 auto .75rem;width:100%}.contact-input-field,.contact-message-field{box-sizing:border-box;display:block;font-size:14px;margin-left:auto!important;margin-right:auto!important;max-width:85%!important;padding:.5rem;width:85%!important}.contact-label{display:block;font-size:14px;margin-left:50px!important;width:92%}.send-btn{display:block;height:40px;margin:0 auto;width:92%!important}}@media (max-width:480px){.contact-us{font-size:1.5rem}.contact-input-field{margin:auto!important;width:380px!important}.contact-subtitle{font-size:1rem}.contact-body{flex-direction:column;gap:1.5rem}.contact-form-wrapper,.contact-image-container{min-width:0;min-width:auto;width:100%}.contact-img{display:none}.contactimg{height:100px;overflow:hidden;width:440px}.contactimg .contact-img1{display:block;height:100%;object-fit:cover;width:100%}.contact-form-wrapper{padding:0 .5rem}.contact-input-field,.contact-message-field{font-size:.95rem;padding:.6rem}.send-btn{font-size:1rem;height:45px;width:350px!important}.contact-message-field{margin:auto;width:380px!important}.contact-container{padding:1rem .5rem}.contact-label{margin-left:40px!important}}@media (max-width:834px){.contact-img{height:auto;margin-bottom:2rem;width:100%}}@media (max-width:768px){.contact-body{flex-direction:column}.contact-form-wrapper{min-width:0;min-width:auto}.contact-img{height:auto;margin-bottom:2rem}.contact-container{padding:1rem}}@media (max-width:1024px){.contact-img{height:auto;margin-bottom:2rem;width:100%}}:root{--light-grey:#f5f5f5;--border-grey:#e0e0e0}body{background-color:#fff;background-color:var(--white)}.welcome-section{animation:slideDown .6s ease-out;margin-bottom:1.5rem;text-align:center}.welcome-title{color:#000;color:var(--black);font-size:2.5rem;font-weight:600}.skillhub{color:#0575e6;color:var(--skillhub-blue)}.hub{color:#000;color:var(--black)}.sign-in-container{border-radius:10px;box-shadow:0 5px 15px #0000001a;margin-top:70px;max-width:1200px;overflow:hidden;width:100%}.sign-in-image-form-wrapper{align-items:center;display:flex;height:500px;width:100%}.sign-in-image{display:flex;justify-content:stretch;width:750px}.welcome-title{font-size:25px;margin-bottom:20px;text-align:left}.signin-form{max-width:500px;padding:3rem;width:100%}.field-container,.signin-form{display:flex;flex-direction:column}.field-container{gap:20px}.sign-in-input-field-container{display:flex;flex-direction:column;position:relative;width:100%}.input-label{color:#000;color:var(--black);display:block;font-size:.9rem;font-weight:500;margin-bottom:15px;text-align:left;width:100%}.mandatory-asterisk{color:red;color:var(--red)}.sign-in-input-field{border:1px solid #8f8f8f;border:1px solid var(--inactive-grey);border-radius:8px;display:block;font-size:1rem;padding:.8rem 1rem;width:100%}.sign-in-input-field:focus{border:1px solid #0575e6;border:1px solid var(--skillhub-blue);box-shadow:0 4px 8px #0575e633;outline:none;transform:translateY(-2px)}.sign-in-input-field::placeholder{font-size:14px;text-align:left}.form-actions{animation:fadeIn .5s ease-out forwards;animation-delay:.3s;display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;opacity:0;width:100%}.google-signin-button,.login-button{border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem;transition:all .3s ease;width:100%}.login-button{align-items:center;background-color:#0575e6;background-color:var(--skillhub-blue);border:none;color:#fff;color:var(--white);display:flex;justify-content:center;overflow:hidden;position:relative}.login-button:hover{background-color:#0518e6;background-color:var(--skillhub-hover-blue);box-shadow:0 5px 15px #0518e64d;transform:translateY(-3px)}.login-button:active{transform:translateY(-1px)}.google-signin-button{align-items:center;background-color:#fff;background-color:var(--white);border:1px solid #e0e0e0;border:1px solid var(--border-grey);color:#0575e6;color:var(--skillhub-blue);display:flex;gap:.5rem;justify-content:center}.google-signin-button:hover{background-color:#f5f5f5;background-color:var(--light-grey);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.forgot-password-link{color:#0575e6;color:var(--skillhub-blue);display:block;font-size:.9rem;margin-top:1rem;text-align:center;text-decoration:none;transition:color .3s ease;width:100%}.forgot-password-link:hover{color:#0518e6;color:var(--skillhub-hover-blue);text-decoration:underline}.new-user-prompt{animation:fadeIn .5s ease-out forwards;animation-delay:.4s;color:#8f8f8f;color:var(--inactive-grey);margin-top:1.5rem;opacity:0;text-align:center;width:100%}.signup-link{color:#0575e6;color:var(--skillhub-blue);font-weight:500;text-decoration:none;transition:color .3s ease}.signup-link:hover{color:#0518e6;color:var(--skillhub-hover-blue);text-decoration:underline}.sign-in-form-container{background-color:#fff;background-color:var(--white);border-radius:15px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:100%}.image-form-wrapper{align-items:stretch;display:flex}.login-image{height:auto;object-fit:cover;transition:transform .5s ease;width:50%}.login-image:hover{transform:scale(1.03)}@media (max-width:767px){.signin-form{height:100%;padding:20px}.sign-in-image{display:none}.form-actions,.form-input{max-width:100%}}@media (min-width:768px) and (max-width:1024px){.signin-form{height:500px;padding:20px;width:100%}.sign-in-image{height:100%;width:400px}.form-actions,.form-input{max-width:100%}}.artisan-container{margin-top:20px}.artisan-page-search-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffd9;display:flex;height:70px;justify-content:center;left:0;max-width:1200px;position:fixed;top:70px;width:100%;z-index:1000}.artisan-page-search-bar{align-items:center;display:flex;gap:10px;justify-content:center;margin:0 20px}.artisan-search-input-field{border:1px solid #8f8f8f;border:1px solid var(--inactive-grey);border-radius:10px;font-size:16px;height:50px;padding:0 15px;width:650px}.artisan-search-input-field::placeholder{align-items:center;display:flex;font-size:16px;text-align:left}.artisan-search-input-field:focus{border:1px solid #0575e6;border:1px solid var(--skillhub-blue);box-shadow:0 0 5px #8f8f8f;box-shadow:0 0 5px var(--inactive-grey);outline:none}.artisan-page-search-button{background-color:#0575e6;background-color:var(--skillhub-blue);border:none;border-radius:10px;color:#fff;color:var(--white);height:50px;width:60px}.artisan-page-search-button:hover{background-color:#0518e6;background-color:var(--skillhub-hover-blue);transform:translateY(-1px)}.artisan-page-filter-button{align-items:center;background-color:#fff;background-color:var(--white);border:2px solid #0575e6;border:2px solid var(--skillhub-blue);border-radius:10px;color:#0575e6;color:var(--skillhub-blue);display:flex;gap:20px;height:50px;justify-content:center;padding:20px;transition:.3s ease;width:auto}.artisan-page-filter-button:hover{border:2px solid #0518e6;border:2px solid var(--skillhub-hover-blue);transform:translateY(-1)}.artisan-page-filter-button .filter-icon:hover{color:#fff;color:var(--white)}.artisan-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);margin-top:130px;padding:20px}.artisan-page-trade-card{align-items:center;border:1px solid #8f8f8f;border:1px solid var(--inactive-grey);border-radius:10px;display:flex;flex-direction:column;height:auto;justify-content:space-between;padding:0 10px;transition:.3s ease;width:auto}.artisan-page-trade-card:hover{border:1px solid #0575e6;border:1px solid var(--skillhub-blue);box-shadow:0 0 2px #8f8f8f;box-shadow:0 0 2px var(--inactive-grey);transform:translateY(-1px)}.artisan-page-trade-image{border-radius:50%}.artisan-page-trade-info{display:flex;flex-direction:column;gap:7px;height:150px;justify-content:center;margin-top:15px;text-align:center;width:100%}.artisan-page-view-profile-btn{align-items:center;background-color:#0575e6;background-color:var(--skillhub-blue);border:1px solid #0575e6;border:1px solid var(--skillhub-blue);border-radius:5px;color:#fff;color:var(--white);display:flex;justify-content:center;padding:10px;text-decoration:none;transition:.2s ease;width:100%}.artisan-page-view-profile-btn:hover{background-color:#0518e6;background-color:var(--skillhub-hover-blue)}.artisan-page-personP{background-color:#e8e8e8;background-color:var(--grey);border-radius:5px;padding:5px}.filter-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.filter-modal{background-color:#fff;background-color:var(--white);border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:400px;overflow:hidden;width:90%}.filter-modal-header{align-items:center;border-bottom:1px solid #fff;border-bottom:1px solid var(--white);display:flex;justify-content:space-between;padding:15px 20px}.filter-modal-header h3{color:#333;font-size:18px;margin:0}.close-modal-btn{background:none;border:none;color:#666;cursor:pointer;font-size:24px}.filter-options{display:flex;flex-direction:column;gap:10px;padding:15px}.filter-option{align-items:center;background:#fff;background:var(--white);border:none;border-radius:6px;cursor:pointer;display:flex;font-size:16px;gap:10px;padding:12px 15px;text-align:left;transition:all .2s ease}.filter-option:hover{background:#e9e9e9}.filter-option.active{background:#e0f0ff;color:#0575e6;font-weight:500}.filter-option i{text-align:center;width:20px}.clear-filter{background:#fff2f2;color:#ff4040;margin-top:5px}.clear-filter:hover{background:#ffe6e6}.active-filter-indicator{background:#e0f0ff;border-radius:20px;margin:10px auto;padding:8px 15px;width:fit-content}.active-filter-indicator,.clear-filter-btn{align-items:center;color:#0575e6;display:flex;font-size:14px;justify-content:center}.clear-filter-btn{background:none;border:none;cursor:pointer;margin-left:8px;padding:0}@media (max-width:767px){.artisan-page-search-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;height:100px;margin-top:1px;z-index:100}.search-bar{align-items:center;justify-content:center}.artisan-search-input-field{border:1px solid #8f8f8f;border:1px solid var(--inactive-grey);border-radius:10px;height:50px;padding:0 10px;width:270px}.artisan-search-input-field::placeholder{font-size:14px}.artisan-page-search-button{background-color:#0575e6;background-color:var(--skillhub-blue);border:none;border-radius:10px;color:#fff;color:var(--white);height:50px;width:60px}.artisan-page-filter-button{align-items:center;background-color:initial;border:none;color:#0575e6;color:var(--skillhub-blue);display:flex;gap:5px;justify-content:center;text-decoration:underline}.artisan-page-filter-button:hover{border:none;box-shadow:none;transform:translateY(0)}.artisan-grid{grid-template-columns:repeat(2,1fr);margin-top:170px}.img{height:70px!important;width:70px!important}.artisan-page-trade-card{align-items:center;display:flex;height:auto;width:165px}.artisan-page-trade-info{display:flex;flex-direction:column;justify-content:center;text-align:center}.artisan-page-trade-name{font-size:14px}.artisan-page-personP,.artisan-page-ratings{font-size:12px}}@media (min-width:768px) and (max-width:1024px){.artisan-page-search-container{gap:5px;height:100px;margin-top:0}.artisan-search-input-field{height:50px;width:460px}.artisan-grid{grid-template-columns:repeat(4,1fr);margin-top:150px}.img{max-height:70px;max-width:70px}.artisan-page-trade-card{width:165px}.artisan-page-trade-info{display:flex;flex-direction:column;justify-content:center;text-align:center}.artisan-page-trade-name{font-size:14px}.artisan-page-personP,.artisan-page-ratings{font-size:12px}}.nav-container{align-items:center;display:flex;height:70px;justify-content:center;padding:10px 0;right:0;transition:.3s ease;z-index:15000}.nav-container.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffe6;padding:10px 0}.navbar{align-items:center;justify-content:space-between;margin:0;max-width:100%;padding:0 20px;z-index:15000}.nav-logo{gap:10px}.nav-logo img{height:auto}.nav-list{align-items:center;display:flex;flex-grow:1;gap:clamp(20px,4vw,90px);justify-content:center;list-style:none;margin:0;padding:0;text-align:center}.nav-list li{position:relative;transition:opacity .3s ease}.nav-list:hover li{opacity:.5}.nav-list li:hover{opacity:1}.nav-list a{color:#333;display:inline-block;font-size:16px;padding:5px 0;text-decoration:none;transition:color .3s ease}.signin a{color:#0575e6;color:var(--skillhub-blue)}.signin a:hover{color:#0518e6;color:var(--skillhub-hover-blue);text-decoration:underline}.get-started a{background-color:#0575e6;background-color:var(--skillhub-blue);border-radius:5px;color:#fff;color:var(--white);padding:8px 15px;transition:all .3s ease;width:auto}.get-started a:hover{background-color:#0518e6;background-color:var(--skillhub-hover-blue);transform:translateY(-2px)}.nav-toggle{cursor:pointer;display:none;font-size:24px;margin-left:auto;transition:transform .3s ease}.nav-toggle:hover{color:#0518e6;color:var(--skillhub-hover-blue)}.sidebar{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#fff;background-color:var(--white);display:flex;height:100vh;padding-top:60px;position:fixed;right:-50%;top:0;transition:right .3s ease-in-out;width:50%;z-index:100000}.sidebar.open{right:0}.sidebar-header{position:absolute;right:20px;top:20px}.close-icon{cursor:pointer;font-size:24px;transition:transform .3s ease,color .3s ease}.close-icon:hover{color:#0518e6;color:var(--skillhub-hover-blue);transform:rotate(90deg)}.sidebar-list{align-items:center;display:flex;flex-direction:column;gap:20px;list-style:none;width:100%;z-index:100000}.sidebar-list li{animation:fadeIn .5s ease forwards;transform:translateX(50px)}.sidebar.open .sidebar-list li{animation-delay:calc(.1s*var(--i))}.sidebar-list a{color:#333;display:block;font-size:18px;text-decoration:none;transition:color .3s ease,transform .3s ease}.sidebar-list a:hover{color:#0575e6;color:var(--skillhub-blue);transform:translateX(5px)}.sidebar-list .get-started a{background-color:#0575e6;background-color:var(--skillhub-blue);border-radius:5px;color:#fff;color:var(--white);text-align:center;transition:all .3s ease;width:200px}.sidebar-list .get-started a:hover{background-color:#0518e6;background-color:var(--skillhub-hover-blue);transform:translateY(-2px)}.overlay{height:100%;left:0;pointer-events:none;position:fixed;top:0;transition:.3s ease;z-index:999}.overlay.active{pointer-events:all}@media (max-width:767px){.nav-list{display:none}.nav-toggle{display:block;margin-left:10px;position:relative}.nav-container{padding:10px 0;width:100%}.sidebar{right:-100%;width:100%}.sidebar,.sidebar.open{z-index:100000}.side-bar-lost-container{align-items:center;display:flex;justify-content:center;margin:20px;width:100%}}@media (min-width:768px) and (max-width:1400px){.overlay,.sidebar{display:none}.nav-container{padding:10px 0;width:100%}.navbar{justify-content:space-between;width:100%}.nav-list{justify-content:flex-end;margin-right:0}}@media (min-width:1920px){.navbar{margin:0 auto;max-width:1920px;padding:0 60px}}@media (min-width:1400px){.nav-container{padding:10px 0;width:100%}.navbar{gap:90px;margin:0;max-width:100%;padding:0 40px;width:100%}.nav-logo{flex:0 0 auto}.nav-list{flex:1 1;justify-content:center;margin-right:0}.get-started{flex:0 0 auto}}.get-started{max-width:100%;width:auto}header{animation:slideDown .8s ease-out;margin-bottom:30px;text-align:center;width:100%}.modal-details{margin:20px 0;text-align:left}.modal-details strong{display:inline-block;min-width:140px}.detail-row{align-items:center;display:flex;font-size:1rem;justify-content:space-between;padding:6px 0}.detail-row strong{font-weight:500;min-width:120px}.detail-row span{color:#444;flex:1 1;margin-left:20px;text-align:right}.modal-divider{border:none;border-top:1.5px solid #e0e0e0;margin:10px 0}.continue-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 25px;transition:background-color .3s}.blur-background{filter:blur(5px);pointer-events:none}.modal-overlay{height:100%;width:100%}.modal-content{border-radius:10px;box-shadow:0 4px 8px #0003;max-width:500px;padding:30px;text-align:center}.modal-content h2{color:#007bff;margin-bottom:15px}.modal-content h3{font-weight:400;line-height:1.5;margin-bottom:25px}.continue-btn:hover{background-color:#2370c2}header img{animation:pulse 2s infinite alternate;height:50px}.content-container{box-sizing:border-box;margin-bottom:30px;width:100%}.content-container,.title-section{align-items:center;display:flex;flex-direction:column}.title-section{animation:fadeIn 1.4s ease-out;justify-content:center;padding:0 15px}.title-sign-in-container{display:flex;flex-direction:column;margin-top:50px}.title-section h2{font-size:28px}.title-section h3{font-size:16px}.title-section a{background:#0000;color:#0575e6;color:var(--skillhub-blue);text-decoration:underline}.title-section a:hover{background-color:initial;color:#0518e6;color:var(--skillhub-hover-blue);text-decoration:underline}.account-switch-buttons{align-items:center;background:#fff;background:var(--white);border:none;border-radius:300px;box-shadow:0 0 4px #00000040;display:flex;gap:20px;height:66px;justify-content:center;width:350px}.switch-buttons-container{width:auto}.button{align-items:center;background:#fff;background:var(--white);border:1px solid #fff;border:1px solid var(--white);border-radius:300px;box-shadow:0 0 0 4px #0000000a;display:flex;gap:20px;height:66px;justify-content:center;transition:all .3s ease;width:350px}.button:hover{box-shadow:0 0 0 4px #0003}.consumer-btn,.skill-btn{border-radius:50%;color:#000}.consumer-btn.active,.consumer-btn:hover,.skill-btn.active,.skill-btn:hover{background-color:#0575e6;background-color:var(--skillhub-blue);color:#fff;color:var(--white);transform:scale(1.05)}.mandatory-asterik{font-weight:900}.profile-pic-upload{align-items:center;background:#fff;background:var(--white);border:1px solid #8f8f8f;border:1px solid var(--inactive-grey);border-radius:10px;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:50px;transition:all .3s ease;width:1100px}.profile-pic-upload:hover{border:1px solid #0575e6;border:1px solid var(--skillhub-blue);cursor:pointer}.dashed-border{align-items:center;border:5px dashed #0575e6;border:5px dashed var(--skillhub-blue);border-radius:100%;cursor:pointer;display:flex;height:150px;justify-content:center;width:150px}.img{height:100px;width:100px}.dashed-border{border:2px dashed #0575e6;border:2px dashed var(--skillhub-blue);border-radius:50%;height:80px;width:80px}.profile-image-icon{height:40px}.text{animation:fadeIn 1.5s ease-out;display:flex;flex-direction:column;font-size:14px;text-align:center}.form-container{border:none;gap:20px}.form-input-fields{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.signup-form{display:flex;flex-direction:column;gap:25px}.form-row{gap:20px}.form-group,.form-row{display:flex;margin-bottom:20px}.form-group{flex-direction:column;gap:10px;text-align:left;width:100%}.form-group label{font-size:16px;font-weight:500}.form-group span{color:#666;font-size:12px}.form-group input::placeholder,.form-group select{font-size:16px;text-align:left}.form-group input,.form-group select{background:#fff;background:var(--white);border:none;border-radius:10px;box-shadow:0 0 4px #0000001a;box-shadow:0 0 8px #00000026;height:50px;padding:0 15px;width:auto}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0575e6;border-color:var(--skillhub-blue);box-shadow:0 0 8px #0003;outline:none}.form-group textarea{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 0 4px #0000001a;font-size:16px;height:250px;padding:15px;resize:none;transition:all .3s ease;width:100%}.form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:15px}.video-upload{align-items:center;animation:fadeIn 1.7s ease-out;border:1px solid #ddd;border-radius:10px;display:flex;flex-direction:column;height:250px;justify-content:center;transition:all .3s ease}.video-upload:hover{border-color:#0575e6;border-color:var(--skillhub-blue)}.dashed-border-video{align-items:center;border:5px dashed #0575e6;border:5px dashed var(--skillhub-blue);border-radius:100%;cursor:pointer;display:flex;height:150px;justify-content:center;transition:all .3s ease;width:150px}.dashed-border-video:hover{transform:scale(1.05)}.form-buttons{width:100%}.next-btn,.submit-btn{background:#0575e6;background:var(--skillhub-blue);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:500;height:50px;transition:all .3s ease;width:100%}.submit-btn{width:200px}.next-btn{max-width:900px}.next-btn:hover,.submit-btn:hover{background-color:#0518e6;background-color:var(--skillhub-hover-blue);box-shadow:0 5px 15px #0000004d;transform:translateY(-3px)}@media (max-width:767px){.title-sign-in-container{display:flex;flex-direction:column;gap:5px;margin-top:50px}.title-section h2{font-size:24px}.title-section h3{font-size:14px}.button{gap:10px;height:80px}.consumer-btn,.skill-btn{width:100%}.dashed-border,.dashed-border-video{height:120px;width:120px}.profile-pic-upload{border:1px solid #8f8f8f;border:1px solid var(--inactive-grey);margin-top:0;padding:20px;width:350px}.form-input-fields{display:flex;flex-direction:column}.form-group input,.form-group select,.next-btn,.submit-btn{font-size:15px;height:45px;margin:0 70px;width:100px}.form-group label{margin-left:20px}.form-group textarea,.video-upload{height:200px}.form-row{flex-direction:column;gap:20px;width:auto}.submit-btn{width:100%}}@media (min-width:768px) and (max-width:1024px){.form-row{flex-direction:row;gap:20px}.form-buttons{justify-content:flex-end;margin-left:auto}.profile-pic-upload{width:700px}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.main-container{gap:50px;margin-top:100px}.main-container,.profile-heading{display:flex;flex-direction:column}.profile-heading{gap:20px}.image-profile-details-container{align-items:center;display:flex;gap:30px}.viewprofile-img{border:1px solid #8f8f8f;border:1px solid var(--inactive-grey);border-radius:50%;grid-row:span 2;height:130px;object-fit:cover;width:130px}.profile-details{align-items:flex-start;display:flex;flex-direction:column;gap:5px}.viewprofile-name{align-items:center;display:flex;font-size:28px;font-weight:500;gap:10px;margin:0}.verification-icon{color:#0575e6;color:var(--skillhub-blue);font-size:18px}.viewprofile-expertise,.viewprofile-location{align-items:center;color:#171717;display:flex;font-size:15px;gap:10px;line-height:1.5;margin:0}.ratings{align-items:center;display:flex;font-size:16px;gap:10px;margin:5px 0}.rating-stars{color:#f98;color:var(--star-colour)}.profile-action-button-container{display:flex;gap:20px}.artisan-hire-button,.favourites-button,.message-button{border-radius:10px}.artisan-hire-button,.message-button{width:150px}.artisan-hire-button{background-color:#0575e6;background-color:var(--skillhub-blue);border:none;color:#fff;color:var(--white)}.message-button{background-color:initial;border:2px solid #0575e6;border:2px solid var(--skillhub-blue)}.favourites-button,.message-button{color:#0575e6;color:var(--skillhub-blue)}.favourites-button{background-color:#fff;background-color:var(--white);border:1px solid #8f8f8f;border:1px solid var(--inactive-grey);box-shadow:0 0 5px #e8e8e8;box-shadow:0 0 5px var(--grey);width:50px}.view-portfolio-button{background-color:initial;border:none;color:#0575e6;color:var(--skillhub-blue);text-decoration:underline;width:auto}.artisan-hire-button:hover,.message-button:hover{background-color:#0518e6;background-color:var(--skillhub-hover-blue);box-shadow:0 0 5px #0518e6;box-shadow:0 0 5px var(--skillhub-hover-blue)}.message-button:hover{border:3px solid #0518e6;border:3px solid var(--skillhub-hover-blue);color:#fff;color:var(--white)}.favourites-button:hover{border:none;box-shadow:0 0 5px red;box-shadow:0 0 5px var(--red);color:red;color:var(--red)}.view-portfolio-button:hover{box-shadow:none;color:#0518e6;color:var(--skillhub-hover-blue)}.biography-and-video-section{height:250px;width:1100px}.biography-and-video-section,.biography-section{align-items:flex-start;display:flex;justify-content:space-between}.biography-section{flex-direction:column;gap:10px;height:100%;text-align:left;width:100%}.biography-title{font-weight:500}.biography-content{display:flex;height:100%;max-height:100%;padding-right:20px;width:100%}.viewprofile-biography{color:#171717;color:var(--black);font-size:15px;line-height:1.8}.video-container{width:500px}.bio-video{border-radius:10px;height:auto;object-fit:cover;width:100%}.video-caption{color:#171717;color:var(--black);font-size:14px;margin-top:5px;text-align:center}.service-area-section{display:flex;flex-direction:column;width:100%}.service-area-content{align-items:center;display:flex;gap:10px;height:300px;justify-content:space-between;width:100%}.section-heading{color:#171717;color:var(--black);font-size:24px;font-weight:500;margin-bottom:20px;text-align:left}.service-availability-container{width:100%}.map-container{display:flex;height:100%;width:100%}.map-container iframe{border:none;border-radius:8px;height:100%;width:100%}.availability-container{border:1px solid #fff;border:1px solid var(--white);border-radius:10px;height:300px;max-height:100%;padding:20px}.user-availability{display:flex;flex-direction:column;height:100%;justify-content:space-between}.availability-status{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.availability-title{align-items:center;display:flex;gap:10px}.status-text{font-size:24px;font-weight:500}.status-text.online{color:green;color:var(--completion-green)}.status-text.offline{color:var(red)}.status-indicator{border-radius:50%;display:inline-block;height:12px;width:12px}.status-indicator.online{background-color:green;background-color:var(--completion-green)}.status-indicator.offline{background-color:red;background-color:var(--red)}.status-description{font-size:16px;margin:10px 0 20px}.status-description.available{color:green;color:var(--completion-green)}.status-description.fully-booked{color:red;color:var(--red)}.availability-actions{align-items:center;display:flex;flex-direction:column;gap:10px;padding:0}.disabled-button,.hire-button,.waitlist-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:center;transition:all .3s ease;width:100%}.hire-button{background-color:#0575e6;background-color:var(--skillhub-blue);color:#fff;color:var(--white)}.waitlist-button{background-color:initial;border:2px solid #0575e6;border:2px solid var(--skillhub-blue);color:#0575e6;color:var(--skillhub-blue)}.disabled-button{background-color:#8f8f8f;background-color:var(--inactive-grey);color:#fff;color:var(--white);cursor:not-allowed}.hire-button:hover,.waitlist-button:hover{background-color:#0518e6;background-color:var(--skillhub-hover-blue);border:none;color:#fff;color:var(--white)}@media (max-width:767px){.main-container{margin-top:70px}.profile-heading{display:flex;flex-direction:column;gap:20px}.image-profile-details-container{flex-direction:column;gap:10px}.profile-details{align-items:center}.verification-icon{color:#0575e6;color:var(--skillhub-blue);font-size:18px}.profile-action-button-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.artisan-hire-button,.favourites-button,.message-button{width:100%}.view-portfolio-button{background-color:initial;border:none;color:#0575e6;color:var(--skillhub-blue);text-decoration:underline;width:auto}.biography-and-video-section{align-items:center;flex-direction:column;height:250px;width:100%}.biography-section{justify-content:space-between;text-align:left}.biography-content,.biography-section{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}.biography-content{margin-bottom:20px;max-height:100%;padding-right:20px}.video-container{width:340px}.video-caption{font-size:12px}.service-area-content,.service-area-section{align-items:center;flex-direction:column}.service-area-content{gap:10px;height:auto}.map-container{height:300px}.availability-container{height:auto;padding:20px 0}}@media (min-width:768px) and (max-width:1025px){.main-container{margin-top:80px}.profile-heading{align-items:center;display:flex;gap:20px}.image-profile-details-container{gap:10px}.profile-details{align-items:flex-start}.verification-icon{color:#0575e6;color:var(--skillhub-blue);font-size:18px}.profile-action-button-container{display:flex;gap:10px}.view-portfolio-button{background-color:initial;border:none;color:#0575e6;color:var(--skillhub-blue);text-decoration:underline;width:auto}.biography-and-video-section{align-items:flex-start;height:auto;justify-content:space-between;width:720px}.biography-content{margin-bottom:20px}.video-container{width:340px}.video-caption{font-size:12px}.service-area-content,.service-area-section{align-items:center;flex-direction:column}.service-area-content{gap:10px;height:auto}.map-container{height:400px}.availability-container{height:auto;padding:20px 0}}.form{align-items:center;background:#fff;background:var(--white);border-top:1px solid #8f8f8f;border-top:1px solid var(--inactive-grey);bottom:0;display:flex;left:0;padding:15px;position:fixed;width:100%}.messages-container{border:none;display:flex;flex-direction:column;gap:10px;max-height:400px;max-width:1230px;min-height:400px;min-width:1200px;overflow-y:auto;padding-right:10px}.messages-container::-webkit-scrollbar{height:100%;width:10px}.messages-container::-webkit-scrollbar-track{border:1px solid #8f8f8f;border:1px solid var(--inactive-grey);border-radius:10px;max-width:5px}.message-container::-webkit-scrollbar-thumb{background-color:#0575e6;background-color:var(--skillhub-blue);border-radius:10px}.message-bubble-container{border-radius:10px 10px 5px 15px;display:flex;flex-direction:column;max-width:500px;min-width:100px;position:relative;right:0;text-align:left}.chat-header{background-color:#fff;background-color:var(--white);box-shadow:"0 2px 4px rgba(0,0,0,0.1)";height:70px;justify-content:space-evenly;left:0;padding:0 20px;position:fixed;right:0;top:0;transition:background-color .3s ease,padding .3s ease;z-index:5000}.chat-header,.input-send{align-items:center;display:flex;width:100%}.input-send{flex-grow:1;justify-content:center;margin-right:20px;max-width:900px}.left-btn{background:#0000;border:none;width:50px}.form .input{background:#fff;background:var(--white);border:1px solid #8f8f8f;border:1px solid var(--inactive-grey);border-radius:500px;box-shadow:0 0 4px #00000040;flex:1 1;font-size:16px;height:50px;min-width:700px;padding:0 20px;width:100%}.form .input:focus{border-color:#0575e6;border-color:var(--skillhub-blue);box-shadow:0 0 4px #00000040;outline:none}.form .input::placeholder{font-size:16px;text-align:left}.form .send-btn{align-items:center;background-color:#0575e6;background-color:var(--skillhub-blue);border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;display:flex;height:50px;justify-content:center;margin-left:10px;min-width:50px;padding:0;width:50px}.form .send-btn.disabled{background-color:#8f8f8f;background-color:var(--inactive-grey);cursor:not-allowed}.form .emoji-btn{align-items:center;background:#fff;background:var(--white);border-radius:30px;display:flex;height:50px;justify-content:space-between;padding:5px 15px;transition:all .3s ease}.form .attachment-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;justify-content:center;margin:0 5px;padding:10px}.form .attachment-btn:disabled{color:#8f8f8f;color:var(--inactive-grey);cursor:not-allowed}.form .attachment-btn:hover:not(:disabled){background-color:#0000000d}.form .hidden-input{display:none}.menu-button{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:8px;visibility:hidden}.circle{background-color:#333;border-radius:50%;height:4px;margin-bottom:4px;width:4px}.circle:last-child{margin-bottom:0}.menu-button:hover .circle{background-color:#000}.arrowleft{left:30px}.arrowleft,.threedots{display:block;position:absolute}.threedots{background:#0000;right:0;width:40px}.profile-d{color:#171717;color:var(--black);display:none;font-size:25px;font-style:normal;font-weight:500;line-height:28px;text-align:center}.attachment-container{align-items:center;display:flex;position:relative}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalFadeIn .3s;background-color:#fff;background-color:var(--white);border-radius:8px;box-shadow:0 2px 10px #0003;max-width:400px;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px}.modal-header h3{color:#333;font-size:18px;margin:0}.close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.2rem;height:30px;justify-content:center;transition:background-color .2s;width:30px}.close-btn:hover{background-color:#0000000d}.attachment-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding:24px}.option-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:row;padding:16px;transition:all .2s;width:50px}.option-btn i{color:#0575e6;color:var(--skillhub-blue);font-size:24px}.option-btn span{font-size:14px}.option-btn:hover{background-color:#fff;background-color:var(--white);transform:translateY(1px)}.option-btn:disabled{cursor:not-allowed;opacity:.5}.upload-indicator{align-items:center;border-top:1px solid #fff;border-top:1px solid var(--white);display:flex;gap:12px;justify-content:center;padding:16px}.spinner{animation:spin 1s linear infinite;border:2px solid #0078d733;border-radius:50%;border-top-color:#0575e6;border-top:2px solid var(--skillhub-blue);height:20px;width:20px}.all-emojis{background-color:#fff;background-color:var(--white);border-radius:100px;display:flex;flex-direction:row;justify-content:space-between;margin-left:10px;margin-right:-120px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hidden-input{display:none}@media (max-width:768px){.form{align-items:stretch;flex-direction:column;padding:12px}.input-send{margin-bottom:15px;margin-right:0;max-width:100%}.form .emoji-btn{justify-content:center;width:100%}.menu-button{visibility:visible}.profile-d{display:block;font-size:22px;margin-bottom:15px}.attachment-options{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.form{padding:10px}.input-send{margin-bottom:10px}.all-emojis{display:none}.menu-button{width:30px}.form .input{font-size:14px;min-width:300px;padding:12px 15px}.threedots{background:#0000;right:-60px}.form .send-btn{height:45px;min-width:45px;width:45px!important}.form .emoji-btn{height:45px;padding:5px 8px}.arrowleft,.threedots{top:15px}.arrowleft{left:15px}.threedots{right:15px}.attachment-options{display:flex;flex-direction:row;gap:12px;justify-content:center;padding:16px}.profile-d{font-size:20px}.modal-content{width:95%}@media (max-width:360px){.form .input{font-size:13px;padding:10px 12px}.form .send-btn{height:40px;min-width:40px;width:40px}}}body{align-items:center;display:flex;justify-content:center;min-height:100vh}.title-section{margin-top:80px}.image-form-container{border:1px solid #8f8f8f;border:1px solid var(--inactive-grey);border-radius:10px;display:flex;gap:20px;overflow:hidden;width:auto}.login-pic{height:500px;width:700px}.new-form{gap:20px;justify-content:center}.input-field-container,.new-form{align-items:flex-start;display:flex;flex-direction:column}.input-field-container{gap:10px;width:100%}.input-field{border:1px solid #8f8f8f;border:1px solid var(--inactive-grey);border-radius:10px;outline:none;padding:0 10px;width:430px}.input-field:focus{border:1px solid #0575e6;border:1px solid var(--skillhub-blue)}.input-field::placeholder{text-align:left}.page-container{margin:0 auto;max-width:1200px;padding:0 clamp(10px,4vw,20px);width:100%}header img{height:clamp(30px,6vw,50px);max-width:100%}.title-section h2{font-size:clamp(22px,4vw,28px);margin-bottom:clamp(8px,2vw,10px)}.title-section h3{font-size:clamp(14px,2.5vw,16px);margin-bottom:clamp(15px,3vw,20px)}.switch-buttons{flex-wrap:wrap;gap:clamp(10px,2vw,20px);height:clamp(55px,12vw,75px);padding:0 clamp(10px,3vw,20px)}.consumer-btn,.skill-btn{height:clamp(35px,8vw,45px);width:clamp(140px,25vw,200px)}.progressbar{padding:5px 0}.connector-line{flex-shrink:0;width:clamp(50px,10vw,170px)}.connector-line.active{width:clamp(50px,12vw,200px)}.step-circle,.step-circle.active{width:clamp(120px,20vw,200px)}.input-field{height:clamp(50px,8vh,64px)}.input-field,.input-field::placeholder,.next-btn{font-size:clamp(14px,2vw,16px)}.next-btn{height:clamp(45px,7vh,60px)}.step-container{display:none}@media (max-width:480px){.input-field{margin:5px;width:350px}.login-pic{display:none}.next-btn{width:200px!important}.label-text{margin-left:10px}.next-btn{width:150px}}@media (max-width:767px){.login-pic{margin-left:0;max-height:400px;object-fit:cover;width:80px}.new-form{gap:20px;margin-left:0}.step-circle{font-size:13px;padding:0 5px;width:150px}.step-circle.active{width:150px}.connector-line,.connector-line.active{width:80px}@media (orientation:landscape){.image-form-container{gap:30px}.login-pic{max-height:350px;width:120px}}}.mandatory-asterik{font-size:10px}.skilled-profile-header{margin-top:100px}.skilled-profile-button,.skilled-profile-container{display:flex;justify-content:center}.skilled-profile-button{align-items:center;border:1px solid #8f8f8f;border:1px solid var(--inactive-grey);border-radius:500px;box-shadow:0 0 20px #e8e8e8;box-shadow:0 0 20px var(--grey);gap:20px;height:70px;margin-top:20px;padding:20px;width:360px}.form-top-half{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.skilled-profile-pic-upload{align-items:center;border:1px solid #8f8f8f;border:1px solid var(--inactive-grey);border-radius:10px;box-shadow:0 0 20px #e8e8e8;box-shadow:0 0 20px var(--grey);display:flex;flex-direction:column;gap:20px;margin-bottom:20px;padding:20px;transition:.2s ease}.skilled-profile-pic-upload:hover{border:1px solid #0575e6;border:1px solid var(--skillhub-blue)}.skilled-profile-image-container{align-items:center;border:3px dashed #0575e6;border:3px dashed var(--skillhub-blue);border-radius:50%;display:flex;height:120px;justify-content:center;transition:.2s ease;width:120px}.skilled-profile-image-container:hover{cursor:pointer;transform:scale(1.1)}.skilled-profile-image-icon{cursor:pointer;height:50px;transition:all .2s ease}.bio-and-video-container{align-items:center;display:flex;gap:10px}.form-buttons{display:flex;gap:10px;justify-content:space-between;margin-bottom:50px}.back-btn{background-color:initial;border:3px solid #0575e6;border:3px solid var(--skillhub-blue);border-radius:5px;color:#0575e6;color:var(--skillhub-blue);height:50px;outline:none}.back-btn:hover{background-color:#0518e6;background-color:var(--skillhub-hover-blue);border:none;color:#fff;color:var(--white)}.consumer-btn,.skill-btn{font-size:clamp(14px,2.5vw,18px);height:clamp(40px,6vh,45px);padding:8px 12px;width:clamp(120px,20vw,150px)}.progressbar{margin:clamp(15px,4vh,30px) 0;overflow-x:auto;padding:10px 0;scrollbar-width:thin}.progressbar::-webkit-scrollbar{height:4px}.progressbar::-webkit-scrollbar-thumb{background-color:#0575e6;background-color:var(--skillhub-blue);border-radius:4px}.progressbar ul{margin:0;min-width:min-content;padding:0}.step-circle{background-color:#fff;background-color:var(--white);box-sizing:border-box;flex-shrink:0;font-size:clamp(12px,2vw,15px);height:clamp(40px,6vh,50px)}.step-circle,.step-circle.active{line-height:clamp(20px,4vh,40px);padding:clamp(5px,1vw,10px);width:clamp(120px,25vw,200px)}.connector-line{flex-shrink:1;width:clamp(100px,15vw,320px)}.connector-line.active{width:clamp(80px,15vw,270px)}.image-preview-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.image-preview-container{align-items:center;background-color:#fff;background-color:var(--white);border-radius:8px;display:flex;flex-direction:column;max-width:500px;padding:24px;width:90%}.image-preview-container h3{color:#333;margin-bottom:16px;margin-top:0}.image-preview{display:flex;justify-content:center;margin-bottom:20px;max-height:350px;overflow:hidden;width:100%}.image-preview img{border-radius:4px;max-height:350px;max-width:100%;object-fit:contain}.image-preview-actions{display:flex;gap:16px;margin-top:8px}.cancel-image-btn,.confirm-image-btn{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.confirm-image-btn{background-color:#0575e6;background-color:var(--skillhub-blue);color:#fff;color:var(--white)}.confirm-image-btn:hover{background-color:#0518e6;background-color:var(--skillhub-hover-blue)}.confirm-image-btn:disabled{background-color:#8f8f8f;background-color:var(--inactive-grey);cursor:not-allowed}.cancel-image-btn{background-color:#fff;background-color:var(--white);border:1px solid #8f8f8f;border:1px solid var(--inactive-grey);color:#333}.cancel-image-btn:hover{background-color:red;background-color:var(--red)}.cancel-image-btn:disabled{color:#999;cursor:not-allowed}.error-message{color:red;color:var(--red);margin-top:12px;text-align:center}@media (min-width:768px) and (max-width:1024px){.form-container{padding:0 clamp(10px,3vw,20px);width:100%}#address,#bio,#fullname,#password,#service-area,#technical-skills,.email,.profilepice,.submit-btn,.video-upload{max-width:100%;width:100%}.email{background-color:initial}@media (orientation:portrait){.connector-line,.connector-line.active{width:clamp(80px,10vw,150px)}.step-circle,.step-circle.active{font-size:clamp(11px,1.8vw,14px);width:clamp(100px,20vw,150px)}}@media (orientation:landscape){.connector-line,.connector-line.active{width:clamp(100px,12vw,200px)}.step-circle,.step-circle.active{width:clamp(120px,15vw,180px)}}}@media (max-width:767px){.form-container{padding:0 20px}.form-container,.form-top-half{flex-direction:column;width:350px}.form-top-half{display:flex;gap:5px}.form-group label{margin:0}#address,#areas-of-expertise,#bio,#custom-distance,#fullname,#password,#service-area,#technical-skills,.profilepice,.submit-btn,.video-upload{border:1px solid #8f8f8f;border:1px solid var(--inactive-grey);margin:0;max-width:390px;width:100%}.bio-and-video-container{flex-direction:column}.form-buttons{flex-direction:column-reverse}.back-btn{width:100%}.step-circle,.step-circle.active{font-size:clamp(10px,3vw,12px);height:clamp(35px,6vh,40px);line-height:normal;padding:5px;width:clamp(90px,28vw,120px)}.connector-line,.connector-line.active{width:clamp(40px,10vw,60px)}}body{margin:auto}.mandatroy-asterik{color:red;color:var(--red)}.switch-buttons-container{align-items:center;display:flex;justify-content:center;margin-top:20px}.consumer-btn,.skill-btn{background:#0000;border:none;border-radius:300px;color:#171717;color:var(--black);cursor:pointer;font-size:18px;font-weight:500;height:45px;transition:all .3s ease;width:150px}.skill-btn.active,.skill-btn:hover{background-color:#0575e6;background-color:var(--skillhub-blue);color:#fff;color:var(--white);transform:scale(1.05)}.progressbar{animation:fadeIn 1.4s ease-in;justify-content:center;width:100%}.progressbar,.progressbar ul{align-items:center;display:flex}.progressbar ul{list-style:none}.progress-step,.progressbar li{align-items:center;display:flex}.progress-step{flex-direction:column;line-height:20px}.step-circle{align-items:center;background-color:initial;border:3px solid #0575e6;border:3px solid var(--skillhub-blue);border-radius:50px;color:#0575e6;color:var(--skillhub-blue);display:flex;font-size:15px;height:50px;justify-content:center;margin-bottom:5px;transition:all .3s ease}.step-circle,.step-circle.active{font-style:normal;font-weight:700;line-height:40px;padding:10px;text-align:center;width:200px}.step-circle.active{animation:pulseLight 1.5s infinite alternate;background-color:#0575e6;background-color:var(--skillhub-blue);border-radius:50px;box-sizing:border-box;color:#fff;color:var(--white)}.connector-line{height:5px;transition:all .5s ease}.connector-line,.connector-line.active{background-color:#0575e6;background-color:var(--skillhub-blue);width:300px}.connector-line.active{animation:expandLine 1s ease-out}.profilepices{align-items:center;background:#fff;background:var(--white);border:1px solid #8f8f8f;border:1px solid var(--inactive-grey);border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;justify-content:center;max-width:100%;min-height:100%;padding:30px;width:600px!important}.profilepices:hover{border:1px solid #0575e6;border:1px solid var(--skillhub-blue);box-shadow:0 0 2px #0003;cursor:pointer}.upload-container{max-width:1200px;min-width:1200px}.image-request-container{display:flex;gap:20px}.upload-image-icon{height:30px;width:35px}.take-photo-request-container{display:flex;flex-direction:column;gap:10px}.take-photo-icon{height:30px;width:25px}.captions{display:flex;flex-direction:row;gap:100px}.find-out-link{color:#0575e6;color:var(--skillhub-blue)}.bvn-form-input-container{align-items:flex-start;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;margin-top:30px}.basic-info-input-field{border:1px solid grey;border-radius:10px;height:50px;width:590px!important}.bvn-input-field{border:1px solid #8f8f8f;border:1px solid var(--inactive-grey);border-radius:10px;height:50px;outline:none;padding:0 20px;width:500px}.bvn-input-field:focus{border:1px solid #0575e6;border:1px solid var(--skillhub-blue);box-shadow:0 0 5px #0575e6;box-shadow:0 0 5px var(--skillhub-blue)}.bvn-input-field::placeholder{font-size:16px;text-align:left}.buttons-container{display:flex;flex-direction:row;gap:10px;justify-content:space-between;margin:20px 0}.save-info-create-account-button-container{display:flex;gap:5px}.buttons{border-radius:10px;cursor:pointer;height:50px;transition:all .3s ease;width:270px}#back-btn,#create-btn,#save-btn{font-size:17px}#save-btn{background-color:initial;border:none;color:#0575e6;color:var(--skillhub-blue);padding:0 20px;text-decoration:underline;transition:.2s ease;width:auto}#create-btn{background-color:#0575e6;background-color:var(--skillhub-blue);border:none;color:#fff;color:var(--white)}#back-btn{background-color:initial;border:2px solid #0575e6;border:2px solid var(--skillhub-blue);color:#0575e6;color:var(--skillhub-blue)}#save-btn:hover{border:2px solid #0518e6;border:2px solid var(--skillhub-hover-blue);color:#0518e6;color:var(--skillhub-hover-blue)}#back-btn:hover,#create-btn:hover{background-color:#0518e6;background-color:var(--skillhub-hover-blue)}#back-btn:hover{border:none;color:#fff;color:var(--white)}@keyframes pulseLight{0%{box-shadow:0 0 5px #007bff80}to{box-shadow:0 0 15px #007bffcc}}@keyframes expandLine{0%{width:0}to{width:300px}}@media (max-width:767px){.last-page{margin-top:100px}.image-request-container{align-items:center;flex-direction:column;gap:20px;min-width:350px}.profilepices{max-width:350px}.bvn-form-input-container{align-items:center}.bvn-form-input-container label{text-align:left}.bvn-input-field{max-width:350px}.buttons-container{align-items:center;flex-direction:column-reverse;gap:10px}#back-btn,#create-btn,#save-btn{width:350px}.save-info-create-account-button-container{align-items:center;flex-direction:column;gap:10px}}@media (min-width:768px) and (max-width:799px){.progressbar{justify-self:center;min-width:700px}.connector-line,.connector-line.active{width:200px}}@media (min-width:768px) and (max-width:1024px){.last-page{margin-top:100px}.image-request-container{align-items:center;flex-direction:column;gap:20px;min-width:350px}.profilepices{max-width:700px;min-width:700px}.bvn-form-input-container{align-items:flex-start;justify-self:center;width:700px}.bvn-input-field{width:100%}.buttons-container{align-items:center;flex-direction:column-reverse;gap:10px;justify-self:center;width:700px}#back-btn,#create-btn,#save-btn{width:700px}.save-info-create-account-button-container{align-items:center;flex-direction:column;gap:10px}.progressbar{justify-self:center}.step-circle,.step-circle.active{font-size:13px;line-height:15px;padding:5px;width:170px}.connector-line,.connector-line.active{width:100px}.progressbar{margin:20px 0;padding:0 10px}.progressbar ul{flex-wrap:nowrap;justify-content:center}@keyframes expandLine{0%{width:0}to{width:120px}}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.buttons-container{flex-direction:row;gap:15px;justify-content:flex-end}.connector-line,.connector-line.active{width:180px}.step-circle,.step-circle.active{width:170px}.profilepices{padding:25px;width:85%!important}@keyframes expandLine{0%{width:0}to{width:180px}}}.consumer-basic-profile-info-title-container{text-align:left}.create{color:#0575e6;color:var(--skillhub-blue)}.account{font-variant:#000000;font-variant:var(--black)}.switch-button-container{margin-top:90px}.consumer-page-form-container{border-radius:10px;box-shadow:0 0 10px #0000001a;justify-content:center;overflow:hidden;padding:0 20px 0 0}.consumer-basic-info-pic{height:500px;width:600px}.consumer-page-form-container{align-items:center;display:flex;gap:20px;margin-bottom:20px;width:100%}.consumer-basic-info-input-field-container{align-items:flex-start;display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.consumer-page-basic-info-input-field{border:1px solid #8f8f8f;border:1px solid var(--inactive-grey);border-radius:10px;height:50px;padding:0 10px;width:400px}.consumer-page-basic-info-input-field:focus{border:1px solid #0575e6;border:1px solid var(--skillhub-blue);box-shadow:0 0 5px #0575e6;box-shadow:0 0 5px var(--skillhub-blue);outline:none}.consumer-page-basic-info-input-field::placeholder{color:#8f8f8f;color:var(--inactive-grey);font-size:14px;text-align:left}.consumer-page-next-button{align-items:center;background-color:#0575e6;background-color:var(--skillhub-blue);border:none;border-radius:10px;color:#fff;color:var(--white);display:flex;height:50px;justify-content:center;margin-bottom:20px;width:100%}.consumer-page-next-button:hover{background-color:#0518e6;background-color:var(--skillhub-hover-blue);cursor:pointer}@media (max-width:768px){.switch-button-container{margin-top:30px}.progress-step{height:50px;width:50px}.consumer-basic-profile-info-title-container{margin-top:0}.consumer-page-form-container{align-items:center;flex-direction:column;margin-top:20px;padding:0 10px;width:350px}.consumer-basic-info-pic{display:none}.consumer-page-basic-info-input-field{width:330px}}:root{--radio-hover-blue:#60a0e133}.hirepage{align-items:center;animation:fadeIn .8s ease-out;margin-top:100px;max-width:1200px;padding:2rem 1rem}.header,.hirepage{display:flex;flex-direction:column}.header{align-items:flex-start;gap:5px;margin-bottom:20px;width:100%}.hirepage h1{animation:slideDown .6s ease-out;color:#000;color:var(--black);font-size:2rem}.hirepage h3{animation:slideDown .8s ease-out;color:var(#000);font-size:1.2rem;margin-bottom:1.5rem}.radios{animation:fadeIn 1s ease-out;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:100%}.radiogroup{align-items:center;background:#fff;background:var(--white);border:1px solid #8f8f8f;border:1px solid var(--inactive-grey);border-radius:10px;box-shadow:0 0 4px #00000026;cursor:pointer;display:flex;gap:15px;padding:20px 15px;position:relative;transition:all .3s ease;transition:.2s ease;width:250px}.radiogroup:hover{background-color:#60a0e133;background-color:var(--radio-hover-blue);border:1px solid #0575e6;border:1px solid var(--skillhub-blue);box-shadow:0 6px 12px #0575e633}.radiogroup:active{transform:translateY(-2px)}.radiogroup.active{background-color:#0575e60d;border:1px solid #0575e6;border:1px solid var(--skillhub-blue)}.radiogroup img{height:30px;object-fit:contain;transition:transform .3s ease;width:auto}.radiogroup label{color:#000;color:var(--black);cursor:pointer;flex:1 1;font-size:1rem;font-weight:500}.radiogroup input[type=radio]{appearance:none;-webkit-appearance:none;border:2px solid #0575e6;border:2px solid var(--skillhub-blue);border-radius:50%;cursor:pointer;height:20px;outline:none;position:relative;transition:all .2s ease;width:20px}.radiogroup input[type=radio]:checked{border-color:#0575e6;border-color:var(--skillhub-blue)}.radiogroup input[type=radio]:checked:before{animation:pulseRadio .3s ease-out;background-color:#0575e6;background-color:var(--skillhub-blue);border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.button-container{animation:fadeIn 1.2s ease-out;margin-top:2rem;width:100%}.button-container,.cont-btn{display:flex;justify-content:center}.cont-btn{align-items:center;animation:fadeInUp 1s ease-out;background:#0575e6;background:var(--skillhub-blue);border:none;border-radius:10px;box-shadow:0 4px 8px #0575e640;color:#fff;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;height:54px;margin-bottom:50px;padding:16px 30px;transition:all .3s ease;width:250px}.cont-btn:hover{background:#0518e6;background:var(--skillhub-hover-blue);box-shadow:0 6px 12px #0575e659;transform:translateY(-3px)}.cont-btn:active{transform:translateY(-1px)}@media (max-width:767px){.hirepage{padding:0}.hirepage h1{font-size:1.8rem}.hirepage h3{font-size:1.1rem}.radios{align-items:center;flex-direction:column;gap:15px}.radiogroup{justify-content:flex-start;width:100%}.cont-btn{max-width:300px;width:100%}}@media (min-width:768px) and (max-width:1024px){.hirepage{padding:0}.hirepage h1{font-size:1.8rem}.hirepage h3{font-size:1.1rem}.radios{align-items:center;flex-direction:column;gap:15px}.radiogroup{justify-content:flex-start;width:100%}.cont-btn{width:100%}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseRadio{0%{transform:translate(-50%,-50%) scale(0)}70%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}.hiring-form-container{display:flex;flex-direction:column;gap:15px;width:100%}.hire-page-form-row{align-items:center;display:flex;gap:20px;width:100%}.hire-form-text-area-input-container,.hiring-page-input-field-group{align-items:flex-start;display:flex;flex-direction:column;gap:10px;width:100%}.text-area-input{display:flex;min-height:300px;width:100%}.hire-form-input-field:focus{border:1px solid #0575e6;border:1px solid var(--skillhub-blue)}.hire-form-input-field::placeholder{font-size:16px;text-align:left}#email,#endDate,#fullName,#jobDescription,#notes,#startDate,#startTime{border:1px solid #8f8f8f;border:1px solid var(--inactive-grey);border-radius:8px;box-shadow:0 2px 5px #0000000d;font-size:16px;padding:12px 15px;transition:all .3s ease}#email,#fullName{width:500px}#jobDescription,#notes{min-height:200px;resize:vertical}#endDate,#startDate,#startTime{width:100%}#email:focus,#endDate:focus,#fullName:focus,#jobDescription:focus,#notes:focus,#startDate:focus,#startTime:focus{border-color:#0575e6;border-color:var(--skillhub-blue);box-shadow:0 0 0 3px #0575e633;outline:none;transform:translateY(-2px)}input::placeholder,textarea::placeholder{color:#8f8f8f;color:var(--inactive-grey);transition:all .3s ease}input:focus::placeholder,textarea:focus::placeholder{opacity:.5;transform:translateX(5px)}.button-group{align-items:flex-end;display:flex;gap:20px;margin-bottom:30px}button{cursor:pointer;font-size:16px;font-weight:500;height:40px;transition:all .3s ease;width:180px}button:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.hiring-btn,.quote-btn{width:200px}.quote-btn{border:2px solid #0575e6;border:2px solid var(--skillhub-blue);border-radius:10px;color:#0575e6;color:var(--skillhub-blue)}.quote-btn,.quote-btn:hover{background-color:#fff;background-color:var(--white)}.hiring-btn{border:none;border-radius:10px;color:#fff;color:var(--white)}.hiring-btn,.hiring-btn:hover{background-color:#0575e6;background-color:var(--skillhub-blue)}#chexkbox-container{display:flex;flex-direction:row;justify-content:space-between}#chexkbox{background-color:#0575e6;background-color:var(--skillhub-blue);height:30px;margin-left:-53px}a{color:#0575e6;color:var(--skillhub-blue)}input[type=checkbox]{opacity:0;position:absolute}input[type=checkbox]+label{cursor:pointer;padding-left:30px;position:relative}input[type=checkbox]+label:before{background:#fff;background:var(--white);border:2px solid #0575e6;border:2px solid var(--skillhub-blue);border-radius:4px;content:"";height:20px;left:0;position:absolute;top:0;width:20px}input[type=checkbox]:checked+label:before{background:#0575e6;background:var(--skillhub-blue);border-color:#0575e6;border-color:var(--skillhub-blue)}input[type=checkbox]+label:after{border:solid #fff;border:solid var(--white);border-width:0 2px 2px 0;content:"";height:12px;left:7px;opacity:0;position:absolute;top:3px;transform:rotate(45deg);width:6px}input[type=checkbox]:checked+label:after{opacity:1}@media (max-width:767px){.main-container{margin-top:100px}.hiring-form-container{padding:0 10px}.hire-page-form-row{flex-direction:column;gap:20px;width:100%}#chexkbox-container,#email,#fullName,#jobDescription,#notes{width:100%}.button-group{flex-direction:column;gap:10px}.hiring-btn,.quote-btn{width:100%}}@media (max-width:400px){.main-container{margin-top:100px}.hiring-form-container{padding:0 10px}.hire-page-form-row{flex-direction:column;gap:20px;width:100%}#chexkbox-container,#email,#fullName,#jobDescription,#notes{width:100%}.button-group{flex-direction:column;gap:10px}.hiring-btn,.quote-btn{width:100%}}@media (min-width:768px) and (max-width:1024px){.main-container{margin-top:100px}.hire-page-form-row{flex-direction:column;gap:20px;width:100%}#chexkbox-container,#email,#fullName,#jobDescription,#notes{width:100%}.button-group{flex-direction:column;gap:10px}.hiring-btn,.quote-btn{width:100%}}:root{--black:#000}.mandatory-asterik{color:red;color:var(--red);font-size:16px}.consumer-profile-main-container{margin-top:100px}.heading-container{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.consumer-profile-switch-button-container,.switch-button{align-items:center;display:flex;justify-content:center}.switch-button{background-color:#fff;background-color:var(--white);border:1px solid #8f8f8f;border:1px solid var(--inactive-grey);border-radius:500px;gap:20px;padding:10px;width:350px}.switch-button button{font-size:16px}.consumer-profile-pic-upload{align-items:center;border:1px solid #8f8f8f;border:1px solid var(--inactive-grey);border-radius:10px;display:flex;flex-direction:column;gap:20px;height:auto;margin-bottom:20px;padding:20px;width:100%}.consumer-profile-image-icon-file-button-container{align-items:center;display:flex;height:100px;justify-content:center;padding:20px;width:100px}.consumer-profile-image-icon{height:40px;width:45px}.consumer-profile-name-address-row{display:flex;gap:10px;margin-bottom:20px;width:100%}.consumer-profile-form-group{align-items:flex-start;display:flex;flex-direction:column;gap:10px;width:100%}.consumer-profile-input-field{border:1px solid #8f8f8f;border:1px solid var(--inactive-grey);border-radius:10px;height:50px;padding:0 10px;width:100%}.consumer-profile-input-field:focus{border:1px solid #0575e6;border:1px solid var(--skillhub-blue);outline:none}.consumer-profile-textarea-input{border-radius:10px;height:auto;margin-bottom:20px;min-height:250px;outline:none;padding:10px;width:100%}.consumer-profile-textarea-input:focus{border:1px solid #0575e6;border:1px solid var(--skillhub-blue)}.consumer-profile-input-field::placeholder,.consumer-profile-textarea-input::placeholder{font-size:16px;text-align:left}.consumer-profile-buttons-container{display:flex;justify-content:space-between}.consumer-profile-back-button{border-radius:10px}.consumer-profile-create-button{align-items:center;border-radius:10px;display:flex;justify-content:center;margin-bottom:20px;padding:10px}@media (max-width:767px){.progressbar ul{display:none}.consumer-profile-pic-upload{width:350px}.consumer-profile-info-form-group{width:100%}.consumer-profile-name-address-row{flex-direction:column}.consumer-profile-create-button{margin-top:20px;width:100%}}:root{--white:#fff;--black:#171717;--inactive-grey:#8f8f8f;--grey:#e8e8e8;--skillhub-blue:#0575e6;--skillhub-hover-blue:#0518e6;--star-colour:#f98;--red:red;--completion-green:green;--debug-colour:#add8e6;--animation-duration:0.3s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;overflow-x:hidden}.navbar{display:flex;width:100%}.nav-container{background-color:#fff;background-color:var(--white);box-shadow:0 2px 4px #0000001a;left:0;position:fixed;top:0;transition:background-color .3s ease,box-shadow .3s ease;transition:background-color var(--animation-duration) ease,box-shadow var(--animation-duration) ease;width:100%;z-index:1000}.navbars{height:70px;justify-content:space-between;padding:.5rem 1rem;width:100%}.nav-logo,.navbars{align-items:center;display:flex}.nav-logo img{max-width:100%;transition:transform .3s ease;transition:transform var(--animation-duration) ease;width:120px}.nav-logo img:hover{transform:scale(1.05)}.profile-icons,.profile-icons ul{align-items:center;display:flex}.profile-icons ul{flex-direction:row;gap:20px;list-style:none;margin:0;padding:0}.profile-icons li{align-items:center;display:flex;transition:transform .3s ease;transition:transform var(--animation-duration) ease}.profile-icons li:hover{transform:translateY(-2px)}.scrolled{background-color:#fff;background-color:var(--white);box-shadow:0 4px 6px #0000001a;transition:all .3s ease;transition:all var(--animation-duration) ease}select{background:#0000;border:none;cursor:pointer;padding:5px;transition:color .3s ease;transition:color var(--animation-duration) ease}select:hover{color:#0575e6;color:var(--skillhub-blue)}.logout{color:red;color:var(--red);transition:opacity .3s ease;transition:opacity var(--animation-duration) ease}.logout:hover{opacity:.8}.profile{background-color:#0575e6;background-color:var(--skillhub-blue);color:#fff;color:var(--white);transition:background-color .3s ease;transition:background-color var(--animation-duration) ease}.profile:hover{background-color:#0518e6;background-color:var(--skillhub-hover-blue)}.dashboard-body{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;margin-top:70px}.dashboard-container,.dashboard-header{align-items:center;display:flex;justify-content:space-between;width:100%}.dashboard-container,.dashboard-content{flex-direction:column}.dashboard-content{align-items:center;display:flex;margin-top:10px;width:100%}.dash{margin:30px auto;max-width:500px;text-align:center;width:100%}.photo{border:2px solid #fff;border:2px solid var(--white);border-radius:100%;box-shadow:0 2px 8px #0003;height:100px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--animation-duration) ease,box-shadow var(--animation-duration) ease;width:100px}.photo:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.05)}.dashboard-rectangles{gap:20px;justify-content:space-between;max-width:1200px;min-width:1200px}.dashboard-rectangles,.rect{align-items:center;display:flex}.rect{background-color:#0575e6;background-color:var(--skillhub-blue);border-radius:8px;flex-direction:row;height:150px;justify-content:space-around;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--animation-duration) ease,box-shadow var(--animation-duration) ease;width:100%}.rect:hover{box-shadow:0 8px 15px #0575e64d;transform:translateY(-5px)}.rect-text{font-size:clamp(1rem,3vw,1.875rem);text-align:left}.points,.rect-text{color:#fff;color:var(--white)}.points{font-size:clamp(2.5rem,5vw,5rem);margin:0 10px}.jobs-and-btn{align-items:center;display:flex;justify-content:space-between;max-width:1200px;width:100%}.jobs-butons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}.job-btn{background-color:initial;border:2px solid #171717;border:2px solid var(--black);border-radius:10px;color:#171717;color:var(--black);min-width:120px;padding:0 20px;transition:background-color .3s ease,color .3s ease,transform .3s ease;transition:background-color var(--animation-duration) ease,color var(--animation-duration) ease,transform var(--animation-duration) ease}.job-btn:hover{background-color:#0518e6;background-color:var(--skillhub-hover-blue);border:none;color:#fff;color:var(--white);transform:translateY(-2px)}.varitiesOfjob-container{display:flex;margin:0 auto;max-width:1200px}.user-profile,.varitiesOfjob-container{align-items:center;flex-direction:column;gap:20px;width:100%}.user-profile{border-radius:10px;max-width:500px;padding:20px;transition:box-shadow .3s ease;transition:box-shadow var(--animation-duration) ease}.user-profile:hover{box-shadow:0 5px 15px #0000001a}.bio{color:#71777a;padding:0 15px;text-align:center;transition:color .3s ease;transition:color var(--animation-duration) ease}.bio:hover{color:#505659}.jobprofile-card{background-color:#fff;background-color:var(--white);border:1px solid #8f8f8f;border:1px solid var(--inactive-grey);border-radius:10px;box-shadow:0 2px 10px #0000001a;max-height:500px;max-width:1200px;overflow-y:auto;padding:15px;scroll-behavior:smooth;transition:box-shadow .3s ease;transition:box-shadow var(--animation-duration) ease;width:100%}.jobprofile-card:hover{box-shadow:0 5px 15px #00000026}.jobprofile-card::-webkit-scrollbar{width:8px}.jobprofile-card::-webkit-scrollbar-track{background:#fff;background:var(--white);border-radius:10px}.jobprofile-card::-webkit-scrollbar-thumb{background:#888;border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease;-webkit-transition:background var(--animation-duration) ease;transition:background var(--animation-duration) ease}.jobprofile-card::-webkit-scrollbar-thumb:hover{background:#555}.user-profile{border:1px solid #8f8f8f;border:1px solid var(--inactive-grey);display:flex;margin-bottom:20px}.user-info{padding:10px;width:100%}.no-users{color:#666;padding:20px;text-align:center}.dashboard-photourl{border:2px solid #fff;border:2px solid var(--white);border-radius:50%;box-shadow:0 2px 4px #0000001a;height:120px;margin:0 auto;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--animation-duration) ease,box-shadow var(--animation-duration) ease;width:120px}.img:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.05)}.verified-badge{color:green;color:var(--completion-green);font-size:1.2rem;position:absolute;right:10px;top:10px;transition:transform .3s ease;transition:transform var(--animation-duration) ease}.verified-badge:hover{transform:scale(1.2)}.underline-text{color:#171717!important;color:var(--black)!important;text-decoration:underline;transition:color .3s ease;transition:color var(--animation-duration) ease}.underline-text:hover{color:#0575e6!important;color:var(--skillhub-blue)!important}.aligned{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.name-text{text-align:center;transition:color .3s ease;transition:color var(--animation-duration) ease}.name-text:hover{color:#0575e6;color:var(--skillhub-blue)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.user-profile{animation:fadeIn .5s ease-in-out}.jobcard{animation:slideInUp .4s ease-in-out;animation-fill-mode:both}.rect{animation:fadeIn .6s ease-in-out}.points{animation:pulse 2s infinite}.jobprofile-card .jobcard:first-child{animation-delay:.1s}.jobprofile-card .jobcard:nth-child(2){animation-delay:.2s}.jobprofile-card .jobcard:nth-child(3){animation-delay:.3s}.jobprofile-card .jobcard:nth-child(4){animation-delay:.4s}.jobprofile-card .jobcard:nth-child(5){animation-delay:.5s}@media (max-width:767px){.navbars{height:auto;min-height:60px;padding:.5rem}.profile-icons ul{gap:10px}.nav-logo img{width:90px}.dashboard-header{margin-top:70px}.rect{height:120px}.photo{height:80px;width:80px}.dashboard-photourl{height:100px;width:100px}.user-profile{padding:15px}.job-btn{font-size:.9rem;min-width:100px}}
/*# sourceMappingURL=main.4137a48f.css.map*/