@import url(https://fonts.googleapis.com/css2?family=Cairo&display=swap);:root{--main-color:#1f232a;--primary-color:#ce962e;--black:#444;--white:#fff;--bg:#f2f2f2;--bg-color:#fff;--icon-color:#fff;--we:#66666684;--black-text:#444;--light-black:#666;--darck-text:#333;--color-hover:#666;--box-shadow:0 .5rem 1rem rgba(0,0,0,.1);--box-shadow:.4rem .4rem 1rem #ccc,}*{font-family:Cairo,sans-serif;margin:0;padding:0;box-sizing:border-box;outline:0;border:none;text-decoration:none;transition:.2s linear;text-transform:capitalize}html{font-size:62.5%;overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:6rem}html::-webkit-scrollbar{width:1rem}html::-webkit-scrollbar-track{background:var(--white)}html::-webkit-scrollbar-thumb{background:var(--primary-color)}section{padding:3rem 9%}body{font-family:Cairo,sans-serif;direction:rtl;padding-top:69px;background:var(--bg-color)}body.active{--black:#ce962e;--light-color:#ddd;--bg-color:#0c0f21;--bg:#313156;--darck-text:#fff;--color-hover:#fff;--black-text:#ce962e}#menu-btn{color:#ce962e;display:none}#theme-toggler{z-index:1000;height:3rem;width:3rem;line-height:3rem;border-radius:50%;font-size:2rem;cursor:pointer;box-shadow:var(--box-shadow);text-align:center;color:#fff;transition:color .3s ease}.heading{text-transform:uppercase;text-align:center;margin-bottom:3rem;font-size:3rem;margin-top:2rem;color:var(--black)}.header{padding-top:2rem;padding-bottom:2rem;display:flex;align-items:center;justify-content:space-between;box-shadow:border-box;position:sticky;height:69px;top:0;left:0;right:0;background-color:#000;z-index:1000;text-transform:capitalize}.header{position:fixed}.header .logo img{width:10rem;height:auto}.header .navbar a{font-size:16px;margin-left:35px;color:#ce962e;font-family:Cairo,sans-serif}.header .navbar a img{width:30px;height:20px;border-radius:3px;background-size:100% 100%}.language-dropdown{position:relative;display:inline-block}.language-btn{border:none;background:0 0;cursor:pointer;padding:0}.language-btn img{width:28px;height:auto;display:block}.language-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);margin-top:6px;z-index:1000;min-width:80px}.language-menu a{display:flex;align-items:center;padding:5px 8px;font-size:12px;color:#333;text-decoration:none}.language-menu a:hover{background:#f2f2f2}.language-menu img{width:20px;height:auto;margin-right:5px}.language-dropdown.active .language-menu{display:block}.lang-dropdown{position:relative;display:inline-block}.lang-dropdown .btnform{background:0 0;border:0;padding:0;margin:0;cursor:pointer}.lang-dropdown .btnform img{width:35px;height:auto;display:block}.lang-dropdown{position:relative}.lang-dropdown .dropdown-content{display:none;position:absolute;left:50%;transform:translateX(-50%);margin-top:6px;background:var(--bg-color);color:var(--darck-text);min-width:110px;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:9999;padding:4px 0;border:1px solid var(--black)}.lang-dropdown .dropdown-content a{display:flex;align-items:center;gap:8px;padding:8px 12px;text-decoration:none;color:var(--darck-text);font-size:14px;font-family:Cairo,sans-serif;transition:background-color .2s ease,color .2s ease}.lang-dropdown .dropdown-content a:hover{background:var(--bg);color:var(--color-hover)}.lang-dropdown .dropdown-content a img{width:30px;height:auto;display:block}.lang-dropdown .dropdown-content.show{display:block}.lang-dropdown i{color:var(--black-text)}#currentLang i{color:#fff;transition:color .3s ease}body.active #currentLang i{color:var(--primary-color)}.header .navbar .language{width:80px;height:50px;background:var(--primary-color)}.header .icons div{cursor:pointer;font-size:30px;color:#fff;margin-left:2rem}body.active #theme-toggler{color:#ce962e}#menu-btn{display:none}#particles-js{width:100%;height:95vh;background-size:100% 100%;position:relative;background-color:#000}#particles-js .admin{width:260px;height:auto;position:absolute;top:130px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center}#particles-js .admin img{width:110%;margin-top:30px;height:auto;object-fit:contain}#particles-js{display:flex;justify-content:center;align-items:center}#particles-js .name{position:absolute;margin-top:220px;color:#fff;font-size:35px;margin-bottom:150px;letter-spacing:normal}#particles-js .admin{position:absolute;top:10px;left:50%;transform:translateX(-50%)}#particles-js .name2{position:absolute;margin-top:330px;color:#fff;margin-bottom:160px;font-size:20px}#Shahar,#administration,#design,#improvement,#maintenance,#writing{font-size:20px}.loader{width:280px;height:280px;border-radius:50%;background:green;position:absolute;margin-bottom:250px;animation:animloader 2s linear infinite}@keyframes animloader{0%{transform:scale(0);opacity:1}100%{transform:scale(1);opacity:0}}.wrapper{margin-top:180px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.add{display:block;width:170px;height:50px;line-height:46px;text-decoration:none;text-align:center;border-radius:10px;border:3px solid #f4a460;color:#f4a460;font-size:17px;position:relative;overflow:hidden;background:0 0;text-transform:uppercase;transition:all .35s}.add:after,.add:before{position:absolute;content:"";width:100%;height:100%;top:-100%;left:0;background:#f4a460;z-index:-1;transition:all .35s}.add:before{opacity:.5}.add:after{transition-delay:.2s}.add:hover{color:#fff}a:hover:after,a:hover:before{top:0}.loaderss{top:-30px;display:block;position:relative;height:32px;width:150px;background:linear-gradient(green 4px,transparent 0) no-repeat;background-position:0 14px;box-sizing:border-box;overflow:hidden;margin:auto}.loaderss:before{content:'';position:absolute;bottom:4px;left:0;width:24px;height:24px;background:#ce962e;animation:ballbns 1s linear infinite alternate}@keyframes ballbns{0%{transform:translateX(0) rotate(45deg)}100%{transform:translateX(126px) rotate(45deg)}}.instagram,.linkedin,.sosyal .facebook,.twitter,.whatsapp{width:50px;height:50px;background-color:#e6e6e6;border-radius:10px;float:left;margin:5px;margin-bottom:50px}.instagram,.linkedin,.sosyal .facebook,.twitter,.whatsapp{font-size:30px}.sosyal{margin-top:530px;position:absolute}.sosyal{display:flex;justify-content:center;align-items:center}.instagram,.linkedin,.sosyal .facebook,.twitter,.whatsapp{display:flex;align-items:center;justify-content:center}.instagram,.linkedin i,.sosyal .facebook,.twitter,.whatsapp{color:#1f232a}.sosyal .facebook{background-color:#1877f2;color:#fff}.sosyal .twitter{background-color:#1da1f2;color:#fff}.sosyal .instagram{background:linear-gradient(to top right ,#feda77 ,#f58529 ,#dd217b ,#8134af ,#515bd4);color:var(--white)}.sosyal .whatsapp{background-color:#25d366;color:#fff}.sosyal .linkedin{background-color:#0a66c2;color:#fff}.sosyal .linkedin i{color:#fff}.services .box-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));gap:1.5rem}.services .box-container .box{padding:2rem;text-align:center;border:.1rem solid var(--main-color);box-shadow:var(--box-shadow);background:var(--bg)}.services .box-container .box img{height:18rem;margin-bottom:1rem}.services .box-container .box h3{font-size:20px;color:var(--primary-color)}.services .box-container .box h3:hover{color:var(--black)}.about-section-row{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}.about-section-image{text-align:center;flex:1 1 25rem}.about-section-image img{width:30rem;border-radius:.5rem;border:1rem solid #fff;box-shadow:0 .5rem 1rem rgba(0,0,0,.1)}.about-section-content{flex:1 1 55rem}.about-section-content h3{color:var(--black);font-size:2.5rem}.about-section-content h3 span{color:var(--green)}.about-section-info{color:#333;font-size:1.7rem;padding:1rem 0;line-height:2}.about-section-box-container{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1rem 0}.about-section-box{flex:1 1 30rem;border-radius:.5rem;background:var(--bg);box-shadow:0 .5rem 1rem rgba(0,0,0,.1);padding:2rem}.about-section-box p{font-size:1.7rem;color:var(--darck-text);padding:.5rem 0;line-height:2}.about-section-box p span{color:var(--green)}.about-section-box p a{color:inherit;text-decoration:none;font-size:inherit;font-weight:inherit}.category .box-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:2rem}.category .box-container .box{text-align:center;border-radius:.5rem;border:.2rem solid #333;padding:2rem;background:var(--bg);box-shadow:0 .5rem 1rem rgba(0,0,0,.2);transition:transform .2s ease-in-out}.category .box-container .box:hover{transform:translateY(-5px)}.category .box-container .box img{height:6rem;width:auto;margin-bottom:.5rem}.category .box-container .box h3{font-size:1.7rem;color:var(--black)}.category .box-container .mobile-only{display:none}.category .box-container .box h3{font-size:1.7rem;color:var(--black)}.category .box-container .mobile-only{display:none}.services .box-container{display:flex;flex-wrap:wrap;gap:1.5rem}.services .box-container .box{flex:1 1 30rem;border-radius:.5rem;background:var(--bg);box-shadow:0 .5rem 1rem rgba(0,0,0,.1);padding:2rem;text-align:center}.services .box-container .box i{color:#ce962e;font-size:5rem;padding:1rem 0}.services .box-container .box h3{color:var(--black);font-size:2.5rem;padding-top:1rem}.services .box-container .box h3:hover{color:#ce962e}.services .box-container .box p{color:var(--darck-text);font-size:1.7rem;padding:1rem 0;line-height:2}.box-container{width:95%;margin:auto}.btn{display:inline-block;margin-top:1rem;padding:.8rem 3rem;color:#fff;font-size:30px;cursor:pointer}.btn:hover{letter-spacing:.2rem}.portfolio .box-container{display:flex;flex-wrap:wrap;gap:1.5rem}.portfolio .box-container .box{flex:1 1 30rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.1);position:relative;overflow:hidden;height:100%}.portfolio .box-container .box img{height:100%;width:100%;object-fit:cover}.portfolio .box-container .box .content{height:100%;width:100%;position:absolute;top:0;left:-100%;background:rgba(0,0,0,.49);display:flex;align-items:center;justify-content:center}.portfolio .box-container .box:hover .content{left:0}.content{display:none}.button-container{display:flex;gap:20px;justify-content:center;align-items:center}button{padding:20px;border:none;border-radius:50%;cursor:pointer;font-size:15px;display:flex;justify-content:center;background-color:#f0f0f0;transition:background-color .3s}button.active{background-color:#4caf50;color:#fff}.front-end .work-experience{display:flex;flex-wrap:wrap;gap:1.5rem}.front-end .work-experience .boxx{flex:1 1 30rem;border-radius:.5rem;background:var(--bg);padding:2rem;text-align:center;box-shadow:0 .5rem 1rem rgba(0,0,0,.1)}.front-end .work-experience .boxx i{color:var(--primary-color);font-size:5rem;padding:1rem 0}.front-end .work-experience .boxx h3{color:var(--black);font-size:2.5rem;padding-top:1rem}.front-end .work-experience .boxx h3:hover{color:var(--primary-color)}.front-end .work-experience .boxx p{color:var(--darck-text);font-size:1.7rem;padding:1rem 0;line-height:2}.front-end{padding:1rem 11%}.btnnn{display:inline-block;margin-top:1rem;padding:.8rem 3rem;background:#222;color:#fff;font-size:1.7rem;cursor:pointer;border:none;transition:all .3s ease}.btnnn:hover{background:var(--primary-color);letter-spacing:.2rem}.blogs .box-container{display:flex;flex-wrap:wrap;gap:1.5rem}.blogs .box-container .box{flex:1 1 30rem;border-radius:.5rem;background:var(--bg);box-shadow:0 .5rem 1rem rgba(0,0,0,.1);padding:2rem;display:flex;flex-direction:column;align-items:center}.blogs .box-container .box img{height:20rem;width:100%;border-radius:.5rem;object-fit:cover}.blogs .box-container .box h3{color:var(--black);font-size:20px;padding:.5rem 0}.blogs .box-container .box h3:hover{color:var(--primary-color)}.blogs .box-container .box p{color:var(--darck-text);font-size:1.5rem;text-align:center}.buttons{display:inline-block;margin-top:1rem;padding:.8rem 3rem;background:#222;margin:auto;color:#fff;font-size:1.7rem;cursor:pointer}.buttons{width:100%}.buttons:hover{background:var(--primary-color);letter-spacing:.2rem}.contact .row{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem}.contact .row .image{flex:1 1 40rem}.contact .row .image img{width:100%}.contact .row form{flex:1 1 40rem;padding:1rem 2rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.1);border-radius:.5rem;background:#fff}.contact .row form .inputBox{display:flex;justify-content:space-between;flex-wrap:wrap}.contact .row form .inputBox input,.contact .row form .number,.contact .row form textarea{width:100%;border-radius:.5rem;font-size:1.7rem;color:#222;background:#fff;padding:1rem;margin:1rem 0;border:.1rem solid rgba(0,0,0,.1);text-transform:none}.contact .row form .inputBox input::placeholder,.contact .row form .number::placeholder,.contact .row form textarea::placeholder{color:#555;opacity:1}.contact .row form .inputBox input{width:49%}.contact .row form textarea{height:20rem;resize:none}.contact{padding:1rem 11%}.contact .row form .buttons{margin:.5rem 0}.footer{width:100%;height:130px;background-color:#222;position:relative}.footer .link-footer{width:70%;height:80px;position:absolute}.footer{display:flex;justify-content:center;align-items:center}.link-footer{display:flex;justify-content:center;align-items:center}.footer .link-footer .facebook2,.github2,.gmail2,.instagram2,.linkedin2,.twitter2{width:45px;height:45px;border-radius:5px;background:var(--we);margin:5px}.footer .link-footer .facebook2,.github2,.gmail2,.instagram2,.linkedin2,.twitter2{display:flex;justify-content:center;align-items:center}.footer .link-footer .facebook2,.github2,.gmail2,.instagram2,.linkedin2,.twitter2{font-size:30px;color:#fff}.footer .link-footer .facebook2,.github2 i,.gmail2,.instagram2,.linkedin2,.twitter2{color:#fff}.footer .link-footer .github2{color:#fff}.footer .link-footer .facebook2:hover{background-color:#1877f2}.footer .link-footer .twitter2:hover{background-color:#1da1f2}.footer .link-footer .linkedin2:hover{background-color:#0a66c2}.footer .link-footer .instagram2:hover{background:linear-gradient(to top right ,#feda77 ,#f58529 ,#dd217b ,#8134af ,#515bd4)}.footer .link-footer .github2:hover{background-color:#000}.footer .link-footer .gmail2:hover{background-color:#ec1234}