.landing{height:100dvh;background-image:url(/_next/static/media/hero-bg.a4e1ba68.svg);background-repeat:no-repeat;background-position:0 100%;position:relative}.landing .container{display:flex;align-items:center;justify-content:center;height:100dvh}.landing .container .text{width:100%;display:flex;align-items:center;flex-direction:column;opacity:0;transform:translateX(-100px);transition:var(--main-transition);transition-timing-function:ease-in-out;transition-duration:.5s;z-index:2}.landing.loaded .container .text{opacity:1;transform:translateX(0)}.landing.animate .container .text *{transform:translateY(0);opacity:1}.landing .container .text>h2{font-size:60px;font-family:Federo,sans-serif;letter-spacing:5px;font-weight:700;transition:all .2s linear 0s;animation:change-gradient 5s linear 0s infinite alternate forwards;background-size:150%;background-position:top;color:var(--sec-color)}.landing .container .text .profile{display:flex;align-items:center;justify-content:center;width:140px;height:140px;border-radius:50%;overflow:hidden;border:1px solid var(--sec-color);box-shadow:2px 2px 34px -20px var(--sec-color);margin-bottom:20px}.landing .container .text .profile img{width:100%;object-fit:contain;transform:scale(1.05)}.landing .container .text>h3{font-size:16px;font-weight:400;font-family:Federo,sans-serif;letter-spacing:2px;margin-bottom:20px}.landing .container .text>p{font-size:18px;color:var(--text-color);line-height:1.4;margin-bottom:10px}.landing .container .text p a{font-weight:700;font-size:20px;margin-left:2px;color:var(--sec-color);text-decoration:underline}.landing .container .text p a:hover{text-decoration:underline}.landing .container .text .skills-icons{margin-top:20px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.landing .container .text .skills-icons span{height:40px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;position:relative;background-color:var(--sec-color-trans);background-color:var(--main-color-semi);isolation:isolate;padding:4px;border-radius:50%;opacity:0;transform:translateX(-30px);transition:var(--main-transition);transition-timing-function:ease-in-out;transition-duration:.5s;overflow:hidden}.landing.loaded .container .text .skills-icons span{opacity:1;transform:translateX(0)}.landing.loaded .container .text .skills-icons span:first-child{transition-delay:0s}.landing.loaded .container .text .skills-icons span:nth-child(2){transition-delay:.1s}.landing.loaded .container .text .skills-icons span:nth-child(3){transition-delay:.2s}.landing.loaded .container .text .skills-icons span:nth-child(4){transition-delay:.3s}.landing.loaded .container .text .skills-icons span:nth-child(5){transition-delay:.4s}.landing.loaded .container .text .skills-icons span:nth-child(6){transition-delay:.5s}.landing.loaded .container .text .skills-icons span:nth-child(7){transition-delay:.6s}.landing.loaded .container .text .skills-icons span:nth-child(8){transition-delay:.7s}.landing.loaded .container .text .skills-icons span:nth-child(9){transition-delay:.8s}.landing .main-social-links{opacity:0;transform:translateY(40px);transition:var(--main-transition);transition-timing-function:ease-in-out;transition-duration:.5s;transition-delay:.8s}.landing.loaded .main-social-links{opacity:1;transform:translateY(0)}.landing .container .text .skills-icons img{width:50px;height:50px;object-fit:contain}.landing .container>.img{height:600px;max-height:calc(100vh);flex:1 1;align-self:flex-end;display:flex;align-items:center;justify-content:center;width:40%;border-radius:4px;z-index:1}@media (min-width:1300px){.landing .container>.img{right:250px}}@media (max-width:1300px){.landing .container>.img{right:150px}}.landing .container>.img canvas{object-fit:contain}.landing .container>.img img{object-fit:contain;transform:translateY(20%);transform-origin:50% 100%;opacity:0;transition:var(--main-transition);transition-timing-function:ease-in-out;transition-duration:.5s;transition-delay:.8s;align-self:flex-end}.landing.loaded .container>.img img{opacity:1;transform:translateY(0)}.landing .container>.img:before{content:"";position:absolute;width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid var(--text-color);z-index:2;border-radius:10px;animation:frame-rotate 30s linear 0s infinite;opacity:0;transition:var(--main-transition)}.landing.loaded .container>.img:before{opacity:1}@keyframes frame-rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.landing .container>.img img{position:relative;height:100%;width:100%;z-index:3}@media (max-width:992px){.landing .bottom{flex-direction:column}.landing .container{display:flex;align-items:center}.landing .container>.img{right:unset!important;margin-right:auto;margin-left:auto;transform:translateX(0)}.landing .bottom p:first-of-type{margin-bottom:20px}.landing{padding-bottom:0!important;overflow:hidden}.landing .container{flex-direction:column}.landing .container .text{width:100%;margin-right:0}.landing .bottom{flex-direction:row}.landing .bottom p{font-size:10px!important}.landing .container>.img,.landing .container>.img img{width:250px;height:250px}header .container i{color:var(--sec-color)}.landing .text{text-align:center}.landing h2{margin-left:auto;margin-right:auto}.landing .text .bottom{justify-content:center}}@media (max-width:600px){.landing .container .text .skills-icons img{width:30px}.landing .container .text .profile{width:120px;height:120px}.landing .container .text>h2{font-size:50px}.landing .text .bottom p a{font-size:14px}.landing .container .text .skills-icons{padding-left:20px;padding-rightn:20px}}@media (max-width:450px){.landing .container .text>h2{font-size:42px;margin-bottom:10px}}ul.main-social-links{width:-moz-fit-content;width:fit-content;margin-bottom:20px;margin-top:40px;display:flex;align-items:center;border-bottom:3px solid var(--sec-color);box-shadow:2px 2px 24px -2px var(--sec-color);box-shadow:2px 2px 44px -20px var(--sec-color);border-radius:8px;overflow:hidden;background-color:var(--main-color)}ul.main-social-links a{display:flex;align-items:center;justify-content:center;padding:10px;transition:var(--main-transition);font-size:24px;width:50px;color:var(--sec-color)}ul.main-social-links a:hover{background-color:var(--sec-color);color:var(--main-color)}@media (max-width:992px){ul.main-social-links{margin-left:auto;margin-right:auto}}@media (max-width:767px){ul.main-social-links a{width:40px;font-size:20px}}.download-btn{border:1px solid var(--sec-color);background-color:var(--main-color-semi);margin-left:3px;color:var(--text-color);width:30px;height:30px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 10px -3px var(--sec-color)}.hero{background-color:var(--main-color);padding-top:80px;height:auto}.hero .project-logo{width:200px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.hero .project-logo img{object-fit:contain;height:100%}.hero .hero-item:nth-child(4) .project-logo img{filter:invert(100%)}@media (max-width:640px){.hero .project-logo{width:150px}}.hero .container .hero-item{display:flex;align-items:center;justify-content:space-between;flex-direction:column;margin-bottom:40px;width:100%;border-bottom:1px solid var(--sec-color);padding-bottom:40px;color:var(--text-color);opacity:0;transform:translateY(100px);transition:var(--main-transition);transition-timing-function:ease-in-out;transition-duration:.4s}.hero .container .hero-item.scrolled{opacity:1;transform:translateY(0)}.hero .container .hero-item h2{font-size:30px;margin-bottom:10px;text-align:center}.hero .container .hero-item>p{line-height:1.4;text-align:center}.hero .container .hero-item>p.note{background-color:var(--sec-color);color:var(--main-color);padding:2px 10px;margin-top:5px}.hero .container .hero-item>a{margin-top:20px;height:-moz-fit-content;height:fit-content;border-radius:10px;overflow:hidden;border:1px solid var(--sec-color);display:flex;align-items:center;justify-content:center;aspect-ratio:19/9;width:100%}.hero .container .hero-item>a>img{object-fit:contain}.hero .container .hero-item{position:relative}.hero .container .details{width:100%;position:absolute;bottom:40px;text-align:center;background-color:rgb(0,0,0,.4);color:var(--text-color);display:flex;flex-direction:column;align-items:center;padding:30px 20px;transition:var(--main-transition);border:1px solid var(--sec-color);border-top:none;border-radius:0 0 10px 10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero .container .hero-item:hover .details{opacity:1!important}.hero .container .details .project-info{display:flex;justify-content:space-between;gap:30px;width:100%}.hero .container .details .project-info>*{width:50%!important;display:flex;align-items:center;flex-direction:column}.hero .container .details .project-info>:first-child{border-right:1px solid var(--sec-color)}.hero .container .details .project-info .client-rating svg{color:#ff0}.hero .container .details .project-info .client-rating ul{margin-bottom:10px}.hero .container .details .project-info .client-rating p{font-size:14px;width:100%}.hero .container .details .project-info .client-rating p:first-of-type{margin-top:8px;margin-bottom:10px}.hero .container .details .project-info .client-rating p:last-of-type{line-height:1.6;border-top:1px solid #fff;padding-top:10px}.hero .container .details h2,.hero .container .details h3{margin-bottom:8px}.hero .container .details ul{display:flex;align-items:center;gap:10px}.hero .container .details ul li{display:flex;flex-direction:column;align-items:center;gap:4px}.hero .container .details ul .img{width:40px;height:40px;border-radius:50%;background-color:var(--main-color-semi);padding:5px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero .container .details ul img{object-fit:contain}.hero .container .details ul span{font-size:12px}.hero .container .details a{display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 20px;background-color:#020206cb;margin-top:16px;border-radius:6px;font-weight:700}.hero .container .details a p{margin:0}@media (max-width:992px){.hero .container .hero-item>p{text-align:center;font-size:14px}.hero .container .details{position:relative;opacity:1!important;width:100%;background-color:transparent;border:none}.hero .container .details .project-info{font-size:14px;gap:20px}.hero .container .details .project-info>:first-child{padding-left:20px;padding-right:20px}.hero .container .details ul .img{background-color:transparent}}@media (max-width:767px){.hero .container .details .project-info{flex-direction:column;align-items:center}.hero .container .details .project-info>*{width:100%!important}.hero .container .details{bottom:0}.hero .container .details .project-info>:first-child{border:none;border-bottom:1px solid var(--sec-color);padding-bottom:20px}}.main-heading{opacity:0;transform:translateY(50px);transition:var(--main-transition);text-align:center;font-family:Federo,sans-serif;border-bottom:1px solid var(--sec-color);width:-moz-fit-content;width:fit-content;margin:20px auto;color:var(--sec-color);font-size:50px}.main-heading.scrolled{opacity:1;transform:translateY(0)}@media (max-width:640px){.main-heading{font-size:40px}}.skills{padding-top:0;padding-bottom:100px;background-size:cover;background-attachment:fixed;height:-moz-fit-content;height:fit-content;border-bottom:1px solid var(--sec-color)}.skills .container{display:flex;align-items:center;flex-direction:column}.skills .container .box{width:100%;text-align:center;opacity:0;transform:translateY(100px);transition:var(--main-transition)}.skills .container .box.scrolled{opacity:1;transform:translateY(0)}.skills .container .box h2{font-size:50px;color:var(--sec-color);width:100%}.skills .container .box p{font-size:24px;color:var(--text-color);margin-top:40px;margin-bottom:40px;line-height:1.4}.skills .other-work{background-color:var(--sec-color);position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:flex;align-items:center;justify-content:center;width:80%;z-index:15;border-radius:6px;transition:all .5s ease-in-out 0s;overflow:hidden;border:none;height:0;padding:0;font-family:Federo,sans-serif}.skills .other-work.shown{height:calc(100% - 40px);padding:40px;border-top:1px solid var(--main-color);border-bottom:1px solid var(--main-color);box-shadow:2px 2px 24px -2px var(--sec-color)}.skills .other-work h1{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);font-family:Dancing Script,sans-serif;font-family:Federo,sans-serif;font-size:250px;width:100%;text-align:center;margin:0;opacity:.6;color:var(--main-color)}.skills .other-work>svg{position:absolute;top:20px;right:20px;font-size:30px;cursor:pointer}.skills .other-work .other-work-links{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));grid-gap:20px;gap:20px;transition:all .5s ease-out .3s;transform:translateY(50px);opacity:0;padding:20px;max-height:calc(100% - 40px);overflow-y:scroll;border-top:2px solid var(--main-color);border-bottom:2px solid var(--main-color);background-image:linear-gradient(to bottom,var(--main-color) 20%,transparent 40%)}.skills .other-work.shown .other-work-links{transform:translateY(0);opacity:1}@media (max-width:992px){.skills .other-work .other-work-links{grid-template-columns:repeat(2,minmax(200px,1fr))}}.skills .other-work .other-work-links::-webkit-scrollbar{background-color:var(--main-color);width:10px}.skills .other-work .other-work-links::-webkit-scrollbar-thumb{background-color:var(--text-color);border-radius:10px}.skills .other-work .other-work-links a{display:block;color:var(--sec-color);background-color:rgba(0,0,0,.7);font-weight:700;border-radius:6px;transition:all .2s linear 0s;position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:Dancing Script,sans-serif;font-family:Federo,sans-serif;font-size:28px;color:#d5d0d0}.skills .other-work .other-work-links div{text-align:center;padding:10px;border:2px solid var(--main-color);transition:all .2s linear 0s;position:relative;overflow:hidden;border-radius:6px;background-size:cover;background-position:50%;background-repeat:no-repeat;height:130px}.black-dashboard{background-image:url(/_next/static/media/black-dash-1.2f38accb.webp)}.bentfolio{background-image:url(/_next/static/media/bentfolio.8174dd11.webp)}.thrive-ai{background-image:url(/_next/static/media/thrive-ai.068ec700.webp)}.triple-clean{background-image:url(/_next/static/media/triple-clean.7d371caa.webp)}.john-doe{background-image:url(/_next/static/media/john.019ad894.webp)}.stimulus{background-image:url(/_next/static/media/stimulus.001b071a.webp)}.dashboard{background-image:url(/_next/static/media/dashboard.274dd097.webp)}.event{background-image:url(/_next/static/media/event.eb78c23d.webp)}.template{background-image:url(/_next/static/media/template.0a005475.webp)}.space{background-image:url(/_next/static/media/space.e99ca33e.webp)}.ramadan-night{background-image:url(/_next/static/media/ramadan-nights-bg.bdf564f9.webp)}.vuertfolio{background-image:url(/_next/static/media/vuertfolio.4fc2eed3.webp)}.mo3shop{background-image:url(/_next/static/media/mo3shop.06175b8d.webp)}.credit-card{background-image:url(/_next/static/media/card.b996ed57.webp)}.countdown{background-image:url(/_next/static/media/countdown.7c69096f.webp)}.rps{background-image:url(/_next/static/media/RPS.3c2d6be3.webp)}.picasa{background-image:url(/_next/static/media/picasa.95c4dd49.webp)}.url-shrtr{background-image:url(/_next/static/media/url-shrtr.06d29f78.webp)}.weight{background-image:url(/_next/static/media/weight_app.2ef87d10.webp)}.color-palette{background-image:url(/_next/static/media/color-palette.1454c329.webp)}.typathon{background-image:url(/_next/static/media/typathon.e822d379.webp)}.skills .other-work .other-work-links div:hover a{cursor:pointer;opacity:0;z-index:2}.skills .other-work .other-work-links div:before{content:"";position:absolute;width:100%!important;height:100%;transform:translate(0);top:0;left:0;transition:all .2s linear 0s;z-index:1;opacity:1!important}.skills .other-work .other-work-links div:hover{transform:scale(1.1);box-shadow:2px 2px 24px -2px var(--main-color)}.skills .other-work .other-work-links div:hover:before{background-color:var(--main-color)!important;opacity:0!important}.skills .other-work .other-work-links a:hover:before{display:none}.skills .apps{border:none;background-color:var(--main-color);position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);height:0;padding:0;display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;z-index:15;border-radius:6px;transition:all .5s ease-in-out 0s;overflow:hidden}.skills .apps.shown{height:calc(100vh - 40px);padding:40px;border-top:1px solid var(--sec-color);border-bottom:1px solid var(--sec-color);box-shadow:2px 2px 24px -2px var(--sec-color)}.skills .apps h1{left:50%;top:50%;transform:translateX(-50%) translateY(-50%);font-family:Dancing Script,sans-serif;font-family:Federo,sans-serif;font-size:250px;width:100%;text-align:center;margin:0;opacity:.4}.skills .apps h1,.skills .apps>svg{position:absolute;color:var(--sec-color)}.skills .apps>svg{top:20px;right:20px;font-size:30px;cursor:pointer}.skills .apps .apps-links{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));grid-gap:20px;gap:20px;transition:all .5s ease-out .3s;transform:translateY(50px);opacity:0}.skills .apps.shown .apps-links{transform:translateY(0);opacity:1}.skills .apps .apps-links a{display:block;color:var(--sec-color);background-color:rgba(0,0,0,.7);font-weight:700;border-radius:6px;transition:all .2s linear 0s;position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:Dancing Script,sans-serif;font-family:Federo,sans-serif;font-size:28px;color:var(--text-color)}.skills .apps .apps-links div{text-align:center;padding:10px;border:2px solid var(--sec-color);transition:all .2s linear 0s;position:relative;overflow:hidden;border-radius:6px;background-size:cover;background-position:50%;background-repeat:no-repeat;height:100px}.skills .apps .apps-links div:hover a{cursor:pointer;opacity:0;z-index:2}.skills .apps .apps-links div:before{content:"";position:absolute;width:100%!important;height:100%;transform:translate(0);top:0;left:0;transition:all .2s linear 0s;z-index:1;opacity:1!important}.skills .apps .apps-links div:hover{transform:scale(1.1);box-shadow:2px 2px 24px -2px var(--sec-color)}.skills .apps .apps-links div:hover:before{background-color:var(--sec-color)!important;opacity:0!important}.skills .apps .apps-links a:hover:before{display:none}@media (max-width:992px){.skills .container{flex-direction:column}.skills .container .box{width:100%;text-align:center}.skills .container .box:first-of-type{border:none;border-bottom:1px solid var(--main-color)}.skills .container .box:last-of-type{padding-left:0}.skills .container .box h2,.skills .container .box p{margin-left:auto;margin-right:auto;width:80%}}@media (max-width:767px){.skills .container .box h2{font-size:34px}.skills .container .box p{font-size:18px}.skills .container .box button{font-size:12px;padding:20px 50px}.skills .other-work{padding-left:20px!important;padding-right:20px!important}}@media (max-width:767px){.skills .other-work .other-work-links::-webkit-scrollbar{background-color:var(--sec-color);width:10px}.skills .other-work .other-work-links::-webkit-scrollbar-thumb{background-color:var(--main-color);border-radius:10px}.skills .other-work .other-work-links div:hover{transform:scale(1);animation:bg-size-change .3s 0s 1 normal forwards;box-shadow:2px 2px 24px -2px var(--main-color)}.skills .other-work>svg{right:10px;top:10px}.skills .other-work .other-work-links{overflow-y:scroll;overflow-x:auto;height:100%;grid-template-columns:repeat(1,minmax(200px,1fr));border-top:2px solid var(--main-color);border-bottom:2px solid var(--main-color);padding-right:10px;padding-left:10px;background-color:var(--main-color-semi);width:100%}.skills .other-work .other-work-links div{height:200px}.skills .other-work .other-work-links a{font-size:30px}.skills .apps{width:80%;padding-left:20px!important;padding-right:20px!important}.skills .apps>svg{right:10px;top:10px}.skills .apps .apps-links{width:100%;overflow-y:scroll;overflow-x:auto;height:100%;grid-template-columns:repeat(1,minmax(200px,1fr));border-top:2px solid var(--sec-color);border-bottom:2px solid var(--sec-color);padding:10px;background-color:rgba(240,16,16,.2)}.skills .apps .apps-links::-webkit-scrollbar{background-color:var(--sec-color);width:10px}.skills .apps .apps-links::-webkit-scrollbar-thumb{background-color:var(--main-color);border-radius:10px}.skills .apps .apps-links div{height:150px}.skills .apps .apps-links a{font-size:30px}.skills .apps .apps-links div:hover{transform:scale(1);animation:bg-size-change .3s 0s 1 normal forwards;box-shadow:2px 2px 24px -2px var(--main-color)}}@media (max-width:640px){.skills .apps .apps-links div,.skills .other-work .other-work-links div{height:150px}.skills .container .box h2{width:100%!important;font-size:30px}.skills .container .box p{font-size:16px}}.testimonials{background-size:cover;background-position:50%;background-repeat:no-repeat;min-height:100vh}.testimonials h2{color:var(--sec-color);font-family:Federo,sans-serif;font-size:40px;text-align:center;margin-top:40px;margin-bottom:40px}.testimonials .container{padding:0 0 60px}.testimonials .container .content{width:100%}.testimonials .container .content .swiper{padding:20px 70px}@media (max-width:650px){.testimonials .container .content .swiper{padding:20px}}.testimonials .container .content .btns{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px}.testimonials .container .content .btns button{background-color:#fff;background-color:var(--main-color);color:var(--sec-color);width:40px;height:40px;border-radius:50%;border:1px solid var(--sec-color);font-size:20px;transition:var(--main-transition);cursor:pointer}.testimonials .container .content .btns button:hover{background-color:var(--sec-color);color:var(--main-color)}.testimonials .container .person{background-color:var(--main-color);border-radius:6px;border-top:2px solid var(--sec-color);border-bottom:2px solid var(--sec-color);padding:20px;transition:all .3s ease-in-out 0s;text-align:center;position:relative;box-shadow:2px 2px 34px -20px var(--sec-color)}.testimonials .container .person .qoute-icon{position:absolute;font-size:180px;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--sec-color);opacity:.2}.testimonials .container .person .img{width:100px;height:100px;margin:10px auto 30px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:50%}.testimonials .container .person .img img{max-width:100%;object-fit:contain}.testimonials .container .person p{position:relative;width:70%;margin:10px auto;font-size:20px;line-height:1.6;color:var(--text-color);border-bottom:2px solid var(--sec-color);font-weight:700;overflow:hidden;text-align:center;vertical-align:center;transition:height .2s linear .2s,opacity .2s linear .5s;display:flex;align-items:center;justify-content:center;padding-bottom:20px;height:200px}.testimonials .container .person p.arabic{font-family:EL Messiri,sans-serif;direction:rtl}.testimonials .container .person .person-info{padding:20px;color:var(--text-color);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.testimonials .container .person .person-info .person-name{font-size:18px;font-weight:700;color:var(--sec-color)}.testimonials .container .person .person-info .person-title{font-size:14px}.testimonials .pagination{opacity:1;display:f;width:-moz-fit-content;width:fit-content;margin-right:auto;margin-left:auto}.testimonials .pagination span{background-color:var(--sec-color)}@media (max-width:992px){.testimonials .container .person p:not(.arabic){font-size:16px}}@media (max-width:600px){.testimonials .container .person p{width:100%;font-size:18px}.testimonials .container .person p:not(.arabic){font-size:14px}}.header{position:fixed;left:50%;transform:translateX(-50%) translateY(-120%);top:0;z-index:10;transition:var(--main-transition);transition-timing-function:ease-in-out;transition-duration:.5s}.header.loaded{transform:translateX(-50%) translateY(0)}.header a{width:180px;overflow:hidden;transition:all .4s ease-in-out 0s;display:flex;align-items:center;justify-content:center;padding-left:20px;padding-right:20px;border-radius:0 0 8px 8px;box-shadow:2px 2px 44px -10px var(--main-color);background-color:var(--main-color)}.header a img{width:100%;object-fit:contain}@media (max-width:767px){.header{padding-left:0}}nav{position:fixed;top:50%;transform:translateX(120%) translateY(-50%);right:0;z-index:13;font-family:Federo,sans-serif;transition:var(--main-transition);transition-timing-function:ease-in-out;transition-duration:.5s}nav.loaded{transform:translateX(0) translateY(-50%)}nav ul{display:flex;flex-direction:column;justify-content:center;align-items:flex-end}nav ul li:first-child a{border-radius:6px 0 0 0}nav ul li:last-child a{border-radius:0 0 0 6px}nav a{padding:10px!important;color:var(--text-color);background-color:var(--main-color);position:relative;isolation:isolate}nav a,nav a span:first-child{display:flex;border:1px solid var(--sec-color);transition:var(--main-transition);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}nav a span:first-child{overflow:hidden;position:absolute;right:-300%;top:0;background-color:var(--sec-color);color:var(--main-color);height:100%;padding-left:10px;padding-right:10px;align-items:center;justify-content:center;z-index:-1;border-radius:6px 0 0 6px!important}nav a:hover span:first-child{right:0}nav a span:last-child{width:20px;display:flex;align-items:center;justify-content:center;transition:var(--main-transition);transition-delay:.1s}nav a:hover span:last-child{transition-delay:0s;opacity:0}nav a:hover{border-radius:0!important}nav a svg{transition:var(--main-transition);position:relative!important;color:var(--text-color);display:block}@media (max-width:600px){nav{bottom:20px;right:50%;top:unset;transform:translateX(50%) translateY(200px);height:-moz-fit-content;height:fit-content}nav.loaded{transform:translateX(50%) translateY(0)}nav a svg{font-size:14px}nav ul{flex-direction:row}nav a span:first-child{display:none}nav ul li:first-child a{border-radius:6px 0 0 6px}nav ul li:last-child a{border-radius:0 6px 6px 0}nav ul li:first-child a:hover{border-radius:6px 0 0 6px!important}nav ul li:last-child a:hover{border-radius:0 6px 6px 0!important}nav a:hover{background-color:var(--sec-color)}nav a:hover span:last-child{opacity:1}}.contact{padding-top:100px;padding-bottom:100px;display:flex;justify-content:center;align-items:center;text-align:center;background-size:cover;background-attachment:fixed;color:var(--text-color)}.contact .container h2{font-size:50px;color:var(--sec-color);margin-bottom:20px}.contact .container>p{font-size:24px;width:500px;color:var(--text-color);margin-left:auto;margin-right:auto}.contact .container form{margin-top:70px;display:flex;flex-wrap:wrap;width:70%;margin-left:auto;margin-right:auto;justify-content:space-between}.contact .container form .in{width:45%;display:flex;flex-direction:column;text-align:left}.contact .container form .in input{width:100}.contact .container form div:last-of-type{width:100%;margin-top:30px;display:flex;flex-direction:column;text-align:left}.contact .container form div:last-of-type textarea{width:100%;height:70px}.contact .container form label{color:var(--label-color);margin-bottom:10px}.contact .container form input{padding:10px 0}.contact .container form input,.contact .container form textarea{border:none;border-bottom:2px solid var(--text-color);color:var(--text-color);background-color:transparent;transition:all .2s ease-in-out 0s;line-height:1.4}.contact .container form .text-area textarea{width:100%!important}.contact .container form input:focus,.contact .container form textarea:focus{outline:none;border-bottom:2px solid var(--text-color)}.contact .container form div:has(input:focus) label,.contact .container form div:has(textarea:focus) label{color:var(--text-color)}.contact .container form button{margin-top:50px;margin-left:auto;margin-right:auto}.contact .pop-up{position:fixed;left:50%;top:-80px;transform:translateX(-50%);background-color:var(--main-color);color:var(--sec-color);display:flex;align-items:center;z-index:9;gap:10px;padding:10px 20px;border-radius:8px;font-weight:700;transition:var(--main-transition);transition-timing-function:ease-in-out;transition-duration:.3s;text-wrap:nowrap}.contact .pop-up.shown{top:60px}.contact .pop-up:has(span.correct){color:var(--correct-color);border-bottom:1px solid var(--correct-color);box-shadow:2px 2px 24px -2px var(--correct-color)}.contact .pop-up:has(span.error){color:var(--error-color);border-bottom:1px solid var(--error-color);box-shadow:2px 2px 24px -2px var(--error-color)}.contact .pop-up span{color:var(--main-color);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center}.contact .pop-up span.correct{background-color:var(--correct-color)}.contact .pop-up span.error{background-color:var(--error-color)}@media (max-width:767px){.contact .container h2{font-size:30px}.contact .container>p{width:100%;font-size:16px}.contact .container form{width:100%}.contact .container form input,.contact .container form textarea{font-size:14px}}footer ul.main-social-links{margin-right:auto;margin-left:auto}footer ul a:hover{background-color:var(--sec-color);color:var(--main-color)}footer .logo{width:140px;margin-left:auto;margin-right:auto}footer .logo img{object-fit:contain}.loader{position:fixed;left:0;top:0;width:100%;height:100%;background-color:var(--main-color);z-index:180;display:flex;justify-content:center;align-items:center;transition:all .5s linear 0s}.loader svg{color:#e4e325;font-size:30px;width:20px}.loader ul{display:flex;justify-content:space-between;align-items:flex-start;width:50px;margin-left:10px;margin-right:10px}.loader ul li{height:10px;width:10px;border-radius:50%;background-color:var(--text-color);animation:loader-scaling .5s linear 0s infinite alternate forwards}.loader ul li:nth-of-type(2){animation-delay:.2s}.loader ul li:nth-of-type(3){animation-delay:.4s}.loader.loaded{opacity:0;visibility:hidden}@keyframes loader-scaling{0%{transform:scale(1) translateY(5px)}to{transform:scale(1.5) translateY(-5px)}}