.navbar{display:flex;align-items:center;background-color:#52006a;color:#fff;flex-direction:column;transition:all 1s ease;position:sticky;top:0;left:0;right:0;z-index:2000;font-family:Roboto,sans-serif}.navbar.active{background-color:#fff;color:#000}.navbar .container{width:1350px;display:flex;justify-content:space-between;padding:20px 0}.navbar .container .search{display:flex;align-items:center;background-color:#fff;border-radius:3px;width:0px;justify-content:space-between;margin-right:300px;border:.5px solid #FF7600;height:35px;transform-origin:left;transform:scaleZ(0);transition:transform .1s ease-in-out}.navbar .container .search.active{animation:expand .2s ease forwards}@keyframes expand{0%{transform:scaleZ(0)}to{transform:scaleZ(1);width:450px;margin-right:370px}}@keyframes stayVisible{0%,to{visibility:visible}}.navbar .container .search .searchbar{margin:5px 5px 5px 15px;display:flex;gap:10px;align-items:center;width:400px}.navbar .container .search .searchbar input{border:none;outline:none;width:100%;font-size:14px;font-family:Roboto,sans-serif}.navbar .container .search .searchbar input::placeholder{letter-spacing:.5px}.navbar .container .search button{background-color:#ff7600;color:#fff;width:50px;height:35px;border:none;border-top-right-radius:1px;border-bottom-right-radius:1px;cursor:pointer}.navbar .container .logo{font-size:30px;font-weight:700}.navbar .container .logo .secondlogo{color:#ff7600}.navbar .container .logo .dot{color:#fff}.navbar .container .logo .dot.active{color:#000}.navbar .container .links{font-family:Montserrat,sans-serif;display:flex;gap:30px;align-items:center;font-weight:500;cursor:pointer}.navbar .container .links span:hover{color:#ff7600}.navbar .container .links .user{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative}.navbar .container .links .user img{width:30px;height:30px;border-radius:50%;object-fit:cover}.navbar .container .links .user .dropdown{position:absolute;top:50px;right:-5px;background-color:#fff;color:#000;gap:10px;border-radius:5px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;z-index:1000;padding:5px 0;font-size:14px;width:200px;font-weight:300}.navbar .container .links .user .dropdown span:hover{background-color:#eee}.navbar .container .links .user .dropdown .link{padding:5px 20px;display:block;color:#000;transition:all .3s ease}.navbar .container .links .user .dropdown:hover{color:#ff7600}.navbar .container .links .button{font-family:Montserrat,sans-serif;padding:10px 20px;border:none;border-radius:5px;background-color:transparent;border:1px solid white;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease}.navbar .container .links .button:hover{background-color:#ff7600;border-color:#ff7600}.navbar .container .links .button.active{border-color:#ff7600;color:#ff7600}.navbar .container .links .button.active:hover{color:#fff}.navbar .container .links.active span:hover{color:#ff7600}.navbar hr{width:100%;box-sizing:border-box;border:.5px solid lightgrey}.navbar .menu{width:100%;max-width:1350px;max-height:40px;justify-content:space-between;display:flex;font-weight:300;height:0}.navbar .menu.active{padding:10px 0;animation:slideDown .3s ease-in-out forwards}@keyframes slideUp{0%{height:100%;padding:10px 0}to{height:0;padding:0}}@keyframes slideDown{0%{height:0;padding:0}to{height:100%;padding:10px 0}}.navbar .menu span{cursor:pointer;position:relative}.navbar .menu span:after{content:"";display:block;width:0;height:2px;background-color:#ff7600;position:absolute;bottom:-10px;transition:width .1s}.navbar .menu span:hover:after{width:100%}@media (max-width: 1024px){.navbar .container{padding:10px 20px}.navbar .search,.navbar .search.active{width:300px;margin-right:0}.navbar .menu{flex-direction:column;align-items:center}.navbar .menu span{padding:10px 0}}@media (max-width: 768px){.navbar .container{flex-direction:column;align-items:center}.navbar .logo{font-size:24px}.navbar .search,.navbar .search.active{width:250px;margin-right:0}.navbar .links{gap:20px}.navbar .links .button{padding:8px 16px}}@media (max-width: 480px){.navbar .container{padding:10px}.navbar .logo{font-size:20px}.navbar .search,.navbar .search.active{width:200px;margin-right:0}.navbar .links{gap:10px;font-size:14px}.navbar .links .button{padding:6px 12px}.navbar .menu span{font-size:14px}}.popup{position:fixed;left:0;display:flex;align-items:center;justify-content:center;width:100%;z-index:999999}.popup .popup-background{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080}.popup .popup-inner{top:150px;position:relative;padding:10px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;z-index:1000000}.login{display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif;flex-direction:column;padding:20px;border-radius:10px}.login .terms{width:350px;font-size:12px;font-weight:200;margin-top:20px}.login form{width:350px;padding:10px 20px;display:flex;flex-direction:column;gap:10px}.login form p{font-weight:300;margin-bottom:10px;font-size:14px}.login form h1{color:#3a3a3a;font-size:24px}.login form label{color:gray;font-size:16px}.login form input,.login form textarea{padding:15px;border-radius:5px;border:1px solid rgb(216,214,214)}.login form button{border:none;margin-top:10px;padding:15px;color:#fff;font-weight:500;font-size:18px;background-color:#ff7600;border-radius:5px;cursor:pointer}.login form span{color:red;font-size:12px}.homecard{height:710px;display:flex;justify-content:center;background-color:#52006a;color:#fff}.homecard .container{width:1350px;display:flex;align-items:center}.homecard .container .leftcontainer{display:flex;flex-direction:column;gap:30px}.homecard .container .leftcontainer h1{font-family:Montserrat,sans-serif;font-size:50px}.homecard .container .leftcontainer h1 i{font-weight:300}.homecard .container .leftcontainer .search{display:flex;align-items:center;background-color:#fff;border-radius:5px;width:650px;justify-content:space-between}.homecard .container .leftcontainer .search .searchbar{margin:10px 10px 10px 15px;display:flex;gap:10px;align-items:center;width:550px}.homecard .container .leftcontainer .search .searchbar input{border:none;outline:none;width:100%;font-size:16px;font-family:Roboto,sans-serif}.homecard .container .leftcontainer .search .searchbar input::placeholder{letter-spacing:.5px}.homecard .container .leftcontainer .search .searchbar .remove{background-color:transparent;color:#d3d3d3;border:none;cursor:pointer}.homecard .container .leftcontainer .search .searchbutton{background-color:#ff7600;color:#fff;width:70px;height:45px;border:none;border-top-right-radius:5px;border-bottom-right-radius:5px;cursor:pointer}.homecard .container .leftcontainer .popularcat{display:flex;align-items:center;gap:10px;font-family:Montserrat,sans-serif;font-size:14px}.homecard .container .leftcontainer .popularcat button{background-color:transparent;color:#fff;border:1px solid #CD113B;padding:10px;border-radius:20px;font-size:14px;cursor:pointer}.homecard .container .leftcontainer .popularcat button:hover{background-color:#cd113b}.homecard .container .rightcontainer{height:110%;margin-left:80px;margin-top:90px}.homecard .container .rightcontainer img{height:110%;object-fit:cover}@media (max-width: 1024px){.homecard .container{flex-direction:column;align-items:center}.homecard .container .rightcontainer{margin-left:0;margin-top:30px}.homecard .container .rightcontainer img{width:100%;height:auto}}@media (max-width: 768px){.homecard .leftcontainer h1{font-size:40px}.homecard .leftcontainer .search{flex-direction:column;align-items:stretch}.homecard .leftcontainer .search .searchbar{margin:10px 10px 10px 0;width:100%}.homecard .leftcontainer .search .searchbutton{width:100%;border-radius:0 0 5px 5px}.homecard .leftcontainer .popularcat{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.homecard{height:auto;padding:20px 0}.homecard .leftcontainer h1{font-size:30px}.homecard .leftcontainer .search{width:100%;max-width:100%}.homecard .rightcontainer{display:none}}.homeslide{display:flex;justify-content:center;padding:90px 0;width:100%;position:relative;background-color:#f4f4f4}.homeslide .nextarrow{width:40px;height:40px;border-radius:50%;border:none;position:absolute;top:300px;margin-left:1320px;z-index:1000;box-shadow:0 0 10px #0000001a;cursor:pointer}.homeslide .nextarrow .icon{pointer-events:none}.homeslide .prevarrow{width:40px;height:40px;border-radius:50%;border:none;position:absolute;top:300px;margin-right:1350px;z-index:1000;box-shadow:0 0 15px #0000001a;cursor:pointer}.homeslide .prevarrow .icon{pointer-events:none}.homeslide .container{width:1350px}.homeslide .container .title{display:flex;padding-bottom:20px;font-family:Roboto,sans-serif}.homeslide .container .title h1{font-weight:500;color:#545454}.homeslide .container .carousel-next:before{background-image:url(right-arrow2.png);background-size:30px}.homeslide .container .carousel-prev:before{background-image:url(left-arrow2.png);background-size:30px}.homeslide .container .carousel-next,.homeslide .container .carousel-prev{top:50px;box-shadow:0 0 10px #0000001a}.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}.categorycard{width:254px;height:340px;color:#fff;cursor:pointer;position:relative;font-family:Roboto,sans-serif;border-radius:5px;overflow:hidden;transition:transform .3s ease-in-out}.categorycard:hover{transform:scale(1.02)}.categorycard:hover img{opacity:.9}.categorycard img{width:100%;height:100%;border-radius:5px;object-fit:cover}.categorycard .description{font-weight:300;position:absolute;top:15px;left:15px}.categorycard .categorytitle{font-weight:500;font-size:24px;position:absolute;left:15px;top:40px}.features{background-color:#52006a;display:flex;font-family:Roboto,sans-serif;justify-content:center;padding:100px 0}.features .container{display:flex;width:1350px;align-items:center;gap:70px}.features .container .left{display:flex;flex-direction:column;gap:10px}.features .container .left h1{margin-bottom:30px;font-weight:500;color:#fff}.features .container .left h1 i{color:#ff7600}.features .container .left p{font-size:18px;font-weight:300;color:#fff;line-height:28px;letter-spacing:.5px;font-family:Open sans,sans-serif}.features .container .left .list{display:flex;flex-direction:column;gap:30px}.features .container .left .list .item{display:flex;flex-direction:row;align-items:center;padding-top:10px;gap:25px;position:relative}.features .container .left .list .item .icon{display:flex;justify-content:center;align-items:center;width:50px;height:50px;margin-right:20px;margin-left:20px}.features .container .left .list .item .divider{width:1px;height:70px;background-color:#ffa900;color:#fff;margin-right:5px}.features .container .left .list .item .itemcontent{display:flex;flex-direction:column;justify-content:center;align-items:start}.features .container .left .list .item .itemcontent .title{font-size:20px;font-weight:500;color:#fff;padding-bottom:3px;letter-spacing:.8px}.features .container .left .list .item .itemcontent .title span{color:#ff7600}.features .container .left .list .item .itemcontent .desc{font-size:16px;font-weight:300;color:#fff;line-height:24px;letter-spacing:1px;font-family:Open sans,sans-serif}.features .container .right{display:relative;overflow:visible;flex-direction:column;gap:15px}.features .container .right img{position:absolute;height:auto;top:1490px;width:500px}.link .projectcard{width:320px;height:340px;border-radius:5px;cursor:pointer;-webkit-box-shadow:0px 0px 15px -6px rgba(0,0,0,.59);box-shadow:0 0 15px -6px #00000096;margin:9.5px;overflow:hidden;font-family:Roboto,sans-serif;background-color:#fff;transition:transform .3s ease-in-out}.link .projectcard:hover{transform:scale(1.02)}.link .projectcard img{width:100%;height:255.5px;object-fit:cover}.link .projectcard .info{display:flex;align-items:center;gap:20px;padding:15px}.link .projectcard .info img{width:40px;height:40px;border-radius:50%;object-fit:cover}.link .projectcard .info .text h2{font-size:14px;font-weight:500}.link .projectcard .info .text span{font-size:13px}.projectslide{display:flex;justify-content:center;padding:90px 0;width:100%;position:relative;background-color:#f4f4f4}.projectslide .nextarrow{width:40px;height:40px;border-radius:50%;border:none;position:absolute;top:300px;margin-left:1330px;z-index:1000;box-shadow:0 0 10px #0000001a;cursor:pointer}.projectslide .nextarrow .icon{pointer-events:none}.projectslide .prevarrow{width:40px;height:40px;border-radius:50%;border:none;position:absolute;top:300px;margin-right:1320px;z-index:1000;box-shadow:0 0 15px #0000001a;cursor:pointer}.projectslide .prevarrow .icon{pointer-events:none}.projectslide .container{width:1350px}.projectslide .container .title{display:flex;padding-bottom:20px;font-family:Roboto,sans-serif}.projectslide .container .title h1{font-weight:500;color:#545454}.projectslide .container .title h1 .logo{color:#ff7600}.projectslide .container .carousel-next:before{background-image:url(right-arrow2.png);background-size:30px}.projectslide .container .carousel-prev:before{background-image:url(left-arrow2.png);background-size:30px}.projectslide .container .carousel-next,.projectslide .container .carousel-prev{top:50px;box-shadow:0 0 10px #0000001a}.getstarted{display:flex;padding:150px;background-image:url(https://res.cloudinary.com/usmtalent/image/upload/v1717611662/Frame_f0vfea.png);background-repeat:no-repeat;background-size:cover;align-items:center;justify-content:center;font-family:Roboto,sans-serif}.getstarted .container{width:1350px;display:flex;flex-direction:column;justify-content:center;align-items:center}.getstarted .container .title{font-size:20px;font-weight:700;color:#fff;margin-bottom:20px;text-align:center}.getstarted .container .search{display:flex;align-items:center;background-color:transparent;border:1px solid white;border-radius:7px;width:490px;justify-content:space-between}.getstarted .container .search .searchbar{margin:5px 5px 5px 15px;display:flex;gap:10px;align-items:center;width:450px}.getstarted .container .search .searchbar input{color:#fff;background-color:transparent;border:none;outline:none;width:100%;font-size:16px;font-family:Roboto,sans-serif}.getstarted .container .search .searchbar input::placeholder{letter-spacing:.5px;color:#fff}.getstarted .container .search .searchbutton{background-color:#fff;color:#ff7600;width:120px;height:45px;border:none;font-weight:700;border-top-right-radius:5px;border-bottom-right-radius:5px;cursor:pointer}.getstarted .container .search .searchbutton:hover{background-color:#f5f4f4}.getstarted .container .condition{display:flex;gap:20px;font-family:Montserrat,sans-serif;font-size:12px;color:#fff;margin-top:15px;padding-right:198px}.footer{display:flex;justify-content:center;color:gray;margin:30px 0;font-family:Roboto,sans-serif;background-color:#f5f5f5}.footer .container{width:1350px}.footer .container hr{margin:10px 0;height:0px;border:1px solid rgb(241,241,241)}.footer .container .topcontainer{display:flex;justify-content:space-between;margin-bottom:30px;margin-top:25px}.footer .container .topcontainer .item{margin-right:60px}.footer .container .topcontainer .item .title{margin-bottom:20px;font-size:12px}.footer .container .topcontainer .item .categories{display:flex;gap:18px;font-size:14px}.footer .container .topcontainer .item .categories .itemcat,.footer .container .topcontainer .item .categories .itemcat2{gap:15px;display:flex;flex-direction:column}.footer .container .topcontainer .address{display:flex;flex-direction:column;gap:8px}.footer .container .topcontainer .address .title{font-size:12px;margin-bottom:12px}.footer .container .topcontainer .address span{font-size:14px}.footer .container .topcontainer .address .contact{display:flex;flex-direction:column;margin-top:1px;gap:8px}.footer .container .topcontainer .telephone{display:flex;flex-direction:column;gap:8px}.footer .container .topcontainer .telephone .title{font-size:12px;margin-bottom:12px}.footer .container .topcontainer .telephone span{font-size:14px}.footer .container .topcontainer .telephone .contact{display:flex;flex-direction:column;margin-top:1px;gap:8px}.footer .container .topcontainer .navigation{display:flex;flex-direction:column;gap:8px}.footer .container .topcontainer .navigation .title{font-size:12px;margin-bottom:12px}.footer .container .topcontainer .navigation span{font-size:14px}.footer .container .topcontainer .navigation .item{display:flex;flex-direction:column;margin-top:1px;gap:15px}.footer .container .bottomcontainer{margin-top:20px;display:flex;justify-content:space-between;margin-bottom:40px}.skills{display:flex;justify-content:center;font-family:Roboto,sans-serif}.skills .container{width:100%;display:flex;flex-direction:column;gap:15px}.skills .container .menucontainer{background-color:#52006a;padding:50px;width:100%;box-sizing:border-box;margin-bottom:50px}.skills .container .menucontainer .menucontent{width:1350px;margin:auto;display:flex;flex-direction:column;gap:15px}.skills .container .menucontainer .menucontent h1{color:#fff}.skills .container .menucontainer .menucontent .breadcrumbs{font-weight:300;font-size:12px;color:#fff}.skills .container .menucontainer .menucontent p{color:#fff;font-weight:300}.skills .container .menucontainer .menucontent .menu{display:flex;align-items:center;justify-content:space-between}.skills .container .menucontainer .menucontent .menu .left{display:flex;align-items:center;gap:10px;color:#fff;font-weight:300}.skills .container .menucontainer .menucontent .menu .left input{padding:5px;outline:none;border-radius:5px;border:none}.skills .container .menucontainer .menucontent .menu .left input::placeholder{color:#d3d3d3;padding-left:4px}.skills .container .menucontainer .menucontent .menu .left button{background-color:#ff7600;color:#fff;font-weight:500;border:none;cursor:pointer;padding:6px 10px;border-radius:5px}.skills .container .menucontainer .menucontent .menu .right{display:flex;align-items:center;gap:10px;position:relative}.skills .container .menucontainer .menucontent .menu .right .sortBy{color:#fff;font-weight:300}.skills .container .menucontainer .menucontent .menu .right .sortType{font-weight:500;color:#ff7600}.skills .container .menucontainer .menucontent .menu .right img{width:15px;cursor:pointer}.skills .container .menucontainer .menucontent .menu .right .rightmenu{padding:20px;background-color:#fff;border-radius:10px;border:.5px solid lightgrey;position:absolute;top:30px;right:0;display:flex;flex-direction:column;gap:20px;color:#555}.skills .container .menucontainer .menucontent .menu .right .rightmenu span{cursor:pointer}.skills .container .cardcontainer{width:1350px;margin:auto}.skills .container .cardcontainer .cards{display:flex;flex-wrap:wrap;justify-content:flex-start}.skills .container .cardcontainer .cards>*{margin-right:20px;margin-bottom:10px}.skills .container .cardcontainer .cards>*:last-child{margin-right:0}.skillcard{font-family:Roboto,sans-serif;display:flex;flex-wrap:wrap}.skillcard .container{width:315px;height:410px;border:1px solid rgb(241,241,241);margin-bottom:25px;font-family:Roboto,sans-serif;border-radius:4px;overflow:hidden;box-shadow:0 0 5px #0000001a;transition:transform .3s ease-in-out;flex:1;background-color:#fff}.skillcard .container:hover{transform:scale(1.02)}.skillcard .container hr{height:0;border:.1px solid #ffca9c}.skillcard .container img{width:100%;height:190px;object-fit:cover;transition:transform .3s ease-in-out}.skillcard .container .info{display:flex;flex-direction:column;gap:15px;margin:10px 20px}.skillcard .container .info .description{display:flex;align-items:center;height:20px}.skillcard .container .info .user{display:flex;align-items:center;gap:10px}.skillcard .container .info .user img{width:24px;height:24px;border-radius:50%}.skillcard .container .info p{color:gray;font-size:14px}.skillcard .container .info .rating{display:flex;align-items:center;gap:5px}.skillcard .container .info .rating img{width:14px;height:14px}.skillcard .container .info .rating span{font-size:14px;font-weight:700;color:gray}.skillcard .container .info .rating .number{font-weight:300;color:#d3d3d3}.skillcard .container .details{padding:10px 20px;display:flex;align-items:center;justify-content:space-between}.skillcard .container .details img{width:16px;height:16px;cursor:pointer}.skillcard .container .details .price span{font-size:12px;color:#d3d3d3}.skillcard .container .details .price h2{font-size:18px;font-weight:400;color:gray}.orders{display:flex;justify-content:center;font-family:Roboto,sans-serif}.orders .container{width:100%}.orders .container .noorder{width:1350px;display:flex;justify-content:center;align-items:center;margin:auto}.orders .container .noorder img{width:450px;height:450px;object-fit:contain}.orders .container .titlecontainer{width:100%;background-color:#f7e8de;box-sizing:border-box;padding:40px;margin-bottom:30px}.orders .container .titlecontainer .titlecontent{width:1350px;margin:auto;display:flex}.orders .container .titlecontainer .titlecontent .title{display:flex;justify-content:space-between;align-items:center}.orders .container .table{width:1350px;margin:auto;padding:15px;border:1px solid #f7e8de;border-radius:5px}.orders .container .table table{width:100%;border-collapse:collapse}.orders .container .table table th{text-align:left}.orders .container .table table tr{height:50px}.orders .container .table table tr td{color:#393939;padding:0}.orders .container .table table tr td .skill{width:90px;height:40px;object-fit:contain}.orders .container .table table tr .action .message{width:20px;cursor:pointer;margin-left:20px}.orders .container .table table tr:nth-child(2n){border:1px solid #f7e8de}.myskill{display:flex;justify-content:center;font-family:Roboto,sans-serif;background-color:#f5f5f5;padding:20px}.myskill .container{display:flex;flex-direction:column}.myskill .container .menucontainer{display:flex}.myskill .container .menucontainer .title{display:flex;width:1350px;background-color:#fff;border-radius:3px;border:1px solid rgb(232,232,232);margin:20px}.myskill .container .menucontainer .title .inner-container{width:1350px;display:flex;justify-content:space-between;padding:20px;align-items:center}.myskill .container .menucontainer .title .inner-container h1{color:#262626;font-size:28px}.myskill .container .menucontainer .title .inner-container button{background-color:#ff7600;color:#fff;border:none;padding:15px;border-radius:5px;cursor:pointer}.myskill .container .menucontainer .title .inner-container button .icon{margin-right:8px}.myskill .container .skillcontainer{width:1350px;margin:auto}.myskill .container .skillcontainer .cards{display:flex;flex-wrap:wrap;gap:15px}.myskill .container .skillcontainer .cards .addCard{background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;width:315px;height:300px;border:1.5px solid #FF7600;border-radius:4px;overflow:hidden;gap:10px;box-shadow:0 0 5px #0000001a;transition:transform .3s ease-in-out;cursor:pointer}.myskill .container .skillcontainer .cards .addCard p{color:#ff7600}.myskill .container .skillcontainer .cards .addCard:hover{transform:scale(1.02)}.myskill .container .skillcontainer .cards .addCard .icon{width:30px;height:30px;color:#ff7600}.myskill .container .skillcontainer .cards .skillcard{background-color:#fff;width:326px;height:300px;border:1px solid rgb(241,241,241);margin-bottom:25px;font-family:Roboto,sans-serif;border-radius:4px;overflow:hidden;box-shadow:0 0 5px #0000001a;transition:transform .3s ease-in-out}.myskill .container .skillcontainer .cards .skillcard:hover{transform:scale(1.02);cursor:pointer}.myskill .container .skillcontainer .cards .skillcard hr{height:0;border:.1px solid #ffca9c}.myskill .container .skillcontainer .cards .skillcard img{width:100%;height:60%;object-fit:cover;transition:transform .3s ease-in-out}.myskill .container .skillcontainer .cards .skillcard .info{padding:10px 20px;display:flex;flex-direction:column;gap:15px}.myskill .container .skillcontainer .cards .skillcard .info .user{display:flex;align-items:center;gap:10px}.myskill .container .skillcontainer .cards .skillcard .info .user img{width:24px;height:24px;border-radius:50%}.myskill .container .skillcontainer .cards .skillcard .info p{color:gray;font-size:14px}.myskill .container .skillcontainer .cards .skillcard .info .rating{display:flex;align-items:center;gap:5px}.myskill .container .skillcontainer .cards .skillcard .info .rating img{width:14px;height:14px}.myskill .container .skillcontainer .cards .skillcard .info .rating span{font-size:14px;font-weight:700;color:gray}.myskill .container .skillcontainer .cards .skillcard .info .rating .number{font-weight:300;color:#d3d3d3}.myskill .container .skillcontainer .cards .skillcard .details{padding:10px 20px;display:flex;align-items:center;justify-content:space-between}.myskill .container .skillcontainer .cards .skillcard .details img{width:16px;height:16px;cursor:pointer}.myskill .container .skillcontainer .cards .skillcard .details .price span{font-size:12px;color:#d3d3d3}.myskill .container .skillcontainer .cards .skillcard .details .price h2{font-size:18px;font-weight:400;color:gray}.chat{display:flex;justify-content:center;font-family:Roboto,sans-serif}.chat .container{border:1px solid #f7e8de;display:flex;flex-direction:column;width:1200px;margin:60px;box-shadow:0 0 1px #f7e8de;border-radius:10px}.chat .container .messagesfoo{display:flex;justify-content:space-between;padding:20px;margin-top:40px;border-top:1px solid #f7e8de;border-radius:0 0 10px 10px}.chat .container .messagesfoo p{font-weight:100;font-size:12px}.chat .container .leftheader{padding:50px;border-bottom:1px solid #f7e8de;background-color:#cd113b;border-radius:10px 10px 0 0}.chat .container .leftheader p{font-weight:400;font-size:26px;color:#fff}.chat .container .itemheader{padding:10px;display:grid;grid-template-columns:1fr 3fr .4fr;align-items:center;gap:20px;margin-bottom:20px;margin-top:20px}.chat .container .itemheader .user{display:flex;align-items:center;gap:10px;padding-left:24px}.chat .container .itemheader .user p,.chat .container .itemheader .shortmessage p,.chat .container .itemheader .date p{font-weight:400;font-size:14px}.chat .container .itemcontent{padding:10px;display:grid;grid-template-columns:1fr 3fr .4fr;align-items:center;gap:20px;background-color:#fff}.chat .container .itemcontent:nth-child(odd){background-color:#ebebeb;color:#2f2f2f}.chat .container .itemcontent:hover{background-color:#8d8d8d;color:#fff;cursor:pointer}.chat .container .itemcontent .user{display:flex;align-items:center;gap:10px;margin-right:100px}.chat .container .itemcontent .user img{margin-left:15px;width:40px;height:40px;border-radius:50%}.chat .container .itemcontent .user .info p,.chat .container .itemcontent .shortmessage p,.chat .container .itemcontent .date p{font-weight:200;font-size:14px}.add{display:flex;justify-content:center;font-family:Roboto,sans-serif}.add .container{width:100%;display:flex;flex-direction:column;justify-content:center}.add .container .breadcrumbs{display:flex;gap:10px;width:1200px;padding:20px;font-weight:300;font-size:14px;color:gray;margin:auto}.add .container .sections{display:flex;gap:40px;width:1100px;padding:50px;margin:0 auto auto;background-color:#fff;border:1px solid #ddd;border-radius:10px}.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 .emptyspace,.add .container .sections .details .emptyspace{height:30px;margin-top:45px}.add .container .sections .info .emptyspace2,.add .container .sections .details .emptyspace2{height:30px;margin-top:0}.add .container .sections .info .createbtn,.add .container .sections .details .createbtn{background-color:#ff7600;color:#fff;border:none;padding:10px;border-radius:5px;cursor:pointer;font-size:14px;width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:5px;margin-top:32px}.add .container .sections .info .createbtn:hover,.add .container .sections .details .createbtn:hover{background-color:#ffa900}.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:10px;border:1px solid #FFA900;border-radius:10px;letter-spacing:0px;line-height:normal;font-family:Roboto,sans-serif;box-shadow:inset 0 0 2px #e6e6e640}.add .container .sections .info .images,.add .container .sections .details .images{display:flex;align-items:center;gap:0px}.add .container .sections .info .images .uploadbutton,.add .container .sections .details .images .uploadbutton{display:flex;align-items:center;justify-content:center;border-radius:8px;background-color:#ff7600;color:#fff;width:80px;height:70px;margin-top:28px;margin-left:14px;font-size:14px}.add .container .sections .info .images .uploadbutton:hover,.add .container .sections .details .images .uploadbutton:hover{background-color:#ffce6c;color:#fff}.add .container .sections .info .images .inputButton,.add .container .sections .details .images .inputButton{display:flex;justify-content:center;align-items:center;transition:transform .3s ease-in-out;margin-top:10px;font-size:14px;border:1px solid #FFA900;width:70px;height:70px;padding:20px;background-color:transparent;border-radius:8px;cursor:pointer}.add .container .sections .info .images .inputButton:hover,.add .container .sections .details .images .inputButton:hover{transform:scale(1.02)}.add .container .sections .info .images .inputButton .icon,.add .container .sections .details .images .inputButton .icon{color:#ff7600;z-index:4}.add .container .sections .info .images .imagesInputs,.add .container .sections .details .images .imagesInputs{display:flex;gap:10px}.add .container .sections .info .images .imagesInputs .cover,.add .container .sections .details .images .imagesInputs .cover{display:flex;flex-direction:column}.add .container .sections .info .images .imagesInputs .pageimage .inputButton,.add .container .sections .details .images .imagesInputs .pageimage .inputButton{display:flex;justify-content:center;align-items:center;transition:transform .3s ease-in-out;margin-top:10px;font-size:14px;border:1px solid #FFA900;width:70px;height:70px;padding:20px;background-color:transparent;border-radius:8px;cursor:pointer}.add .container .sections .info .images .imagesInputs .pageimage .inputButton:hover,.add .container .sections .details .images .imagesInputs .pageimage .inputButton:hover{transform:scale(1.02)}.add .container .sections .info .images .imagesInputs .pageimage .inputButton .icon,.add .container .sections .details .images .imagesInputs .pageimage .inputButton .icon{color:#ff7600;z-index:4}.add .container .sections .info .images input,.add .container .sections .details .images input{display:flex;width:611px;border:1px solid #FFA900}.add .container .sections .info button,.add .container .sections .details button{border:none;padding:20px;color:#fff;font-weight:500;font-size:18px;background-color:#ffa900;border-radius:8px;cursor:pointer;font-size:14px;width:200px}.add .container .sections .info .add,.add .container .sections .details .add{display:flex;justify-content:space-between}.add .container .sections .info .add button,.add .container .sections .details .add button{border-radius:10px;display:flex;align-items:center;background-color:#ff7600;gap:5px;font-size:14px;width:85px;height:10px}.add .container .sections .info .add button:hover,.add .container .sections .details .add button:hover{background-color:#ffa900}.add .container .sections .info .add input,.add .container .sections .details .add input{width:78%}.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;width:max-content}.edit{display:flex;justify-content:center;font-family:Roboto,sans-serif}.edit .container{width:100%;display:flex;flex-direction:column}.edit .container .breadcrumbs{display:flex;gap:10px;width:1200px;margin:20px auto auto;padding:20px;font-weight:300;font-size:14px;color:gray}.edit .container .sections{display:flex;gap:40px;width:1100px;padding:50px;margin:0 auto auto;background-color:#fff;border:1px solid #ddd;border-radius:10px}.edit .container .sections label{color:gray;font-size:18px}.edit .container .sections .info,.edit .container .sections .details{flex:1;display:flex;flex-direction:column;gap:10px;justify-content:space-between}.edit .container .sections .info .emptyspace,.edit .container .sections .details .emptyspace{height:30px;margin-top:32px}.edit .container .sections .info .buttondiv,.edit .container .sections .details .buttondiv{display:flex;margin-left:490px;margin-bottom:-10px;align-items:center}.edit .container .sections .info .buttondiv .deletebutton,.edit .container .sections .details .buttondiv .deletebutton{background-color:#cd113b;color:#fff;border:none;padding:10px;border-radius:5px;cursor:pointer;font-size:14px;width:100px;height:40px;display:flex;align-items:center;gap:5px;justify-content:center}.edit .container .sections .info .buttondiv .deletebutton:hover,.edit .container .sections .details .buttondiv .deletebutton:hover{background-color:#f0375f}.edit .container .sections .info .createbtn,.edit .container .sections .details .createbtn{margin-left:0;margin-top:20px;background-color:#ff7600;color:#fff;border:none;padding:10px;border-radius:5px;cursor:pointer;font-size:14px;width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:5px}.edit .container .sections .info .createbtn:hover,.edit .container .sections .details .createbtn:hover{background-color:#ffa900}.edit .container .sections .info input,.edit .container .sections .info select,.edit .container .sections .info textarea,.edit .container .sections .details input,.edit .container .sections .details select,.edit .container .sections .details textarea{padding:10px;border:1px solid #FFA900;border-radius:10px;letter-spacing:0px;line-height:normal;font-family:Roboto,sans-serif;box-shadow:inset 0 0 2px #e6e6e640}.edit .container .sections .info button,.edit .container .sections .details button{border:none;padding:20px;color:#fff;font-weight:500;font-size:18px;background-color:#ffa900;border-radius:8px;cursor:pointer;font-size:14px;width:200px}.edit .container .sections .info .add,.edit .container .sections .details .add{display:flex;justify-content:space-between}.edit .container .sections .info .add button,.edit .container .sections .details .add button{border-radius:10px;display:flex;align-items:center;background-color:#ff7600;gap:5px;font-size:14px;width:85px;height:10px}.edit .container .sections .info .add button:hover,.edit .container .sections .details .add button:hover{background-color:#ffa900}.edit .container .sections .info .add input,.edit .container .sections .details .add input{width:80%}.edit .container .sections .info .addedFeatures,.edit .container .sections .details .addedFeatures{display:flex;gap:20px}.edit .container .sections .info .addedFeatures button,.edit .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;width:max-content}.message{display:flex;justify-content:center;font-family:Roboto,sans-serif}.message .container{display:flex;width:1200px;margin:45px;flex-direction:column;align-items:center}.message .container .messagebox{border:1px solid #f7e8de;border-radius:10px;box-shadow:0 0 1px #f7e8de}.message .container .messagebox .messageheader{background-color:#cd113b;display:flex;align-items:center;border-bottom:1px solid #f7e8de;gap:10px;padding:20px;justify-content:space-between;box-shadow:0 2px 5px -3px #000000bf;border-radius:10px 10px 0 0}.message .container .messagebox .messageheader p{font-weight:300;font-size:18px;color:#fff}.message .container .messagebox .messageheader .user{display:flex;align-items:center;gap:10px}.message .container .messagebox .messageheader .user img{margin-left:10px;width:40px;height:40px;border-radius:50%;object-fit:cover}.message .container .messagebox .messageheader .user p{font-weight:400;font-size:18px;color:#fff}.message .container .messagebox .messages{background-color:#fff;margin-top:15px;padding:40px;display:flex;flex-direction:column;gap:20px;height:300px;width:600px;overflow:auto;align-items:flex-start;justify-content:flex-start}.message .container .messagebox .messages .item{display:flex;gap:20px;max-width:600px;font-size:18px}.message .container .messagebox .messages .item.owner{flex-direction:row-reverse;align-self:flex-end}.message .container .messagebox .messages .item.owner p{border-radius:20px 0 20px 20px;background-color:#cd113b;color:#fff}.message .container .messagebox .messages .item img{width:40px;height:40px;border-radius:50%;object-fit:cover}.message .container .messagebox .messages .item p{padding:15px;background-color:#e8e8e8;border-radius:0 20px 20px;color:gray;font-weight:300}.message .container .messagebox .write{display:flex;align-items:center;justify-content:space-between;padding:20px;border-top:1px solid #f7e8de}.message .container .messagebox .write textarea{width:80%;padding:10px;border:none;border-radius:20px;outline:none;resize:none}.message .container .messagebox .write button{padding:10px 20px;border:none;border-radius:10px;background-color:#cd113b;color:#fff;font-weight:500}.skill{display:flex;justify-content:center;font-family:roboto,sans-serif}.skill .container{width:1350px;padding:30px 0;display:flex;gap:50px}.skill .container .left{flex:2;display:flex;flex-direction:column;gap:20px;background-color:#fff;padding:30px;border-radius:5px;border:1px solid rgb(241,241,241)}.skill .container .left .aboutskill{height:0px;border:.1px solid rgb(221,221,221)}.skill .container .left .breadcrumbs{font-weight:300;font-size:13px;color:gray}.skill .container .left .user{display:flex;align-items:center;gap:10px}.skill .container .left .user .pp{width:32px;height:32px;border-radius:50%;object-fit:cover}.skill .container .left .user span{font-size:14px;font-weight:500}.skill .container .left .user .rating{display:flex;align-items:center;gap:5px}.skill .container .left .user .rating img{width:14px;height:14px}.skill .container .left .user .rating span{font-size:14px;font-weight:700;color:#ffde3c}.skill .container .left .user .rating .total{font-weight:300;color:gray}.skill .container .left .slider{background-color:#f2f2f2;border:1px solid rgb(221,221,221);margin-bottom:10px}.skill .container .left .slider img{max-height:460px;object-fit:contain}.skill .container .left .slider .carousel-next:before{background-image:url(/right-arrow2.png);background-size:30px;box-shadow:0 0 15px #0000001a;padding:10px;border-radius:50%}.skill .container .left .slider .carousel-prev:before{background-image:url(/left-arrow2.png);background-size:30px;box-shadow:0 0 15px #0000001a;padding:10px;border-radius:50%}.skill .container .left .slider .carousel-next{margin-right:10px}.skill .container .left .slider .carousel-prev{margin-left:5px}.skill .container .left h2{font-weight:400}.skill .container .left p{font-weight:300;color:#4d4d4d;line-height:25px;text-align:justify}.skill .container .left .talent{margin-top:50px;display:flex;flex-direction:column;gap:20px}.skill .container .left .talent .user{display:flex;align-items:center;gap:10px}.skill .container .left .talent .user img{width:100px;height:100px;border-radius:50%;object-fit:cover}.skill .container .left .talent .user .details{display:flex;flex-direction:column;gap:10px}.skill .container .left .talent .user .details .rating{display:flex;align-items:center;gap:5px}.skill .container .left .talent .user .details .rating img{width:14px;height:14px}.skill .container .left .talent .user .details .rating span{font-size:14px;font-weight:700;color:#ffde3c}.skill .container .left .talent .user .details .rating .total{font-weight:300;color:gray}.skill .container .left .talent .user .details button{padding:10px 20px;background-color:#ff7600;color:#fff;border:none;border-radius:5px;cursor:pointer}.skill .container .left .talent .infobox{border:1px solid rgb(241,241,241);border-radius:5px;padding:20px;margin-top:20px;background-color:#fff}.skill .container .left .talent .infobox .items{display:flex;flex-wrap:wrap;justify-content:space-between}.skill .container .left .talent .infobox .items .item{width:300px;display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.skill .container .left .talent .infobox .items .item .title{font-weight:300}.skill .container .right{border:1px solid rgb(241,241,241);flex:1;padding:20px;border-radius:5px;display:flex;flex-direction:column;gap:20px;position:sticky;top:150px;height:max-content;max-height:500px;background-color:#fff}.skill .container .right .booking{display:flex;flex-direction:column}.skill .container .right .booking span p{font-size:12px}.skill .container .right .booking .bookandcontinue{display:flex;justify-content:space-between;align-items:center}.skill .container .right .booking .bookandcontinue .continuebutton{background-color:#ff7600;color:#fff;border:none;padding:17px;cursor:pointer}.skill .container .right .booking .subtext{font-weight:200;font-size:12px}.skill .container .right .booking .css-10o2lyd-MuiStack-root .css-z3c6am-MuiFormControl-root-MuiTextField-root{width:160px;min-width:160px}.skill .container .right .booking .css-10o2lyd-MuiStack-root .css-z3c6am-MuiFormControl-root-MuiTextField-root .css-o9k5xi-MuiInputBase-root-MuiOutlinedInput-root{font-size:14px}.skill .container .right .booking .css-10o2lyd-MuiStack-root button{background-color:#ff7600;color:#fff;border:none;cursor:pointer;padding:0;width:40px;height:40px;margin-right:0}.skill .container .right .price{display:flex;align-items:center;justify-content:space-between}.skill .container .right .price h2{font-weight:300}.skill .container .right .price h3{font-weight:500}.skill .container .right p{color:gray;margin:10px 0}.skill .container .right .details{display:flex;align-items:center;justify-content:space-between;font-size:14px}.skill .container .right .details .item{display:flex;align-items:center;gap:10px}.skill .container .right .details .item img{width:20px;height:20px}.skill .container .right .featured{display:flex;flex-direction:column;gap:10px;background-color:#fff}.skill .container .right .featured .item{display:flex;gap:10px;align-items:center;font-weight:300;color:gray}.skill .container .right .featured .item img{width:14px;height:14px}.skill .container .right .continuebutton{background-color:#ff7600;color:#fff;border:none;padding:20px;cursor:pointer}.reviews{margin-top:50px}.reviews hr{height:0;border:.5px solid #f7e8de;margin-top:70px}.reviews .addReview{margin-top:40px;display:flex;flex-direction:column;gap:20px}.reviews .addReview h3{font-family:Roboto,sans-serif;font-weight:500;font-size:22px}.reviews .addReview form{display:flex;flex-direction:column;gap:10px}.reviews .addReview form .starrating{display:flex;gap:5px;flex-direction:row}.reviews .addReview form .starrating label .star{cursor:pointer}.reviews .addReview input{padding:20px;height:60px;border:none;border:1px solid #f7e8de;border-radius:5px}.reviews .addReview select{width:80px;padding:15px;border:none;border:1px solid #f7e8de;border-radius:5px;align-self:flex-end}.reviews .addReview button{align-self:flex-end;width:100px;border:none;padding:15px;color:#fff;background-color:#ff7600;border-radius:5px;cursor:pointer}.reviews .rating{display:flex;align-items:center;gap:5px}.reviews .rating img{width:14px;height:14px}.reviews .rating span{font-size:14px;font-weight:700;color:#ffde3c}.reviews .helpful{display:flex;align-items:center;gap:10px}.reviews .helpful img{width:14px}.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 .line{height:0;border:.5px solid rgb(241,241,241);margin:50px 0}.paymentmethod{display:flex;align-items:center;font-family:Roboto,sans-serif;flex-direction:column;padding:20px;border-radius:10px;width:600px;height:400px;overflow:hidden}.paymentmethod .terms{width:560px;font-size:12px;font-weight:200}.paymentmethod form{width:600px;padding:10px 20px;display:flex;flex-direction:column;gap:10px}.paymentmethod form .header{padding-left:20px;margin-bottom:-20px}.paymentmethod form .paymentoption{display:flex;flex-direction:row;justify-content:space-between;padding:20px}.paymentmethod form .paymentoption .left{display:flex;padding:20px;width:220px;height:220px;justify-content:center;align-items:center;background-image:url(/assets/barter-BqnvIhlp.jpg);background-position:center;background-repeat:no-repeat;background-size:250px 250px;border-radius:10px;border:1px solid rgb(221,221,221);transition:transform .5s ease}.paymentmethod form .paymentoption .left span{color:#434343;font-size:20px;font-weight:500}.paymentmethod form .paymentoption .left:hover{transform:scale(1.05);cursor:pointer}.paymentmethod form .paymentoption .right{display:flex;padding:20px;width:220px;height:220px;justify-content:center;align-items:center;border-radius:10px;background-image:url(/assets/onlinepayment-DsXvUwSn.jpg);background-position:center;background-size:cover;border:1px solid rgb(221,221,221);transition:transform .5s ease}.paymentmethod form .paymentoption .right span{display:flex;color:#434343;font-size:20px;font-weight:500}.paymentmethod form .paymentoption .right:hover{transform:scale(1.05);cursor:pointer}.paymentmethod form p{font-weight:300;margin-bottom:10px;font-size:14px}.paymentmethod form h1{color:#3a3a3a;font-size:24px}.paymentmethod form label{color:gray;font-size:16px}.paymentmethod form input,.paymentmethod form textarea{padding:15px;border-radius:5px;border:1px solid rgb(216,214,214)}.paymentmethod form button{border:none;margin-top:10px;padding:15px;color:#fff;font-weight:500;font-size:18px;background-color:#ff7600;border-radius:5px;cursor:pointer}.paymentmethod form span{color:red;font-size:12px}.paymentmethod .section{transition:transform .8s ease-in-out,opacity 2s ease-in-out;transform:translate(-100%);opacity:0}.paymentmethod .section.active{transform:translate(0);opacity:1}.paymentmethod .section .loader{display:flex;flex-direction:column;align-items:center;justify-content:center;width:600px;height:380px;gap:30px}.paymentmethod .section .agreement{display:flex;flex-direction:column}.paymentmethod .section .agreement .agreementheader{width:600px;padding-left:35px;padding-top:10px;margin-bottom:10px}.paymentmethod .section .agreement .agreementheader p{font-weight:300;margin-bottom:10px;font-size:14px}.paymentmethod .section .agreement .agreementheader h1{color:#3a3a3a;font-size:24px}.paymentmethod .section .agreement .items{display:flex;flex-direction:column;gap:10px;width:550px;padding-left:35px}.paymentmethod .section .agreement .items .item{display:flex}.paymentmethod .section .agreement .bar{display:flex;align-items:center;justify-content:center}.paymentmethod .section .agreement .buttondiv{width:600px;display:flex;justify-content:space-between;margin-top:60px;padding-left:30px}.paymentmethod .section .agreement .buttondiv .terms-agreement{display:flex;flex-direction:row;gap:20px;gap:10px;width:600px;align-items:center}.paymentmethod .section .agreement .buttondiv .terms-agreement p{font-weight:300;font-size:14px}.paymentmethod .section .agreement .buttondiv button{border:none;padding:15px;color:#fff;font-weight:500;font-size:14px;background-color:#ff7600;border-radius:5px;cursor:pointer;width:150px;margin-right:30px}.paymentmethod .section .selectSkill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.paymentmethod .section .selectSkill .skillheader{display:flex;flex-direction:column;width:600px;padding:10px 20px 10px 60px;margin-bottom:20px}.paymentmethod .section .selectSkill .skillheader p{font-weight:300;font-size:14px}.paymentmethod .section .selectSkill .skillheader h1{color:#3a3a3a;font-size:24px}.paymentmethod .section .selectSkill .cards{display:flex;gap:15px}.paymentmethod .section .selectSkill .cards .skillcard{background-color:#fff;width:450px;height:250px;border:1px solid rgb(241,241,241);margin-bottom:25px;font-family:Roboto,sans-serif;border-radius:4px;overflow:hidden;box-shadow:0 0 5px #0000001a;transition:transform .3s ease-in-out}.paymentmethod .section .selectSkill .cards .skillcard:hover{transform:scale(1.02);cursor:pointer}.paymentmethod .section .selectSkill .cards .skillcard hr{height:0;border:.1px solid #ffca9c}.paymentmethod .section .selectSkill .cards .skillcard img{width:100%;height:60%;object-fit:cover;transition:transform .3s ease-in-out}.paymentmethod .section .selectSkill .cards .skillcard .info{padding:10px 20px;display:flex;flex-direction:column;gap:15px}.paymentmethod .section .selectSkill .cards .skillcard .info p{color:gray;font-size:14px}.paymentmethod .section .selectSkill .cards .skillcard .info .rating{display:flex;align-items:center;gap:5px}.paymentmethod .section .selectSkill .cards .skillcard .info .rating img{width:14px;height:14px}.paymentmethod .section .selectSkill .cards .skillcard .info .rating span{font-size:14px;font-weight:700;color:gray}.paymentmethod .section .selectSkill .cards .skillcard .info .rating .number{font-weight:300;color:#d3d3d3}.paymentmethod .section .selectSkill .cards .skillcard .details{padding:10px 20px;display:flex;align-items:center;justify-content:space-between}.paymentmethod .section .selectSkill .cards .skillcard .details img{width:16px;height:16px;cursor:pointer}.paymentmethod .section .selectSkill .cards .skillcard .details .price span{font-size:12px;color:#d3d3d3}.paymentmethod .section .selectSkill .cards .skillcard .details .price h2{font-size:18px;font-weight:400;color:gray}.selectslider{display:flex;justify-content:center;padding-top:25px;width:560px;align-items:center;background-color:#f4f4f4;height:250px}.selectslider .nextarrow{width:40px;height:40px;border-radius:50%;border:none;position:absolute;top:220px;margin-left:500px;z-index:1000;box-shadow:0 0 10px #0000001a;background-color:#fff;cursor:pointer}.selectslider .nextarrow .icon{pointer-events:none}.selectslider .prevarrow{width:40px;height:40px;border-radius:50%;border:none;position:absolute;top:220px;margin-right:500px;z-index:1000;box-shadow:0 0 15px #0000001a;background-color:#fff;cursor:pointer}.selectslider .prevarrow .icon{pointer-events:none}.selectslider .container{width:450px}.selectslider .container .carousel-next:before{background-image:url(right-arrow2.png);background-size:30px}.selectslider .container .carousel-prev:before{background-image:url(left-arrow2.png);background-size:30px}.selectslider .container .carousel-next,.selectslider .container .carousel-prev{top:50px;box-shadow:0 0 10px #0000001a}.progressbar{display:flex;align-items:center;justify-content:center}.progressbar .container{width:160px;height:160px;position:relative}.progressbar .container .outer{height:160px;width:160px;border-radius:50%;box-shadow:6px 6px 10px -1px #00000026,-6px -6px 10px -1px #ffffffb3;display:flex;align-items:center;justify-content:center}.progressbar .container .outer .inner{height:120px;width:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 4px 4px 6px -1px #0003,inset -4px -4px 6px -1px #ffffffb3,-.5px -.5px #fff,.5px .5px #00000026,0 12px 10px -10px #0000000d}.progressbar .container .outer .inner #number{font-weight:600;color:#555}.progressbar .container svg{position:absolute;top:0;left:0}.progressbar .container svg circle{fill:none;stroke:url(#GradientColor);stroke-width:20px;stroke-dasharray:472;stroke-dashoffset:472;animation:anim .2s linear forwards}.userprofile{display:flex;justify-content:center;font-family:Roboto,sans-serif;background-color:#f5f5f5}.userprofile .container{width:1350px;padding:30px 0;display:flex;gap:50px}.userprofile .container .left{flex:.5;display:flex;flex-direction:column;gap:20px;width:350px}.userprofile .container .left .leftuser{padding:25px;border:1px solid rgb(232,232,232);display:flex;flex-direction:column;gap:23px;border-radius:3px;background-color:#fff}.userprofile .container .left .leftuser .edit{display:flex;position:absolute;margin-left:275px;color:gray;margin-top:0;cursor:pointer}.userprofile .container .left .leftuser .userdetails{display:flex;align-items:center;gap:20px;flex-direction:column}.userprofile .container .left .leftuser .userdetails .inputButton{display:flex;justify-content:center;align-items:center;transition:transform .3s ease-in-out;border:1px solid #FF7600;width:100px;height:100px;padding:20px;background-color:transparent;border-radius:50%;cursor:pointer}.userprofile .container .left .leftuser .userdetails .inputButton:hover{transform:scale(1.02)}.userprofile .container .left .leftuser .userdetails .inputButton .icon{color:#ff7600;z-index:4}.userprofile .container .left .leftuser .userdetails span{font-size:18px;font-weight:500}.userprofile .container .left .leftuser .userdetails img{width:100px;height:100px;border-radius:50%;object-fit:cover}.userprofile .container .left .leftuser .userdetails .rating{display:flex;align-items:center;gap:5px}.userprofile .container .left .leftuser .userdetails .rating img{width:14px;height:14px}.userprofile .container .left .leftuser .userdetails .rating span{font-size:14px;font-weight:700;color:#000}.userprofile .container .left .leftuser .userdetails .rating .total{font-weight:300;color:gray}.userprofile .container .left .leftuser .userdetails button{padding:10px 20px;background-color:#ff7600;color:#fff;border:1px solid rgb(255,255,255);border-radius:5px;cursor:pointer;width:300px;font-weight:500;font-size:14px}.userprofile .container .left .leftuser hr{height:0px;border:.1px solid rgb(232,232,232)}.userprofile .container .left .leftuser .infobox{padding:7px;font-size:14px}.userprofile .container .left .leftuser .infobox .items{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px}.userprofile .container .left .leftuser .infobox .items .item{width:350px;display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.userprofile .container .left .leftuser .infobox .items .item .title{font-weight:300}.userprofile .container .left .leftuser button{padding:10px 20px;background-color:#fff;color:#373737;border:1px solid rgb(193,193,193);border-radius:5px;cursor:pointer;width:300px;font-weight:500;font-size:14px}.userprofile .container .left .leftdesc{padding:25px;border:1px solid rgb(232,232,232);display:flex;flex-direction:column;gap:13px;border-radius:3px;background-color:#fff}.userprofile .container .left .leftdesc .desc{font-size:14px;font-weight:300;color:#414141;line-height:26px;letter-spacing:.4px;text-align:justify}.userprofile .container .left .leftdesc input{padding:15px;border:1px solid rgb(216,214,214);border-radius:5px}.userprofile .container .left .leftbooking{padding:25px;border:1px solid rgb(232,232,232);display:flex;flex-direction:column;gap:13px;border-radius:3px;background-color:#fff}.userprofile .container .left .leftbooking .cal .databtn{padding:10px 20px;background-color:#ff7600;color:#fff;border:1px solid rgb(255,255,255);border-radius:5px;cursor:pointer;width:300px;font-weight:500;font-size:14px;margin-top:20px}.userprofile .container .left .leftbooking .cal .databtn:hover{background-color:#ffb06b}.userprofile .container .left .leftbooking .cal .css-1rtg91x-MuiDateCalendar-root{width:300px;margin:0 0 0 -20px}.userprofile .container .left .leftbooking .cal .css-1rtg91x-MuiDateCalendar-root .css-1aqny2q-MuiPickersCalendarHeader-root{width:270px}.userprofile .container .left .leftbooking .cal .css-1rtg91x-MuiDateCalendar-root .css-15v8kdh-MuiPickersFadeTransitionGroup-root-MuiDateCalendar-viewTransitionContainer{margin:0 -25px 0 0}.userprofile .container .right{flex:3;display:flex;flex-direction:column;gap:20px}.userprofile .container .right .rightheader{display:flex;flex-direction:column;gap:23px;border-radius:3px;border:1px solid rgb(232,232,232);padding:25px;color:#000;background-color:#fff}.userprofile .container .right .rightheader span{font-size:24px;font-weight:700}.userprofile .container .right .skills{display:flex;flex-wrap:wrap;gap:20px;justify-content:start}.userprofile .container .right .skills .no-skills{margin-left:20px;font-weight:300}.userprofile .container .right .skills .skillcard{background-color:#fff;width:300px;height:300px;border:1px solid rgb(241,241,241);margin-bottom:10px;font-family:Roboto,sans-serif;border-radius:4px;overflow:hidden;box-shadow:0 0 5px #0000001a;transition:transform .3s ease-in-out}.userprofile .container .right .skills .skillcard:hover{transform:scale(1.02);cursor:pointer}.userprofile .container .right .skills .skillcard hr{height:0;border:.1px solid #ffca9c}.userprofile .container .right .skills .skillcard img{width:100%;height:60%;object-fit:cover;transition:transform .3s ease-in-out}.userprofile .container .right .skills .skillcard .info{padding:10px 20px;display:flex;flex-direction:column;gap:15px}.userprofile .container .right .skills .skillcard .info .user{display:flex;align-items:center;gap:10px}.userprofile .container .right .skills .skillcard .info .user img{width:24px;height:24px;border-radius:50%}.userprofile .container .right .skills .skillcard .info p{color:gray;font-size:14px;height:30px}.userprofile .container .right .skills .skillcard .info .rating{display:flex;align-items:center;gap:5px}.userprofile .container .right .skills .skillcard .info .rating img{width:14px;height:14px}.userprofile .container .right .skills .skillcard .info .rating span{font-size:14px;font-weight:700;color:gray}.userprofile .container .right .skills .skillcard .info .rating .number{font-weight:300;color:#d3d3d3}.userprofile .container .right .skills .skillcard .details{padding:10px 20px;display:flex;align-items:center;justify-content:space-between}.userprofile .container .right .skills .skillcard .details img{width:16px;height:16px;cursor:pointer}.userprofile .container .right .skills .skillcard .details .price span{font-size:12px;color:#d3d3d3}.userprofile .container .right .skills .skillcard .details .price h2{font-size:18px;font-weight:400;color:gray}.userreviews{margin-top:0}.userreviews .no-review{margin-left:20px;margin-top:20px;font-weight:300}.userreviews .reviewheader{display:flex;flex-direction:column;gap:23px;border-radius:3px;border:1px solid rgb(232,232,232);padding:25px;background-color:#fff}.userreviews .reviewheader h2{font-size:24px;font-weight:700}.userreviews hr{height:0;border:.5px solid #f7e8de;margin-top:0}.userreviews .addReview{margin-top:40px;display:flex;flex-direction:column;gap:20px;padding-left:5px}.userreviews .addReview h3{font-family:Roboto,sans-serif;font-weight:500;font-size:22px}.userreviews .addReview .addForm{display:flex;flex-direction:column;gap:20px}.userreviews .addReview .addForm input{padding:20px;height:60px;border:none;border:1px solid #f7e8de;border-radius:5px}.userreviews .addReview .addForm select{width:60px;padding:10px;border:none;border:1px solid #f7e8de;border-radius:5px;align-self:flex-end}.userreviews .addReview .addForm button{align-self:flex-end;width:100px;border:none;padding:15px;color:#fff;background-color:#ff7600;border-radius:5px;cursor:pointer}.userreviews .rating{display:flex;align-items:center;gap:5px}.userreviews .rating img{width:14px;height:14px}.userreviews .rating span{font-size:14px;font-weight:700;color:#ffde3c}.userreviews .helpful{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:300}.userreviews .helpful img{width:14px}.userreview{display:flex;flex-direction:column;gap:10px;margin:20px 0;padding-left:10px}.userreview p{font-size:16px}.userreview .user{display:flex;align-items:center}.userreview .user .pp{height:45px;width:45px;border-radius:50%;object-fit:cover;margin-right:10px}.userreview .user .country{display:flex;align-items:center;gap:5px;color:gray}.userreview .user .country img{width:20px}.userreview .line{height:0;border:.5px solid rgb(241,241,241);margin:50px 0}.dashboard{display:flex;justify-content:center;font-family:Roboto,sans-serif;background-color:#f5f5f5}.dashboard .container{width:1350px;padding:30px 0;display:flex;flex-direction:column}.dashboard .container .horizontalbar{display:flex;flex-direction:column;margin-top:10px}.dashboard .container .horizontalbar .tab{display:flex;gap:30px;margin-top:30px;padding-bottom:10px;font-weight:300;font-size:18px}.dashboard .container .horizontalbar .tab .active{font-weight:500;color:#ff7600}.dashboard .container .horizontalbar .tab .active:after{content:"";display:block;width:100%;height:2px;background-color:#ff7600;position:absolute;bottom:-11px;transition:width .1s}.dashboard .container .horizontalbar .tab span{cursor:pointer;position:relative}.dashboard .container .horizontalbar .tab span:after{content:"";display:block;width:0;height:2px;background-color:#ff7600;position:absolute;bottom:-11px;transition:width .1s}.dashboard .container .horizontalbar .tab span:hover:after{width:100%}.dashboard .container .content{display:flex;width:1350px;padding:30px 0;gap:50px}.dashboard .container .content .left{flex:.2;display:flex;flex-direction:column;gap:20px;width:300px}.dashboard .container .content .left .leftuser{padding:25px;border:1px solid rgb(232,232,232);display:flex;flex-direction:column;gap:23px;border-radius:3px;background-color:#fff}.dashboard .container .content .left .leftuser .edit{display:flex;position:absolute;margin-left:275px;color:gray;margin-top:0;cursor:pointer}.dashboard .container .content .left .leftuser .userdetails{display:flex;align-items:center;gap:20px;flex-direction:column}.dashboard .container .content .left .leftuser .userdetails .inputButton{display:flex;justify-content:center;align-items:center;transition:transform .3s ease-in-out;border:1px solid #FF7600;width:100px;height:100px;padding:20px;background-color:transparent;border-radius:50%;cursor:pointer}.dashboard .container .content .left .leftuser .userdetails .inputButton:hover{transform:scale(1.02)}.dashboard .container .content .left .leftuser .userdetails .inputButton .icon{color:#ff7600;z-index:4}.dashboard .container .content .left .leftuser .userdetails span{font-size:18px;font-weight:500}.dashboard .container .content .left .leftuser .userdetails img{width:100px;height:100px;border-radius:50%;object-fit:cover}.dashboard .container .content .left .leftuser hr{height:0px;border:.1px solid rgb(232,232,232)}.dashboard .container .content .left .leftuser .infobox{padding:7px;font-size:14px}.dashboard .container .content .left .leftuser .infobox .items{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px}.dashboard .container .content .left .leftuser .infobox .items .item{width:350px;display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.dashboard .container .content .left .leftuser .infobox .items .item .title{font-weight:300}.dashboard .container .content .left .leftuser button{padding:10px 20px;background-color:#fff;color:#373737;border:1px solid rgb(193,193,193);border-radius:5px;cursor:pointer;width:300px;font-weight:500;font-size:14px}.dashboard .container .content .left .leftdesc{padding:25px;border:1px solid rgb(232,232,232);display:flex;flex-direction:row;gap:13px;border-radius:3px;background-color:#fff;justify-content:space-between}.dashboard .container .content .left .leftdesc .desc{font-weight:300;color:#414141;line-height:26px;letter-spacing:.4px;text-align:justify}.dashboard .container .content .left .leftdesc input{padding:15px;border:1px solid rgb(216,214,214);border-radius:5px}.dashboard .container .content .right{flex:3;display:flex;flex-direction:column;gap:20px}.dashboard .container .content .right .rightchart{background-color:#fff;display:flex;flex-direction:column;padding:30px}.dashboard .container .content .right .rightchart .chartheader{margin-bottom:40px}.dashboard .container .content .right .rightchart .chartheader span{font-size:24px;font-weight:700}.dashboard .container .content .right .rightheader{display:flex;flex-direction:column;gap:23px;border-radius:3px;border:1px solid rgb(232,232,232);padding:20px;color:#000;background-color:#fff}.dashboard .container .content .right .rightheader span{font-size:24px;font-weight:700}.dashboard .container .content .right .rightcard{display:flex;flex-direction:column;gap:15px}.dashboard .container .content .right .rightcard .no-order{width:37%;margin-left:300px}.dashboard .container .content .right .rightcard2{display:flex;flex-direction:column;gap:15px}.dashboard .container .content .right .rightcard2 .no-order{width:37%;margin-left:300px}.dashboard .container .content .right .rightcard2 .download{padding-top:20px;display:flex;justify-content:flex-end;flex-direction:row}.dashboard .container .content .right .rightcard2 .download button{padding:10px 20px;background-color:#fff;color:#373737;border:1px solid rgb(232,232,232);border-radius:5px;cursor:pointer;width:120px;font-weight:500;font-size:14px}.dashboard .container .content .right .rightcard2 .tableheader{display:flex;padding:10px 10px 10px 20px;background-color:#fff;border:1px solid rgb(232,232,232);border-radius:3px;font-weight:500;font-size:16px;color:#000}.dashboard .container .content .right .rightcard2 .tableheader .service{margin-left:180px}.dashboard .container .content .right .rightcard2 .tableheader .transaction{margin-left:160px}.dashboard .container .content .right .rightcard2 .tableheader .date{margin-left:50px}.dashboard .container .content .right .rightcard2 .tableheader .progress{margin-left:130px}.dashboard .container .content .right .rightstats{display:flex;align-items:center;justify-content:space-between}.chart{width:940px;height:350px}.chart .no-order{width:37%;margin-left:300px}.ordercard{display:flex;justify-content:center;font-family:Roboto,sans-serif;background-color:#f5f5f5}.ordercard .cardcontainer{display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;width:100%;height:40px;padding:30px;background-color:#fff;border:1px solid rgb(232,232,232);align-items:center}.ordercard .cardcontainer .user{display:flex;flex-direction:row!important;gap:20px;justify-content:flex-start;align-items:center;width:370px;margin-top:-10px;margin-right:45px}.ordercard .cardcontainer .user .skilluser{display:flex;flex-direction:column}.ordercard .cardcontainer .user .skilluser .title{font-size:14px;font-weight:300}.ordercard .cardcontainer .user .userimage{width:40px;height:40px;border-radius:50%;object-fit:cover}.ordercard .cardcontainer .user .serviceimage{width:80px;height:50px;object-fit:cover}.ordercard .cardcontainer .user span{font-size:16px;font-weight:500}.ordercard .cardcontainer .orderdetail{display:flex;flex-direction:row!important;gap:30px;justify-content:center;align-content:center;margin-top:-10px}.ordercard .cardcontainer .orderdetail .price{display:flex;flex-direction:column;gap:10px;width:70px}.ordercard .cardcontainer .orderdetail .price .head{color:gray;font-size:16px;padding-bottom:4px}.ordercard .cardcontainer .orderdetail .price span{font-size:14px}.ordercard .cardcontainer .orderdetail .date{display:flex;flex-direction:column;gap:10px;width:120px;margin-left:40px}.ordercard .cardcontainer .orderdetail .date .head{color:gray;font-size:16px;padding-bottom:4px}.ordercard .cardcontainer .orderdetail .date span{font-size:14px}.ordercard .cardcontainer .orderdetail .status{display:flex;flex-direction:column;gap:10px;margin-left:10px}.ordercard .cardcontainer .orderdetail .status .head{color:gray}.ordercard .cardcontainer .orderdetail .status .progress{background-color:#ff7600;display:flex;justify-content:center;align-items:center;height:25px;width:95px;border-radius:10px}.ordercard .cardcontainer .orderdetail .status .progress.pending{background-color:#b2b2b2}.ordercard .cardcontainer .orderdetail .status .progress.confirmation{background-color:#f6a737}.ordercard .cardcontainer .orderdetail .status .progress.completed{background-color:#00a86b}.ordercard .cardcontainer .orderdetail .status .progress span{font-size:12px;color:#fff}.ordercard .cardcontainer .orderdetail button{border:none;background:none;background-color:none;display:flex;align-items:center;justify-content:center;color:#ff7600;font-size:14px;margin-top:20px;margin-left:40px}.ordercard .cardcontainer .orderdetail button:hover{cursor:pointer}.statcard{display:flex}.statcard .statcontainer{padding:20px;border-radius:10px;display:flex;gap:20px;background-color:#fff;width:280px}.statcard .statcontainer .text{display:flex;flex-direction:column;gap:20px}.statcard .statcontainer .text .number{font-size:24px;font-weight:500}.statcard .statcontainer .text .detail{font-size:14px;font-weight:300}.statcard .statcontainer .text .detail .positive{color:green}.statcard .statcontainer .text .detail .negative{color:red}.transactioncard{display:flex;justify-content:center;font-family:Roboto,sans-serif;background-color:#f5f5f5}.transactioncard .cardcontainer{display:flex!important;flex-wrap:wrap;width:100%;padding:10px 10px 10px 20px;background-color:#fff;border:1px solid rgb(232,232,232)}.transactioncard .cardcontainer .user{display:flex;flex-direction:row!important;gap:20px;justify-content:flex-start;align-items:center;width:155px}.transactioncard .cardcontainer .user .userimage{width:40px;height:40px;border-radius:50%;object-fit:cover}.transactioncard .cardcontainer .orderdetail{display:flex;flex-direction:row!important;gap:10px;justify-content:center;align-items:center}.transactioncard .cardcontainer .orderdetail .skill{width:300px;display:flex;justify-content:flex-start;margin-right:65px}.transactioncard .cardcontainer .orderdetail .positive{color:green;width:130px}.transactioncard .cardcontainer .orderdetail .negative{color:red;width:130px}.transactioncard .cardcontainer .orderdetail .date{width:160px}.transactioncard .cardcontainer .orderdetail .status{display:flex;flex-direction:column;gap:10px;margin-right:30px}.transactioncard .cardcontainer .orderdetail .status .progress{background-color:#00a86b;display:flex;justify-content:center;align-items:center;height:25px;width:95px;border-radius:10px}.transactioncard .cardcontainer .orderdetail .status .progress span{font-size:12px;color:#fff}.transactioncard .cardcontainer .orderdetail button{border:none;background:none;background-color:none;display:flex;align-items:center;justify-content:center;color:#ff7600;font-size:14px}.transactioncard .cardcontainer .orderdetail button:hover{cursor:pointer}.requestcard{display:flex;justify-content:center;font-family:Roboto,sans-serif;background-color:#f5f5f5}.requestcard .requestcontainer{display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;width:100%;padding:30px;background-color:#fff;border:1px solid rgb(232,232,232)}.requestcard .requestcontainer .user{display:flex;flex-direction:row!important;gap:20px;justify-content:flex-start;align-items:center;width:320px}.requestcard .requestcontainer .user .userimage{width:40px;height:40px;border-radius:50%;object-fit:cover}.requestcard .requestcontainer .user .serviceimage{width:80px;height:50px;object-fit:cover}.requestcard .requestcontainer .user span{font-size:16px;font-weight:500}.requestcard .requestcontainer .requestdetail{display:flex;flex-direction:row!important;gap:100px;justify-content:center;align-content:center}.requestcard .requestcontainer .requestdetail .price{display:flex;flex-direction:column;gap:10px;width:60px}.requestcard .requestcontainer .requestdetail .price .head{color:gray;font-size:16px;padding-bottom:4px}.requestcard .requestcontainer .requestdetail .price span{font-size:14px}.requestcard .requestcontainer .requestdetail .date{display:flex;flex-direction:column;gap:10px}.requestcard .requestcontainer .requestdetail .date .head{color:gray;font-size:16px;padding-bottom:4px}.requestcard .requestcontainer .requestdetail .date span{font-size:14px}.requestcard .requestcontainer .requestdetail .status{display:flex;flex-direction:column;gap:10px}.requestcard .requestcontainer .requestdetail .status .head{color:gray}.requestcard .requestcontainer .requestdetail .status .progress{background-color:#ff7600;display:flex;justify-content:center;align-items:center;height:25px;width:95px;border-radius:10px}.requestcard .requestcontainer .requestdetail .status .progress.pending{background-color:#b2b2b2}.requestcard .requestcontainer .requestdetail .status .progress.rejected{background-color:red}.requestcard .requestcontainer .requestdetail .status .progress.confirmation{background-color:#f6a737}.requestcard .requestcontainer .requestdetail .status .progress.completed{background-color:#00a86b}.requestcard .requestcontainer .requestdetail .status .progress span{font-size:12px;color:#fff}.requestcard .requestcontainer .requestdetail button{border:none;background:none;background-color:none;display:flex;align-items:center;justify-content:center;color:#ff7600;font-size:14px;margin-top:20px}.requestcard .requestcontainer .requestdetail button:hover{cursor:pointer}*{-webkit-font-smoothing:antialiased}* .link{text-decoration:none;color:inherit}.app{background-color:#f5f5f5;min-height:100vh}html,body{height:100%}.register{display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif;flex-direction:column}.register .registercontainer{display:flex;background-color:#fff;border:1px solid #ddd;border-radius:5px;margin-top:50px;box-shadow:0 0 10px #0000001a}.register .registercontainer form{width:960px;padding:30px;display:flex;gap:40px}.register .registercontainer form h1{color:#272727;margin-bottom:20px}.register .registercontainer form .left{flex:1;display:flex;flex-direction:column;gap:10px;justify-content:space-between;border-right:1px solid #ddd;padding-right:40px}.register .registercontainer form .left label{color:gray;font-size:18px}.register .registercontainer form .left input,.register .registercontainer form .left textarea{padding:15px;border:1px solid rgb(216,214,214);border-radius:5px;box-shadow:inset 0 0 2px #0000001a}.register .registercontainer form .left .inputButton{display:flex;justify-content:center;align-items:center;transition:transform .3s ease-in-out;border:1px solid #FF7600;width:70px;height:70px;padding:20px;background-color:transparent;border-radius:50%;cursor:pointer}.register .registercontainer form .left .inputButton:hover{transform:scale(1.02)}.register .registercontainer form .left .inputButton .icon{color:#ff7600;z-index:4}.register .registercontainer form .right{flex:1;display:flex;flex-direction:column;gap:10px;margin-top:13px}.register .registercontainer form .right label{color:gray;font-size:18px}.register .registercontainer form .right input,.register .registercontainer form .right textarea{padding:15px;border:1px solid rgb(216,214,214);border-radius:5px;box-shadow:inset 0 0 2px #0000001a}.register .registercontainer form .right button{border:none;padding:20px;color:#fff;font-weight:500;font-size:18px;background-color:#ff7600;cursor:pointer;border-radius:5px;margin-top:150px;width:120px;margin-left:350px;font-size:14px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px}.register .registercontainer form .right button:hover{background-color:#ff8c27;scale:1.01}.checkoutform{display:flex;justify-content:center;font-family:Roboto,sans-serif}.checkoutform .container{width:1350px;padding:30px 0;display:flex;gap:50px}.checkoutform .container .skillcontainer{display:flex;flex:.5;flex-direction:column;gap:20px;margin-top:40px;border:1px solid #dcdcdc;border-radius:10px;padding:20px;box-shadow:0 0 10px #0000001a;background-color:#fff}.checkoutform .container .skillcontainer .pricesub,.checkoutform .container .skillcontainer .pricebarter{display:flex;flex-direction:row;justify-content:space-between;color:gray}.checkoutform .container .skillcontainer .pricetotal{display:flex;flex-direction:row;justify-content:space-between;color:#000;font-weight:500}.checkoutform .container .skillcontainer .skilldetail{display:flex;flex-direction:column;gap:10px}.checkoutform .container .skillcontainer .skilldetail img{width:250px;height:130px}.checkoutform .container .checkoutcontainer{display:flex;flex:2;border-radius:20px;font-family:Roboto,sans-serif;flex-direction:column;width:700px;margin:40px auto auto}.checkoutform .container .checkoutcontainer .checkout{display:flex;flex-direction:column;padding:20px;gap:10px}.checkoutform .container .checkoutcontainer .checkout h1{color:#2a2a2a}.checkoutform .container .checkoutcontainer .checkout p{font-weight:200}.checkoutform .container .checkoutcontainer .paymentdetail{padding:20px;display:flex;flex-direction:column;gap:20px}.checkoutform .container .checkoutcontainer .paymentdetail form button{background-color:#ff7600;color:#fff;border:none;padding:15px;border-radius:5px;width:100%;margin-top:20px;cursor:pointer}.checkoutform .container .checkoutcontainer .paymentdetail form button .icon{margin-right:8px}.success{font-family:Roboto,sans-serif;font-size:20px;display:flex;justify-content:center;align-items:center;margin:100px;font-weight:300;text-align:center;line-height:30px}.chatbox{display:flex;justify-content:center;font-family:Roboto,sans-serif}.chatbox .container{width:1100px;display:flex;margin:45px;box-shadow:0 0 7px #f7e8de;background-color:#fff;border-radius:10px;border:1px solid #ddd}.chatbox .container .unactive{display:flex;justify-content:center;align-items:center;padding:50px}.chatbox .container .unactive .chatimage{padding-left:140px;width:430px;height:430px;opacity:.5}.chatbox .container .left{display:flex;flex-direction:column;border-right:1px solid #ddd;flex:.7;gap:20px;border-radius:10px 0 0 10px;overflow:auto}.chatbox .container .left .leftheader{display:flex;align-items:center;font-weight:700;font-size:24px;margin:5px;padding-top:10px}.chatbox .container .left .leftheader p{margin-left:14px;margin-top:13px}.chatbox .container .left .usermessages{display:flex;flex-direction:column;gap:5px}.chatbox .container .left .usermessages .user{display:flex;padding:15px;cursor:pointer}.chatbox .container .left .usermessages .user:hover,.chatbox .container .left .usermessages .user.selected{background-color:#ffd37b;color:#fff}.chatbox .container .left .usermessages .user .info{display:flex;flex-direction:column;justify-content:center;padding-left:10px}.chatbox .container .left .usermessages .user .info p{font-weight:700;font-size:16px}.chatbox .container .left .usermessages .user .info p i{font-weight:200;font-size:12px}.chatbox .container .left .usermessages .user .info span{font-weight:300;font-size:14px}.chatbox .container .left .usermessages .user img{width:40px;height:40px;border-radius:50%;object-fit:cover}.chatbox .container .right{display:flex;flex:2;flex-direction:column;border-right:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-radius:0 10px 10px 0}.chatbox .container .right .rightheader{display:flex;gap:20px;border-bottom:1px solid #ddd;font-weight:500;box-shadow:0 2px 5px -3px #e6e6e6bf}.chatbox .container .right .rightheader .user{display:flex;align-items:center;padding:20px;gap:10px}.chatbox .container .right .rightheader .user img{width:40px;height:40px;border-radius:50%;object-fit:cover}.chatbox .container .right .messagebox{border-radius:10px;box-shadow:0 0 1px #f7e8de}.chatbox .container .right .messagebox .messages{background-color:#fff;margin-top:15px;padding:40px;display:flex;flex-direction:column;gap:20px;height:300px;width:780px;overflow:auto;align-items:flex-start;justify-content:flex-start}.chatbox .container .right .messagebox .messages .item{display:flex;gap:20px;max-width:600px;font-size:16px}.chatbox .container .right .messagebox .messages .item.owner{flex-direction:row-reverse;align-self:flex-end}.chatbox .container .right .messagebox .messages .item.owner p{border-radius:20px 0 20px 20px;background-color:#ffa900;color:#fff}.chatbox .container .right .messagebox .messages .item img{width:40px;height:40px;border-radius:50%;object-fit:cover}.chatbox .container .right .messagebox .messages .item p{padding:15px;background-color:#e8e8e8;border-radius:0 20px 20px;color:gray;font-weight:300}.chatbox .container .right .write{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ddd}.chatbox .container .right .write textarea{width:80%;border:none;border-radius:20px;outline:none;resize:none;padding:20px}.chatbox .container .right .write button{padding:5px;border:none;border-radius:0 0 10px;background-color:#ffa900;color:#fff;font-weight:500;height:100%;width:95px}.view-barter-page{display:flex;justify-content:center;font-family:Roboto,sans-serif;background-color:#f5f5f5}.view-barter-page .container{width:1350px;padding:30px 0;display:flex;gap:50px;flex-direction:column}.view-barter-page .container .breadcrumbs{font-weight:300;font-size:16px;color:gray;margin-bottom:-30px}.view-barter-page .container .leftrightcontainer{display:flex;width:1350px;gap:50px}.view-barter-page .container .leftrightcontainer .left{flex:2;display:flex;flex-direction:column;gap:20px;border:1px solid rgb(241,241,241);padding:20px;background-color:#fff;height:max-content}.view-barter-page .container .leftrightcontainer .left .order-header{border-bottom:1px solid #ddd;padding-bottom:15px}.view-barter-page .container .leftrightcontainer .left .order-header .order-details{display:flex;justify-content:space-between;align-items:center}.view-barter-page .container .leftrightcontainer .left .order-header .order-details .order-info h2{margin:0}.view-barter-page .container .leftrightcontainer .left .order-header .order-details .order-info p{margin:0;color:gray}.view-barter-page .container .leftrightcontainer .left .order-header .order-details .order-amount{display:flex;align-items:center}.view-barter-page .container .leftrightcontainer .left .order-header .order-details .order-amount h2{margin:0 10px 0 0}.view-barter-page .container .leftrightcontainer .left .order-header .order-details .order-amount button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.view-barter-page .container .leftrightcontainer .left .order-header .order-details .order-amount button:hover{background-color:#0056b3}.view-barter-page .container .leftrightcontainer .left .order-content{display:flex;flex-direction:column}.view-barter-page .container .leftrightcontainer .left .order-content .equivalencestatcontainer{display:flex;flex-direction:row;gap:10px;margin-bottom:20px;justify-content:center;padding-bottom:20px;border-bottom:1px solid #ddd}.view-barter-page .container .leftrightcontainer .left .order-content .equivalencestatcontainer .bar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding-right:20px;border-right:1px solid #ddd}.view-barter-page .container .leftrightcontainer .left .order-content .equivalencestatcontainer .statistics{display:flex;flex-direction:column;align-items:center;padding-left:20px;padding-right:30px}.view-barter-page .container .leftrightcontainer .left .order-content .equivalencestatcontainer .statistics:not(:last-child){border-right:1px solid #ddd}.view-barter-page .container .leftrightcontainer .left .order-content .equivalencestatcontainer .statistics h3{margin-bottom:16px}.view-barter-page .container .leftrightcontainer .left .order-content .equivalencestatcontainer .statistics .value{background:linear-gradient(0deg,#e91e63,#673ab7);width:160px;height:160px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:6px 6px 10px -1px #00000026,-6px -6px 10px -1px #ffffffb3}.view-barter-page .container .leftrightcontainer .left .order-content .equivalencestatcontainer .statistics .value .inner{width:120px;height:120px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 4px 4px 6px -1px #0003,inset -4px -4px 6px -1px #ffffffb3,-.5px -.5px #fff,.5px .5px #00000026,0 12px 10px -10px #0000000d}.view-barter-page .container .leftrightcontainer .left .order-content .equivalencestatcontainer .statistics .value .inner p{font-size:16px;font-weight:600;color:#555}.view-barter-page .container .leftrightcontainer .left .order-content .order-message{background-color:#f8f9fa;padding:15px;margin-bottom:15px}.view-barter-page .container .leftrightcontainer .left .order-content .order-message .requirements,.view-barter-page .container .leftrightcontainer .left .order-content .order-message .requirements form{display:flex;flex-direction:column}.view-barter-page .container .leftrightcontainer .left .order-content .order-message .requirements form label{font-size:16px}.view-barter-page .container .leftrightcontainer .left .order-content .order-message .requirements form label p{margin-bottom:20px}.view-barter-page .container .leftrightcontainer .left .order-content .order-message .requirements form label textarea{width:97%;height:50px;padding:10px;border:1px solid #ddd;border-radius:5px}.view-barter-page .container .leftrightcontainer .left .order-content .order-message .requirements form button{width:100%;background-color:#ff7600;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;margin-top:10px}.view-barter-page .container .leftrightcontainer .left .order-content .order-table{width:100%;border-collapse:collapse;margin-bottom:15px}.view-barter-page .container .leftrightcontainer .left .order-content .order-table th,.view-barter-page .container .leftrightcontainer .left .order-content .order-table td{border:1px solid #ddd;padding:10px;text-align:left}.view-barter-page .container .leftrightcontainer .left .order-content .order-table th{background-color:#f8f9fa}.view-barter-page .container .leftrightcontainer .left .order-content .order-table th:nth-child(1){width:50%}.view-barter-page .container .leftrightcontainer .left .uploadheader{gap:20px;display:flex;flex-direction:column;border-bottom:1px solid #ddd;padding-bottom:15px}.view-barter-page .container .leftrightcontainer .left .filecontainer{width:100px;height:100px;border:1px solid #ddd;border-radius:5px;display:flex;justify-content:center;align-items:center;background-color:#f8f8f8}.view-barter-page .container .leftrightcontainer .left .filecontainer:hover{cursor:pointer;scale:1;background-color:#f6f6f6}.view-barter-page .container .leftrightcontainer .left .filecontainer .filedetail{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center}.view-barter-page .container .leftrightcontainer .left .filecontainer .filedetail span{font-size:12px;color:gray}.view-barter-page .container .leftrightcontainer .left .upload-section{display:flex;flex-direction:column;gap:20px;flex-wrap:wrap;flex-direction:row}.view-barter-page .container .leftrightcontainer .left .upload-section button{width:100%;background-color:#ff7600;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;margin-top:10px}.view-barter-page .container .leftrightcontainer .left .upload-section .uploadcontainer{width:100px;height:100px;border:1px solid #ddd;border-radius:5px;display:flex;justify-content:center;align-items:center;background-color:#fff}.view-barter-page .container .leftrightcontainer .left .upload-section .uploadcontainer:hover{cursor:pointer;scale:1;background-color:#f4f4f4}.view-barter-page .container .leftrightcontainer .right{flex:.5;display:flex;flex-direction:column;gap:10px;position:sticky;top:150px;height:max-content;max-height:1000px}.view-barter-page .container .leftrightcontainer .right .proceedpayment{display:flex;padding:30px;flex-direction:column;background-color:#fff;gap:10px}.view-barter-page .container .leftrightcontainer .right .proceedpayment .paymentheader{display:flex;flex-direction:column;gap:5px}.view-barter-page .container .leftrightcontainer .right .proceedpayment .actions .proceedbtn{width:100%;background-color:#ff7600;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;margin-top:10px}.view-barter-page .container .leftrightcontainer .right .proceedpayment .actions .proceedbtn:hover{background-color:#ffa900}.view-barter-page .container .leftrightcontainer .right .pay{display:flex;padding:30px;flex-direction:column;background-color:#fff;gap:10px}.view-barter-page .container .leftrightcontainer .right .pay .terms{margin-top:5px;font-size:12px;color:gray}.view-barter-page .container .leftrightcontainer .right .pay .actions .proceedbtn{width:100%;background-color:#ff7600;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;margin-top:10px}.view-barter-page .container .leftrightcontainer .right .pay .actions .proceedbtn:hover{background-color:#ffa900}.view-barter-page .container .leftrightcontainer .right .pay .actions .rejectbtn{width:100%;background-color:#fff;border:1px solid #CD113B;color:#cd113b;padding:10px 20px;border-radius:5px;cursor:pointer;margin-top:10px}.view-barter-page .container .leftrightcontainer .right .pay .actions .rejectbtn:hover{background-color:#cd113b;color:#fff}.time-left-to-deliver .timeheader{display:flex;margin-bottom:20px}.vertical-stepper .order-details{margin-bottom:20px}.refund{border:1px solid rgb(241,241,241);padding:20px;border-radius:5px;background-color:#fff;text-align:center;margin-bottom:20px;font-family:roboto,sans-serif}.refund .refundcontainer{display:flex;flex-direction:column}.refund .refundcontainer .refundheader{display:flex;margin-bottom:10px}.refund .refundcontainer button{width:100%;background-color:#ff7600;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.refund .refundcontainer button:hover{background-color:#f9bc86}.contactbox{border:1px solid rgb(241,241,241);padding:20px;border-radius:5px;background-color:#fff;text-align:center;margin-bottom:20px;font-family:roboto,sans-serif}.contactbox .talent{display:flex;flex-direction:row;gap:20px;align-items:center}.contactbox .talent button{padding:10px 20px;background-color:#ff7600;color:#fff;border:none;border-radius:5px;cursor:pointer;height:40px;width:150px;align-items:center;display:flex;gap:5px}.contactbox .talent .user{display:flex;align-items:center;gap:0px;flex-direction:column}.contactbox .talent .user img{width:50px;height:50px;border-radius:50%;object-fit:cover}.contactbox .talent .user .details{display:flex;gap:10px}.contactbox .talent .user .details .rating{display:flex;align-items:center;gap:5px}.contactbox .talent .user .details .rating img{width:14px;height:14px}.contactbox .talent .user .details .rating span{font-size:14px;font-weight:700;color:#ffde3c}.contactbox .talent .user .details .rating .total{font-weight:300;color:gray}@keyframes anim{to{stroke-dashoffset:var(--stroke-dashoffset)}}.progressbar2{display:flex;align-items:center;justify-content:center}.progressbar2 .container2{width:160px;height:160px;position:relative}.progressbar2 .container2 .outer{height:160px;width:160px;border-radius:50%;box-shadow:6px 6px 10px -1px #00000026,-6px -6px 10px -1px #ffffffb3;display:flex;align-items:center;justify-content:center}.progressbar2 .container2 .outer .inner{height:120px;width:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 4px 4px 6px -1px #0003,inset -4px -4px 6px -1px #ffffffb3,-.5px -.5px #fff,.5px .5px #00000026,0 12px 10px -10px #0000000d}.progressbar2 .container2 .outer .inner #number{font-weight:600;color:#555}.progressbar2 .container2 svg{position:absolute;top:0;left:0}.progressbar2 .container2 svg circle{fill:none;stroke:url(#GradientColor);stroke-width:20px;stroke-dasharray:472;stroke-dashoffset:472;animation:anim .2s linear forwards}.view-order-page{display:flex;justify-content:center;font-family:Roboto,sans-serif;background-color:#f5f5f5}.view-order-page .container{width:1350px;padding:30px 0;display:flex;gap:50px;flex-direction:column}.view-order-page .container .breadcrumbs{font-weight:300;font-size:16px;color:gray;margin-bottom:-30px}.view-order-page .container .leftrightcontainer{display:flex;width:1350px;gap:50px}.view-order-page .container .leftrightcontainer .left{flex:2;display:flex;flex-direction:column;gap:20px;border:1px solid rgb(241,241,241);padding:20px;background-color:#fff;height:max-content}.view-order-page .container .leftrightcontainer .left .order-header{border-bottom:1px solid #ddd;padding-bottom:15px}.view-order-page .container .leftrightcontainer .left .order-header .order-details{display:flex;justify-content:space-between;align-items:center}.view-order-page .container .leftrightcontainer .left .order-header .order-details .order-info h2{margin:0}.view-order-page .container .leftrightcontainer .left .order-header .order-details .order-info p{margin:0;color:gray}.view-order-page .container .leftrightcontainer .left .order-header .order-details .order-amount{display:flex;align-items:center}.view-order-page .container .leftrightcontainer .left .order-header .order-details .order-amount h2{margin:0 10px 0 0}.view-order-page .container .leftrightcontainer .left .order-header .order-details .order-amount button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.view-order-page .container .leftrightcontainer .left .order-header .order-details .order-amount button:hover{background-color:#0056b3}.view-order-page .container .leftrightcontainer .left .order-content .order-message{background-color:#f8f9fa;padding:15px;margin-bottom:15px}.view-order-page .container .leftrightcontainer .left .order-content .order-message p{font-size:16px;color:gray;line-height:25px}.view-order-page .container .leftrightcontainer .left .order-content .order-message .requirements,.view-order-page .container .leftrightcontainer .left .order-content .order-message .requirements form{display:flex;flex-direction:column}.view-order-page .container .leftrightcontainer .left .order-content .order-message .requirements form label{font-size:16px}.view-order-page .container .leftrightcontainer .left .order-content .order-message .requirements form label p{margin-bottom:20px}.view-order-page .container .leftrightcontainer .left .order-content .order-message .requirements form label textarea{width:97%;height:50px;padding:10px;border:1px solid #ddd;border-radius:5px}.view-order-page .container .leftrightcontainer .left .order-content .order-message .requirements form button{width:100%;background-color:#ff7600;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;margin-top:10px}.view-order-page .container .leftrightcontainer .left .order-content .order-table{width:100%;border-collapse:collapse;margin-bottom:15px}.view-order-page .container .leftrightcontainer .left .order-content .order-table th,.view-order-page .container .leftrightcontainer .left .order-content .order-table td{border:1px solid #ddd;padding:10px;text-align:left}.view-order-page .container .leftrightcontainer .left .order-content .order-table th{background-color:#f8f9fa}.view-order-page .container .leftrightcontainer .left .order-content .order-table th:first-child{width:50%}.view-order-page .container .leftrightcontainer .left .uploadheader{gap:20px;display:flex;flex-direction:column;border-bottom:1px solid #ddd;padding-bottom:15px}.view-order-page .container .leftrightcontainer .left .filecontainer{width:100px;height:100px;border:1px solid #ddd;border-radius:5px;display:flex;justify-content:center;align-items:center;background-color:#f8f8f8}.view-order-page .container .leftrightcontainer .left .filecontainer:hover{cursor:pointer;scale:1;background-color:#f6f6f6}.view-order-page .container .leftrightcontainer .left .filecontainer .filedetail{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center}.view-order-page .container .leftrightcontainer .left .filecontainer .filedetail span{font-size:12px;color:gray}.view-order-page .container .leftrightcontainer .left .upload-section{display:flex;flex-direction:column;gap:20px;flex-wrap:wrap;flex-direction:row}.view-order-page .container .leftrightcontainer .left .upload-section button{width:100%;background-color:#ff7600;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;margin-top:10px}.view-order-page .container .leftrightcontainer .left .upload-section .uploadcontainer{width:100px;height:100px;border:1px solid #ddd;border-radius:5px;display:flex;justify-content:center;align-items:center;background-color:#fff}.view-order-page .container .leftrightcontainer .left .upload-section .uploadcontainer:hover{cursor:pointer;scale:1;background-color:#f4f4f4}.view-order-page .container .leftrightcontainer .right{flex:.5;display:flex;flex-direction:column;position:sticky;top:150px;height:max-content;max-height:1000px}.view-order-page .container .leftrightcontainer .right .private-note{margin-bottom:15px}.view-order-page .container .leftrightcontainer .right .private-note h3{margin-bottom:5px}.view-order-page .container .leftrightcontainer .right .private-note textarea{width:100%;height:100px;padding:10px;border:1px solid #ddd;border-radius:5px}.view-order-page .container .leftrightcontainer .right .support-button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.view-order-page .container .leftrightcontainer .right .support-button:hover{background-color:#0056b3}.vertical-stepper .order-container{background-color:#fff;padding:20px;border:1px solid rgb(241,241,241);border-radius:5px;margin-bottom:20px}.vertical-stepper .track-order h3{margin-bottom:15px}.vertical-stepper .order-details{margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.vertical-stepper .order-details .orderheader{display:flex;margin-bottom:-15px}.vertical-stepper .order-details h3{margin-bottom:15px;color:#333}.vertical-stepper .order-details .order-summary{display:flex;align-items:center}.vertical-stepper .order-details .order-summary img{border-radius:5px;margin-right:10px;width:50px;height:50px;object-fit:cover}.vertical-stepper .order-details .order-summary p{margin:0}.vertical-stepper .order-details .order-summary .status-badge{background-color:#ff7600;color:#fff;border-radius:5px;padding:2px 8px;font-size:12px;display:inline-block;margin-top:5px}.vertical-stepper .stepper-container{display:flex;flex-direction:column;align-items:flex-start;position:relative;padding-left:20px;gap:10px}.vertical-stepper .step-item{position:relative;display:flex;align-items:center;width:100%;padding-left:25px}.vertical-stepper .step-item:not(:last-child):before{content:"";background-color:#e2e8f0;position:absolute;width:2px;height:calc(100% + 20px);left:-11px;top:0;transform:translate(-50%);z-index:99999999999}.vertical-stepper .step-item .step{width:14px;height:14px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%;border:2px solid #FF7600;font-weight:600;color:#fff;position:absolute;left:-20px;top:0;z-index:999999999999}.vertical-stepper .step-item .step-label{margin-left:-15px;color:#6b7280;font-size:14px}.vertical-stepper .active .step,.vertical-stepper .complete .step{background-color:#ff7600;border:2px solid #FF7600}.vertical-stepper .complete .step-label{color:#333}.vertical-stepper .complete:not(:last-child):before,.vertical-stepper .active:not(:last-child):before{background-color:#ff7600}.vertical-stepper .btn{background-color:#ff7600;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;margin-top:30px;width:100%}.vertical-stepper .btn:hover{background-color:#fb9942}.time-left-to-deliver{border:1px solid rgb(241,241,241);padding:20px;border-radius:5px;background-color:#fff;text-align:center;margin-bottom:20px;font-family:roboto,sans-serif}.time-left-to-deliver .timeheader{display:flex;margin-bottom:10px}.time-left-to-deliver .bookeddate{display:flex;margin-bottom:20px}.time-left-to-deliver .time-left{display:flex;justify-content:center;gap:15px;margin-bottom:20px}.time-left-to-deliver .time-left .block{width:1px;background-color:#666;height:17px;margin-top:5px}.time-left-to-deliver .time-left .time-unit{display:flex;flex-direction:column;align-items:center;gap:5px}.time-left-to-deliver .time-left .time-unit .number{font-size:16px;font-weight:400}.time-left-to-deliver .time-left .time-unit .label{font-size:.8em;color:#666}.time-left-to-deliver .deliver-now-btn{width:100%;background-color:#ff7600;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.time-left-to-deliver .deliver-now-btn:hover{background-color:#f9bc86}.view-order-page{display:flex;justify-content:center;font-family:Roboto,sans-serif}.view-order-page .container{width:1350px;padding:30px 0;display:flex;gap:50px}.view-order-page .container .left{flex:2;display:flex;flex-direction:column;gap:20px;border:1px solid rgb(241,241,241);padding:20px}.view-order-page .container .left .order-header{border-bottom:1px solid #ddd;padding-bottom:15px}.view-order-page .container .left .order-header .order-details{display:flex;justify-content:space-between;align-items:center}.view-order-page .container .left .order-header .order-details .order-info h2{margin:0}.view-order-page .container .left .order-header .order-details .order-info p{margin:0;color:gray}.view-order-page .container .left .order-header .order-details .order-amount{display:flex;align-items:center}.view-order-page .container .left .order-header .order-details .order-amount h2{margin:0 10px 0 0}.view-order-page .container .left .order-header .order-details .order-amount button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.view-order-page .container .left .order-header .order-details .order-amount button:hover{background-color:#0056b3}.view-order-page .container .left .order-content .order-message{background-color:#f8f9fa;padding:15px;margin-bottom:15px}.view-order-page .container .left .order-content .order-table{width:100%;border-collapse:collapse;margin-bottom:15px}.view-order-page .container .left .order-content .order-table th,.view-order-page .container .left .order-content .order-table td{border:1px solid #ddd;padding:10px;text-align:left}.view-order-page .container .left .order-content .order-table th{background-color:#f8f9fa}.view-order-page .container .left .uploadheader{gap:20px;display:flex;flex-direction:column}.view-order-page .container .left .filecontainer{width:100px;height:100px;border:1px solid #ddd;border-radius:5px;display:flex;justify-content:center;align-items:center;background-color:#f8f8f8}.view-order-page .container .left .filecontainer:hover{cursor:pointer;scale:1;background-color:#f6f6f6}.view-order-page .container .left .filecontainer .filedetail{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center}.view-order-page .container .left .filecontainer .filedetail span{font-size:12px;color:gray}.view-order-page .container .left .upload-section{display:flex;flex-direction:column;gap:20px;flex-wrap:wrap;flex-direction:row}.view-order-page .container .left .upload-section .uploadcontainer{width:100px;height:100px;border:1px solid #ddd;border-radius:5px;display:flex;justify-content:center;align-items:center;background-color:#fff}.view-order-page .container .left .upload-section .uploadcontainer:hover{cursor:pointer;scale:1;background-color:#f4f4f4}.view-order-page .container .right{flex:.5;display:flex;flex-direction:column;position:sticky;top:150px;height:max-content;max-height:500px}.view-order-page .container .right .private-note{margin-bottom:15px}.view-order-page .container .right .private-note h3{margin-bottom:5px}.view-order-page .container .right .private-note textarea{width:100%;height:100px;padding:10px;border:1px solid #ddd;border-radius:5px}.view-order-page .container .right .support-button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.view-order-page .container .right .support-button:hover{background-color:#0056b3}.faq-page{display:flex;justify-content:center;font-family:roboto,sans-serif}.faq-page .containerfaqall{display:flex;width:1350px}.faq-page .containerfaqall .sidebar{border:1px solid rgb(241,241,241);flex:1;padding:20px;border-radius:5px;display:flex;flex-direction:column;gap:20px;position:sticky;top:150px;height:max-content;max-height:500px;background-color:#fff;margin-top:130px}.faq-page .containerfaqall .sidebar ul{list-style:none;padding:0}.faq-page .containerfaqall .sidebar ul li{margin-bottom:10px;cursor:pointer;padding:5px 10px;border-radius:5px;color:#ff7600}.faq-page .containerfaqall .sidebar ul li.active{background-color:#ffa900;color:#fff}.faq-page .containerfaqall .sidebar ul li:hover{background-color:#e9ecef}.faq-page .containerfaqall .faq{display:flex;flex-direction:column;flex:4}.faq-page .containerfaqall .faq .container{margin:20px auto 0;padding:20px}.faq-page .containerfaqall .faq .breadcrumbs{font-size:12px;color:gray}.faq-page .containerfaqall .faq .breadcrumbs .link{text-decoration:none}.faq-page .containerfaqall .faq h1{font-size:36px;margin-bottom:20px;margin-top:10px}.faq-page .containerfaqall .faq .faqcontainer{display:flex;flex-direction:column;background-color:#fff;padding:30px;border-radius:5px}.faq-page .containerfaqall .faq .faqcontainer .faq-section{margin-bottom:40px}.faq-page .containerfaqall .faq .faqcontainer .faq-section h2{font-size:24px;margin-bottom:10px}.faq-page .containerfaqall .faq .faqcontainer .faq-section p,.faq-page .containerfaqall .faq .faqcontainer .faq-section ul,.faq-page .containerfaqall .faq .faqcontainer .faq-section ol,.faq-page .containerfaqall .faq .faqcontainer .faq-section pre{font-size:16px;line-height:2.5}.faq-page .containerfaqall .faq .faqcontainer .faq-section ul,.faq-page .containerfaqall .faq .faqcontainer .faq-section ol{padding-left:20px}.faq-page .containerfaqall .faq .faqcontainer .faq-section pre{background:#f4f4f4;padding:10px;border-radius:5px}.faq-page .containerfaqall .faq .faqcontainer .faq-section code{font-family:Courier New,Courier,monospace}