*{margin:0;padding:0;font-family:Poppins,sans-serif;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#000;color:#fff;z-index:0;position:relative;transition:background-color .3s ease-in-out,color .3s ease-in-out}.container{padding:10px 5%}nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;position:fixed;width:100%;padding:4px 20px;top:0;z-index:1000;background-color:#000000b3;color:#fff;box-shadow:0 2px 5px #0003}.logo{width:120px;margin-left:75px;margin-right:20px}nav ul{display:flex;list-style:none;margin-left:0;margin-right:10vh;padding-left:0}nav ul li{margin:10px 20px}nav ul li a{color:#fff;text-decoration:none;font-size:20px;font-weight:700;position:relative}nav ul li a:after{content:"";width:0;height:3px;background:#10f;position:absolute;left:0;bottom:-6px;transition:.5s}nav ul li a:hover:after{width:100%}@media screen and (max-width:768px){nav{padding:10px}nav ul{flex-direction:column;width:100%}nav ul li{text-align:center;margin:10px 0}}.container_image{display:flex}.container_image .left,.container_image .right{display:inline-block}.container_image .right{margin-left:20vh;margin-top:10vh}.container_image .right img{width:80vh;height:88vh;clip:rect(0,0,300vh,0);transition:filter .5s ease-in-out}.container_image .right img:hover{width:80vh;height:88vh;clip:rect(0,0,300vh,0);filter:drop-shadow(15px 15px 50px rgba(0,26,255,.5))}.header-text{margin-top:20%;font-size:30px}.header-text h1{font-size:60px;margin-top:20px}.header-text h1 span{color:#10f}#element{color:#10f;font-size:60px;font-weight:600}.project_counts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10vh;padding:3vh;border-radius:3vh;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;background:transparent;perspective:1000px;z-index:2;will-change:transform,box-shadow}@media(max-width:900px){.project_counts{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.project_counts{grid-template-columns:1fr}}.count-header{display:flex;align-items:center;justify-content:center;gap:8px}.count-number{display:inline-block;min-width:24px;text-align:center;font-size:28px;font-weight:700;line-height:1;position:relative;top:-2px}.project_counts .count-language{display:flex;flex-direction:column;align-items:center;margin-right:60px}.project_counts .count-language h1 img{width:8vh}.count-language img{transition:all .2s ease-in-out}.count-language img:hover{filter:drop-shadow(0 0 10px hsl(128,100%,50%));transform:scale(1.1)}#about{padding:80px 0;color:#ababab}.row{display:flex;justify-content:space-between;flex-wrap:wrap}.about-col-1{flex-basis:35%;border-radius:15px;background-color:#4d484880}.about-col-1 img{width:100%;border-radius:15px;transition:filter .5s ease-in-out}.about-col-1 img:hover{filter:drop-shadow(15px 15px 50px rgba(0,26,255,.5))}.about-col-2{flex-basis:60%;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;background:transparent;perspective:1000px;z-index:2;padding:15px;border-radius:15px}.sub-title{font-size:60px;font-weight:600;color:#fff}.tab-titles{display:flex;margin:20px 0 40px}.tab-links{margin-right:50px;font-size:18px;font-weight:500;cursor:pointer;position:relative}.tab-links:after{content:"";width:0;height:3px;background:#faa12c;position:absolute;left:0;bottom:-8px;transition:.5s}.tab-links.active-link:after{width:50%}.tab-contents ul li{list-style:none;margin:10px 0}.tab-contents ul li span{color:#faa12c;font-size:18px;font-weight:700}.tab-contents{opacity:0;transform:translateY(15px);transition:opacity .4s ease,transform .4s ease;pointer-events:none;height:0;overflow:hidden}.tab-contents.active-tab{opacity:1;transform:translateY(0);pointer-events:auto;height:auto}#portfolio{padding:50px 0}.portfolio-overlay{position:fixed;inset:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;display:flex;justify-content:center;align-items:center}.grid-container-portfolio{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;justify-content:center;align-items:center;padding:20px}.grid-container-portfolio .grid-item{padding:10px;border-radius:10px}.design_p{will-change:transform,box-shadow;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;background:transparent;perspective:1000px;z-index:2;padding:15px;border-radius:15px}#portfolio .content{text-align:left}#portfolio .content h2{font-weight:600;margin-bottom:10px;color:#fff;padding:20px}#portfolio .content .btn_container{display:flex;align-items:center;justify-content:space-between}#portfolio .content .btn_portfolio{margin:20px 23px 20px 20px;background-color:#10f;color:#fff;padding:10px 20px;border:none;border-radius:25px;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .3s,transform .3s}#portfolio .content .btn_container .icons{display:flex;gap:5px;margin:23px}#portfolio .content .btn_container .icon{width:50px;height:auto}#portfolio .content .btn_portfolio:hover{background-color:#10f;transform:scale(1.05)}#portfolio .content .btn_portfolio:active{transform:scale(.95)}#portfolio .content img{width:100%;height:400px;object-fit:cover;border-radius:10px}#portfolio .content a{text-decoration:none;color:#337ab7}#portfolio .content a:hover{color:#23527c}#portfolioblur{transition:.5s}#portfolioblur.portfolioactive{filter:blur(10px);pointer-events:none;-webkit-user-select:none;user-select:none}.portfoliopopup{position:fixed;inset:0;margin:auto;width:90%;max-width:1400px;max-height:80vh;padding:30px;background:#dcdcf7;border-radius:10px;box-shadow:0 5px 30px #0000004d;overflow-y:auto;opacity:0;transform:scale(.96);pointer-events:none;transition:opacity .35s ease,transform .35s ease;will-change:opacity,transform;backface-visibility:hidden;transform-origin:center}.portfoliopopup.open{opacity:1;transform:scale(1);pointer-events:auto}.portfoliopopup.closing{opacity:0;transform:scale(.96);pointer-events:none}.portfolio-overlay{position:fixed;inset:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;display:flex;justify-content:center;align-items:center;pointer-events:auto}.portfoliopopup h2,.portfoliopopup h1,.portfoliopopup p,.portfoliopopup .lower-half{color:#111}.portfoliopopup h3{display:inline-block;color:#1d30d8;font-weight:100;border-radius:10px;border:none;padding:5px 8px;margin:13px 10px 10px 0;background-color:#0ff}.portfoliopopup a,.portfoliopopup .btn_portfolio{position:relative;padding:5px 20px;display:inline-block;margin-top:20px;text-decoration:none;color:#fff;background-color:#10f;border:none;border-radius:25px;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .3s,transform .3s}.portfoliopopup a:hover,.portfoliopopup .btn_portfolio:hover{background-color:#10f;transform:scale(1.05)}.upper-half{display:flex;margin-bottom:20px}.left-part{flex:60%;padding:10px}.left-part .left_icon{width:50px;height:auto;margin:10px 0px -18px 26vh}.left-part .left_icon1{width:46px;height:auto;margin:11px 0 -18px 4px}.tech-icons{display:flex;gap:10px;margin:10px 0 15px}.tech-icons img{width:48px;height:auto}.right-part{position:relative;flex:40%;padding:10px;display:flex;justify-content:right;height:auto}.image-slider{width:600px;height:auto;position:relative;display:flex;justify-content:center;align-items:center}.image-slider img{width:100%;border-radius:10px;display:block;margin:0 auto}.nav-arrows{position:absolute;top:0;left:0;display:flex;justify-content:space-between;width:100%;height:100%;align-items:center;pointer-events:none}.nav-arrows button{background-color:#ffffffb3;border:none;border-radius:20px;cursor:pointer;font-size:24px;padding:5px;width:50px;height:auto;transition:background-color .3s,transform .2s;pointer-events:all;z-index:1}.nav-arrows button:hover{background-color:#ffffffe6}.nav-arrows .prev{position:absolute;left:10px;top:50%;transform:translateY(-50%)}.nav-arrows .next{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.cross-button{position:absolute;top:10px;right:10px;background-color:#dcdcf7;border:none;border-radius:50%;cursor:pointer;font-size:24px;padding:10px;transition:background-color .3s;z-index:10}.cross-button:hover{background-color:#dcdcf7}#certificates{padding:50px 0}.grid-container-certificate{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;height:auto;justify-content:center;align-items:center;padding:20px}.grid-container-certificate .grid-item{padding:10px;border-radius:10px;box-shadow:0 0 10px #0000001a;transition:box-shadow .3s ease,transform .3s ease}.design_c{transition:transform .3s ease,box-shadow .3s ease,background .3s ease;background:transparent;perspective:1000px;z-index:2;padding:15px;border-radius:15px}.grid-container-certificate .grid-item:hover{box-shadow:0 0 20px #ffffffe6}#certificates .content{text-align:center}#certificates .content img{width:100%;height:auto;object-fit:cover;border-radius:7px}#certificates .content a{text-decoration:none;color:#337ab7}#certificates .content a:hover{color:#23527c}#certificateblur{transition:.5s}#certificateblur.certificateactive{filter:blur(10px);pointer-events:none;-webkit-user-select:none;user-select:none}.certificatepopup{position:fixed;top:15%;left:30%;transform:translate(-50%,-10%);width:40vw;padding:10px;box-shadow:0 4px 12px #0003;background:none;visibility:hidden;opacity:0;transition:opacity .5s,visibility .5s;border-radius:10px;display:flex;flex-direction:column;align-items:center;will-change:transform,opacity}.certificatepopup img{width:100%;height:100%;object-fit:cover;border-radius:10px}.big img{width:80%;max-width:800px;border-radius:10px;margin-left:8vh}.big{top:4%;left:30%}.certificatepopup.visible{visibility:visible;opacity:1}.certificatepopup.animate{animation:popup-animation .5s forwards}.certificatepopup.close{animation:popup-close .5s forwards}.certificate-overlay{position:fixed;inset:0;background:transparent;z-index:998}@keyframes popup-animation{0%{transform:translateY(-28px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes popup-close{0%{transform:translateY(0);opacity:1}to{transform:translateY(-28px);opacity:0}}.no-scroll,body.no-scroll{overflow-y:hidden}.certificatepopup h2,.certificatepopup p{color:#111}.close-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:#111;z-index:1001}#contact{display:block;text-align:center;padding-top:5vh;padding-left:20vh;padding-right:20vh;height:85vh}.project-card{background:transparent;border-radius:16px;padding:20px;transition:transform .3s ease,box-shadow .3s ease;z-index:2}.project-card:hover{transform:translateY(-6px)}.project-card img{width:100%;height:260px;object-fit:cover;border-radius:12px;margin-bottom:16px}.project-card h2{color:#fff;margin:12px 0}.project-card p{color:#ccc;line-height:1.6}.btn_container{display:flex;gap:16px;margin-top:16px;flex-wrap:wrap}.contact-left{max-width:800px;margin:0 auto;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;background:transparent;perspective:1000px;z-index:2;padding:15px;border-radius:15px;display:flex;flex-direction:column;align-items:center}.contact-left h1{font-size:4em;color:#fff;margin-bottom:20px}#contact .link{display:flex;border-radius:30px;margin:20px 0;color:#333;text-decoration:none;flex-shrink:0;font-size:22px;white-space:nowrap;overflow:hidden;max-width:600px;justify-content:center;align-items:center;text-align:center;gap:12px;flex-direction:row;background:linear-gradient(270deg,transparent 50%,rgb(128,120,241) 50%);background-size:200% 100%;background-position:right bottom;color:#fff;padding:10px 20px;transition:background-position .4s ease-in-out,color .4s ease-in-out}#contact .link:hover{background-position:left bottom;color:#000}#contact .btn{padding:10px 20px;border-radius:30px;background-color:#10f;color:#fff;text-decoration:none;font-weight:700;transition:background-color .3s ease;display:inline-block;margin:20px 0}#contact .btn:hover{background-color:#333}.c-button{font-weight:700;font-size:16px;text-decoration:none;padding:.9em 1.6em;cursor:pointer;display:inline-block;vertical-align:middle;position:relative;z-index:1}.c-button--gooey{color:#2d06d9;background-color:transparent;text-transform:uppercase;letter-spacing:2px;border:4px solid #2d06d9;position:relative;transition:all .7s ease;border-radius:999px}.c-button--gooey .c-button__blobs{height:100%;filter:url(#goo);overflow:hidden;position:absolute;inset:0 -1px -3px 0;z-index:-1;border-radius:20px}.c-button--gooey .c-button__blobs div{background-color:#2d06d9;width:34%;height:100%;border-radius:100%;position:absolute;transform:scale(1.4) translateY(125%) translateZ(0);transition:all .7s ease}.c-button--gooey .c-button__blobs div:nth-child(1){left:-5%}.c-button--gooey .c-button__blobs div:nth-child(2){left:30%;transition-delay:60ms}.c-button--gooey .c-button__blobs div:nth-child(3){left:66%;transition-delay:25ms}.c-button--gooey:hover{color:#fff}.c-button--gooey:hover .c-button__blobs div{transform:scale(1.4) translateY(0) translateZ(0)}i{margin-right:10px}@media(max-width:768px){#contact{padding-left:5vh;padding-right:5vh}.contact-left{padding:15px}#contact .link{font-size:1em}}.contact-left p{margin-top:30px}.contact-left p i{color:#10f;margin-right:15px;font-size:25px}.social-icons{display:flex;flex-direction:column;align-items:center}.social-icons a{text-decoration:none;font-size:20px;margin-right:15px;color:#ababab;display:inline-block;transition:transform .5s ease-in-out}footer{text-align:center;padding:1rem 0;color:#fff;margin-top:2rem}nav .fa-solid{display:none}@media only screen and (max-width:600px){#header{background-image:url(images/phone-background.png)}.header-text{margin-top:92%}.header-text h1{font-size:30px}.header-text #element{font-size:30px;color:#10f}nav .fa-solid{display:block;font-size:25px}nav ul{background:#10f;position:fixed;top:0;right:-200px;width:200px;height:100vh;padding-top:50px;z-index:2;transition:right .5s}nav ul li{display:block;margin:25px}nav ul li a:after{background:#fff}nav ul .fa-solid{position:absolute;top:25px;left:25px;cursor:pointer}.icons{top:73%;left:33%;align-items:center;justify-content:center;text-align:center}.icons li{align-items:center;justify-content:center;text-align:center}.icons li a{width:50px;height:50px;align-items:center;justify-content:center;text-align:center}.icons li a .fab{width:100%;height:100%;font-size:26px;line-height:40px;align-items:center;justify-content:center;text-align:center}.sub-title{font-size:40px}.about-col-1,.about-col-2{flex-basis:100%}.about-col-1{margin-bottom:30px}.about-col-1 img{width:40%;border-radius:15px}.about-col-2{font-size:14px}.tab-links{font-size:16px;margin-right:20px}.work-list{grid-template-columns:repeat(2,minmax(50px,1fr))}.layer{padding:0 10px;font-size:12px}.layer p{display:none}.layer a{line-height:40px;width:40px;height:40px}.contact-left,.contact-right{flex-basis:100%}.contact-left{margin-top:50px}.contact-left .btn{text-align:center}.footer-rights{font-size:12px;position:fixed;bottom:0;left:0;width:100%;padding:10px;text-align:center}}