@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";* .link{text-decoration:none;color:inherit}html{scroll-behavior:smooth}.navbar{display:flex;flex-direction:column;align-items:center;background-color:#fff;color:#000;position:sticky;top:0;z-index:999;border-bottom:1px solid #e4e5e7;transition:background-color .5s ease,backdrop-filter .5s ease,-webkit-backdrop-filter .5s ease,color .5s ease}.navbar.active{background-color:#ffffffbf;color:#000;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(5px) saturate(180%);border:0;transition:border .5s ease,transform .2s,-webkit-transform .2s;transform:rotateX(0);opacity:1}.navbar.active button{background-color:#ffffffbf;color:#1dbf73;border:1px solid #1dbf73}.navbar .container{width:90%;max-width:1400px;display:flex;align-items:center;justify-content:space-between;padding:20px 0}.navbar .container .logo{font-size:28px;font-weight:900;font-family:Poppins,sans-serif;line-height:1.2;color:#424242;cursor:pointer}.navbar .container .links{display:flex;align-items:center;gap:16px;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 .signinbutton{background:transparent;font-size:16px;color:#000;border:1px solid #1dbf73;padding:10px 30px;border-radius:50px;cursor:pointer;transition:.3s}.navbar .container .links .signinbutton:hover{background-color:#1dbf73;color:#fff;border-color:#1dbf73}.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:90%;max-width:1400px;padding:10px 0;display:flex;justify-content:space-between;color:#1e1e1e;font-weight:400;font-family:Montserrat,sans-serif;z-index:998}@media (max-width: 738px){.navbar .menu{display:none}}.login-popup{position:fixed;z-index:999;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;top:0;left:0;overflow-y:auto}.login-popup-container{width:max(23vw,330px);color:gray;background-color:azure;display:flex;flex-direction:column;gap:25px;padding:25px 30px;border-radius:10px;font-size:14px;animation:FadeIn .5s;box-shadow:0 2px 10px #0000001a}.login-popup-title{display:flex;justify-content:space-between;align-items:center;color:#000}.login-popup-title img{width:16px;cursor:pointer}.login-popup-inputs{display:flex;flex-direction:column;gap:20px}.login-popup-inputs input{outline:none;border:1px solid #c9c9c9;padding:10px;border-radius:4px}.login-popup-container button{border:none;padding:10px;border-radius:4px;color:#f5f5f5!important;background-color:#1dbf73!important;font-size:15px;cursor:pointer;transition:background-color .3s ease}.login-popup-container button:hover,.login-popup-container button:focus{background-color:#17a761;outline:none}.login-popup-condition{display:flex;align-items:start;gap:8px;margin-top:-15px}.login-popup-condition input{margin-top:5px}.login-popup p span{color:#1dbf73;font-weight:500;cursor:pointer}@keyframes FadeIn{0%{opacity:0}to{opacity:1}}.footer{display:flex;justify-content:center;color:#666;margin:50px 10px}.footer img{width:24px;height:24px}.footer .container{width:1400px}.footer .container .top{display:flex;justify-content:space-around}.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 1rem;height:0;border:1px solid #ebe9e9}.footer .container .bottom{display:flex;align-items:center;justify-content:space-between;margin:0rem 2rem}.footer .container .bottom .left{width:max-content;display:flex;align-items:center;gap:25px}.footer .container .bottom .left span{font-size:13px;white-space:nowrap}.footer .container .bottom .left h2{font-weight:900;font-size:28px}.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{scroll-behavior:smooth!important}.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:100%;max-width:1400px;display:flex;align-items:center;gap:20px;flex-direction:column;padding:0rem 0rem 0rem 4rem}.home .features .container .item{width:100%;display:flex;flex-direction:column;gap:15px}.home .features .container .item:first-child{order:2;flex:1}.home .features .container .item:last-child{order:1;flex:1}.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:100%}.home .explore{display:flex;justify-content:center;padding:100px 0}.home .explore .container{width:100%;max-width:1400px}.home .explore .container h1{color:#555;text-align:center;padding:10px}.home .explore .container .items{display:flex;justify-content:center;flex-wrap:wrap}.home .explore .container .items .item{width:100%;max-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}@media (min-width: 768px){.home .features .container{flex-direction:row;gap:50px}.home .features .container .item:first-child,.home .features .container .item:last-child{order:0}.home .features .container .item video{width:480px}}@media (min-width: 1024px){.home .features{padding:100px 0}.home .features .container{gap:200px}.home .features .container .item:first-child{flex:2}.home .features .container .item:last-child{flex:3}.home .features .container .item video{width:720px}}@media (min-width: 1200px){.home .features,.home .explore{padding:100px 0}.home .features .container,.home .explore .container{max-width:1400px}}.featured{height:500px;display:flex;justify-content:center;background-color:#fff;color:#fff;padding:1rem 0rem}.featured .container{margin:2rem;width:auto;display:flex;align-items:center;background-color:#172e37;padding:0 24px;border-radius:16px}.featured .container .left{display:flex;flex-direction:column;gap:30px}.featured .container .left h1{font-size:50px;font-family:DM Sans,sans-serif}.featured .container .left h1 span{font-style:italic;font-weight:400;font-family:Times New Roman,Times,serif}.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;width:90%}.featured .container .left .search .searchInput img{width:20px;height:20px;margin:10px}.featured .container .left .search .searchInput input{border:none;outline:none;width:100%}.featured .container .left .search .searchInput input::placeholder{color:gray}.featured .container .left .search button{width:120px;height:50px;border:none;background-color:#1e823f;color:#fff;align-self:flex-end;cursor:pointer}.featured .container .left .search button:hover{background-color:#0c6820;transition:all .2s ease}.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;text-decoration:none}.featured .container .left .popular button:hover{background:#ffffffe6;color:#000;transition:all .25s ease}.featured .container .right{height:100%}.featured .container .right img{height:100%;object-fit:contain}.trustedBy{background-color:#fafafa;display:flex;flex-direction:column;align-items:center;justify-content:center;height:150px}.trustedBy .fixedText{margin-bottom:10px;text-align:center;color:#c2c2c2;font-weight:400;white-space:nowrap;font-size:14px;font-family:Poppins,sans-serif}.trustedBy .scrollingContainer{overflow:hidden;width:60%;display:flex;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;mask-image:linear-gradient(to right,#0000,#000 20%,#000 80%,#0000);-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgb(0,0,0) 20%,rgb(0,0,0) 80%,rgba(0,0,0,0) 100%)}.trustedBy .scrollingImages{display:flex;align-items:center;animation:marquee 30s linear infinite}.trustedBy .scrollingImages img{height:50px;object-fit:contain;margin-right:20px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.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:0}.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}.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}.gigs{width:100%;display:flex;justify-content:center}.gigs .container{width:90%;max-width:1400px;padding:30px;display:flex;flex-direction:column;gap:20px;margin:0 auto}.gigs .container .breadcrumbs{font-weight:300;text-transform:uppercase;font-size:13px;color:#555;margin-bottom:10px}.gigs .container h1{font-weight:400;margin-bottom:20px}.gigs .container p{color:#999;font-weight:300;margin-bottom:20px}.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:10px;border:1px solid lightgrey;border-radius:5px;outline:none;font-size:14px}.gigs .container .menu .left input::placeholder{color:#999}.gigs .container .menu .left button{padding:10px 15px;background-color:#1dbf73;color:#fff;border:none;font-weight:500;border-radius:5px;cursor:pointer;font-size:14px}.gigs .container .menu .left button:hover{background-color:#17a15e}.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:20px;cursor:pointer}.gigs .container .menu .right .rightMenu{padding:20px;background-color:#fff;border:1px solid lightgrey;border-radius:5px;position:absolute;top:40px;right:0;z-index:9;display:flex;flex-direction:column;gap:15px;color:#555}.gigs .container .menu .right .rightMenu span{cursor:pointer;padding:5px;transition:background-color .3s}.gigs .container .menu .right .rightMenu span:hover{background-color:#f0f0f0}.gigs .container .cards{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:20px}.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:90%;max-width:1400px;padding:30px;display:flex;gap:50px;margin:0 auto}.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 h1{font-weight:400;margin-bottom:20px}.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;margin-bottom:10px}.gig .container .left p{font-weight:300;line-height:1.5;color:#555;margin-bottom:20px}.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;font-weight:500;cursor:pointer}.gig .container .left .seller .user .info button:hover{background-color:#f5f5f5}.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;flex-wrap:wrap;gap:20px;justify-content:space-between}.gig .container .left .seller .box .items .item{width:100%;max-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 .left .reviews{margin-top:50px}.gig .container .left .reviews .item{display:flex;flex-direction:column;gap:20px;margin:20px 0}.gig .container .left .reviews .item .user{display:flex;align-items:center}.gig .container .left .reviews .item .user .pp{height:50px;width:50px;border-radius:50%}.gig .container .left .reviews .item .user .country{display:flex;align-items:center;gap:10px;color:gray}.gig .container .left .reviews .item .user .country img{width:20px}.gig .container .left .reviews .item .stars{display:flex;gap:5px}.gig .container .left .reviews .item .stars img{height:14px;width:14px}.gig .container .left .reviews .item .stars span{font-size:14px;font-weight:700;color:#ffc108}.gig .container .left .reviews .item .helpful{display:flex;align-items:center;gap:10px}.gig .container .left .reviews .item .helpful img{width:14px}.gig .container .left .reviews hr{height:0;border:.5px solid lightgray;margin:50px 0}.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;border-radius:5px}.gig .container .right button:hover{background-color:#0e5c38}.add{display:flex;justify-content:center}.add .container{width:90%;max-width:1400px;padding:50px 20px;margin:0 auto}.add .container h1{width:max-content;margin-bottom:30px;color:gray;font-weight:300;text-align:center}.add .container .sections{display:flex;flex-direction:column;gap:30px}@media (min-width: 768px){.add .container .sections{flex-direction:row;justify-content:space-between}}.add .container .sections label{color:gray;font-size:18px;margin-bottom:5px}.add .container .sections .info,.add .container .sections .details{flex:1;display:flex;flex-direction:column;gap:15px;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:15px;border:1px solid #ddd;border-radius:4px}.add .container .sections .info button,.add .container .sections .details button{border:none;padding:15px;color:#fff;font-weight:500;font-size:18px;background-color:#1dbf73;cursor:pointer;border-radius:4px;transition:background-color .3s}.add .container .sections .info button:hover,.add .container .sections .details button:hover{background-color:#0e5c38}.orders{display:flex;justify-content:center;color:#555}.orders .container{width:1400px;padding:50px;background-color:#fff}.orders .container .title{display:flex;justify-content:space-between;align-items:center}.orders .container .title h1{font-size:24px;font-weight:600;color:#333}.orders .container .title button{background-color:#1dbf73;color:#fff;font-weight:500;border:none;padding:12px 20px;cursor:pointer;border-radius:5px;transition:background-color .3s ease,transform .3s ease}.orders .container .title button:hover{background-color:#17a75a;transform:scale(1.05)}.orders .container table{width:100%;border-collapse:collapse;margin-top:20px;box-shadow:0 2px 10px #0000001a;border-radius:8px;overflow:hidden}.orders .container table th,.orders .container table td{padding:15px;text-align:left;border-bottom:1px solid #ddd}.orders .container table th{background-color:#f4f4f4;font-weight:600}.orders .container table tr:nth-child(2n){background-color:#f9f9f9}.orders .container table tr:hover{background-color:#f1f1f1}.orders .container table .image{width:50px;height:25px;object-fit:cover}.orders .container table .message{width:25px;cursor:pointer}.orders .container table sup{font-size:12px}.messages{display:flex;justify-content:center;width:100%;padding:30px;box-sizing:border-box}.messages .container{width:100%;max-width:1400px;padding:40px;background-color:#fff;border-radius:10px;box-sizing:border-box;overflow-x:auto}.messages .container .title{display:flex;justify-content:space-between;margin-bottom:30px}.messages .container .title button{background-color:#1dbf73;color:#fff;font-weight:500;border:none;padding:12px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s}.messages .container .title button:hover{background-color:#17a15e}.messages .container table{width:100%;border-collapse:collapse;box-shadow:0 2px 10px #0000001a;border-radius:8px}.messages .container table th,.messages .container table td{padding:15px;text-align:left;border-bottom:1px solid #ddd}.messages .container table th{font-weight:500;color:#333;padding-top:20px;padding-bottom:10px}.messages .container table td:first-child{font-weight:500;color:#333}.messages .container table td:nth-child(2),.messages .container table td:nth-child(3){color:gray}.messages .container table button{background-color:#1dbf73;color:#fff;padding:8px 12px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.messages .container table button:hover{background-color:#17a15e}.messages .container table tr{transition:background-color .3s}.messages .container table tr:nth-child(2n){background-color:#f9f9f9}.messages .container table tr:hover{background-color:#f1f1f1}.messages .container .mark-as-read-button{background-color:#1dbf73;color:#fff;font-weight:500;border:none;padding:6px 10px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s}.messages .container .mark-as-read-button:hover{background-color:#17a15e}.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-y:auto}.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:70%;height:80px;padding:10px;border:1px solid lightgray;border-radius:10px}.message .container .write button{background-color:#1dbf73;padding:12px;color:#fff;font-weight:500;border:none;border-radius:10px;cursor:pointer;width:80px}.myGigs{display:flex;justify-content:center;color:#555}.myGigs .container{width:90%;max-width:1400px;padding:40px;background-color:#fff;border-radius:10px}.myGigs .container .title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.myGigs .container .title h1{font-size:24px;font-weight:600;color:#333}.myGigs .container .title button{background-color:#1dbf73;color:#fff;font-weight:500;border:none;padding:12px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s,transform .3s}.myGigs .container .title button:hover{background-color:#17a15e;transform:scale(1.05)}.myGigs .container table{width:100%;border-collapse:collapse;color:#333;box-shadow:0 2px 10px #0000001a;border-radius:8px;overflow:hidden}.myGigs .container table th,.myGigs .container table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.myGigs .container table th{font-weight:500;background-color:#f4f4f4;color:#333}.myGigs .container table td sup{font-size:12px}.myGigs .container table td .image{width:50px;height:25px;object-fit:cover}.myGigs .container table td .delete{width:20px;height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#f8d7da;border-radius:50%;transition:background-color .3s,transform .3s}.myGigs .container table td .delete:hover{background-color:#f5c6cb;transform:scale(1.1)}.myGigs .container table tr:nth-child(2n){background-color:#f9f9f9}.myGigs .container table tr:hover{background-color:#f1f1f1}
