@keyframes anim{0%{background-image:linear-gradient(90deg,#c60fbe,#fd008e,#ff385d,#ff7431,#f7a500,#f7a500,#f7a500,#f7a500,#ff7431,#ff385d,#fd008e,#c60fbe);background-position:0%}50%{background-image:linear-gradient(90deg,#c60fbe,#fd008e,#ff385d,#ff7431,#f7a500,#f7a500,#f7a500,#f7a500,#ff7431,#ff385d,#fd008e,#c60fbe);background-position:600%}to{background-image:linear-gradient(90deg,#c60fbe,#fd008e,#ff385d,#ff7431,#f7a500,#f7a500,#f7a500,#f7a500,#ff7431,#ff385d,#fd008e,#c60fbe);background-position:0%}}.section1-icons{width:60px;height:100px;margin-top:40px;margin-bottom:12px;position:relative}.section1-icons__item{transform-origin:0;border-radius:18px;width:70px;height:70px;transition:opacity .25s ease-out,transform .6s ease-out,filter .6s ease-out;position:absolute;top:0;left:0;overflow:hidden}.section1-icons__item--active{opacity:1;filter:none;z-index:30;transform:translate(0)scale(1.06)}.section1-icons__item--middle{opacity:.2;z-index:20;transform:translate(42px)scale(.96)}.section1-icons__item--back{opacity:.04;z-index:10;transform:translate(70px)scale(.9)}.section1-icons__item--hidden{opacity:0;filter:blur(.8px);z-index:0;pointer-events:none;transform:translate(32px)scale(.85)}.section1-icons__image{object-fit:cover;width:100%;height:100%}@media (max-width:768px){.section1-icons{height:60px;margin-top:10px;margin-bottom:60px!important}.section1-icons__item{border-radius:20px;width:70px;height:70px}}
.projectsBox{background-color:#000;flex-direction:column;align-items:center;display:flex}.projectsBox>.proj{margin:0 0 70px}.overlay{-webkit-backdrop-filter:blur(10px);z-index:999;background:#000000d9;width:100%;height:100%;animation:.3s fadeIn;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popblock{z-index:1000;box-sizing:border-box;background:0 0;border-radius:40px;width:90%;max-width:1500px;height:65%;max-height:90vh;animation:.4s cubic-bezier(.16,1,.3,1) slideIn;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.popup-close{z-index:1001;-webkit-backdrop-filter:blur(10px);cursor:pointer;color:#8b8b8b;background:#aeaeae26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.popup-close:hover{background:#ffffff40;transform:rotate(90deg)}.popup-close svg{width:20px;height:20px}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.popup-content{background:#fff;border-radius:40px;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 32px 80px #000000a6}.popup-image-section{background:#fff;flex:1;justify-content:center;align-items:center;min-width:0;padding:0;display:flex}.popup-image{object-fit:cover;border-radius:40px 0 0 40px;width:100%;height:100%}.popup-info-section{scrollbar-width:thin;scrollbar-color:#ddd #0000;background:#fff;flex-direction:column;flex:0 0 45%;justify-content:space-between;gap:30px;padding:80px 50px;display:flex;overflow-y:auto}.popup-info-section::-webkit-scrollbar{width:6px}.popup-info-section::-webkit-scrollbar-track{background:0 0}.popup-info-section::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.popup-title{color:#000;margin:0 0 8px;font-size:36px;font-weight:700;line-height:1.3}.popup-description{color:#666;margin:0;font-size:18px;font-weight:400;line-height:1.6}.popup-stack{flex-direction:column;gap:15px;padding-top:10px;display:flex}.popup-stack-icon{background:#f5f5f5;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.popup-stack-text{color:#000;margin:0;font-size:16px;font-weight:500;line-height:1.6}.cursor{z-index:999999999;z-index:1;-webkit-user-select:none;user-select:none;pointer-events:none;background:0 0;border-radius:100%;width:8px;height:8px;transition:transform .5s cubic-bezier(.75,-1.27,.3,2.33),opacity .2s cubic-bezier(.75,-1.27,.3,2.33);position:absolute}.cursor:before{content:"";opacity:0;z-index:999999999;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:100%;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.cursor.active{opacity:1;z-index:5;z-index:999999999;background:#fff url(../media/Showeye.18046637.svg) 50%/4px no-repeat;transform:scale(12)}.cursor.active:before{opacity:1}.image--inverted{transition:transform .5s}.image--inverted:hover{transform:scale(.99)}.image img{object-fit:cover;width:100%;height:100%;transition:transform .8s}.image:hover img{transform:scale(1.05)}.linksprojects{margin-top:20px;display:flex}.links-social{width:50%;display:flex}.soclink{background-color:#ccc;border-radius:100px;justify-content:center;align-items:center;min-width:55px;height:55px;margin:0 4px;display:inline-flex}.soclink img{width:26px;height:26px;display:block}.soclink:hover{cursor:none;background-color:#fff}.openLink{background-color:#ccc;border-radius:200px;width:50%;min-width:55px;height:55px;margin-left:10px;transition:all .6s;position:relative}.openLink:after{content:"";background-image:var(--arrow-icon);background-position:50%;background-repeat:no-repeat;background-size:contain;width:24px;height:24px;transition:all .6s;position:absolute;top:50%;right:5%;transform:translateY(-50%)}.openLink:hover{cursor:pointer;background-color:#fff;width:80%;transition:all .6s}html[dir=rtl] .openLink{margin-left:0;margin-right:10px}html[dir=rtl] .openLink:after{left:5%;right:auto;transform:translateY(-50%)scaleX(-1)}.projectName{text-transform:uppercase;margin:10px 0 20px 7px;font-size:34px;font-weight:200}.projectInfo{flex-direction:column;gap:5px;display:flex}.projectDescription{color:#ccc;text-transform:uppercase;margin:0 0 0 7px;font-size:18px;font-weight:300}.cursor-hover--previewimg [data-cursor="1"]{mix-blend-mode:difference;background-color:#fff;width:120px;height:120px}.proj{width:96%;margin:50px 0}.image{z-index:1;background-position:50%;background-size:cover;border-radius:30px;width:100%;height:70vh;transition:transform .5s;display:flex;position:relative;overflow:hidden}.image:hover{transform:scale(1)}.googleplay{padding-left:6px}.googleplay img,.appstore img{width:22px;height:22px}@media (max-width:768px){.projectsBox{padding:40px 0 20px}.proj{width:100%;margin:0 0 60px;padding:0 20px}.image{border-radius:30px;height:30vh}.linksprojects{flex-direction:column;gap:10px;margin-top:30px}.projectInfo{order:-1;width:100%;margin-bottom:20px}.projectName{color:#fff;text-transform:uppercase;margin:0;font-size:28px;font-weight:500;line-height:1.1}.projectDescription{color:#999;margin:5px 0 0;font-size:20px;font-weight:300}.links-social{justify-content:flex-start;gap:10px;width:100%}.googleplay img{margin-left:-3px}.soclink{min-width:40px;height:40px;margin:0}.soclink img{width:18px;height:18px}.openLink{flex:1;width:auto;min-width:70px;height:40px;margin-left:10px}.openLink:hover{width:auto}.openLink:after{width:20px;height:20px}html[dir=rtl] .openLink{margin-left:0;margin-right:10px}.popblock{border-radius:30px;width:90%;height:80vh;max-height:85vh}.popup-content{border-radius:30px;flex-direction:column}.popup-image-section{flex:0 0 40%;min-height:260px}.popup-image{object-fit:cover;border-radius:30px 30px 0 0;height:auto;max-height:320px}.popup-info-section{flex:1;gap:20px;padding:30px 25px}.popup-title{margin-bottom:12px;font-size:20px;line-height:1.3}.popup-description{font-size:15px}.popup-stack-icon{width:36px;height:36px}.popup-stack-text{font-size:14px}}