@keyframes pulse7132{0%{transform:scale(0);opacity:1}100%{transform:scale(1);opacity:0}}*{margin:0;padding:0;box-sizing:border-box;color:hsl(221,100%,99%);font-family:Vazirmatn}body{font-family:"Satoshi",sans-serif;background:hsl(231,83%,3%);color:hsl(221,100%,99%);min-height:100vh}@font-face{font-family:"Vazirmatn";src:url("../assets/fonts/Vazirmatn-Regular.ttf") format("truetype");font-weight:400;font-display:swap}@font-face{font-family:"Vazirmatn";src:url("../assets/fonts/Vazirmatn-Medium.ttf") format("truetype");font-weight:500;font-display:swap}@font-face{font-family:"Vazirmatn";src:url("../assets/fonts/Vazirmatn-Bold.ttf") format("truetype");font-weight:700;font-display:swap}html{scroll-behavior:smooth}a{text-decoration:none}img{max-width:100%;display:block}.field-error{color:hsl(9,31%,55%);font-size:.78em;margin-right:4px}.field-error.show{display:block}#header-placeholder{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0;flex-wrap:nowrap;position:sticky;top:10px;z-index:999;width:100%}#header-placeholder header{width:100%;max-width:1346px;padding:14px 24px;background:hsl(222,39%,10%);border-radius:32px;border:1px solid hsl(223,41%,21%);display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:0;flex-wrap:nowrap}#header-placeholder header .right .logo{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0;flex-wrap:nowrap;gap:10px}#header-placeholder header .right .logo img{width:45px;height:45px;object-fit:contain}#header-placeholder header .right .logo .text-logo{font-size:24px;font-weight:700;color:#fd653c}#header-placeholder header .navbar ul{display:flex;justify-content:row;align-items:25px;flex-direction:row;gap:0;flex-wrap:nowrap;gap:25px;list-style:none}#header-placeholder header .navbar ul li{position:relative;display:flex;justify-content:row;align-items:center;flex-direction:row;gap:0;flex-wrap:nowrap;gap:25px}#header-placeholder header .navbar ul li a{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0;flex-wrap:nowrap;position:relative;gap:6px;color:hsl(221,100%,99%);font-size:16px;font-weight:500;transition:.3s}#header-placeholder header .navbar ul li a:hover{color:#fd653c}#header-placeholder header .navbar ul li a::after{content:"";position:absolute;right:0;bottom:-6px;width:0;height:2px;background:#fd653c;transition:.3s}#header-placeholder header .navbar ul li a:hover::after{width:100%}#header-placeholder header .navbar ul li a i{font-size:12px;transition:transform .3s}#header-placeholder header .navbar ul li .dropdown{position:absolute;top:calc(100% + 35px);right:-250px;display:grid;grid-template-columns:repeat(3, 1fr);gap:4px;min-width:340px;padding:10px;background:hsl(222,39%,10%);border-radius:20px;box-shadow:0 12px 30px rgba(0,0,0,.12);border:1px solid hsl(222,23%,43%);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,visibility .25s;z-index:100}#header-placeholder header .navbar ul li .dropdown::before{content:"";position:absolute;top:-6px;right:24px;width:12px;height:12px;background:hsl(222,39%,10%);border-top:1px solid rgba(0,0,0,.05);border-left:1px solid rgba(0,0,0,.05);transform:rotate(45deg)}#header-placeholder header .navbar ul li .dropdown li{width:100%}#header-placeholder header .navbar ul li .dropdown li a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;font-size:14px;color:hsl(221,100%,99%);white-space:nowrap;transition:background .2s,color .2s}#header-placeholder header .navbar ul li .dropdown li a::after{display:none}#header-placeholder header .navbar ul li .dropdown li a i{font-size:14px;color:hsl(222,77%,76%);width:18px;text-align:center}#header-placeholder header .navbar ul li .dropdown li a:hover{background:hsl(222,39%,10%);color:#fd653c}#header-placeholder header .navbar ul li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}#header-placeholder header .navbar ul li:hover>a i{transform:rotate(720deg)}#header-placeholder header .left .guest-header{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0;flex-wrap:nowrap;gap:15px}#header-placeholder header .left .guest-header .sign-up{padding:10px 22px;border:none;border-radius:20px;background:#fd653c;color:hsl(221,100%,99%);font-size:14px;font-weight:700;cursor:pointer;transition:.3s}#header-placeholder header .left .guest-header .sign-up:hover{transform:translateY(-2px)}#header-placeholder header .left .guest-header .login{color:hsl(222,77%,76%);font-size:15px;font-weight:500;cursor:pointer;transition:.3s}#header-placeholder header .left .guest-header .login:hover{color:#fd653c}#header-placeholder header .left .user-header{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0;flex-wrap:nowrap;gap:15px}#header-placeholder header .left .user-header .popup{position:relative;display:inline-block}#header-placeholder header .left .user-header .popup input{display:none}#header-placeholder header .left .user-header .popup .burger{width:45px;height:45px;border-radius:50%;background:#fd653c;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0;flex-wrap:nowrap;cursor:pointer;transition:.25s ease}#header-placeholder header .left .user-header .popup .burger i{color:hsl(221,100%,99%);font-size:20px}#header-placeholder header .left .user-header .popup .burger:hover{transform:scale(1.08)}#header-placeholder header .left .user-header .popup .burger:active{transform:scale(0.95)}#header-placeholder header .left .user-header .popup .popup-window{position:absolute;top:70px;left:0;width:260px;background:hsl(222,39%,10%);border:1px solid hsl(222,30%,32%);border-radius:20px;padding:12px;box-shadow:var(--popup-shadow);opacity:0;visibility:hidden;transform:scale(0.85);transition:.25s ease;transform-origin:top left}#header-placeholder header .left .user-header .popup .popup-window .popup-header{padding:10px 12px 15px;border-bottom:1px solid hsl(222,23%,43%);margin-bottom:10px}#header-placeholder header .left .user-header .popup .popup-window .popup-header h3{font-size:16px;color:hsl(221,100%,99%);margin-bottom:4px}#header-placeholder header .left .user-header .popup .popup-window .popup-header p{font-size:13px;color:oklch(.76 .05 264)}#header-placeholder header .left .user-header .popup .popup-window ul{list-style:none}#header-placeholder header .left .user-header .popup .popup-window ul li{margin-bottom:6px}#header-placeholder header .left .user-header .popup .popup-window ul li:last-child{margin-bottom:0}#header-placeholder header .left .user-header .popup .popup-window ul li button{width:100%;border:none;background:rgba(0,0,0,0);display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:12px;cursor:pointer;font-size:14px;color:hsl(221,100%,99%);transition:.2s ease}#header-placeholder header .left .user-header .popup .popup-window ul li button i{width:18px;font-size:14px}#header-placeholder header .left .user-header .popup .popup-window ul li button:hover{background:hsl(217,34%,65%);color:hsl(221,100%,99%)}#header-placeholder header .left .user-header .popup .popup-window ul li .logout{color:red}#header-placeholder header .left .user-header .popup .popup-window ul li .logout:hover{background:hsl(9,31%,55%);color:hsl(221,100%,99%)}#header-placeholder header .left .user-header .popup input:checked~.popup-window{opacity:1;visibility:visible;transform:scale(1)}#header-placeholder header .left .user-header .notif-btn{width:45px;height:45px;position:relative;display:flex;align-items:center;justify-content:center;background-color:hsla(224,61%,6%,.44);border-radius:50%;cursor:pointer;transition-duration:.3s;box-shadow:2px 2px 10px rgba(0,0,0,.13);border:none}#header-placeholder header .left .user-header .notif-btn i{color:hsl(221,100%,99%);font-size:20px}#header-placeholder header .left .user-header .notif-btn:hover{background-color:oklch(.76 .1 84)}#header-placeholder header .left .user-header .notif-btn:hover i{animation:bellRing .9s both}#header-placeholder header .left .user-header .notif-btn:active{transform:scale(0.8)}@keyframes bellRing{0%,100%{transform-origin:top}15%{transform:rotateZ(10deg)}30%{transform:rotateZ(-10deg)}45%{transform:rotateZ(5deg)}60%{transform:rotateZ(-5deg)}75%{transform:rotateZ(2deg)}}footer{background-color:hsla(224,61%,6%,.44);width:100%;min-height:240px;margin-top:50px;padding:20px 20px 0 20px;border-top:2px solid hsl(222,30%,32%)}footer .footer-container{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px}footer .footer-container .footer-about{display:flex;flex-direction:column;margin-right:20px}footer .footer-container .footer-about .logo{display:flex;align-items:center;gap:10px}footer .footer-container .footer-about .logo img{width:45px;height:45px;object-fit:contain}footer .footer-container .footer-about .logo .text-logo{font-size:24px;font-weight:700;color:#fd653c}footer .footer-container .footer-about p{margin-top:10px;font-size:16px;color:hsl(221,100%,99%)}footer .footer-container .footer-about .card{width:fit-content;height:fit-content;margin-top:5px;display:flex;align-items:center;justify-content:center;gap:20px;padding:25px;background-color:rgba(0,0,0,0)}footer .footer-container .footer-about .card .socialContainer{width:52px;height:52px;border:1px solid hsl(223,41%,21%);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background-color:hsl(222,39%,10%);transition:.3s}footer .footer-container .footer-about .card .socialContainer:active{transform:scale(0.9)}footer .footer-container .footer-about .card .socialContainer:hover .socialSvg{animation:slide-in-top .3s both}footer .footer-container .footer-about .card .socialContainer .socialSvg{font-size:22px;color:#fff}footer .footer-container .footer-about .card .containerOne:hover{background-color:#d62976}footer .footer-container .footer-about .card .containerTwo:hover{background-color:#00acee}footer .footer-container .footer-about .card .containerThree:hover{background-color:#0072b1}footer .footer-container .footer-about .card .containerFour:hover{background-color:#128c7e}@keyframes slide-in-top{0%{transform:translateY(-50px);opacity:0}100%{transform:translateY(0);opacity:1}}footer .footer-container .footer-links,footer .footer-container .footer-account{display:flex;flex-direction:column;align-items:center;gap:10px}footer .footer-container .footer-links h3,footer .footer-container .footer-account h3{font-size:20px;color:#fd653c}footer .footer-container .footer-links a,footer .footer-container .footer-account a{margin-top:10px;font-size:16px;font-weight:500;transition:.3s}footer .footer-container .footer-links a:hover,footer .footer-container .footer-account a:hover{transform:translateX(-5px);color:#fd653c}footer .footer-container .footer-contact{display:flex;flex-direction:column;align-items:center;gap:18px}footer .footer-container .footer-contact h3{font-size:20px;color:#fd653c}footer .footer-container .footer-contact .contact-item{display:flex;align-items:center;gap:10px;color:hsl(221,100%,99%);transition:.3s}footer .footer-container .footer-contact .contact-item i{color:hsl(222,77%,76%);font-size:16px}footer .footer-container .footer-contact .contact-item span{direction:ltr;color:hsl(221,100%,99%);font-size:16px;font-weight:500}footer .footer-container .footer-contact .contact-item:hover{transform:translateX(-5px)}footer .footer-container .footer-contact .contact-item:hover span{color:#fd653c}footer .footer-bottom{direction:ltr;display:flex;align-items:center;justify-content:center;margin-top:-20px}footer .footer-bottom p{color:oklch(.76 .05 264);font-size:14px;font-weight:500}.hero-index{position:relative;margin:50px 30px 30px;padding:80px 24px 120px;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.hero-index .center{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:0;flex-wrap:nowrap;text-align:center}.hero-index .center .image{position:absolute;left:-180px;margin-left:80px;top:-30px;z-index:1}.hero-index .center .image .hero-img{width:800px;height:500px;max-width:100%;opacity:.95}.hero-index .center .hero-text{position:relative;z-index:2;top:-50px;max-width:700px;font-size:56px;font-weight:700;line-height:1.4;color:hsl(221,100%,99%)}.hero-index .center .hero-text .build{color:#fd653c}.hero-index .center .intro{position:relative;z-index:2;top:-30px;max-width:700px;margin-top:20px;font-size:16px;line-height:2;color:oklch(.76 .05 264)}.hero-index .center .search-input{position:relative;z-index:2;top:-20px;width:500px;max-width:100%;margin-right:50px;margin-top:50px}.hero-index .center .search-input .search{width:100%;height:60px;border:1px solid hsl(223,41%,21%);border-radius:50px;background-color:hsl(222,39%,10%);padding:0 25px 0 150px;outline:none;font-size:16px;color:hsl(221,100%,99%);transition:.3s}.hero-index .center .search-input .search:hover,.hero-index .center .search-input .search:focus{border-color:#fd653c;box-shadow:0 0 5px rgba(255,122,89,.5)}.hero-index .center .search-input .search::placeholder{color:hsla(0,0%,100%,.5)}.hero-index .center .search-input .search::-webkit-search-cancel-button{cursor:pointer;height:18px;width:18px;filter:invert(55%) sepia(80%) saturate(500%) hue-rotate(330deg)}.hero-index .center .search-input .find-talent{position:absolute;top:50%;left:8px;transform:translateY(-50%);width:50px;height:46px;border:none;border-radius:40px;background-color:#fd653c;color:hsl(221,100%,99%);font-size:15px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0;flex-wrap:nowrap;transition:.3s}.hero-index .center .search-input .find-talent:hover{transform:translateY(-50%) scale(1.03)}.hero-index .trending-categories{position:relative;z-index:2;display:flex;align-items:center;gap:30px;margin-top:60px;overflow:visible}.hero-index .trending-categories .trend-text{display:flex;align-items:center;gap:10px;color:hsl(221,100%,99%);font-size:16px;font-weight:500;white-space:nowrap;flex-shrink:0}.hero-index .trending-categories .trend-text i{font-size:9px;color:hsl(222,77%,76%)}.hero-index .trending-categories .categories-wrapper{position:relative;overflow:hidden;flex:1;min-width:0;direction:ltr;-webkit-mask-image:linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 8%, rgba(0,0,0,1) 92%, rgba(0,0,0,0) 100%);mask-image:linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 8%, rgba(0,0,0,1) 92%, rgba(0,0,0,0) 100%)}.hero-index .trending-categories .categories-box{display:flex;align-items:center;gap:15px;width:max-content;animation:infiniteScroll 30s linear infinite}.hero-index .trending-categories .categories-box:hover{animation-play-state:paused}.hero-index .trending-categories .cat{direction:rtl;flex-shrink:0;padding:10px 22px;background:#fd653c;border-radius:32px;color:hsl(221,100%,99%);white-space:nowrap;font-size:14px;font-weight:500;cursor:pointer;transition:.3s}@keyframes infiniteScroll{from{transform:translateX(0)}to{transform:translateX(-33.333%)}}.different{position:relative;top:-30px}.different .section-title{text-align:center;font-size:34px;font-weight:700;color:hsl(221,100%,99%);margin-bottom:60px}.different .cards{margin:30px;display:grid;grid-template-columns:repeat(2, 1fr);gap:30px}.different .cards .card{display:flex;justify-content:space-between;align-items:row;flex-direction:row;gap:0;flex-wrap:nowrap;padding:10px;border-radius:20px;background-color:hsla(224,61%,6%,.44);border:1px solid hsl(223,41%,21%);gap:20px;transition:.3s;cursor:pointer}.different .cards .card:hover{transform:translateY(-5px);border:1px solid #fd653c}.different .cards .card .title{display:flex;align-items:center}.different .cards .card .title .icon i{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0;flex-wrap:nowrap;min-width:45px;height:45px;border-radius:12px;background:hsl(222,39%,10%);color:hsl(222,77%,76%);font-size:20px;flex-shrink:0}.different .cards .card .title .text{padding-right:15px}.different .cards .card .title .text h4{font-size:20px;font-weight:700;color:#fd653c;padding-top:5px;padding-right:10px;margin-bottom:10px}.different .cards .card .title .text p{top:-15px;font-size:16px;line-height:1.8;color:hsl(221,100%,99%)}.different .buttons{padding-top:10px;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:0;flex-wrap:nowrap}.different .buttons button{display:flex;align-items:center;justify-content:center;width:140px;height:50px;white-space:nowrap;border:none;border-radius:20px;background-color:#fd653c;color:hsl(221,100%,99%);font-size:16px;font-weight:700;padding:16px;cursor:pointer;transition:all .5s}.different .buttons button span{display:inline-block;position:relative;transition:.5s}.different .buttons button span::after{content:"»";position:absolute;top:0;right:-15px;opacity:0;transition:.5s}.different .buttons button:hover span{padding-right:15px}.different .buttons button:hover span::after{opacity:1;right:0}.different .buttons button{margin:5px}.Popular-Categories{padding:0 40px}.Popular-Categories .title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:50px}.Popular-Categories .title .popular-text{display:flex;flex-direction:row;align-items:center;color:hsl(221,100%,99%);font-size:34px;font-weight:700;margin-right:10px}.Popular-Categories .title .popular-text .ping{--uib-size: 50px;--uib-speed: 1s;--uib-color: $forth-color;position:relative;width:var(--uib-size);height:var(--uib-size)}.Popular-Categories .title .popular-text .ping::before,.Popular-Categories .title .popular-text .ping::after{content:"";position:absolute;inset:0;border-radius:50%;background-color:oklch(.76 .1 84);animation:pulse7132 var(--uib-speed) linear infinite;transform:scale(0);opacity:0}.Popular-Categories .title .popular-text .ping::after{animation-delay:calc(var(--uib-speed)/-2)}.Popular-Categories .title .more-categories{color:hsl(221,100%,99%);font-size:14px;font-weight:700;cursor:pointer;background-color:#fd653c;border-radius:12px;border:none;width:max-content;height:max-content;padding:10px}.Popular-Categories .title .more-categories i{color:hsl(221,100%,99%);font-size:14px;font-weight:700;margin-right:5px}.Popular-Categories .Categories-cards{margin-top:40px;justify-items:center;display:grid;grid-template-columns:repeat(5, 1fr);gap:25px}.Popular-Categories .Categories-cards .card-Categories{transition:.3s;background-color:hsla(224,61%,6%,.44);border-radius:20px;border:1px solid hsl(223,41%,21%);width:250px;height:max-content;grid-template-columns:repeat(5, 1fr)}.Popular-Categories .Categories-cards .card-Categories .icon-cat{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px auto;width:85px;height:85px;background-color:hsl(222,39%,10%);border:none;border-radius:12px}.Popular-Categories .Categories-cards .card-Categories .icon-cat i{color:hsl(222,77%,76%);font-size:34px;font-weight:700}.Popular-Categories .Categories-cards .card-Categories .name-cat p{display:flex;flex-direction:column;justify-content:center;align-items:center;color:hsl(221,100%,99%);font-size:20px;font-weight:500;margin-top:20px;margin-bottom:30px}.Popular-Categories .Categories-cards .card-Categories .project-stats{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.Popular-Categories .Categories-cards .card-Categories .project-stats .count{color:hsl(221,100%,99%);font-size:18px;font-weight:400}.Popular-Categories .Categories-cards .card-Categories .project-stats .lable{color:oklch(.76 .05 264);font-size:14px;font-weight:400}.Popular-Categories .Categories-cards .card-Categories:hover{border:1px solid #fd653c;transform:translateY(-5px)}.post_job{background:linear-gradient(135deg, #8fa2dd, #a2b0e8);opacity:.8;border:2px solid hsl(222,23%,43%);border-radius:20px;margin:100px 40px;padding:20px;display:flex;flex-direction:column;box-shadow:inset 15px 15px 20px rgba(24,23,23,.18),inset -15px -15px 20px rgba(24,23,23,.18)}.post_job .right{margin-right:20px;display:flex;flex-direction:row;justify-content:flex-start;width:max-content}.post_job .right i{display:flex;justify-content:center;align-items:center;margin-left:30px;font-size:55px;color:hsl(222,39%,10%)}.post_job .right .text-post h2{font-size:25px;color:hsl(222,39%,10%)}.post_job .right .text-post p{margin-top:5px;font-size:16px;color:hsl(222,39%,10%)}.post_job .right .post{display:flex;align-items:center;justify-content:center;position:relative;left:-350px;top:20px;background-color:hsl(222,39%,10%);border-radius:20px;width:max-content;height:max-content;padding:10px 40px;font-size:20px;color:hsl(221,100%,99%);border:1px solid hsl(222,23%,43%)}.popular-projects{padding:0 40px}.popular-projects .title-projects{display:flex;justify-content:space-between;align-items:row;flex-direction:row;gap:0;flex-wrap:nowrap;margin-top:50px}.popular-projects .title-projects .project-text{display:flex;justify-content:row;align-items:center;flex-direction:row;gap:0;flex-wrap:nowrap;color:hsl(221,100%,99%);font-size:34px;font-weight:700;margin-right:10px}.popular-projects .title-projects .project-text .ping{--uib-size: 50px;--uib-speed: 1s;--uib-color: $forth-color;position:relative;width:var(--uib-size);height:var(--uib-size)}.popular-projects .title-projects .project-text .ping::before,.popular-projects .title-projects .project-text .ping::after{content:"";position:absolute;inset:0;border-radius:50%;background-color:oklch(.76 .1 84);animation:pulse7132 var(--uib-speed) linear infinite;transform:scale(0);opacity:0}.popular-projects .title-projects .project-text .ping::after{animation-delay:calc(var(--uib-speed)/-2)}.popular-projects .title-projects .more-project{color:hsl(221,100%,99%);font-size:14px;font-weight:700;cursor:pointer;background-color:#fd653c;border-radius:12px;border:none;width:max-content;height:max-content;padding:10px}.popular-projects .title-projects .more-project i{color:hsl(221,100%,99%);font-size:14px;font-weight:700;margin-right:5px}.popular-projects .projects-cards{margin-top:40px;display:grid;grid-template-columns:repeat(4, 1fr);column-gap:25px;row-gap:25px;padding-bottom:20px}.popular-projects .projects-cards .card-project{overflow:hidden;transition:.3s;background-color:hsla(224,61%,6%,.44);border:1px solid hsl(223,41%,21%);border-radius:20px;cursor:pointer;width:320px;max-height:375px}.popular-projects .projects-cards .card-project:hover{border:1px solid #fd653c;transform:translateY(-5px)}.popular-projects .projects-cards .card-project:has(.button:hover),.popular-projects .projects-cards .card-project:has(.bookmark:hover){transform:translateY(0);border:1px solid rgba(0,0,0,0)}.popular-projects .projects-cards .card-project .card-top{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.popular-projects .projects-cards .card-project .card-top #checkboxInput{display:none}.popular-projects .projects-cards .card-project .card-top .bookmark{margin-left:20px;cursor:pointer;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:10px}.popular-projects .projects-cards .card-project .card-top .svgIcon path{stroke-dasharray:200 0;stroke-dashoffset:0;stroke:hsl(9,31%,55%);fill:rgba(221,221,221,0);transition-delay:0s;transition-duration:.5s}.popular-projects .projects-cards .card-project .card-top .bookmark input{display:none}.popular-projects .projects-cards .card-project .card-top .bookmark input:checked+.svgIcon path,.popular-projects .projects-cards .card-project .card-top #checkboxInput:checked~.svgIcon path{fill:hsl(9,31%,55%);animation:bookmark .5s linear}.popular-projects .projects-cards .card-project .card-top #checkboxInput:checked~.svgIcon path{transition-delay:.5s}@keyframes bookmark{0%{stroke-dasharray:0 200;stroke-dashoffset:80}100%{stroke-dasharray:200 0}}.popular-projects .projects-cards .card-project .card-top .status-project .active{color:#2dd4a7;position:relative;right:-70px;font-size:10px;background-color:hsla(224,61%,6%,.44);border:1px solid hsl(147,21%,58%);width:max-content;height:max-content;padding-right:10px;padding-left:10px;padding-bottom:3px;padding-top:3px;border-radius:12px}.popular-projects .projects-cards .card-project .card-top .icon-project{position:relative;left:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px auto;width:85px;height:85px;background-color:hsl(222,39%,10%);border:none;border-radius:12px}.popular-projects .projects-cards .card-project .card-top .icon-project i{color:hsl(222,77%,76%);font-size:34px;font-weight:700}.popular-projects .projects-cards .card-project .card-content{display:flex;flex-direction:column;justify-content:right;margin:0 20px}.popular-projects .projects-cards .card-project .card-content .owner{position:relative;top:-4px;margin-top:3px;font-size:12px;font-weight:400;padding-right:4px;display:flex;align-items:center;gap:5px}.popular-projects .projects-cards .card-project .card-content .owner i{font-size:12px;color:hsl(222,77%,76%)}.popular-projects .projects-cards .card-project .card-content h3{margin-right:5px;font-size:20px;font-weight:700;line-height:1.5;min-height:3em;min-height:3em;display:flex;align-items:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.popular-projects .projects-cards .card-project .card-content .card-pro-cat{display:flex;flex-direction:row;gap:5px}.popular-projects .projects-cards .card-project .card-content .card-pro-cat p{margin-top:10px;margin-bottom:5px;border:1.5px solid oklch(.76 .1 84);font-size:9px;color:oklch(.76 .1 84);border-radius:12px;padding:5px 10px;white-space:nowrap;width:max-content}.popular-projects .projects-cards .card-project .card-content .price{margin-top:10px;display:flex;justify-content:space-between}.popular-projects .projects-cards .card-project .card-content .price .number,.popular-projects .projects-cards .card-project .card-content .price span{font-size:14px;color:hsl(221,100%,99%)}.popular-projects .projects-cards .card-project .card-content{padding-bottom:20px;border-bottom:1px solid hsl(222,23%,43%)}.popular-projects .projects-cards .card-project .card-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:10px 20px}.popular-projects .projects-cards .card-project .card-footer .daysAgo{font-size:14px;color:hsla(0,0%,100%,.51)}.popular-projects .projects-cards .card-project .card-footer .button{display:block;position:relative;width:56px;height:56px;margin:0;overflow:hidden;outline:none;background-color:rgba(0,0,0,0);cursor:pointer;border:0}.popular-projects .projects-cards .card-project .card-footer .button:before,.popular-projects .projects-cards .card-project .card-footer .button:after{content:"";position:absolute;border-radius:50%;inset:7px}.popular-projects .projects-cards .card-project .card-footer .button:before{border:4px solid hsl(217,34%,65%);transition:opacity .4s cubic-bezier(0.77, 0, 0.175, 1) 80ms,transform .5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 80ms}.popular-projects .projects-cards .card-project .card-footer .button:after{border:4px solid hsl(217,34%,65%);transform:scale(1.3);transition:opacity .4s cubic-bezier(0.165, 0.84, 0.44, 1),transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);opacity:0}.popular-projects .projects-cards .card-project .card-footer .button:hover:before,.popular-projects .projects-cards .card-project .card-footer .button:focus:before{opacity:0;transform:scale(0.7);transition:opacity .4s cubic-bezier(0.165, 0.84, 0.44, 1),transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.popular-projects .projects-cards .card-project .card-footer .button:hover:after,.popular-projects .projects-cards .card-project .card-footer .button:focus:after{opacity:1;transform:scale(1);transition:opacity .4s cubic-bezier(0.77, 0, 0.175, 1) 80ms,transform .5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 80ms}.popular-projects .projects-cards .card-project .card-footer .button-box{display:flex;position:absolute;top:0;left:0}.popular-projects .projects-cards .card-project .card-footer .button-elem{display:block;width:20px;height:20px;margin:17px 18px 0 18px;transform:rotate(180deg);fill:hsl(217,34%,65%)}.hero-project-page{position:relative;margin:50px 30px 0px 30px;padding:80px 24px 40px;overflow:hidden;display:flex}.hero-project-page .title-hero-pro{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;position:relative;left:-200px}.hero-project-page .title-hero-pro h3{position:relative;left:3px;top:-53px;font-size:56px;font-weight:700;line-height:1.4}.hero-project-page .title-hero-pro h3 span{color:#fd653c}.hero-project-page .title-hero-pro p{margin-top:10px;position:relative;z-index:2;top:-30px;max-width:600px;font-size:16px;line-height:2;color:hsl(221,100%,99%)}.title-2{margin-top:0;margin-right:40px;margin-bottom:50px;margin-left:40px}.title-2 .text{display:flex;align-items:center;gap:10px;color:hsl(221,100%,99%);font-size:34px;font-weight:700}.title-2 .text .ping{--uib-size: 50px;--uib-speed: 1s;--uib-color: $forth-color;position:relative;width:var(--uib-size);height:var(--uib-size)}.title-2 .text .ping::before,.title-2 .text .ping::after{content:"";position:absolute;inset:0;border-radius:50%;background-color:oklch(.76 .1 84);animation:pulse7132 var(--uib-speed) linear infinite;transform:scale(0);opacity:0}.title-2 .text .ping::after{animation-delay:calc(var(--uib-speed)/-2)}.project-layout{direction:ltr;margin:0 40px 0 40px;display:grid;grid-template-columns:1fr 320px;gap:30px}.project-layout .project-main,.project-layout .project-sidebar{direction:rtl}.project-layout .project-main{position:relative;top:-10px;display:flex;flex-direction:column;gap:25px}.project-layout .project-main .project-toolbar{display:flex;align-items:center;justify-content:space-around;width:100%;padding:20px;border-radius:20px;border:1px solid hsl(223,41%,21%);background-color:hsla(224,61%,6%,.44);gap:20px}.project-layout .project-main .project-toolbar .search-box{display:flex;align-items:center;justify-content:center;flex:1;border-radius:12px;line-height:28px;position:relative;max-width:400px}.project-layout .project-main .project-toolbar .search-box .search-icon{position:absolute;left:1rem;color:hsl(222,77%,76%);width:1rem;height:1rem;pointer-events:none;z-index:1}.project-layout .project-main .project-toolbar .search-box input{width:100%;height:45px;padding-left:2.5rem;padding-right:20px;box-shadow:0 0 0 1.5px #2b2c37,0 0 25px -17px #000;border-radius:12px;border:1px solid hsl(223,41%,21%);background-color:hsl(222,39%,10%);outline:none;color:hsl(221,100%,99%);transition:all .25s cubic-bezier(0.19, 1, 0.22, 1);cursor:text;z-index:0;border:1px solid hsl(222,23%,43%)}.project-layout .project-main .project-toolbar .search-box input::placeholder{padding-right:5px;color:oklch(.76 .05 264)}.project-layout .project-main .project-toolbar .search-box input:hover{box-shadow:0 0 0 2.5px #2f303d,0px 0px 25px -15px #000}.project-layout .project-main .project-toolbar .search-box input:active{transform:scale(0.95)}.project-layout .project-main .project-toolbar .search-box input:focus{box-shadow:0 0 0 2.5px #2f303d}.project-layout .project-main .project-toolbar .sort-box{position:relative;width:300px}.project-layout .project-main .project-toolbar .sort-box .selected-option{width:100%;height:45px;padding:0 18px;border-radius:12px;border:1px solid hsl(222,23%,43%);background-color:hsl(222,39%,10%);display:flex;align-items:center;justify-content:space-between;color:oklch(.76 .05 264);cursor:pointer;transition:.3s;font-size:14px}.project-layout .project-main .project-toolbar .sort-box .selected-option i{color:hsl(222,77%,76%);font-size:14px;transition:.3s}.project-layout .project-main .project-toolbar .sort-box .options-container{position:absolute;top:50px;right:0;width:100%;padding:10px;border-radius:12px;background-color:hsl(222,39%,10%);border:1px solid oklch(.76 .05 264);display:none;flex-direction:column;gap:8px;z-index:100}.project-layout .project-main .project-toolbar .sort-box .options-container.show{display:flex}.project-layout .project-main .project-toolbar .sort-box .option{display:flex;align-items:center;justify-content:start;padding:5px;border-radius:10px;color:hsl(221,100%,99%);cursor:pointer;transition:.3s;font-size:16px}.project-layout .project-main .project-toolbar .sort-box .option:hover{padding-right:5px;background-color:hsla(224,61%,6%,.44);color:#fd653c}.project-layout .project-main .project-toolbar .sort-box:active{transform:scale(0.95)}.project-layout .project-main .project-grid{display:grid;gap:20px}.project-layout .project-main .project-grid .projects-cards{margin-top:15px;display:grid;grid-template-columns:repeat(3, 1fr);column-gap:25px;row-gap:25px;padding-bottom:20px}.project-layout .project-main .project-grid .projects-cards .card-project{overflow:hidden;transition:.3s;background-color:hsla(224,61%,6%,.44);border:1px solid hsl(223,41%,21%);border-radius:20px;cursor:pointer;width:320px;max-height:375px}.project-layout .project-main .project-grid .projects-cards .card-project:hover{border:1px solid #fd653c;transform:translateY(-5px)}.project-layout .project-main .project-grid .projects-cards .card-project:has(.button:hover),.project-layout .project-main .project-grid .projects-cards .card-project:has(.bookmark:hover){transform:translateY(0);border:1px solid rgba(0,0,0,0)}.project-layout .project-main .project-grid .projects-cards .card-project .card-top{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.project-layout .project-main .project-grid .projects-cards .card-project .card-top #checkboxInput{display:none}.project-layout .project-main .project-grid .projects-cards .card-project .card-top .bookmark{margin-left:20px;cursor:pointer;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:10px}.project-layout .project-main .project-grid .projects-cards .card-project .card-top .svgIcon path{stroke-dasharray:200 0;stroke-dashoffset:0;stroke:hsl(9,31%,55%);fill:rgba(221,221,221,0);transition-delay:0s;transition-duration:.5s}.project-layout .project-main .project-grid .projects-cards .card-project .card-top .bookmark input{display:none}.project-layout .project-main .project-grid .projects-cards .card-project .card-top .bookmark input:checked+.svgIcon path,.project-layout .project-main .project-grid .projects-cards .card-project .card-top #checkboxInput:checked~.svgIcon path{fill:hsl(9,31%,55%);animation:bookmark .5s linear}.project-layout .project-main .project-grid .projects-cards .card-project .card-top #checkboxInput:checked~.svgIcon path{transition-delay:.5s}@keyframes bookmark{0%{stroke-dasharray:0 200;stroke-dashoffset:80}100%{stroke-dasharray:200 0}}.project-layout .project-main .project-grid .projects-cards .card-project .card-top .status-project .active{color:#2dd4a7;position:relative;right:-70px;font-size:10px;background-color:hsla(224,61%,6%,.44);border:1px solid hsl(147,21%,58%);width:max-content;height:max-content;padding-right:10px;padding-left:10px;padding-bottom:3px;padding-top:3px;border-radius:12px}.project-layout .project-main .project-grid .projects-cards .card-project .card-top .icon-project{position:relative;left:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px auto;width:85px;height:85px;background-color:hsl(222,39%,10%);border:none;border-radius:12px}.project-layout .project-main .project-grid .projects-cards .card-project .card-top .icon-project i{color:hsl(222,77%,76%);font-size:34px;font-weight:700}.project-layout .project-main .project-grid .projects-cards .card-project .card-content{display:flex;flex-direction:column;justify-content:right;margin:0 20px}.project-layout .project-main .project-grid .projects-cards .card-project .card-content .owner{position:relative;top:-4px;margin-top:3px;font-size:12px;font-weight:400;padding-right:4px;display:flex;align-items:center;gap:5px}.project-layout .project-main .project-grid .projects-cards .card-project .card-content .owner i{font-size:12px;color:hsl(222,77%,76%)}.project-layout .project-main .project-grid .projects-cards .card-project .card-content h3{margin-right:5px;font-size:20px;font-weight:700;line-height:1.5;min-height:3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-layout .project-main .project-grid .projects-cards .card-project .card-content .card-pro-cat{display:flex;flex-direction:row;gap:5px}.project-layout .project-main .project-grid .projects-cards .card-project .card-content .card-pro-cat p{margin-top:10px;margin-bottom:5px;border:1.5px solid oklch(.76 .1 84);font-size:9px;color:oklch(.76 .1 84);border-radius:12px;padding:5px 10px;white-space:nowrap;width:max-content}.project-layout .project-main .project-grid .projects-cards .card-project .card-content .price{margin-top:10px;display:flex;justify-content:space-between}.project-layout .project-main .project-grid .projects-cards .card-project .card-content .price .number,.project-layout .project-main .project-grid .projects-cards .card-project .card-content .price span{font-size:14px;color:hsl(221,100%,99%)}.project-layout .project-main .project-grid .projects-cards .card-project .card-content{padding-bottom:20px;border-bottom:1px solid hsl(222,23%,43%)}.project-layout .project-main .project-grid .projects-cards .card-project .card-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:10px 20px}.project-layout .project-main .project-grid .projects-cards .card-project .card-footer .daysAgo{font-size:14px;color:hsla(0,0%,100%,.51)}.project-layout .project-main .project-grid .projects-cards .card-project .card-footer .button{display:block;position:relative;width:56px;height:56px;margin:0;overflow:hidden;outline:none;background-color:rgba(0,0,0,0);cursor:pointer;border:0}.project-layout .project-main .project-grid .projects-cards .card-project .card-footer .button:before,.project-layout .project-main .project-grid .projects-cards .card-project .card-footer .button:after{content:"";position:absolute;border-radius:50%;inset:7px}.project-layout .project-main .project-grid .projects-cards .card-project .card-footer .button:before{border:4px solid hsl(217,34%,65%);transition:opacity .4s cubic-bezier(0.77, 0, 0.175, 1) 80ms,transform .5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 80ms}.project-layout .project-main .project-grid .projects-cards .card-project .card-footer .button:after{border:4px solid hsl(217,34%,65%);transform:scale(1.3);transition:opacity .4s cubic-bezier(0.165, 0.84, 0.44, 1),transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);opacity:0}.project-layout .project-main .project-grid .projects-cards .card-project .card-footer .button:hover:before,.project-layout .project-main .project-grid .projects-cards .card-project .card-footer .button:focus:before{opacity:0;transform:scale(0.7);transition:opacity .4s cubic-bezier(0.165, 0.84, 0.44, 1),transform .5s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.project-layout .project-main .project-grid .projects-cards .card-project .card-footer .button:hover:after,.project-layout .project-main .project-grid .projects-cards .card-project .card-footer .button:focus:after{opacity:1;transform:scale(1);transition:opacity .4s cubic-bezier(0.77, 0, 0.175, 1) 80ms,transform .5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 80ms}.project-layout .project-main .project-grid .projects-cards .card-project .card-footer .button-box{display:flex;position:absolute;top:0;left:0}.project-layout .project-main .project-grid .projects-cards .card-project .card-footer .button-elem{display:block;width:20px;height:20px;margin:17px 18px 0 18px;transform:rotate(180deg);fill:hsl(217,34%,65%)}.project-layout .project-sidebar{direction:rtl;height:fit-content;padding:25px;border-radius:20px;background-color:hsla(224,61%,6%,.44);border:1px solid hsl(223,41%,21%);display:flex;flex-direction:column;gap:20px;position:relative;top:-10px}.project-layout .project-sidebar .sidebar-title{font-size:20px;color:#fd653c}.project-layout .project-sidebar .filter-box{background-color:hsl(222,39%,10%);padding:20px;border-radius:20px;display:flex;flex-direction:column;gap:18px;border:1px solid hsl(222,23%,43%)}.project-layout .project-sidebar .filter-box h3{font-size:16px;color:oklch(.76 .1 84);font-weight:700}.project-layout .project-sidebar .items-container{display:flex;flex-direction:column;gap:16px}.project-layout .project-sidebar .scrollable{max-height:240px;overflow-y:auto;padding-left:5px}.project-layout .project-sidebar .scrollable::-webkit-scrollbar{width:6px}.project-layout .project-sidebar .scrollable::-webkit-scrollbar-thumb{background-color:oklch(.76 .1 84);border-radius:20px}.project-layout .project-sidebar .scrollable::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}.project-layout .project-sidebar .item{display:flex;align-items:center;gap:12px}.project-layout .project-sidebar input{display:none}.project-layout .project-sidebar .check{cursor:pointer;position:relative;width:22px;height:22px;border:2px solid #c8ccd4;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:.2s}.project-layout .project-sidebar .check i{font-size:11px;color:hsl(222,77%,76%);opacity:0;transform:scale(0.5);transition:.2s}.project-layout .project-sidebar .check:hover{border-color:hsl(222,77%,76%)}.project-layout .project-sidebar input:checked+.check{border-color:hsl(222,77%,76%);background-color:hsla(222,23%,43%,.3)}.project-layout .project-sidebar input:checked+.check i{opacity:1;transform:scale(1)}.project-layout .project-sidebar span{color:hsl(221,100%,99%);font-size:14px;font-weight:500}.project-layout .project-sidebar .filter-actions{padding-top:10px;display:flex;align-items:center;justify-content:center}.project-layout .project-sidebar .filter-actions button{display:inline-block;display:flex;align-items:center;justify-content:center;width:140px;height:50px;white-space:nowrap;border-radius:20px;background-color:#fd653c;border:none;color:hsl(221,100%,99%);text-align:center;font-size:16px;font-weight:700;padding:16px;transition:all .5s;cursor:pointer;margin:5px}.project-layout .project-sidebar .filter-actions button span{cursor:pointer;display:inline-block;position:relative;transition:.5s}.project-layout .project-sidebar .filter-actions button span:after{content:"»";position:absolute;opacity:0;top:0;right:-15px;transition:.5s}.project-layout .project-sidebar .filter-actions button:hover span{padding-right:15px}.project-layout .project-sidebar .filter-actions button:hover span:after{opacity:1;right:0}.project-pagination{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:12px}.project-pagination .page-btn{width:45px;height:45px;border:1px solid rgba(0,0,0,0);border-radius:14px;background-color:hsla(224,61%,6%,.44);color:hsl(221,100%,99%);font-size:14px;font-weight:500;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center}.project-pagination .page-btn:hover{background-color:hsl(222,39%,10%);border-color:hsl(222,23%,43%);color:hsl(222,77%,76%);transform:translateY(-2px)}.project-pagination .page-btn:active{transform:scale(0.95)}.project-pagination .page-btn.active{background-color:hsl(222,77%,76%);color:#fff;border-color:hsl(222,77%,76%);box-shadow:0 0 20px rgba(255,119,64,.25)}.project-pagination .arrow-btn{background-color:rgba(0,0,0,0);border:none;color:oklch(.76 .05 264)}.project-pagination .arrow-btn:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:#fd653c}.project-pagination .dots{color:oklch(.76 .05 264);font-size:16px;letter-spacing:2px}.hero-cat{position:relative;margin:0 30px;padding:80px 24px 120px;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.hero-cat .title-hero h3{text-align:center;font-size:56px;font-weight:700;line-height:1.4}.hero-cat .title-hero h3 span{text-align:center;color:#fd653c}.hero-cat .title-hero p{display:flex;align-items:center;justify-content:center;text-align:center;margin-top:40px;position:relative;z-index:2;top:-30px;font-size:16px;line-height:2;color:oklch(.76 .05 264)}.hero-cat .trending-categories{position:relative;z-index:2;display:flex;align-items:center;gap:30px;margin-top:40px;overflow:visible}.hero-cat .trending-categories .trend-text{display:flex;align-items:center;gap:10px;color:hsl(221,100%,99%);font-size:16px;font-weight:500;white-space:nowrap;flex-shrink:0}.hero-cat .trending-categories .trend-text i{font-size:9px;color:#fd653c}.hero-cat .trending-categories .categories-wrapper{position:relative;overflow:hidden;flex:1;min-width:0;direction:ltr;-webkit-mask-image:linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 8%, rgba(0,0,0,1) 92%, rgba(0,0,0,0) 100%);mask-image:linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 8%, rgba(0,0,0,1) 92%, rgba(0,0,0,0) 100%)}.hero-cat .trending-categories .categories-box{display:flex;align-items:center;gap:15px;width:max-content;animation:infiniteScroll 30s linear infinite}.hero-cat .trending-categories .categories-box:hover{animation-play-state:paused}.hero-cat .trending-categories .cat{direction:rtl;flex-shrink:0;padding:10px 22px;background:#fd653c;border-radius:32px;color:hsl(221,100%,99%);white-space:nowrap;font-size:14px;font-weight:500;cursor:pointer;transition:.3s}@keyframes infiniteScroll{from{transform:translateX(0)}to{transform:translateX(-33.333%)}}.Categories{position:relative;top:-40px;padding:0 40px}.Categories .title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:50px}.Categories .title .popular-text{display:flex;flex-direction:row;align-items:center;color:hsl(221,100%,99%);font-size:34px;font-weight:700;margin-right:10px}.Categories .title .popular-text .ping{--uib-size: 50px;--uib-speed: 1s;--uib-color: $forth-color;position:relative;width:var(--uib-size);height:var(--uib-size)}.Categories .title .popular-text .ping::before,.Categories .title .popular-text .ping::after{content:"";position:absolute;inset:0;border-radius:50%;background-color:oklch(.76 .1 84);animation:pulse7132 var(--uib-speed) linear infinite;transform:scale(0);opacity:0}.Categories .title .popular-text .ping::after{animation-delay:calc(var(--uib-speed)/-2)}.Categories .title .more-categories{color:hsl(221,100%,99%);font-size:14px;font-weight:700;cursor:pointer;background-color:#fd653c;border-radius:12px;border:none;width:max-content;height:max-content;padding:10px}.Categories .title .more-categories i{color:hsl(221,100%,99%);font-size:14px;font-weight:700;margin-right:5px}.Categories .Categories-cards{margin-top:40px;justify-items:center;display:grid;grid-template-columns:repeat(5, 1fr);gap:25px}.Categories .Categories-cards .card-Categories{transition:.3s;background-color:hsla(224,61%,6%,.44);border-radius:20px;border:1px solid hsl(223,41%,21%);width:250px;height:max-content}.Categories .Categories-cards .card-Categories .icon-cat{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px auto;width:85px;height:85px;background-color:hsl(222,39%,10%);border:none;border-radius:12px}.Categories .Categories-cards .card-Categories .icon-cat i{color:hsl(222,77%,76%);font-size:34px;font-weight:700}.Categories .Categories-cards .card-Categories .name-cat p{display:flex;text-align:center;flex-direction:column;justify-content:center;align-items:center;color:hsl(221,100%,99%);font-size:20px;font-weight:500;margin-top:20px;margin-bottom:30px}.Categories .Categories-cards .card-Categories .project-stats{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.Categories .Categories-cards .card-Categories .project-stats .count{color:hsl(221,100%,99%);font-size:18px;font-weight:400}.Categories .Categories-cards .card-Categories .project-stats .lable{color:oklch(.76 .05 264);font-size:14px;font-weight:400}.Categories .Categories-cards .card-Categories:hover{border:1px solid #fd653c;transform:translateY(-5px)}.category-pagination{margin-top:40px;display:flex;align-items:center;justify-content:center;gap:12px}.category-pagination .page-btn{width:45px;height:45px;border:1px solid rgba(0,0,0,0);border-radius:14px;background-color:hsla(224,61%,6%,.44);color:hsl(221,100%,99%);font-size:14px;font-weight:500;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center}.category-pagination .page-btn:hover{background-color:hsl(222,39%,10%);border-color:hsl(222,23%,43%);color:hsl(222,77%,76%);transform:translateY(-2px)}.category-pagination .page-btn:active{transform:scale(0.95)}.category-pagination .page-btn.active{background-color:hsl(222,77%,76%);color:#fff;border-color:hsl(222,77%,76%);box-shadow:0 0 20px rgba(255,119,64,.25)}.category-pagination .arrow-btn{background-color:rgba(0,0,0,0);border:none;color:oklch(.76 .05 264)}.category-pagination .arrow-btn:hover{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:#fd653c}.category-pagination .dots{color:oklch(.76 .05 264);font-size:16px;letter-spacing:2px}.card-login{min-height:100vh;display:flex;justify-content:center;align-items:center;margin:0}.card-login .form{display:flex;flex-direction:column;gap:10px;max-height:700px;max-width:500px;padding:20px;border-radius:20px;position:relative;background-color:hsla(224,61%,6%,.44);color:hsl(221,100%,99%);border:1px solid hsl(222,39%,10%);direction:rtl;margin:auto}.card-login .form .top-login{display:flex;justify-content:right;align-items:flex-start;flex-direction:column;position:relative}.card-login .form .top-login .creat-acc{display:flex;flex-direction:row;align-items:center;gap:5px}.card-login .form .top-login .creat-acc h2{color:hsl(221,100%,99%);font-size:34px;font-weight:700}.card-login .form .top-login .creat-acc .ping{--uib-size: 50px;--uib-speed: 1s;--uib-color: $forth-color;position:relative;width:var(--uib-size);height:var(--uib-size)}.card-login .form .top-login .creat-acc .ping::before,.card-login .form .top-login .creat-acc .ping::after{content:"";position:absolute;inset:0;border-radius:50%;background-color:oklch(.76 .1 84);animation:pulse7132 var(--uib-speed) linear infinite;transform:scale(0);opacity:0}.card-login .form .top-login .creat-acc .ping::after{animation-delay:calc(var(--uib-speed)/-2)}.card-login .form .top-login .message{font-size:14px;color:oklch(.76 .05 264);margin-right:25px;margin-bottom:10px;text-align:right}.card-login .form label{position:relative;width:100%}.card-login .form label .input{background-color:hsl(222,39%,10%);color:hsl(221,100%,99%);width:100%;padding:20px 10px 5px 5px;outline:0;border:1px solid rgba(105,105,105,.397);border-radius:12px;text-align:right;font-size:medium}.card-login .form label .input+span{color:hsl(221,100%,99%);position:absolute;right:10px;top:0;font-size:14px;cursor:text;transition:.3s ease}.card-login .form label .input:placeholder-shown+span{top:12.5px;font-size:14px}.card-login .form label .input:focus+span,.card-login .form label .input:not(:placeholder-shown)+span{padding-top:6px;color:#fd653c;top:0;font-size:.7em;font-weight:700}.card-login .form .forgetpasword2{margin-top:20px;display:flex;flex-direction:row}.card-login .form .forgetpasword2 .forget{font-size:14px;color:oklch(.76 .05 264)}.card-login .form a{color:#fd653c}.card-login .form a:hover{border-bottom:2px solid #fd653c}.card-login .form .bottom-reg{display:flex;flex-direction:column;align-items:center}.card-login .form .bottom-reg .submit{text-align:center;border:none;outline:none;padding:12px;border-radius:12px;color:hsl(221,100%,99%);font-size:16px;cursor:pointer;transition:.3s ease;background-color:#fd653c;margin-top:10px;width:50%}.card-login .form .bottom-reg .submit:hover{transform:scale(1.03);box-shadow:#fd653c 0px 15px 10px -20px}.card-login .form .bottom-reg .submit:active{transform:scale(0.95);box-shadow:#fd653c 0px 15px 10px -20px}.card-login .form .bottom-reg .signin{margin-top:20px;text-align:center;font-size:14px;color:oklch(.76 .05 264)}.card-login .form .bottom-reg .signin a{color:#fd653c}.card-login .form .bottom-reg .signin a:hover{border-bottom:2px solid #fd653c}.card-reg{min-height:100vh;display:flex;justify-content:center;align-items:center;margin:0}.card-reg .form{display:flex;flex-direction:column;gap:10px;max-height:700px;max-width:500px;padding:20px;border-radius:20px;position:relative;background-color:hsla(224,61%,6%,.44);color:hsl(221,100%,99%);border:1px solid hsl(222,39%,10%);direction:rtl;margin:auto}.card-reg .form .top-reg{display:flex;justify-content:right;align-items:flex-start;flex-direction:column;position:relative}.card-reg .form .top-reg .creat-acc{display:flex;flex-direction:row;align-items:center;gap:5px}.card-reg .form .top-reg .creat-acc h2{color:hsl(221,100%,99%);font-size:34px;font-weight:700}.card-reg .form .top-reg .creat-acc .ping{--uib-size: 50px;--uib-speed: 1s;--uib-color: $forth-color;position:relative;width:var(--uib-size);height:var(--uib-size)}.card-reg .form .top-reg .creat-acc .ping::before,.card-reg .form .top-reg .creat-acc .ping::after{content:"";position:absolute;inset:0;border-radius:50%;background-color:oklch(.76 .1 84);animation:pulse7132 var(--uib-speed) linear infinite;transform:scale(0);opacity:0}.card-reg .form .top-reg .creat-acc .ping::after{animation-delay:calc(var(--uib-speed)/-2)}.card-reg .form .top-reg .message{font-size:14px;color:oklch(.76 .05 264);margin-right:25px;margin-bottom:10px;text-align:right}.card-reg .form .fullname-flex{display:flex;width:100%;gap:6px}.card-reg .form .email-input{direction:ltr;text-align:left}.card-reg .form label{position:relative;width:100%}.card-reg .form label .input{background-color:hsl(222,39%,10%);color:hsl(221,100%,99%);width:100%;padding:20px 10px 5px 5px;outline:0;border:1px solid rgba(105,105,105,.397);border-radius:12px;text-align:right;font-size:medium}.card-reg .form label .input+span{color:hsl(221,100%,99%);position:absolute;right:10px;top:0;font-size:14px;cursor:text;transition:.3s ease}.card-reg .form label .input:placeholder-shown+span{top:12.5px;font-size:14px}.card-reg .form label .input:focus+span,.card-reg .form label .input:not(:placeholder-shown)+span{padding-top:6px;color:#fd653c;top:0;font-size:.7em;font-weight:700}.card-reg .form .gender{display:flex;flex-direction:column;gap:12px}.card-reg .form .gender .title{margin-right:10px;color:hsl(221,100%,99%);font-size:20px}.card-reg .form .gender .gender-options{display:flex;align-items:center;gap:15px}.card-reg .form .gender .radio-box{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:hsl(222,39%,10%);border:1px solid hsla(0,0%,100%,.08);cursor:pointer;transition:.3s}.card-reg .form .gender .radio-box span{color:hsl(221,100%,99%);font-size:14px}.card-reg .form .gender .radio-box:hover{border-color:#fd653c}.card-reg .form .gender .radio-box input[type=radio]{accent-color:#fd653c;cursor:pointer}.card-reg .form .bottom-reg{display:flex;flex-direction:column;align-items:center}.card-reg .form .bottom-reg .submit{text-align:center;border:none;outline:none;padding:12px;border-radius:12px;color:hsl(221,100%,99%);font-size:16px;cursor:pointer;transition:.3s ease;background-color:#fd653c;margin-top:10px;width:50%}.card-reg .form .bottom-reg .submit:hover{transform:scale(1.03);box-shadow:#fd653c 0px 15px 10px -20px}.card-reg .form .bottom-reg .submit:active{transform:scale(0.95);box-shadow:#fd653c 0px 15px 10px -20px}.card-reg .form .bottom-reg .signin{margin-top:20px;text-align:center;font-size:14px;color:oklch(.76 .05 264)}.card-reg .form .bottom-reg .signin a{color:#fd653c}.card-reg .form .bottom-reg .signin a:hover{border-bottom:2px solid #fd653c}.forgot-password{min-height:100vh;display:flex;justify-content:center;align-items:center;margin:0}.forgot-password .form{display:flex;flex-direction:column;gap:10px;max-height:700px;max-width:500px;padding:20px;border-radius:20px;position:relative;background-color:hsla(224,61%,6%,.44);color:hsl(221,100%,99%);border:1px solid hsl(222,39%,10%);direction:rtl;margin:auto}.forgot-password .form .top-pass{display:flex;justify-content:right;align-items:flex-start;flex-direction:column;position:relative}.forgot-password .form .top-pass .creat-acc{display:flex;flex-direction:row;align-items:center;gap:5px}.forgot-password .form .top-pass .creat-acc h2{color:hsl(221,100%,99%);font-size:34px;font-weight:700}.forgot-password .form .top-pass .creat-acc .ping{--uib-size: 50px;--uib-speed: 1s;--uib-color: $forth-color;position:relative;width:var(--uib-size);height:var(--uib-size)}.forgot-password .form .top-pass .creat-acc .ping::before,.forgot-password .form .top-pass .creat-acc .ping::after{content:"";position:absolute;inset:0;border-radius:50%;background-color:oklch(.76 .1 84);animation:pulse7132 var(--uib-speed) linear infinite;transform:scale(0);opacity:0}.forgot-password .form .top-pass .creat-acc .ping::after{animation-delay:calc(var(--uib-speed)/-2)}.forgot-password .form .top-pass .message{font-size:14px;color:oklch(.76 .05 264);margin-right:25px;margin-bottom:10px;text-align:right}.forgot-password .form .email-input{direction:ltr;text-align:left}.forgot-password .form label{position:relative;width:100%}.forgot-password .form label .input{background-color:hsl(222,39%,10%);color:hsl(221,100%,99%);width:100%;padding:20px 10px 5px 5px;outline:0;border:1px solid rgba(105,105,105,.397);border-radius:12px;text-align:right;font-size:medium}.forgot-password .form label .input+span{color:hsl(221,100%,99%);position:absolute;right:10px;top:0;font-size:14px;cursor:text;transition:.3s ease}.forgot-password .form label .input:placeholder-shown+span{top:12.5px;font-size:14px}.forgot-password .form label .input:focus+span,.forgot-password .form label .input:not(:placeholder-shown)+span{padding-top:6px;color:#fd653c;top:0;font-size:.7em;font-weight:700}.forgot-password .form .but-confrim{display:flex;flex-direction:column;align-items:center}.forgot-password .form .but-confrim .submit{text-align:center;border:none;outline:none;padding:12px;border-radius:12px;color:hsl(221,100%,99%);font-size:16px;cursor:pointer;transition:.3s ease;background-color:#fd653c;margin-top:10px;width:50%}.forgot-password .form .but-confrim .submit:hover{transform:scale(1.03);box-shadow:#fd653c 0px 15px 10px -20px}.forgot-password .form .but-confrim .submit:active{transform:scale(0.95);box-shadow:#fd653c 0px 15px 10px -20px}