*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden;font-family:Arial,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}.content{flex-grow:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.navbar,.footer{width:100%}.link{text-decoration:none;color:inherit}.navbar{display:flex;flex-direction:column;align-items:center;background-color:#013914;color:#fff;position:sticky;top:0;z-index:999;transition:.5s all ease}.navbar.active{background-color:#fff;color:#000}.navbar.active button{background-color:#fff!important;color:#1dbf73!important;border:1px solid #1dbf73!important}.navbar .container{width:1400px;display:flex;align-items:center;justify-content:space-between;padding:20px 0}.navbar .container .logo{font-size:34px;font-weight:700}.navbar .container .logo .dot{font-weight:700;color:#1dbf73}.navbar .container .links{display:flex;align-items:center;gap:24px;font-family:Montserrat,sans-serif;font-weight:500}.navbar .container .links span{white-space:nowrap}.navbar .container .links .user{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative}.navbar .container .links .user img{width:32px;height:32px;border-radius:50%;object-fit:cover}.navbar .container .links .user .options{position:absolute;top:50px;right:0;padding:20px;background-color:#fff;border-radius:10px;z-index:999;border:1px solid lightgrey;display:flex;flex-direction:column;gap:10px;width:200px;font-weight:300;color:gray}.navbar .container .links button{color:#fff;padding:10px 20px;border-radius:5px;border:1px solid white;background-color:transparent;cursor:pointer}.navbar .container .links button:hover{background-color:#1dbf73;border-color:#1dbf73}.navbar hr{width:calc(100% - 2px);height:0;border-top:.5px solid #ebe9e9;border-bottom:.5px solid #ebe9e9}.navbar .menu{width:1400px;padding:10px 0;display:flex;justify-content:space-between;color:gray;font-weight:300;font-family:Montserrat,sans-serif}.footer{display:flex;justify-content:center;color:#666;margin:50px 0}.footer img{width:24px;height:24px}.footer .container{width:1400px}.footer .container .top{display:flex;justify-content:space-between}.footer .container .top .item{display:flex;flex-direction:column;gap:20px}.footer .container .top .item h2{font-size:16px;color:#555}.footer .container .top .item span{font-weight:300}.footer .container hr{margin:50px 0;height:0;border:1px solid #ebe9e9}.footer .container .bottom{display:flex;align-items:center;justify-content:space-between}.footer .container .bottom .left{width:max-content;display:flex;align-items:center;gap:20px}.footer .container .bottom .left span{font-size:13px;white-space:nowrap}.footer .container .bottom .right{width:max-content;display:flex;align-items:center;gap:30px}.footer .container .bottom .right .social{display:flex;gap:20px}.footer .container .bottom .right .link{display:flex;align-items:center;gap:10px}.home .features{background-color:#f1fdf7;display:flex;justify-content:center;padding:100px 0}.home .features.dark{background-color:#0d084d}.home .features.dark h1{color:#fff!important}.home .features.dark i{font-weight:300}.home .features.dark p{margin-bottom:20px;color:#fff!important}.home .features.dark .title{color:#fff!important;font-weight:300!important;font-size:14px!important}.home .features.dark button{background-color:#1dbf73;border:none;color:#fff;padding:10px 20px;border-radius:5px;width:max-content;font-size:16px;cursor:pointer;margin-top:20px}.home .features .container{width:1400px;display:flex;align-items:center;gap:200px}.home .features .container .item{display:flex;flex-direction:column;gap:15px}.home .features .container .item:first-child{flex:2}.home .features .container .item:last-child{flex:3}.home .features .container .item img{width:100%}.home .features .container .item h1{font-weight:500;margin-bottom:10px}.home .features .container .item .title{display:flex;align-items:center;gap:10px;font-weight:500;font-size:18px;color:#666}.home .features .container .item .title img{width:24px;height:24px}.home .features .container .item p{font-size:18px;font-weight:300;color:gray;line-height:28px;letter-spacing:1px}.home .features .container .item video{width:720px}.home .explore{display:flex;justify-content:center;padding:100px 0}.home .explore .container{width:1400px}.home .explore .container h1{color:#555}.home .explore .container .items{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}.home .explore .container .items .item{width:250px;height:150px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;text-align:center;cursor:pointer}.home .explore .container .items .item img{width:50px;height:50px}.home .explore .container .items .item .line{width:50px;height:2px;background-color:#d3d3d3;transition:all .3s ease}.home .explore .container .items .item span{font-weight:300}.home .explore .container .items .item:hover .line{width:80px;background-color:#1dbf73}.featured{height:600px;display:flex;justify-content:center;background-color:#013914;color:#fff}.featured .container{width:1400px;display:flex;align-items:center}.featured .container .left{display:flex;flex-direction:column;gap:30px}.featured .container .left h1{font-size:50px}.featured .container .left h1 span{font-style:italic;font-weight:300}.featured .container .left .search{background-color:#fff;border-radius:5px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.featured .container .left .search .searchInput{display:flex;align-items:center;gap:10px}.featured .container .left .search .searchInput img{width:20px;height:20px;margin:10px}.featured .container .left .search .searchInput input{border:none;outline:none}.featured .container .left .search .searchInput input::placeholder{color:gray}.featured .container .left .search button{width:120px;height:50px;border:none;background-color:#1dbf73;color:#fff;align-self:flex-end;cursor:pointer}.featured .container .left .popular{display:flex;align-items:center;gap:10px}.featured .container .left .popular span{width:max-content}.featured .container .left .popular button{width:max-content;color:#fff;border:1px solid white;padding:5px 10px;border-radius:20px;background-color:transparent;font-size:14px}.featured .container .right{height:100%}.featured .container .right img{height:100%;object-fit:contain}.trustedBy{background-color:#fafafa;height:100px;display:flex;justify-content:center}.trustedBy .container{max-width:760px;display:flex;align-items:center;gap:20px;color:#c8c8c8;font-weight:500}.trustedBy .container img{height:50px;object-fit:contain}.slide{display:flex;justify-content:center;padding:100px 0}.slide .container{width:1400px;position:relative}.slide .carousel-initialized{position:static}.slide .carousel-prev,.slide .carousel-next{width:50px;height:50px;background-color:#f3f3f3;border-radius:50%;position:absolute;top:0;bottom:0;margin:auto}.slide .carousel-prev{left:-25px}.carousel-item{position:absolute;top:0;left:0}.Carousel{width:100%}.carousel-initialized{overflow:hidden;position:relative}.carousel-arrow.carousel-hidden{display:none}.carousel-track{width:100%;display:flex;position:relative}.carousel-prev.block,.carousel-next.block{opacity:1}.carousel-prev,.carousel-next{opacity:0;font-size:0;line-height:0;width:40px;height:100%;border-radius:100%;position:absolute;top:0;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;color:transparent;border:none;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1) 0ms;z-index:4;background:none}.carousel-prev:hover,.carousel-prev:focus,.carousel-next:hover,.carousel-next:focus{opacity:1;color:transparent;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1) 0ms}.carousel-prev:hover:before,.carousel-prev:focus:before,.carousel-next:hover:before,.carousel-next:focus:before{opacity:1}.carousel-prev.carousel-disabled:before,.carousel-next.carousel-disabled:before{opacity:.25}.carousel-prev:before,.carousel-next:before{content:"";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block;width:20px;height:20px;background-position:center;background-repeat:no-repeat;background-size:contain}.carousel-prev:before{background-image:url("data:image/svg+xml,%3C!-- Generated by IcoMoon.io --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctitle%3Earrow-left2%3C/title%3E%3Cpath fill='%23900' d='M12.586 27.414l-10-10c-0.781-0.781-0.781-2.047 0-2.828l10-10c0.781-0.781 2.047-0.781 2.828 0s0.781 2.047 0 2.828l-6.586 6.586h19.172c1.105 0 2 0.895 2 2s-0.895 2-2 2h-19.172l6.586 6.586c0.39 0.39 0.586 0.902 0.586 1.414s-0.195 1.024-0.586 1.414c-0.781 0.781-2.047 0.781-2.828 0z'%3E%3C/path%3E%3C/svg%3E%0A")}.carousel-next:before{background-image:url("data:image/svg+xml,%3C!-- Generated by IcoMoon.io --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctitle%3Earrow-right2%3C/title%3E%3Cpath fill='%23900' d='M19.414 27.414l10-10c0.781-0.781 0.781-2.047 0-2.828l-10-10c-0.781-0.781-2.047-0.781-2.828 0s-0.781 2.047 0 2.828l6.586 6.586h-19.172c-1.105 0-2 0.895-2 2s0.895 2 2 2h19.172l-6.586 6.586c-0.39 0.39-0.586 0.902-0.586 1.414s0.195 1.024 0.586 1.414c0.781 0.781 2.047 0.781 2.828 0z'%3E%3C/path%3E%3C/svg%3E%0A")}.carousel-next.custom:before,.carousel-prev.custom:before{content:unset;background-image:unset}.carousel-prev{left:0}[dir=rtl] .carousel-prev{right:-25px;left:auto}[dir=rtl] .carousel-prev:before{content:""}.carousel-next{right:0}[dir=rtl] .carousel-next{right:auto;left:-25px}[dir=rtl] .carousel-next:before{content:""}.carousel-dots{display:block;width:100%;padding:0;margin-top:1em;list-style:none;text-align:center}.carousel-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.carousel-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.carousel-dots li button:hover,.carousel-dots li button:focus{outline:none}.carousel-dots li button:hover:before,.carousel-dots li button:focus:before{opacity:1}.carousel-dots li button:before{font-family:slick;font-size:40px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.carousel-dots li.carousel-dots-active button:before{opacity:.75;color:#000}.Carousel .carousel-initialized.scrolling .CustomArrow{display:none}.catCard{width:252px;height:344px;color:#fff;border-radius:5px;position:relative;cursor:pointer;z-index:0}.catCard img{width:100%;height:100%;object-fit:cover}.catCard .desc{font-weight:300;position:absolute;top:15px;left:15px}.catCard .title{position:absolute;top:40px;left:15px;font-size:24px;font-weight:500}.projectCard{width:300px;height:300px;border-radius:5px;overflow:hidden;cursor:pointer;border:1px solid rgb(225,225,225)}.projectCard img{width:100%;height:70%;object-fit:cover}.projectCard .info{display:flex;align-items:center;gap:20px;padding:15px}.projectCard .info img{width:40px;height:40px;border-radius:50%;object-fit:cover}.projectCard .info .texts h2{font-size:14px;font-weight:500}.projectCard .info .texts span{font-size:14px;font-weight:300}.projectCatCard{width:252px;height:344px;color:#fff;border-radius:5px;position:relative;cursor:pointer;z-index:0}.projectCatCard img{width:100%;height:100%;object-fit:cover}.projectCatCard .desc{font-weight:300;position:absolute;top:15px;left:15px}.projectCatCard .title{position:absolute;top:40px;left:15px;font-size:24px;font-weight:500}.gigs{width:100%;display:flex;justify-content:center}.gigs .container{width:1400px;padding:30px 0;display:flex;flex-direction:column;gap:15px}.gigs .container .breadcrumbs{font-weight:300;text-transform:uppercase;font-size:13px;color:#555}.gigs .container p{color:#999;font-weight:300}.gigs .container .menu{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.gigs .container .menu .left{display:flex;align-items:center;gap:10px;color:#555;font-weight:300}.gigs .container .menu .left input{padding:5px;border:1px solid lightgrey;border-radius:5px;outline:none}.gigs .container .menu .left input::placeholder{color:#999}.gigs .container .menu .left button{padding:5px 10px;background-color:#1dbf73;color:#fff;border:none;font-weight:500;border-radius:5px;cursor:pointer}.gigs .container .menu .right{position:relative;display:flex;align-items:center;gap:10px}.gigs .container .menu .right .sortBy{color:#555;font-weight:300}.gigs .container .menu .right .sortType{font-weight:500}.gigs .container .menu .right img{width:15px;cursor:pointer}.gigs .container .menu .right .rightMenu{padding:20px;background-color:#fff;border:.5px solid lightgrey;border-radius:5px;position:absolute;top:30px;right:0;z-index:9;display:flex;flex-direction:column;gap:20px;color:#555}.gigs .container .menu .right .rightMenu span{cursor:pointer}.gigs .container .cards{display:flex;justify-content:space-between;flex-wrap:wrap}.gigCard{width:324px;height:400px;border:1px solid rgb(228,228,228);margin-bottom:40px}.gigCard img{width:100%;height:50%;object-fit:cover}.gigCard .info{padding:10px 20px;display:flex;flex-direction:column;gap:20px}.gigCard .info .user{display:flex;align-items:center;gap:10px}.gigCard .info .user img{width:26px;height:26px;border-radius:50%;object-fit:cover}.gigCard .info p{color:#111}.gigCard .info .star{display:flex;align-items:center;gap:5px}.gigCard .info .star img{height:14px;width:14px}.gigCard .info .star span{font-size:14px;font-weight:700;color:#ffc108}.gigCard hr{height:0;border:.5px solid rgb(228,228,228)}.gigCard .detail{padding:10px 20px;display:flex;align-items:center;justify-content:space-between}.gigCard .detail img{width:16px;height:16px;cursor:pointer;object-fit:cover}.gigCard .detail .price span{color:#999;font-size:12px}.gigCard .detail .price h2{color:#555;font-size:18px;font-weight:400;text-align:end}.gigCard .detail .price sup{font-size:12px;font-weight:300}.gig{display:flex;justify-content:center}.gig .container{width:1400px;padding:30px 0;display:flex;gap:50px}.gig .container .left{flex:2;display:flex;flex-direction:column;gap:20px}.gig .container .left .breadcrumbs{font-weight:300;text-transform:uppercase;font-size:13px;color:#555}.gig .container .left .user{display:flex;align-items:center;gap:10px}.gig .container .left .user .pp{width:32px;height:32px;border-radius:50%;object-fit:cover}.gig .container .left .user span{font-size:14px;font-weight:500}.gig .container .left .user .stars{display:flex;align-items:center;gap:5px}.gig .container .left .user .stars img{height:14px;width:14px}.gig .container .left .user .stars span{font-size:14px;font-weight:700;color:#ffc108}.gig .container .left .slider{background-color:#f5f5f5}.gig .container .left .slider img{max-height:500px;object-fit:contain}.gig .container .left h2{font-weight:400}.gig .container .left p{font-weight:300;line-height:25px;color:#555}.gig .container .left .seller{margin-top:50px;display:flex;flex-direction:column;gap:20px}.gig .container .left .seller .user{display:flex;align-items:center;gap:20px}.gig .container .left .seller .user img{width:100px;height:100px;border-radius:50%;object-fit:cover}.gig .container .left .seller .user .info{display:flex;flex-direction:column;gap:10px}.gig .container .left .seller .user .info .stars{display:flex;align-items:center;gap:5px}.gig .container .left .seller .user .info .stars img{height:14px;width:14px}.gig .container .left .seller .user .info .stars span{font-size:14px;font-weight:700;color:#ffc108}.gig .container .left .seller .user .info button{background-color:#fff;border-radius:5px;border:1px solid gray;padding:10px;color:#000}.gig .container .left .seller .box{border:1px solid lightgray;border-radius:5px;padding:20px;margin-top:20px}.gig .container .left .seller .box .items{display:flex;justify-content:space-between;flex-wrap:wrap}.gig .container .left .seller .box .items .item{width:300px;display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.gig .container .left .seller .box .items .item .title{font-weight:300}.gig .container .left .seller .box hr{height:0;border:.5px solid lightgray;margin-bottom:20px}.gig .container .right{flex:1;border:1px solid lightgray;padding:20px;border-radius:5px;display:flex;flex-direction:column;gap:20px;height:max-content;max-height:500px;position:sticky;top:150px}.gig .container .right .price{display:flex;align-items:center;justify-content:space-between}.gig .container .right .price h2{font-weight:300}.gig .container .right .price h3{font-weight:500}.gig .container .right p{color:gray;margin:10px 0}.gig .container .right .details{display:flex;align-items:center;justify-content:space-between;font-size:14px}.gig .container .right .details .item{display:flex;align-items:center;gap:10px}.gig .container .right .details .item img{width:20px}.gig .container .right .features .item{display:flex;align-items:center;gap:10px;font-weight:300;color:gray;margin-bottom:5px}.gig .container .right .features .item img{width:14px}.gig .container .right button{background-color:#1dbf73;padding:10px;color:#fff;font-weight:500;border:none;font-size:18px;cursor:pointer}.review{display:flex;flex-direction:column;gap:20px;margin:20px 0}.review .user{display:flex;align-items:center}.review .user .pp{height:50px;width:50px;border-radius:50%}.review .user .country{display:flex;align-items:center;gap:10px;color:gray}.review .user .country img{width:20px}.review .stars{display:flex;gap:5px}.review .stars img{height:14px;width:14px}.review .stars span{font-size:14px;font-weight:700;color:#ffc108}.review .helpful{display:flex;align-items:center;gap:10px}.review .helpful img{width:14px}.reviews{margin-top:50px}.reviews .add{margin-top:20px;display:flex;flex-direction:column;gap:20px}.reviews .add .addForm{display:flex;flex-direction:column;gap:20px}.reviews .add .addForm input{padding:20px}.reviews .add .addForm select{width:200px;padding:20px;align-self:flex-end}.reviews .add .addForm button{align-self:flex-end;width:100px;border:none;padding:10px;color:#fff;background-color:#1dbf73;cursor:pointer}.reviews hr{height:0;border:.5px solid lightgray;margin:50px 0}.login{display:flex;align-items:center;justify-content:center}.login form{width:360px;padding:100px 0;display:flex;flex-direction:column;gap:20px}.login form h1{color:gray;margin-bottom:20px}.login form label{color:gray;font-size:18px}.login form input,.login form textarea{padding:20px;border:1px solid rgb(216,214,214)}.login form button{border:none;padding:20px;color:#fff;font-weight:500;font-size:18px;background-color:#1dbf73;cursor:pointer}.login form span{color:red;font-size:12px}.register{display:flex;align-items:center;justify-content:center}.register form{width:960px;padding:100px 0;display:flex;gap:120px}.register form h1{color:gray;margin-bottom:20px}.register form .left,.register form .right{flex:1;display:flex;flex-direction:column;gap:10px;justify-content:space-between}.register form .left label,.register form .right label{color:gray;font-size:18px}.register form .left input,.register form .left textarea,.register form .right input,.register form .right textarea{padding:20px;border:1px solid rgb(216,214,214)}.register form .left button,.register form .right button{border:none;padding:20px;color:#fff;font-weight:500;font-size:18px;background-color:#1dbf73;cursor:pointer}.register form .left .toggle,.register form .right .toggle{display:flex;align-items:center;gap:10px}.register form .left .toggle .switch,.register form .right .toggle .switch{position:relative;display:inline-block;width:50px;height:24px}.register form .left .toggle .switch input,.register form .right .toggle .switch input{opacity:0;width:0;height:0}.register form .left .toggle .slider,.register form .right .toggle .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:24px}.register form .left .toggle .slider:before,.register form .right .toggle .slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}.register form .left .toggle input:checked+.slider,.register form .right .toggle input:checked+.slider{background-color:#2196f3}.register form .left .toggle input:focus+.slider,.register form .right .toggle input:focus+.slider{box-shadow:0 0 1px #2196f3}.register form .left .toggle input:checked+.slider:before,.register form .right .toggle input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.add{display:flex;justify-content:center}.add .container{width:1400px;padding:50px 0}.add .container h1{width:max-content;margin-bottom:30px;color:gray;font-weight:300}.add .container .sections{display:flex;justify-content:space-between;gap:100px}.add .container .sections label{color:gray;font-size:18px}.add .container .sections .info,.add .container .sections .details{flex:1;display:flex;flex-direction:column;gap:10px;justify-content:space-between}.add .container .sections .info input,.add .container .sections .info select,.add .container .sections .info textarea,.add .container .sections .details input,.add .container .sections .details select,.add .container .sections .details textarea{padding:20px}.add .container .sections .info .images,.add .container .sections .details .images{display:flex;align-items:center;gap:20px}.add .container .sections .info .images .imagesInputs,.add .container .sections .details .images .imagesInputs{display:flex;flex-direction:column;gap:20px}.add .container .sections .info button,.add .container .sections .details button{border:none;padding:20px;color:#fff;font-weight:500;font-size:18px;background-color:#1dbf73;cursor:pointer}.add .container .sections .info .add,.add .container .sections .details .add{display:flex;justify-content:space-between}.add .container .sections .info .add input,.add .container .sections .details .add input{width:80%}.add .container .sections .info .addedFeatures,.add .container .sections .details .addedFeatures{display:flex;gap:20px}.add .container .sections .info .addedFeatures button,.add .container .sections .details .addedFeatures button{height:30px;font-size:12px;font-weight:400;background:transparent;color:red;border:1px solid red;display:flex;align-items:center;gap:20px}.orders{display:flex;justify-content:center;color:#555}.orders .container{width:1400px;padding:50px 0}.orders .container .title{display:flex;justify-content:space-between}.orders .container .title button{background-color:#1dbf73;color:#fff;font-weight:500;border:none;padding:10px;cursor:pointer}.orders .container table{width:100%;border-collapse:collapse}.orders .container table tr{height:50px;border-bottom:1px solid #ddd}.orders .container table tr th{text-align:left;padding:10px}.orders .container table tr td{padding:10px}.orders .container table tr td sup{font-size:12px}.orders .container table tr td .image{width:50px;height:25px;object-fit:cover}.orders .container table tr td .message{width:25px;cursor:pointer}.orders .container table tr td .status-button{padding:4px 8px;border-radius:4px;cursor:pointer;border:none;font-size:14px;display:inline-block;text-align:center;background-color:transparent}.orders .container table tr td .sales{color:#ff5f00;font-weight:700}.orders .container table tr td .delete-icon{cursor:pointer;color:red;font-size:18px;display:inline-block;margin-left:15px}.orders .container table tr:nth-child(2n){background-color:#f7f7f7}.messages{display:flex;justify-content:center}.messages .container{width:1400px;padding:50px 0}.messages .container .title{display:flex;justify-content:space-between}.messages .container .title button{background-color:#1dbf73;color:#fff;font-weight:500;border:none;padding:10px;cursor:pointer}.messages .container table{width:100%}.messages .container table tr{height:100px}.messages .container table tr th{text-align:left}.messages .container table tr td{padding:10px}.messages .container table tr td:first-child{font-weight:500}.messages .container table tr td:nth-child(2),.messages .container table tr td:nth-child(3){color:gray}.messages .container table tr button{background-color:#1dbf73;color:#fff;padding:10px;border:none;cursor:pointer}.messages .container table tr.active{background-color:#1dbf730f}.message{display:flex;justify-content:center}.message .container{width:1200px;margin:50px}.message .container .breadcrumbs{font-weight:300;font-size:13px;color:#555}.message .container .messages{margin:30px 0;padding:50px;display:flex;flex-direction:column;gap:20px;height:500px;overflow:scroll}.message .container .messages .item{display:flex;gap:20px;max-width:600px;font-size:18px}.message .container .messages .item.owner{flex-direction:row-reverse;align-self:flex-end}.message .container .messages .item.owner p{max-width:500px;border-radius:20px 0 20px 20px;background-color:#4169e1;color:#fff}.message .container .messages .item img{width:40px;height:40px;border-radius:50%;object-fit:cover}.message .container .messages .item p{max-width:500px;padding:20px;background-color:#f4f1f1;border-radius:0 20px 20px;color:gray;font-weight:300}.message .container hr{height:0;border:.5px solid rgb(232,230,230);margin-bottom:20px}.message .container .write{display:flex;align-items:center;justify-content:space-between}.message .container .write textarea{width:80%;height:100px;padding:10px;border:1px solid lightgray;border-radius:10px}.message .container .write button{background-color:#1dbf73;padding:20px;color:#fff;font-weight:500;border:none;border-radius:10px;cursor:pointer;width:100px}.myGigs{display:flex;justify-content:center;color:#555}.myGigs .container{width:1400px;padding:50px 0}.myGigs .container .title{display:flex;justify-content:space-between}.myGigs .container .title button{background-color:#1dbf73;color:#fff;font-weight:500;border:none;padding:10px;cursor:pointer}.myGigs .container table{width:100%}.myGigs .container table tr{height:50px}.myGigs .container table tr th{text-align:left}.myGigs .container table tr td sup{font-size:12px}.myGigs .container table tr td .image{width:50px;height:25px;object-fit:cover}.myGigs .container table tr td .delete{width:20px;cursor:pointer}.myGigs .container table tr:nth-child(2n){background-color:#1dbf730f}.confirmModal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.confirmModal .modalContent{background:#fff;padding:20px 30px;border-radius:12px;text-align:center;box-shadow:0 5px 15px #0000004d}.confirmModal .modalContent p{margin-bottom:20px}.confirmModal .modalContent .buttons{display:flex;justify-content:center;gap:10px}.confirmModal .modalContent .buttons button{padding:8px 14px;border:none;border-radius:8px;cursor:pointer;font-weight:600}.confirmModal .modalContent .buttons .yes{background-color:#e74c3c;color:#fff}.confirmModal .modalContent .buttons .no{background-color:#bdc3c7}.submitRequirements{display:flex;justify-content:center;padding:50px}.submitRequirements .container{width:600px;display:flex;flex-direction:column;gap:20px}.submitRequirements .container textarea{height:200px;padding:10px;font-size:16px}.submitRequirements .container .error{color:red}.submitRequirements .container button{background-color:#1dbf73;color:#fff;border:none;padding:10px;font-weight:700;cursor:pointer;transition:.3s}.submitRequirements .container button:hover{background-color:#17a463}.uploadWork{display:flex;justify-content:center;margin-top:50px}.uploadWork .container{display:flex;flex-direction:column;width:400px;gap:20px}.uploadWork .container input,.uploadWork .container textarea{padding:10px;font-size:16px}.uploadWork .container .error{color:red}.uploadWork .container button{padding:10px;background-color:#1dbf73;color:#fff;border:none;cursor:pointer}.order-details{padding:2rem;max-width:700px;margin:0 auto;background-color:#f9f9f9;border-radius:12px;box-shadow:0 2px 12px #0000001a}.order-details h2{text-align:center;margin-bottom:1.5rem;color:#2e7d32}.order-details .section{margin-bottom:2rem}.order-details .section h3{margin-bottom:.75rem;color:#333}.order-details .section p{margin:.3rem 0;font-size:15px}.order-details .section input[type=text]{padding:.5rem;width:100%;border:1px solid #ccc;border-radius:6px;margin-bottom:1rem}.order-details .section input[type=file]{margin-bottom:1rem}.order-details .section button{background-color:#2e7d32;color:#fff;padding:.5rem 1.2rem;border:none;border-radius:6px;cursor:pointer;transition:background .3s}.order-details .section button:hover{background-color:#256b2a}.order-details .section button:disabled{background-color:#999;cursor:not-allowed}.order-details .section .message{margin-top:1rem;font-size:14px;color:#2e7d32}.order-details .checkbox-section label{display:flex;align-items:center;gap:10px;font-weight:500}.addProject{display:flex;justify-content:center;padding:50px 0}.addProject .container{width:80%;max-width:900px;background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 20px #00000014}.addProject .container h1{text-align:center;font-size:32px;margin-bottom:30px;color:#333}.addProject .container .form{display:flex;flex-direction:column;gap:20px}.addProject .container .form label{font-weight:600;color:#444;margin-bottom:5px}.addProject .container .form input,.addProject .container .form select,.addProject .container .form textarea{padding:12px 15px;border-radius:8px;border:1px solid #ccc;font-size:16px;resize:none}.addProject .container .form input:focus,.addProject .container .form select:focus,.addProject .container .form textarea:focus{outline:none;border-color:#1dbf73}.addProject .container .form textarea{min-height:120px}.addProject .container .form button{width:fit-content;padding:12px 25px;background-color:#1dbf73;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:.3s ease}.addProject .container .form button:hover{background-color:#179f60}.download-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:20px}.download-title{font-size:24px;font-weight:600}.download-title-highlight{color:green}.download-link-wrapper{margin-top:20px;word-break:break-word;max-width:90%}.download-link{font-size:18px;color:#007bff;text-decoration:underline}.download-warning{margin-top:20px;color:orange;font-size:16px}.projects-page{padding:40px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.projects-page h1{margin-bottom:20px;font-size:28px;font-weight:700;color:#333}.projects-page table{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 2px 8px #0000000d}.projects-page table thead{background-color:#f8f8f8}.projects-page table thead th{padding:12px 16px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #eaeaea}.projects-page table tbody tr{transition:background-color .2s ease}.projects-page table tbody tr:hover{background-color:#f4f4f4}.projects-page table tbody tr td{padding:12px 16px;border-bottom:1px solid #eee;color:#444;font-size:15px}.projects-page table tbody tr td button{padding:6px 12px;border:none;background-color:#007bff;color:#fff;border-radius:4px;cursor:pointer;font-size:14px}.projects-page table tbody tr td button:hover{background-color:#0056b3}.projects-page table tbody tr td span{font-size:14px;color:green;font-weight:700}.projects-page table tbody tr:last-child td{border-bottom:none}.projects-page table tbody td[colspan="3"]{text-align:center;padding:20px;font-style:italic;color:#888}.projects{padding:40px 0}.projects .container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.projects .breadcrumbs{font-size:14px;color:#777;margin-bottom:10px}.projects h1{font-size:36px;font-weight:700;margin-bottom:20px}.projects p{font-size:16px;color:#555;margin-bottom:30px}.projects .menu{display:flex;justify-content:space-between;margin-bottom:20px}.projects .menu .left{display:flex;align-items:center}.projects .menu .left span{margin-right:10px;font-weight:600}.projects .menu .left input{padding:5px;margin-right:10px;width:120px;font-size:14px;border:1px solid #ccc;border-radius:5px}.projects .menu .left button{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.projects .menu .left button:hover{background-color:#0056b3}.projects .menu .right{display:flex;align-items:center;position:relative}.projects .menu .right .sortBy{margin-right:10px}.projects .menu .right .sortType{font-weight:600;cursor:pointer}.projects .menu .right img{margin-left:10px;cursor:pointer}.projects .menu .right .rightMenu{position:absolute;top:30px;right:0;background-color:#fff;border:1px solid #ccc;border-radius:5px;width:150px;box-shadow:0 4px 6px #0000001a}.projects .menu .right .rightMenu span{display:block;padding:8px 15px;cursor:pointer;font-size:14px}.projects .menu .right .rightMenu span:hover{background-color:#f5f5f5}.projects .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.projectCard2{width:100%;max-width:300px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.projectCard2:hover{transform:scale(1.05);box-shadow:0 8px 16px #0003}.projectCard2 .info{padding:15px}.projectCard2 img{width:100%;height:180px;object-fit:cover;border-bottom:1px solid #ddd}.projectCard2 .user{display:flex;align-items:center;margin-bottom:10px}.projectCard2 .user img{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:10px}.projectCard2 .user span{font-size:16px;font-weight:700;color:#333}.projectCard2 p{font-size:14px;color:#666;line-height:1.4;margin-bottom:15px}.projectCard2 .detail{display:flex;justify-content:space-between;padding:10px 15px;align-items:center}.projectCard2 .detail img{width:18px;height:18px}.projectCard2 .detail .price{text-align:right}.projectCard2 .detail .price span{font-size:12px;color:#999}.projectCard2 .detail .price h2{font-size:18px;font-weight:600;color:#e74c3c;margin:0}.projectDetail{padding:40px 20px;background-color:#f9f9f9;min-height:100vh}.projectDetail .container{max-width:1000px;margin:0 auto;background-color:#fff;padding:32px;border-radius:16px;box-shadow:0 6px 24px #0000000d;display:flex;flex-direction:column;gap:32px}.projectDetail .container h1{font-size:2rem;font-weight:600;margin-bottom:12px;color:#222}.projectDetail .container p{font-size:1rem;color:#555;line-height:1.6}.projectDetail .container .projectInfo,.projectDetail .container .sellerInfo{background-color:#fdfdfd;border:1px solid #e5e5e5;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:10px}.projectDetail .container .projectInfo h3,.projectDetail .container .sellerInfo h3{font-size:1.25rem;font-weight:600;color:#333;margin-bottom:10px}.projectDetail .container .projectInfo p,.projectDetail .container .sellerInfo p{margin:0}.projectDetail .container .projectInfo p strong,.projectDetail .container .sellerInfo p strong{color:#333;font-weight:500}.projectDetail .container .projectInfo .user,.projectDetail .container .sellerInfo .user{display:flex;align-items:center;gap:16px}.projectDetail .container .projectInfo .user img,.projectDetail .container .sellerInfo .user img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #ddd}.projectDetail .container .projectInfo .user span,.projectDetail .container .sellerInfo .user span{font-weight:600;font-size:1.1rem;color:#222}.projectDetail .container .bidSection{display:flex;justify-content:flex-end}.projectDetail .container .bidSection button{padding:12px 24px;font-size:1rem;font-weight:500;color:#fff;background-color:#3b82f6;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.projectDetail .container .bidSection button:hover:not(:disabled){background-color:#2563eb}.projectDetail .container .bidSection button:disabled{background-color:#94a3b8;cursor:not-allowed}.myworks .container{max-width:1200px;margin:0 auto;padding:20px;overflow-x:auto}.myworks h1{text-align:center;margin-bottom:20px;font-size:1.8rem;color:#333}.myworks .projects-table{width:100%;border-collapse:collapse;margin:0 auto;box-shadow:0 2px 10px #0000001a;background-color:#fff}.myworks th,.myworks td{padding:12px 20px;text-align:left;font-size:1rem}.myworks th{background-color:#f4f4f4;color:#333;font-weight:600;border-bottom:2px solid #ddd}.myworks td{border-bottom:1px solid #f4f4f4}.myworks .project-img{width:40px;height:40px;object-fit:cover;border-radius:50%}.myworks .clickable-title{color:#007bff;cursor:pointer;text-decoration:underline}.myworks .status{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.9rem;text-transform:capitalize}.myworks .status.pending{background-color:#f0ad4e;color:#fff}.myworks .status.completed{background-color:#3ebd33;color:#fff}.myworks .status.accept{background-color:#5bc0de;color:#fff}.myworks .status.reject{background-color:#d9534f;color:#fff}@media (max-width: 768px){.myworks .projects-table{font-size:.9rem}.myworks th,.myworks td{padding:8px 12px}}.show-modules-btn{padding:6px 12px;font-size:.9rem;background-color:#3ebd33;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.show-modules-btn:hover{background-color:#32a62a}.user-profile{font-family:Arial,sans-serif;background-color:#f4f7fc;padding:20px;border-radius:8px;max-width:900px;margin:30px auto;box-shadow:0 4px 10px #0000001a}.user-profile h2{text-align:center;font-size:2.5rem;color:#333;margin-bottom:20px}.user-profile .profile-section{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.user-profile .profile-section .profile-image{width:180px;height:180px;border-radius:50%;overflow:hidden;margin-bottom:20px;border:5px solid #ff7b54;box-shadow:0 4px 12px #0000001a}.user-profile .profile-section .profile-image img{width:100%;height:100%;object-fit:cover}.user-profile .profile-section .profile-details{display:flex;flex-direction:column;width:100%;max-width:500px}.user-profile .profile-section .profile-details .profile-card{display:flex;align-items:center;background-color:#fff;padding:15px;margin:8px 0;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;cursor:default}.user-profile .profile-section .profile-details .profile-card .icon{margin-right:15px;font-size:1.5rem;color:#ff7b54}.user-profile .profile-section .profile-details .profile-card p{font-size:1.2rem;color:#555;margin:0}.user-profile .profile-section .profile-details .profile-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.user-profile hr{border:none;border-top:1px solid #eee;margin:20px 0}.user-profile .gig-card,.user-profile .review-card{background-color:#fff;padding:15px;margin:10px 0;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.user-profile .gig-card h4,.user-profile .review-card h4{margin:0 0 5px;color:#333}.user-profile .gig-card p,.user-profile .review-card p{color:#555;font-size:1rem}.user-profile .gig-card{background-color:#fffbf3;border-left:5px solid #ff7b54}.user-profile .review-card{background-color:#f1f8ff;border-left:5px solid #58a6ff}.user-profile .loading,.user-profile .error{text-align:center;font-size:1.2rem;padding:20px;color:#d9534f}@media (max-width: 768px){.user-profile{padding:15px}.user-profile .profile-section .profile-details{width:100%;max-width:100%}.user-profile .profile-section .profile-card{flex-direction:column;align-items:flex-start}.user-profile .profile-section .profile-card .icon{margin-bottom:8px}}.bids-container{padding:20px;max-width:800px;margin:auto}.bids-container .bids-title{font-size:28px;margin-bottom:20px;text-align:center}.bids-container .bid-cards{display:flex;flex-direction:column;gap:20px}.bids-container .bid-card{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #ddd;border-radius:12px;background-color:#f9f9f9;box-shadow:0 2px 8px #0000000d;gap:90px}.bids-container .bidder-info{display:flex;align-items:center;gap:25px}.bids-container .bidder-info .profile-link{display:flex;align-items:center}.bids-container .bidder-info .profile-img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #19b372}.bids-container .bidder-info h3{margin:0;font-size:18px}.bids-container .bidder-info p{margin:2px 0 0;color:#444}.bids-container .action-buttons{display:flex;flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}.bids-container .action-buttons .accept-btn,.bids-container .action-buttons .reject-btn,.bids-container .action-buttons .assign-btn{padding:8px 12px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .3s ease}.bids-container .action-buttons .accept-btn{background-color:#4caf50;color:#fff}.bids-container .action-buttons .accept-btn:hover:enabled{background-color:#43a047}.bids-container .action-buttons .reject-btn{background-color:#f44336;color:#fff}.bids-container .action-buttons .reject-btn:hover{background-color:#d32f2f}.bids-container .action-buttons .assign-btn{background-color:#2196f3;color:#fff;text-decoration:none;text-align:center}.bids-container .action-buttons .assign-btn:hover{background-color:#1976d2}.assign-work-container{width:100%;max-width:1200px;margin:40px auto;padding:0 30px}.assign-work-container h1{font-size:28px;font-weight:700;text-align:center;margin-bottom:40px}.module-box{width:100%;background-color:#d9efff;padding:30px;border-radius:16px;box-shadow:0 4px 12px #0000001a;margin-bottom:30px;position:relative}.module-box .module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.module-box .module-header h2{font-size:20px;font-weight:600}.module-box .module-header .status-badge{background-color:#ffe28a;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:700}.module-box label{font-weight:600;display:block;margin-bottom:6px;margin-top:16px}.module-box input,.module-box textarea{width:100%;padding:10px 14px;border:1px solid #ccc;border-radius:8px;font-size:15px;margin-bottom:10px;resize:none}.module-box .project-url{margin-top:20px;font-style:italic;color:#555}.module-box .assign-btn{margin-top:20px;background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:background-color .2s ease}.module-box .assign-btn:hover{background-color:#0056b3}.module-box .icon-actions{margin-top:15px;display:flex;gap:20px}.module-box .icon-actions .icon{width:36px;height:36px;cursor:pointer;transition:transform .2s ease}.module-box .icon-actions .icon.ok{color:#28a745}.module-box .icon-actions .icon.ok:hover{transform:scale(1.2);color:#218838}.module-box .icon-actions .icon.rework{color:#dc3545}.module-box .icon-actions .icon.rework:hover{transform:scale(1.2);color:#c82333}.module-box .submitted-images{margin-top:20px}.module-box .submitted-images .image-list{display:flex;gap:12px;flex-wrap:wrap}.module-box .submitted-images .image-list img{width:100px;height:100px;object-fit:cover;border-radius:10px;cursor:pointer;transition:transform .2s ease}.module-box .submitted-images .image-list img:hover{transform:scale(1.05);box-shadow:0 2px 10px #0003}.image-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:9999}.image-modal img{max-width:90%;max-height:80%;border-radius:12px;box-shadow:0 0 25px #fff3}.image-modal .close-btn{position:absolute;top:20px;right:30px;width:36px;height:36px;color:#fff;cursor:pointer}.image-modal .close-btn:hover{color:#ccc}.amount-approval{display:flex;gap:10px;margin-top:10px;align-items:center}.amount-approval input{flex:1;padding:8px 12px;font-size:14px;border:1px solid #ccc;border-radius:8px}.amount-approval button{padding:8px 14px;background-color:#28a745;color:#fff;font-weight:600;border:none;border-radius:8px;cursor:pointer}.amount-approval button:hover{background-color:#218838}.pay-btn{background-color:#ff9800;color:#fff;padding:12px 24px;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.pay-btn:hover{background-color:#f57c00;box-shadow:0 6px 10px #0003}.pay-btn:focus{outline:none;border:2px solid #ff5722}.pay-btn:active{background-color:#e64a19;box-shadow:none}@media (max-width: 600px){.pay-btn{padding:10px 20px;font-size:14px}}.assigned-modules{padding:2rem;max-width:800px;margin:auto}.assigned-modules h1{text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:600}.assigned-modules .module-card{background-color:#eaf4ff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000000d;position:relative}.assigned-modules .module-card .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.assigned-modules .module-card .header h2{margin:0}.assigned-modules .module-card .header .status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.assigned-modules .module-card .header .submitted{background-color:#d4f9e2;color:#2c7a4b}.assigned-modules .module-card .header .waiting{background-color:#fff2cc;color:#8a6d3b}.assigned-modules .module-card .header .in_progress{background-color:#e6f0ff;color:#2b6cb0}.assigned-modules .module-card .header .completed{background-color:#d9edf7;color:#31708f}.assigned-modules .module-card label{font-weight:500;display:block;margin-top:1rem}.assigned-modules .module-card input[type=text],.assigned-modules .module-card input[type=number],.assigned-modules .module-card textarea{width:100%;padding:.6rem;margin-top:.3rem;border:1px solid #ccc;border-radius:6px;resize:none}.assigned-modules .module-card textarea{height:100px}.assigned-modules .module-card .submitted-url{font-style:italic;color:#004085;background:#e2ecf9;padding:.5rem;border-radius:6px}.assigned-modules .module-card .edit-btn,.assigned-modules .module-card .submit-btn{margin-top:1rem;padding:.6rem 1.2rem;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer}.assigned-modules .module-card .edit-btn{background-color:#6c757d}.assigned-modules .module-card .submit-btn:disabled{opacity:.7;cursor:not-allowed}#payment-form{max-width:400px;margin:0 auto;padding:2rem;border-radius:12px;box-shadow:0 0 15px #0000001a;background-color:#fff;display:flex;flex-direction:column;gap:1.5rem}#payment-form #link-authentication-element,#payment-form #payment-element{padding:.5rem;border-radius:8px;border:1px solid #ccc;background-color:#fafafa}#payment-form #submit{padding:.75rem;font-size:1rem;font-weight:700;background-color:#5469d4;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}#payment-form #submit:disabled{background-color:#a0aec0;cursor:not-allowed}#payment-form #submit #button-text{display:flex;justify-content:center;align-items:center}#payment-form #submit .spinner{border:2px solid transparent;border-top:2px solid white;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#payment-form #payment-message{font-size:.9rem;text-align:center;padding:.75rem;border-radius:8px;background-color:#f6f9fc;border:1px solid #dadada;color:#32325d}