@import url(root.css);header{background-color:rgb(var(--primary));clip-path:polygon(26.877% 100%,26.877% 100%,30.483% 99.987%,36.945% 99.784%,45.501% 99.437%,55.388% 98.99%,65.844% 98.489%,76.108% 97.979%,85.418% 97.503%,93.011% 97.108%,98.126% 96.838%,100% 96.738%,99.879% 0%,0% 0%,0% 96.738%,.121% 96.738%,.697% 96.821%,2.288% 97.046%,4.688% 97.382%,7.691% 97.794%,11.093% 98.249%,14.687% 98.713%,18.268% 99.154%,21.63% 99.538%,24.568% 99.831%,26.877% 100%);position:relative;top:0;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;height:auto}header #particles-js{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%}header nav{position:relative;z-index:2;width:100%;height:auto;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;margin-top:10px}header nav ul{width:90%;display:flex;align-items:center;justify-content:space-around;height:100px;direction:rtl}header nav ul li{display:flex;align-items:center;justify-content:space-between;direction:rtl}header nav ul li a{display:flex;align-items:center;justify-content:space-between;direction:rtl;text-decoration:none}header nav ul li a svg{height:20px;width:20px;margin:0 5px;border:3px solid rgb(var(--white));padding:8px;border-radius:50px;overflow:visible;fill:rgb(var(--white))}header nav ul li a span{font-weight:700;color:rgb(var(--white))}header nav ul li#active a svg{fill:rgb(var(--secondary));border-color:rgb(var(--secondary))}header nav ul li#active a span{color:rgb(var(--secondary))}header h1{font-size:50px;text-align:center;font-weight:600;color:rgb(var(--white));position:relative;z-index:2;direction:rtl}header h1 span:first-of-type{color:rgb(var(--primary-light));font-weight:800}header h1 span:last-of-type{color:rgb(var(--secondary));font-weight:800}header h2{text-align:center;color:rgb(var(--white));width:90%;font-size:18px;font-weight:600;position:relative;z-index:2;direction:rtl}header img#prog-icons{margin:50px 0;width:80%;position:relative;z-index:2}header .btn-container{width:100%;height:150px;display:grid;align-content:center;justify-items:center;grid-template-columns:repeat(5,1fr);grid-template-rows:1fr 1fr;row-gap:20px;margin-bottom:40px;position:relative;z-index:2}header .btn-container button:first-of-type{background-color:rgb(var(--primary-light));font-family:vazir;font-weight:600;padding:10px 40px;grid-area:1 / 3 / 2 / 6;border-radius:20px 4px 4px 4px;font-size:22px;direction:rtl}header .btn-container button:last-of-type{background-color:rgb(var(--secondary));font-family:vazir;font-weight:600;padding:10px 20px;grid-area:2 / 1 / 3 / 5;font-size:22px;border-radius:4px 20px 4px 4px;direction:rtl}header .btn-container button a{text-decoration:none;color:#000}main{padding-top:40px;width:100%;height:auto;display:flex;align-items:center;justify-content:center;flex-direction:column}main section.about{display:flex;align-items:center;justify-content:space-between;flex-direction:column;padding-top:50px}main section.about h2{position:relative;font-size:37px;color:rgb(var(--white));direction:rtl}main section.about h2::before{content:"سلام رفیق";position:absolute;top:-20%;right:5%;font-size:15px;color:rgb(var(--primary-light));text-shadow:0 0 20px rgb(var(--primary-light)),0 2px 40px rgb(var(--primary-light))}main section.about h2 span{color:rgb(var(--secondary));text-shadow:0 0 25px rgb(var(--secondary)),0 2px 40px rgb(var(--secondary));font-size:44px}main section.about h3{width:90%;color:rgb(var(--white));margin-top:15px;font-weight:300;margin-bottom:40px;direction:rtl}main section.about h3 span{color:rgb(var(--secondary));font-weight:800;text-shadow:0 0 10px rgba(var(--secondary),.6);direction:rtl}.slider-container{position:relative;width:100%;overflow-x:hidden;overflow-y:visible;touch-action:pan-y}.slider{display:flex;row-gap:16px;overflow-x:scroll;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;overflow-y:visible;cursor:grab;scroll-behavior:smooth;touch-action:pan-y;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.slider:active{cursor:grabbing}.slider::-webkit-scrollbar{display:none}.slider::before,.slider::after{content:"";position:absolute;top:0;width:10%;height:100%;pointer-events:none;z-index:10}.slider::before{left:0;background:linear-gradient(to right,rgb(var(--primary-dark-light)),transparent)}.slider::after{right:0;background:linear-gradient(to left,rgb(var(--primary-dark-light)),transparent)}.card{min-width:350px;height:400px;scroll-snap-align:center;position:relative;overflow:visible;user-select:none;margin:0 20px}.card svg{top:50%;transform:translate(0,-50%);position:absolute;z-index:-1;width:100%}.card img{width:120px;height:120px;border-radius:50%;position:absolute;left:-20px;top:55px;z-index:0;box-shadow:0 0 10px 0 #000}.card h3{position:absolute;right:45px;top:80px;margin:12px 0 4px;font-size:17px}.card .tag-container{position:absolute;top:130px;right:25px;display:flex;align-items:center;justify-content:space-evenly;width:60%}.card span{text-align:center;background-color:rgb(var(--primary-dark-light));padding:6px 8px;font-size:10px;color:rgb(var(--white));border-radius:6px}.card p{position:absolute;right:55px;width:75%;top:200px;text-align:right;font-size:12px;direction:rtl}.card a{position:absolute;top:305px;text-decoration:none;color:#fff;right:50%;background-color:rgb(var(--secondary));font-family:"vazir";font-weight:100;font-size:11px;padding:6px 15px;border-radius:20px;box-shadow:0 0 10px 2px #000;transform:translate(50%,0)}.card:last-of-type{margin-right:200px}.card:first-of-type{margin-left:200px}.sep{position:relative;width:100%;height:120px;z-index:10;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:rgb(var(--white));direction:rtl}.sep img{position:absolute;width:100%;height:100%;filter:blur(5px);z-index:0}.sep h5{position:relative;z-index:1;direction:rtl;font-size:18px;text-align:center;direction:rtl}.portfolio{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:25px;background-color:rgb(var(--primary))}.portfolio h3{font-size:28px;text-align:center;font-weight:300;color:rgb(var(--white))}.portfolio h3 span{color:rgb(var(--secondary))}.portfolio .portfolio-holder{width:80%;height:auto;overflow:hidden;background-color:rgb(var(--primary-dark-light));margin:30px;border-radius:16px;display:flex;flex-direction:column;justify-content:flex-start;padding:20px;align-items:center}.portfolio .portfolio-holder h4{font-size:24px;font-weight:800;color:rgb(var(--secondary));text-align:center}.portfolio .portfolio-holder img{width:100%}.portfolio .portfolio-holder .text-holder{box-shadow:0 0 10px 0 rgb(0 0 0 / .6);border-radius:16px;background-color:rgba(var(--primary),.6);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px 20px}.portfolio .portfolio-holder .text-holder h6{font-size:18px;color:rgb(var(--white));margin:0 0 20px 0;text-align:center}.portfolio .portfolio-holder .text-holder p{direction:rtl;color:rgb(var(--white));font-weight:100;font-size:15px;text-align:justify}.portfolio .portfolio-holder .text-holder .tag-container{display:grid;align-items:center;justify-items:center;width:100%;margin-top:30px;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;row-gap:10px}.portfolio .portfolio-holder .text-holder .tag-container span{background-color:rgb(var(--secondary));padding:5px 15px;border-radius:100px;font-size:12px}.portfolio .portfolio-holder .text-holder .tag-container span.span2{grid-column:span 2}.portfolio .portfolio-holder .score-holder{background-color:rgb(var(--primary));width:90%;margin-top:20px;border-radius:12px;display:grid;grid-template-columns:5fr 1fr 1fr 1fr 1fr 1fr;direction:rtl;align-items:center;justify-items:center;padding:10px 15px;color:rgb(var(--white))}.portfolio .portfolio-holder .score-holder svg{fill:gold;width:25px}.portfolio .portfolio-holder .visit-website-holder{width:90%;background-color:rgb(var(--primary-light));margin:25px;display:flex;align-items:center;justify-content:space-between;direction:rtl;padding:10px 15px;border-radius:12px}.portfolio .portfolio-holder .visit-website-holder a{display:flex;align-items:center;justify-content:space-between;direction:rtl;text-decoration:none;color:#000;width:100%}.portfolio .portfolio-holder .visit-website-holder.deactive{background-color:grey;opacity:.4;cursor:not-allowed}.portfolio .portfolio-holder .visit-website-holder svg{width:25px}.contact-us{padding-top:20px;display:flex;align-items:center;justify-content:center;width:100%;flex-direction:column;background-color:rgb(var(--primary));padding-bottom:150px}.contact-us h3{font-size:32px;color:rgb(var(--white));direction:rtl}.contact-us h3 span{color:rgb(var(--secondary));direction:rtl}.contact-us #contact-box{width:70%;background-color:rgb(var(--primary-light));display:grid;grid-template-columns:1fr 3fr;grid-template-rows:1fr 1fr 1fr;align-content:center;justify-items:center;margin-top:25px;border-radius:12px;direction:rtl;padding:0 40px;gap:40px 0}.contact-us #contact-box h4{grid-column:span 4;margin-top:20px;font-size:24px;font-weight:500;direction:rtl}.contact-us #contact-box svg{grid-column:1;height:20px}.contact-us #contact-box p{grid-column:2;direction:rtl}.contact-us form{width:90%;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:rgb(var(--white));margin-top:50px;border-radius:12px;direction:rtl}.contact-us form h5{direction:rtl;color:rgb(0 0 0 / .4);margin:20px 0;direction:rtl}.contact-us form input{width:80%;margin:0 0 30px 0;background-color:rgb(var(--primary));text-align:center;font-family:Vazir;color:rgb(var(--white));padding:20px 15px;border-radius:18px 8px 8px 0}.contact-us form input:nth-of-type(2){border-radius:8px 18px 0 8px;letter-spacing:4px}.contact-us form textarea{font-family:Vazir;text-align:right;background-color:rgb(var(--primary));color:rgb(var(--white));padding:20px;width:75%;border-radius:8px;margin-bottom:20px;direction:rtl}.contact-us form input[type="submit"]{background-color:rgb(var(--secondary));border-radius:40px;font-size:18px;font-weight:800;width:auto;padding:10px 30px;cursor:pointer;transition:0.4s ease all}.contact-us form input[type="submit"]:hover{scale:1.01;box-shadow:0 0 2px 0 #000}footer{position:relative;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;margin-top:-75px;width:100%;height:800px;overflow:hidden;padding-bottom:30px;background-color:rgb(var(--secondary));clip-path:polygon(100% 100%,100% 7.24%,100% 7.24%,99.294% 7.038%,97.347% 6.487%,94.418% 5.676%,90.765% 4.692%,86.645% 3.62%,82.317% 2.549%,78.039% 1.564%,74.069% .753%,70.664% .203%,68.083% 0%,68.083% 0%,64.489% .203%,58.335% .753%,50.314% 1.564%,41.117% 2.549%,31.437% 3.62%,21.965% 4.692%,13.393% 5.676%,6.414% 6.487%,1.719% 7.038%,0% 7.24%,0% 100%,100% 100%)}footer h4{font-size:32px;margin-top:40px;margin-left:90px;margin-bottom:20px;color:rgb(var(--white));font-weight:500;direction:rtl}footer p{color:rgb(var(--white));direction:rtl;width:80%;font-weight:100}footer .row{margin:20px 0;width:60%;display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse}footer .row:first-of-type{margin-top:50px}footer .row svg{height:35px}footer .row:last-of-type{width:40%}footer .row:last-of-type svg{background-color:rgb(var(--white));padding:15px;height:40صpx;border-radius:50%;overflow:visible;fill:rgb(var(--secondary))}footer img{position:absolute;bottom:0;right:0;z-index:-1;filter:blur(3px)}@media screen and (min-width:700px){header{justify-content:flex-start;height:100vh}header nav{width:80%;justify-content:space-between;flex-direction:row}header nav ul{width:40%}header h1{font-size:60px;text-align:right;position:absolute;width:35%;right:13%;top:25%}header h2{text-align:right;font-weight:300;position:absolute;width:40%;right:13%;top:400px}header img#prog-icons{width:35%;position:absolute;left:12%;top:15%}header .btn-container{width:40%;display:flex;align-items:center;justify-content:space-evenly;flex-direction:row-reverse;position:absolute;top:77%;right:8%}header .btn-container button:first-of-type{cursor:pointer}header .btn-container button:last-of-type{cursor:pointer}.slider-container{width:70%;margin-top:0}main section.about h3{width:70%;font-size:20px;margin-bottom:0}.sep{height:180px}.sep h5{font-size:40px}.portfolio h3{font-size:42px}.portfolio .portfolio-holder{height:500px;display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:2fr 7fr 1fr;align-items:center;justify-items:center;direction:rtl;column-gap:20px}.portfolio .portfolio-holder:nth-last-of-type(even){direction:ltr}.portfolio .portfolio-holder h4{grid-area:1 / 1 / 2 / 4;font-size:38px;margin:-40px 0 -60px 0}.portfolio .portfolio-holder .text-holder{grid-area:2 / 2 / 3 / 4;width:70%}.portfolio .portfolio-holder .score-holder{grid-area:3 / 2 / 4 / 3;margin:0 20px}.portfolio .portfolio-holder .visit-website-holder{grid-area:3 / 3 / 4 / 4;margin:0 20px;cursor:pointer}.portfolio .portfolio-holder img{grid-area:2 / 1 / 4 / 2;height:120%;width:auto}section.contact-us{position:relative;min-height:700px}section.contact-us h3{position:absolute;top:70px;right:220px;font-size:40px;font-weight:100}section.contact-us #contact-box{position:absolute;width:300px;padding:30px 30px;gap:20px;z-index:3;left:200px;top:130px;box-shadow:0 0 10px 0 #000}section.contact-us form{position:absolute;width:600px;height:500px;left:300px;top:150px;padding-left:300px}section.contact-us form input[type="submit"]{position:absolute;left:70px;bottom:0;width:150px}section.contact-us form textarea{width:78%}footer{height:600px}}@media screen and (min-width:1000px){header h5{top:50%}.sep h5{font-size:50px}footer{margin-top:-80px;height:300px}footer h4{margin-left:700px}footer p{font-size:14px}footer .row{position:absolute;bottom:0;width:15%}footer .row:first-of-type{right:20%}footer .row:nth-of-type(2){right:50%}footer .row:last-of-type{display:flex;align-items:center;justify-content:space-between;flex-direction:column;height:60%;top:25%;left:0;margin:0;width:10%}}@media screen and (min-width:1200px){header h1{font-size:70px}header h5{top:60%}footer{margin-top:-80px;height:300px}footer h4{margin-left:700px}footer .row{position:absolute;bottom:0;width:15%}footer .row:first-of-type{right:20%}footer .row:nth-of-type(2){right:50%}footer .row:last-of-type{display:flex;align-items:center;justify-content:space-between;flex-direction:column;height:60%;top:25%;left:0;margin:0;width:10%}}