img,legend{border:0}.c-scrollbar,.c-scrollbar_thumb{position:absolute;right:0;top:0}.btn-click,.error-header .overlay-video,.has-scroll-smooth body,html.has-scroll-smooth,svg:not(:root){overflow:hidden}.btn-click,.btn-fill{will-change:transform}main .btn-hamburger.active,main.scrolled .btn-hamburger{transform:translateY(0) scale(1) rotate(.001deg)}.btn-click,.btn-click:hover,.footer-case-wrap .next-case-btn:hover,a{text-decoration:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}.contact-header .row .flex-col:first-child h1 span,.default-header h1 span,.footer h2 span,.home-header .hanger p span,.home-header .row .flex-col h4 span,.loading-container .loading-words h2.active,.row.no-flex,article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}.bottom-footer .stripe,.btn-link.btn-left-top .btn-click::after,.faq .uk-accordion-title::before,.fixed-nav .social-row .stripe,.nav-bar .links-wrap li:last-child,[hidden],audio,template{display:none}a{background-color:transparent;color:var(--color-blue)}.flex-col a h1,mark{color:#000}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em}mark{background:#ff0}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}body,html{-webkit-font-smoothing:antialiased;background-color:var(--color-dark)}h1,h2,h3,h5{line-height:1.065}button{overflow:visible}button,select{text-transform:none}.bottom-footer #timeSpan,h5{text-transform:uppercase}button,html input[type=button],input[type=reset]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{padding:0}table{border-collapse:collapse;border-spacing:0}.btn-link.btn-link-external .btn-text,.case-top-wrap,td,th{padding:0}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;display:inline-block;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}.c-scrollbar{width:11px;height:100%;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar,.line-globe .digital-ball:hover .overlay,.work-grid .work-items:hover a{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:-webkit-grab;cursor:grab}.flex-col,body,html{width:100%;position:relative}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}.btn input,.btn-click,.form .checkbox-button:hover,.play-button,.s-icon:hover{cursor:pointer}[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0}:root{--color-dark:#1c1d20;--color-dark-dark:#141517;--color-light:#ffffff;--color-blue:#D8D3CD;--color-blue-dark:#D8D3CD;--color-gray:#D8D3CD;--color-lightgray:#e9eaeb;--color-white:#ffffff;--color-border:rgba(28, 29, 32, 0.175);--color-border-solid:#d2d2d2;--color-border-light:rgba(255, 255, 255, 0.2);--color-border-solid-light:#545557;--color-text:#1c1d20;--color-text-light:#fff;--alert-error:#ff4444;--alert-success:#24c958;--animation-primary:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);--animation-fast:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);--animation-smooth:all 0.7s cubic-bezier(0.7, 0, 0.3, 1);--animation-slow:all 0.9s cubic-bezier(0.7, 0, 0.3, 1);--section-padding:clamp(5em, 21vh, 12em);--container-padding:clamp(2.5em, 8vw, 8em);--gap-padding:clamp(1.5em, 4vw, 2.5em)}@media screen and (max-width:1200px){:root{--container-padding:6vw}}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}canvas,img,svg,video{box-sizing:border-box;height:auto}li,ul{list-style:none}body{margin:0;font-family:"Dennis Sans",sans-serif;color:var(--color-text);line-height:1.6;font-weight:450;font-style:normal;font-size:16px;font-size:clamp(16px, 1.2vw, 19px)}::selection{background-color:var(--color-blue);color:var(--color-white);text-shadow:none}::-moz-selection{background-color:var(--color-blue);color:var(--color-white);text-shadow:none}canvas,img,video{max-width:100%}svg{max-width:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}a,em,h1,h2,h3,h4,h5,h6,li,ol,p,span,strong,ul{padding:0;margin:0;font-style:normal;font-weight:450;letter-spacing:normal}h1,h3,h4,h5,p{font-family:"Dennis Sans",sans-serif;font-style:normal;margin-bottom:1em;font-weight:450}.btn:last-child,.error-header h1,a:last-child,h1:last-child,h2:last-child,h3:last-child,h4:last-child,p.big:last-child,p.small:last-child,p:last-child,strong:last-child{margin-bottom:0}h1{font-size:calc(clamp(3.25em, 7vw, 8em) * .875)}h2{font-family:"Dennis Sans",sans-serif;font-weight:450;font-style:normal;font-size:calc(clamp(3.25em, 5vw, 4.5em) * .75);margin-bottom:.66em}h3{font-size:clamp(2.66em, 4.65vw, 5.32em)}h4{font-size:clamp(1.55em, 2.3vw, 2.5em);line-height:1.45}h5{font-size:.6em;letter-spacing:.05em;opacity:.5}p{color:var(--text);font-size:1em;line-height:1.66}p.small{font-size:.8em;line-height:1.75;letter-spacing:.015em}p.big{font-size:1.2em}strong{font-weight:800}p a{text-decoration:underline}.theme-dark .btn-link .btn-text,.theme-dark h1,.theme-dark h2,.theme-dark h3,.theme-dark h4,.theme-dark h5,.theme-dark p{color:var(--color-white)}.section{display:block;padding-top:var(--section-padding);padding-bottom:var(--section-padding);position:relative}.section-wrap{display:block;padding-top:0;padding-bottom:0;position:relative}.section.full-height{min-height:100vh;display:flex;align-items:center}.section.no-padding{padding-top:unset;padding-bottom:unset}.container{margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding);max-width:100em}.container.large{padding-left:var(--gap-padding);padding-right:var(--gap-padding)}.container.medium{padding-left:calc(var(--container-padding) * 2);padding-right:calc(var(--container-padding) * 2)}.container.small{padding-left:calc(var(--container-padding) * 3);padding-right:calc(var(--container-padding) * 3)}.container.no-padding{padding-left:unset;padding-right:unset}.row{display:flex;flex-wrap:wrap;position:relative}.row.no-wrap{flex-wrap:nowrap}.flex-col{display:block;order:2}.overlay{position:absolute;top:0;left:0;height:100%;width:100%}.btn,.btn-click{border:0;position:relative;outline:0}.line,.stripe{width:100%;height:1px;background-color:var(--color-border);display:block}img.overlay,video.overlay{object-fit:cover}.line{margin-top:var(--gap-padding);margin-bottom:var(--gap-padding)}.theme-dark .stripe{background-color:var(--color-border-light)}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn{margin-bottom:calc(var(--gap-padding)/ 2);z-index:5}.btn:hover{z-index:15}.btn-click{color:var(--primary-dark);background:0 0;border-radius:2.125em;min-width:1em;height:4.25em;padding:0;font-size:1em;display:flex;align-items:center;justify-content:center;transform:translateZ(0) rotate(.001deg)}.btn-click:hover{cursor:pointer}.btn-normal .btn-click{-webkit-box-shadow:inset 0 0 0 1px var(--color-border);box-shadow:inset 0 0 0 1px var(--color-border)}.btn-fill{background:var(--color-blue);position:absolute;width:150%;height:200%;border-radius:50%;top:-50%;left:-25%;transform:translate3d(0,-76%,0);transition:background-color .25s ease-in-out}.btn-text{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 2.5em;z-index:2;color:var(--color-dark);position:relative;transform:rotate(.001deg);pointer-events:none;will-change:transform,color}.btn-normal.active .btn-click .btn-text-inner,.btn-normal.btn-dark .btn-text .btn-text-inner,.theme-dark .btn-normal .btn-text .btn-text-inner{color:var(--color-white)!important}.btn-normal.not-active .btn-click .btn-text-inner,.work-grid .work-items li{transition:var(--animation-smooth)}.btn-normal.active .btn-click .btn-fill{transform:translate3d(0,0,0)!important;background-color:var(--color-dark)}.btn-normal.not-active .btn-click .btn-fill{background-color:var(--color-dark);transition:var(--animation-smooth)}.count-nr{display:inline-block;margin-left:.25em;opacity:.6;font-size:.7em;transform:translate(20%,-15%);width:0;position:absolute}.btn-normal .arrow svg g{stroke:currentColor}.theme-dark .btn-normal .btn-click{-webkit-box-shadow:inset 0 0 0 1px var(--color-border-light);box-shadow:inset 0 0 0 1px var(--color-border-light)}.btn-normal.btn-dark .btn-click{-webkit-box-shadow:inset 0 0 0 0 var(--color-border);box-shadow:inset 0 0 0 0 var(--color-border);background:var(--color-dark)}.about-services .row:nth-child(2) .flex-col h4,.btn-link,.faq li h4{margin:0}.btn-link .btn-click{border:0;height:2.75em;border-radius:0;overflow:visible}.btn-link .btn-text{padding:0 calc(var(--gap-padding)/ 2);position:relative}.btn-link .btn-click::after{content:"";position:absolute;bottom:-.5em;left:50%;display:block;width:calc(clamp(16px,1.2vw,19px)/ 2.75);height:calc(clamp(16px,1.2vw,19px)/ 2.75);border-radius:50%;background:var(--color-dark);transform:translate(-50%,-50%) scale(0) rotate(.001deg);transition:var(--animation-fast);will-change:transform}.btn-link .btn-click:hover::after,.btn-link.active .btn-click::after,.links-wrap:hover .btn-link .btn-click:hover::after,.theme-dark .btn-link .btn-click:hover::after{transform:translate(-50%,-50%) scale(1) rotate(.001deg)}.btn-icon .btn-click .btn-text-inner,.links-wrap,.work-filters .filter-row .grid-row,.work-filters .filter-row .toggle-row{display:flex}.btn-link.btn-left-top .code-by,.btn-link.btn-left-top .dennis{transform:translateX(0) rotate(.001deg);position:relative;display:inline-block;transition:var(--animation-primary)}.links-wrap:hover .btn-link .btn-click::after{transform:translate(-50%,-50%) scale(0) rotate(.001deg)}.about-header,.section-wrap-work,.theme-dark .btn-link .btn-click::after,.theme-dark .btn-link.btn-link-external .btn-click::after,.theme-dark .btn-menu .btn-click::after,.theme-dark .btn-menu .btn-click:hover::after{background:var(--color-white)}.btn-link.btn-link-external .btn-click{border:0;height:2.25em;border-radius:0;overflow:visible;margin:0 calc(var(--gap-padding)/ 3)}.btn-link.btn-link-external .btn-click::after{bottom:0;width:100%;height:1px;border-radius:0;background:var(--color-dark);transform:translate(-50%,-50%) scale(0,1) rotate(.001deg)}.btn-link.btn-left-top:hover .code-by,.btn-link.btn-left-top:hover .dennis{transform:translateX(-3.7em) rotate(.001deg)}.btn-round{margin:0;z-index:20}.btn-round .btn-click{width:clamp(9em,12vw,11em);height:clamp(9em,12vw,11em);border-radius:50%;border:0;background:var(--color-dark)}.btn-round .btn-text{padding:0 1em;text-align:center}.btn-round .btn-text-inner{color:#fff}.btn-round .btn-fill,.theme-dark .btn-round .btn-click{background:var(--color-blue)}.theme-dark .btn-round .btn-fill{background:var(--color-blue-dark)}.btn-link.btn-left-top .credit{padding-right:.21em}.btn-link.btn-left-top .credit span{position:relative;display:block;transform:translate(0,0) rotate(.001deg);transition:var(--animation-primary)}.btn-link.btn-left-top:hover .credit span{transform:translate(0,0) rotate(360deg)}.btn-link.btn-left-top .cbd{overflow:hidden;position:relative}.btn-link.btn-left-top .dennis{padding-left:.21em;padding-right:.2em}.btn-link.btn-left-top:hover .dennis{padding-right:2em}.btn-link.btn-left-top .snellenberg{position:absolute;opacity:1;padding-left:.21em;transition:var(--animation-primary);top:0;left:0;transform:translateX(3.25em);white-space:nowrap}.btn-hamburger{position:fixed;top:calc(var(--gap-padding)/ 1.5);right:calc(var(--gap-padding)/ 1.5);transition:transform .4s cubic-bezier(.36, 0, .66, 0);transform:translateY(0) scale(0) rotate(.001deg);z-index:105}.btn-hamburger:hover{z-index:105}.btn-hamburger .btn-click,.btn-hamburger .btn-text{width:clamp(4em,5.5vw,5em);height:clamp(4em,5.5vw,5em);border-radius:50%}.btn-hamburger .btn-click{border:0;background-color:var(--color-dark);transition:background-color .25s cubic-bezier(.36, 0, .66, 0),box-shadow .25s cubic-bezier(.36, 0, .66, 0);-webkit-box-shadow:inset 0 0 0 1px var(--color-border-light);box-shadow:inset 0 0 0 1px var(--color-border-light)}.s-icon,.s-icon .s-icon-wrap{transition:var(--animation-primary)}#contact .nav-active .btn-hamburger .btn-click,.nav-active .btn-hamburger .btn-click{-webkit-box-shadow:inset 0 0 0 1px transparent!important;box-shadow:inset 0 0 0 1px transparent!important}.btn-hamburger .btn-fill,.btn-hamburger.active .btn-click{background-color:var(--color-blue)}.btn-hamburger .btn-text-inner{color:var(--color-white);opacity:0}.btn-hamburger .btn-bars{position:absolute;width:28%;height:8%;opacity:1}.btn-hamburger .btn-text,.error-header .container .btn-row,.horizontal-items .horizontal-single-item,.s-icon,main.touch .main-wrap{position:relative}.btn-hamburger .btn-bars::after,.btn-hamburger .btn-bars::before{content:"";display:block;position:absolute;left:50%;height:1px;width:100%;transform:translate(-50%,-50%) rotate(.001deg);background:var(--color-white);transition:var(--animation-fast)}.btn-hamburger .btn-bars::before{top:0;transform:translate(-50%,-50%)}.btn-hamburger .btn-bars::after{top:100%;transform:translate(-50%,-50%)}.btn-hamburger.active .btn-bars::before{top:50%;transform:translate(-50%,-50%) rotate(-45deg)}.btn-hamburger.active .btn-bars::after{top:50%;transform:translate(-50%,-50%) rotate(45deg)}main.scrolled .btn-hamburger{transition:transform .4s cubic-bezier(.34, 1.5, .64, 1)}#contact .btn-hamburger .btn-click{-webkit-box-shadow:inset 0 0 0 1px var(--color-border-light)!important;box-shadow:inset 0 0 0 1px var(--color-border-light)!important}.btn-menu .btn-click::after,.links-wrap:hover .btn-menu .btn-click:hover::after{left:0;bottom:50%;transform:translate(-50%,50%) scale(1) rotate(.001deg)}.btn-icon .btn-click{width:4.25em}.s-icon{overflow:hidden;width:1.75em;height:1.75em;margin-right:.15em;margin-left:.15em;border-radius:50%;background-color:var(--primary);display:block;float:left}.s-icon .s-icon-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(.0001deg);width:65%}.s-icon .s-icon-wrap:nth-of-type(2){transform:translate(-50%,100%) rotate(.0001deg)}.arrow svg,.s-icon .s-icon-wrap svg{display:block;width:100%}.s-icon .s-icon-wrap svg path{fill:var(--white)}.s-icon:hover{background:var(--secondary)}.s-icon:hover .s-icon-wrap:first-of-type{transform:translate(-50%,-200%) rotate(.0001deg)}.s-icon:hover .s-icon-wrap:nth-of-type(2){transform:translate(-50%,-50%) rotate(.0001deg)}.color-box{width:calc(33.333% - 1.333em);background:var(--primary-dark);font-weight:500;color:var(--white);margin-right:2em;margin-top:2em}.block-button .row .flex-col:last-child,.case-intro .row .flex-col:last-child,.color-box:nth-child(3),.color-box:nth-child(6){margin-right:0}.color-box:before{content:"";display:block;padding-top:40%}.color-box .overlay{padding:1em;display:flex;align-items:center;justify-content:center;text-align:center}.color-box.dark{background:var(--color-dark);box-shadow:inset 0 0 0 1px var(--primary-light);color:#fff}.color-box.light-gray,.color-box.white{box-shadow:inset 0 0 0 1px var(--color-border)}.color-box.gray{background:var(--color-gray);color:#fff}.color-box.blue{background:var(--color-blue);color:#fff}.form .checkbox-button span,.form .field,.form .label,.form-btn,.home-header .big-name h1,.loading-container .loading-words h2,.mouse-pos-list-span{color:var(--color-white)}.color-box.white{background:#fff}.color-box.light-gray{background:var(--color-lightgray)}.color-box.border{background:var(--color-border)}.block-device .single-image .image-wrap img,.block-mobile-devices .amount-1 .flex-col,.block-mobile-devices .device-nodevice .single-image,.block-mobile-devices .device-nodevicerounded .single-image,.block-screenshot .single-image img,.block-screenshot .single-image video,.error-header .container,.faq ul,.form,.form .field,.form .label,.form-btn,.form-col,.form-container,.mouse-pos-list-image .float-image-wrap .mouse-pos-list-image-inner.visible{width:100%}.case-top-wrap.theme-dark,.contact-header .form,.default-header.theme-dark,.footer-wrap.theme-dark .footer,.section-form,.section-form+.footer-rounded-div .rounded-div{background:var(--color-dark)}.faq li a,.form .field{background:0 0!important}.form{display:block}.hidden-field,.website-field{position:absolute;left:-9999px}.form input,.form select,.form textarea{border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.grecaptcha-badge{top:calc(100% - 120px)!important;transform:translate(0,-50%);box-shadow:rgba(0,0,0,.2) 0 2px 5px!important;visibility:hidden}.form-col{display:block;font-size:1.33em;border-bottom:1px solid var(--color-border-light);padding:0 2.75em;position:relative}.form-col:nth-child(2){border-top:1px solid var(--color-border-light)}.form .field{appearance:none;-moz-appearance:none;-webkit-appearance:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:1em 0 2em;border:0;border-radius:0;font-weight:450;font-size:1em;display:block;margin-top:-.33em}.form .form-col h5{position:absolute;left:0;top:3.4em;opacity:.33}.form .field:focus{outline:0;outline-width:1px!important;outline-offset:0px;border-radius:0;border:0}.form .field::before{position:absolute;left:0;width:.25em;height:.25em;content:"";top:0;background:var(--color-white);border-radius:50%}.form .checkbox-button .custom-check,.form .checkbox-button .custom-radio{order:1;width:.85em;height:.85em;margin-top:.5em;margin-left:-1.25em;box-shadow:0;overflow:hidden;margin-right:.5em}.form .field::-webkit-input-placeholder,.form .field::placeholder{color:var(--color-white);opacity:.33;font-weight:450}.form textarea.field{resize:vertical;resize:none}.form .label{display:block;margin-bottom:0;font-weight:450;padding-top:1.66em;transition:.2s ease-in-out}.form-btn{position:absolute;top:0;left:0;height:100%;background:0 0;border:0;outline:0;z-index:10}.btn-contact-send{float:right;transform:translate(-20%,-60%);position:relative;z-index:5}.btn-contact-send .btn-text{pointer-events:all}.form .form-col.not-empty .label,.work-grid .work-items a:hover{opacity:.33}.alert{font-size:1rem;transform:translateY(-1.5em);position:relative;line-height:1.1em;background:var(--color-dark);padding-bottom:.75em}.alert p,.alert span,.alert strong{color:var(--alert-error);font-size:1em;font-weight:450;line-height:1rem;margin:0}.alert::before{position:absolute;content:"";left:-3.85em;width:.3em;height:.3em;background:var(--alert-error);border-radius:50%;top:.35em}.arrow.big,.home-header .row .flex-col .header-above-h4 svg{width:clamp(1.1em,1.3vw,1.25em)}.alert-success,.footer-case-wrap .next-case-btn:hover .tile-image-wrap .tile-image{transform:translateY(0)}.alert-success p,.alert-success span,.alert-success strong{color:var(--alert-success)}.alert-success::before{background:var(--alert-success)}.form .checkbox-button{display:flex;margin-bottom:.5em;padding-left:1.25em;align-items:center;font-size:1em;font-weight:450}.form .checkbox-button:last-child{margin-bottom:2.2em}.form .checkbox-button input{opacity:0;position:absolute;z-index:-1}.form .checkbox-button span{height:1.1em;margin-bottom:0;order:2;display:inline-block;opacity:.33}.form .checkbox-button .custom-check{position:relative;border:1px solid var(--color-border-light);border-radius:0}.form .checkbox-button .custom-check:after{display:block;opacity:0;visibility:hidden;content:"";width:100%;height:100%;left:0;top:0;position:absolute;background-color:var(--color-blue);background-image:url("../img/form-checkmark.svg");background-repeat:no-repeat;background-position:center center;background-size:cover}.form .checkbox-button input:checked~.custom-check:after,.form .checkbox-button input:checked~.custom-radio:after{opacity:1;visibility:visible}.form .checkbox-button:hover input~.custom-check,.form .checkbox-button:hover input~.custom-radio{background-color:rgba(255,255,255,.1)}.form .checkbox-button input:checked~.custom-check,.form .checkbox-button input:checked~.custom-radio{background-color:var(--color-blue);border:1px solid var(--color-blue)}.form .checkbox-button input:checked~span{color:var(--color-white);font-weight:450;opacity:1}.form .checkbox-button .custom-radio{position:relative;border:1px solid var(--color-border-light);border-radius:50%}.form .checkbox-button .custom-radio:after{display:block;opacity:0;visibility:hidden;content:"";width:6px;height:6px;top:6px;left:6px;position:absolute;background:var(--color-white);border-radius:50%}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:white;-webkit-box-shadow:none;box-shadow:none;transition:none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none}.footer-contact,.footer-wrap{box-shadow:0 5px 0 5px var(--color-dark)}input[type=radio]{-webkit-appearance:none}.span-lines.animate .span-line{position:relative;display:inline-flex;overflow:hidden}.span-lines.animate .span-line .span-line-inner{position:relative;display:block}.arrow{position:relative;width:clamp(.9em,1.1vw,1.1em)}.arrow.big{position:relative}.profile-picture{position:relative;display:inline-flex;border-radius:50%;background:url("../img/ammar-ahmed.webp") center top/cover no-repeat ;width:clamp(4.5em,6.5vw,8em);height:clamp(4.5em,6.5vw,8em)}.dots,main{height:100%}.dots{top:0;right:0;width:100%;pointer-events:none;background:url("../img/dotted.svg") bottom right/1.25em 1.25em;position:absolute}.rounded-div,main{background:var(--color-white)}.rounded-div-wrap{width:100%;top:0;position:relative;height:10vh;overflow:hidden}.rounded-div{width:150%;content:"";display:block;position:absolute;height:750%;left:50%;border-radius:50%;transform:translate(-50%,-86.666%);z-index:1}.main-wrap,main{box-sizing:border-box;width:100vw;position:fixed}.default-header{padding-top:calc(var(--section-padding) * 1.33);padding-bottom:calc(var(--section-padding) * .66)}main{overflow:hidden}.main-wrap::after{display:block;position:absolute;content:"";width:100%;height:5vh;top:99%;left:0;background:var(--color-dark);z-index:-1}.main-wrap{will-change:transform}main.touch{position:relative;height:auto}.loading-container,.no-scroll-overlay{position:fixed;height:100vh;left:0;top:0;width:100%;overflow:hidden}.no-scroll-overlay{z-index:900;display:none}.loading-container{z-index:800;pointer-events:none;background:0 0}.loading-screen{position:relative;padding:0;width:100%;height:100%;left:0;will-change:top}.loading-container .rounded-div-wrap.bottom .rounded-div,.loading-container .rounded-div-wrap.top .rounded-div,.loading-screen,.single-block .dark-overlay{background:var(--color-dark-dark)}.fixed-nav .nav-row .btn-link .btn-click::after,.loading-container .dot{background:var(--color-white);bottom:auto;width:calc(clamp(16px,1.2vw,19px)/ 1.65);height:calc(clamp(16px,1.2vw,19px)/ 1.65)}.loading-container .rounded-div-wrap.bottom .rounded-div,.loading-container .rounded-div-wrap.top .rounded-div{height:745%}.loading-container .rounded-div-wrap.top{top:0;position:absolute;transform:translateY(-99%) scale(1,-1);z-index:2;height:0;will-change:height}.loading-container .rounded-div-wrap.bottom{top:unset;bottom:0;position:absolute;transform:translateY(99%);z-index:2;height:0;will-change:height}.loading-container .loading-words{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;display:block;will-change:opacity}.loading-container .loading-words h2{margin:0;padding:0 .4em 0 .6em;position:absolute;top:0;left:50%;transform:translateX(-50%);display:none;white-space:nowrap;will-change:opacity}.loading-container .loading-words h2.jap{font-size:calc(clamp(3.25em, 5vw, 4.5em) * .65);transform:translate(-50%,10%)}.loading-container .dot{display:block;position:absolute;border-radius:50%;left:0;top:47%;transform:translate(0,0) scale(1)}.loading-container .loading-words .home-active,.loading-container .loading-words .home-active-last{opacity:0;display:none}.loading-fade{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:90;background:#fff;visibility:hidden;opacity:0}.footer .container.medium .row:nth-child(2) .btn-fixed .btn,.once-in{will-change:transform}.nav-bar{position:absolute;top:0;left:0;width:100%;background:0 0;z-index:5;transform:translate(0,0) rotate(.001deg);display:flex;justify-content:space-between;align-items:center;padding:calc(var(--gap-padding)/ 2) calc(var(--gap-padding)/ 2)}.fixed-nav-back{background:linear-gradient(to right,hsla(220,13%,0%,.3) 40%,#000 80%);opacity:0;transition:opacity .8s cubic-bezier(.7, 0, .2, 1);z-index:100;pointer-events:none;will-change:opacity}.nav-active .fixed-nav-back{opacity:.35;pointer-events:all}.fixed-nav{position:fixed;right:0;top:0;height:100vh;background:var(--color-dark);z-index:100;transform:translate(calc(100% + 6vw),0) rotate(.001deg);transition:transform .8s cubic-bezier(.7, 0, .2, 1);will-change:transform}.fixed-nav-inner,.nav-active .fixed-nav,.nav-active .fixed-nav .nav-row ul .btn,.nav-active .fixed-nav-inner{transform:translate(0,0) rotate(.001deg)}.fixed-nav-inner{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:15vh 7.5vw 10vh;position:relative;transition:.6s cubic-bezier(.7, 0, .2, 1);will-change:transform}.fixed-nav .nav-row h5{margin-bottom:3em}.fixed-nav .nav-row ul{display:flex;flex-direction:column;align-items:flex-start;padding-top:5vh;margin-left:calc(var(--gap-padding)/ -2)}.fixed-nav .nav-row .btn-link .btn-click,.grid-fade.visible{height:auto}.fixed-nav .nav-row .btn-text-inner{font-size:3.5em;line-height:1.4;font-size:calc(clamp(3.25em, 5vw, 4em) * .875)}.fixed-nav .nav-row .btn-link .btn-click::after{left:calc(var(--gap-padding)/ -4);top:50%}.fixed-nav .social-row{margin-left:calc(var(--gap-padding)/ -4)}.fixed-nav-rounded-div{position:absolute;left:1px;transform:translateX(-100%);height:100%;top:0}.fixed-nav-rounded-div .rounded-div-wrap{width:6vw;height:100%;transition:var(--animation-slow);transition:.85s cubic-bezier(.7, 0, .2, 1);will-change:width}.nav-active .fixed-nav-rounded-div .rounded-div-wrap{width:0}.fixed-nav-rounded-div .rounded-div-wrap .rounded-div{background:var(--color-dark);height:150%;content:"";display:block;position:absolute;width:775%;top:50%;border-radius:50%;transform:translate(-6.5%,-50%)}.fixed-nav .nav-row ul .btn{transform:translate(15vw,0) rotate(.001deg);transition:.8s cubic-bezier(.7, 0, .2, 1);will-change:transform}.fixed-nav .nav-row ul .btn:nth-child(2){transition-delay:30ms}.fixed-nav .nav-row ul .btn:nth-child(3){transition-delay:60ms}.fixed-nav .nav-row ul .btn:nth-child(4){transition-delay:90ms}@media screen and (max-height:680px){.fixed-nav .nav-row .btn-text-inner{font-size:3em;line-height:1.25}}.grid-fade,.work-tiles ul li{height:0;transform:translateY(0) rotate(.001deg) scale(1);transition:opacity .3s ease-in .4s,transform 1s cubic-bezier(.16, 1, .3, 1)}.footer-wrap{display:block;width:100%;position:relative;overflow:hidden;background:var(--color-dark-dark);display:flex;align-items:flex-end}.footer-wrap.theme-dark .overlay-gradient{pointer-events:none;height:calc(var(--section-padding) * .75);background:linear-gradient(to bottom,#1c1d20 0,rgba(28,29,32,0) 100%);opacity:.75}.footer-rounded-div{width:100%;position:relative;height:0;display:block;z-index:2}.load-icon,.mouse-pos-list-image{position:fixed;pointer-events:none}.footer-rounded-div .rounded-div-wrap{transform:translateY(-1px);will-change:height}.footer{padding-bottom:0;width:100%;will-change:transform}.footer .dots{width:calc(var(--container-padding) * 3)}.footer h2{font-size:calc(clamp(3.25em, 7vw, 8em) * .875)}.bottom-footer p,.socials li{font-size:.85em}.footer .container.medium{display:flex;flex-direction:column}.about-services .row:first-child,.footer .container.medium .row:first-child{padding-bottom:calc(var(--section-padding)/ 2)}.footer .container.medium .row:nth-child(2) .btn-fixed{position:absolute;right:0;top:0;transform:translate(-50%,-50%);z-index:20}.footer .container.medium .row:nth-child(2){padding-bottom:calc(var(--section-padding) * .475)}.footer .container.medium .row:nth-child(3) .flex-col{display:flex;flex-direction:row}.footer .container.medium .row:nth-child(3) .flex-col .btn{display:inline-flex;margin-right:.5em;margin-bottom:0}.footer .arrow{position:absolute;right:0;bottom:calc(var(--gap-padding) * 1.5);will-change:transform}.footer .profile-picture{margin-right:.125em;height:.85em;width:.85em;transform:translateY(.09em)}.footer .arrow svg{transform:rotate(90deg)}.bottom-footer{padding:calc(var(--section-padding)/ 1.3) calc(var(--gap-padding)/ 1.33) calc(var(--gap-padding)/ 1.75) calc(var(--gap-padding)/ 1);flex-direction:row;justify-content:space-between}.bottom-footer .flex-col{display:flex;width:auto;justify-content:space-between}.bottom-footer .credits{padding-right:var(--gap-padding)}.socials li{display:inline-flex}.bottom-footer h5{margin-bottom:1.5em}.socials h5{padding-left:calc(var(--gap-padding) * .5);margin-bottom:1em}@media screen and (max-width:900px){.footer .container.medium .row:nth-child(2){padding-bottom:calc(var(--section-padding) * .75)}}.footer-contact{background:var(--color-dark);margin-top:-1px;padding-top:0}.faq,.footer-contact .bottom-footer,.work-tiles{padding-top:0}.home-header{min-height:115vh;display:flex;align-items:center;background:var(--color-gray);overflow:hidden}.home-header .personal-image-wrap{top:50%;left:50%;height:100%;width:100%;display:block;position:absolute;transform:translate(-50%,-50%)}.home-header .personal-image{top:-10%;width:100%;height:110%;background:var(--color-gray)}.home-header .personal-image img{width:auto;height:100%;object-fit:cover;position:absolute;left:50%;transform:translateX(-50%)}.home-header .big-name{position:absolute;bottom:15vh;left:0;width:100%;padding-bottom:calc(var(--gap-padding) * 1.25)}.home-header .big-name .name-h1{position:relative;display:flex;width:100%}.home-header .big-name .name-wrap{position:relative;display:flex;align-items:center}.home-header .big-name .name-wrap .spacer{padding:0 3vw}.home-header .big-name h1{position:relative;display:flex;align-items:center;line-height:1;font-size:17.5vw;font-size:max(9em, 15vw);white-space:nowrap;pointer-events:none;margin:0;padding:0}.home-header .container{width:100%;padding-bottom:15vh}.home-header .row{justify-content:flex-end}.home-header .row .flex-col{width:auto}.home-header .row .flex-col .header-above-h4{top:-12.5vh;position:absolute}.home-header .row .flex-col h4{line-height:1.4;margin-bottom:0}.home-header .get-height{height:100vh}.home-header .hanger{position:absolute;left:0;top:50%;transform:translateY(-50%);display:inline-block}.home-header .hanger svg{width:auto;height:6em}.home-header .hanger p{position:absolute;top:50%;transform:translateY(-50%);margin:0;padding-right:5em;padding-left:var(--gap-padding);line-height:1.2}.work-grid .work-items h4,.work-tiles ul li a h4{position:relative;line-height:1;transition:var(--animation-fast);transform:translateX(0) rotate(.001deg);overflow:hidden}.home-header .white-block{position:absolute;height:30vh;width:50vw;top:115vh;right:0;background:var(--color-white);display:none}.home-header .hanger .digital-ball{z-index:500;position:absolute;right:.9em;left:auto;top:.9em;width:4.2em;height:4.2em;transform:translate(0,0);background:0 0}.home-header .hanger .digital-ball .globe{width:2.5em;height:2.5em;font-size:.8em}.home-intro{padding-bottom:calc(var(--section-padding) * .66)}.home-intro .flex-col:first-child{width:70%;padding-right:var(--gap-padding)}.home-intro .flex-col:nth-child(2){width:30%;padding-left:var(--gap-padding)}.home-intro .flex-col:nth-child(2) .btn{position:absolute;top:80%}.home-intro .flex-col:nth-child(2) p{margin-bottom:6em;padding-top:.5em;max-width:14em}.work-grid .row{align-items:center;color:unset;text-decoration:unset;padding:calc(var(--section-padding)/ 3) 0}.work-grid .grid-sub-title .flex-col:first-child,.work-grid .work-items .flex-col:first-child{padding-left:calc(var(--container-padding) * 1);width:44%}.work-grid .work-items .flex-col:nth-child(2){width:20%;padding-top:.25em}.work-grid .work-items .flex-col:nth-child(3){width:22%;padding-top:.25em}.work-grid .work-items .flex-col:nth-child(4){width:14%;padding-top:.25em;padding-right:calc(var(--container-padding) * 1);text-align:right}.work-grid .work-items h4{display:block}.work-grid .work-items h4 span,.work-tiles ul li a h4 span{position:relative;display:block;padding:.1em 0}.work-grid .work-items a:hover h4{transform:translateX(calc(var(--container-padding) * -.1)) rotate(.001deg)}.work-grid .work-items a p{transition:var(--animation-fast);transform:translateX(0) rotate(.001deg)}.work-grid .work-items a:hover p{transform:translateX(calc(var(--container-padding) * .1)) rotate(.001deg)}.work-grid .work-items li a{transition:var(--animation-fast)}.large-work-grid,.small-work-grid,.tiny-work-grid{padding-top:0;padding-bottom:0}.large-work-grid .work-items h4{font-size:calc(clamp(3.25em, 7vw, 8em) * .75)}.large-work-grid .row{padding:calc(var(--section-padding)/ 3.5) 0 calc(var(--section-padding)/ 3) 0}.faq li a,.small-work-grid .row,.tiny-work-grid .row{padding:2em 0}.large-work-grid .grid-sub-title .flex-col:first-child,.large-work-grid .work-items .flex-col:first-child{padding-left:calc(var(--container-padding) * 1);width:70%}.large-work-grid .work-items .flex-col:nth-child(2){width:30%;padding-left:var(--gap-padding);padding-top:1em;padding-right:calc(var(--container-padding) * .5)}.small-work-grid .work-items li{max-height:0;overflow:hidden}.small-work-grid .work-items li.visible{max-height:calc(clamp(1.75em,2.3vw,2.5em) + 4.4em)}.small-work-grid .work-items{padding-bottom:calc(var(--section-padding) * .5)}.tiny-work-grid .work-items{padding-bottom:calc(var(--section-padding) * .75)}.tiny-work-grid .arrow{position:absolute;right:var(--container-padding);transform:translateY(.2em);background:var(--color-dark);width:2em;height:2em;border-radius:50%;display:none;align-content:center;justify-content:center}.tiny-work-grid .arrow svg{width:35%;transform:rotate(-90deg)}@media screen and (max-width:1000px){.color-box{width:calc(50% - 1em)}.color-box:nth-child(3),.color-box:nth-child(6){margin-right:2em}.color-box:nth-child(2n){margin-right:0}.archive-header h1 .count-nr{font-size:.45em}.tiny-work-grid .container{padding:0}.tiny-work-grid .work-items a:hover{opacity:1}.tiny-work-grid .arrow{display:flex}.tiny-work-grid .row{align-items:flex-start;padding:2em 0 2.15em}.tiny-work-grid .grid-sub-title .flex-col:first-child{display:none}.tiny-work-grid .grid-sub-title .flex-col:nth-child(2){width:35%!important;order:3}.tiny-work-grid .grid-sub-title .flex-col:nth-child(3){width:52%!important;order:2;padding-left:calc(var(--container-padding) * 1)}.tiny-work-grid .grid-sub-title .flex-col:nth-child(4){width:13%!important;order:4}.tiny-work-grid .work-items .flex-col:first-child{width:100%;padding-bottom:.75em;order:1}.tiny-work-grid .work-items .flex-col:nth-child(2){width:35%;order:3;padding-right:1em}.tiny-work-grid .work-items .flex-col:nth-child(3){width:52%;order:2;padding-right:1em;padding-left:calc(var(--container-padding) * 1)}.tiny-work-grid .work-items .flex-col:nth-child(4){width:13%;order:4}.tiny-work-grid .work-items a:hover h4,.tiny-work-grid .work-items a:hover p{transform:translateX(0) rotate(.001deg)}.tiny-work-grid .work-items p{font-size:.9em}.tiny-work-grid .stripe{opacity:.75}}@media screen and (max-width:450px){.tiny-work-grid .row{align-items:flex-start;padding:1.9em 0}.tiny-work-grid .work-items .flex-col:first-child{padding-bottom:.5em}.tiny-work-grid .work-items h4{font-size:1.3em}.tiny-work-grid .work-items p{font-size:.8em}.tiny-work-grid .arrow{transform:translateY(-.2em)}}.work-grid .grid-sub-title{width:100%;display:flex;padding-bottom:var(--gap-padding)}.work-grid .grid-sub-title h5{margin:0;width:100%}.work-grid .grid-sub-title .flex-col:nth-child(2){width:20%}.work-grid .grid-sub-title .flex-col:nth-child(3){width:22%}.work-grid .grid-sub-title .flex-col:nth-child(4){width:14%;padding-right:calc(var(--container-padding) * 1);text-align:right}.large-work-grid .grid-sub-title .flex-col:nth-child(2){width:30%;padding-left:var(--gap-padding);padding-right:calc(var(--container-padding) * 1)}.work-filters{margin-top:calc(var(--section-padding) * -.25);padding-top:0;padding-bottom:calc(var(--section-padding)/ 2)}.work-filters .filter-row{width:100%;padding:0 var(--container-padding) 0 var(--container-padding);padding:0 calc(var(--container-padding) * .96) 0 calc(var(--container-padding) * .96);display:flex;justify-content:space-between}.work-filters .filter-row .toggle-row .btn{display:inline-flex;margin-right:.5em}.work-filters .filter-row .grid-row .btn{display:inline-flex;margin-left:.5em}@media screen and (max-width:460px){.default-header h1{font-size:10vw;font-size:calc(clamp(3.25em, 7vw, 8em) * .875)}.work-filters .filter-row .toggle-row .btn{font-size:.89em}}@media screen and (max-width:390px){.work-filters .filter-row .toggle-row .btn{font-size:.83em}}@media screen and (max-width:380px){.work-filters .filter-row .toggle-row .btn{font-size:.8em}}.center-grid-btn{padding-top:calc(var(--section-padding)/ 3);padding-bottom:calc(var(--section-padding) * 1)}.center-grid-btn-home{padding-top:calc(var(--section-padding)/ 2);padding-bottom:0}.center-grid-btn-archive{padding-top:0;padding-bottom:calc(var(--section-padding) * .75)}.center-grid-btn .grid-after-btn{display:flex;justify-content:center}.center-grid-btn .grid-after-btn .btn-text{min-width:10em}.work-tiles .container{padding-left:calc(var(--container-padding) * .75);padding-right:calc(var(--container-padding) * .75)}.work-tiles ul{width:100%;display:flex;flex-wrap:wrap;position:relative;padding-top:var(--gap-padding)}.case-intro .row .flex-col:last-child li,.sidebar-icon i{display:inline-block}.work-tiles ul li{display:block;position:relative;overflow:hidden;width:0}.work-tiles ul li.visible{height:auto;width:50%}.grid-fade.grid-fade-out,.work-tiles ul li.tile-fade-out{opacity:0;transform:translateY(5em) rotate(.001deg);transition:opacity .25s ease-out,transform 0s linear .3s}.grid-fade.grid-fade-in,.work-tiles ul li.tile-fade-in{opacity:1;transform:translateY(5em) rotate(.001deg) scale(1)}.work-tiles ul li .single-tile-wrap{width:100%;padding-bottom:calc(var(--section-padding) * 1);padding-left:calc(var(--container-padding) * .25);padding-right:calc(var(--container-padding) * .25)}.work-tiles ul li a{align-items:center;color:unset;text-decoration:unset;overflow:hidden}.work-tiles ul li a .flex-col:first-child{width:100%;padding-bottom:var(--gap-padding)}.work-tiles ul li a .flex-col:nth-child(2){width:100%;padding-bottom:calc(var(--gap-padding)/ 2)}.work-tiles ul li a .stripe{margin-top:calc(var(--gap-padding)/ 2)}.work-tiles ul li a .flex-col:nth-child(3){width:70%}.work-tiles ul li a .flex-col:nth-child(4){width:30%;text-align:right}.work-tiles ul li a .tile-image{width:100%;position:relative;background:var(--color-lightgray);overflow:hidden}.work-tiles ul li a .tile-image .overlay-image{transform:scale(1) rotate(.001deg);transition:var(--animation-primary);will-change:transform}.work-tiles ul li a:hover .tile-image .overlay-image{transform:scale(1.025) rotate(.001deg)}.about-awwwards .awwwards-badge::before,.mouse-pos-list-image .float-image-wrap .mouse-pos-list-image-inner:before,.mouse-pos-list-image::before,.work-tiles ul li a .tile-image::before{display:block;content:"";padding-top:100%}.work-tiles ul li a h4{display:block;margin:0}@media screen and (max-width:620px){.work-tiles ul li.visible{width:100%}.work-tiles .container{padding-left:var(--container-padding);padding-right:var(--container-padding)}.work-tiles ul li .single-tile-wrap{padding-left:0;padding-right:0}.work-tiles ul li a:hover .tile-image .overlay-image{transform:scale(1) rotate(.001deg)}.work-tiles ul li a .flex-col:nth-child(2){width:100%;padding-bottom:calc(var(--section-padding)/ 6)}.work-tiles ul li a .stripe{margin-top:calc(var(--section-padding)/ 6)}}.work-tiles-home{display:none;padding-bottom:0}.grid-fade{overflow:hidden;padding:0}@media screen and (max-width:1024px){.main-wrap,main{position:relative}.large-work-grid,.small-work-grid,.work-filters .filter-row .grid-row,.work-tiles-home .container ul li:nth-child(3),.work-tiles-home .container ul li:nth-child(4){display:none}.work-tiles ul li a h4{font-size:calc(clamp(1.75em, 2.3vw, 2.5em) * 1.125)}.work-tiles-home{display:block}.work-tiles-home+.center-grid-btn{padding-top:0}.grid-fade{height:auto}}.mouse-pos-list-image{width:0;z-index:25;transform:translate(-50%,-52%);display:block;overflow:hidden;transition:width .4s cubic-bezier(.36, 0, .66, 0);left:0;will-change:transform,width}.mouse-pos-list-image-bounce,.mouse-pos-list-image-bounce.active{transform:scale(1) rotate(.001deg)}.mouse-pos-list-image.active{border-radius:0;width:clamp(10em,27.5vw,25em);transition:width .4s cubic-bezier(.34, 1, .64, 1)}.mouse-pos-list-image-bounce{overflow:hidden;transition:.5s cubic-bezier(.65, 0, .35, 1);will-change:transform}.mouse-pos-list-image .mouse-pos-list-image-inner{position:absolute;top:0;left:0;width:100%;height:100%}.mouse-pos-list-image .float-image-wrap{width:100%;position:absolute;left:0;top:0;display:block;will-change:transform}.mouse-pos-list-image .float-image-wrap .mouse-pos-list-image-inner{position:relative;display:block;overflow:hidden;width:0}.mouse-pos-list-btn,.mouse-pos-list-span{width:0;height:0;border-radius:50%;border:0;background:var(--color-blue);position:fixed;z-index:26;pointer-events:none;transform:translate(-50%,-60%);overflow:hidden;display:block;transition:width .4s cubic-bezier(.36, 0, .66, 0),height .4s cubic-bezier(.36, 0, .66, 0);left:0;top:0;will-change:transform,width,height}.globe,.load-icon{width:3em;height:3em}.mouse-pos-list-span{background:0 0;display:flex;justify-content:center;align-items:center;left:0;top:0}.mouse-pos-list-span p{margin:0;font-size:0em;transition:font-size .4s cubic-bezier(.36, 0, .66, 0);will-change:font-size}.btn .arrow,.mouse-pos-list-span .arrow{width:0;transform:rotate(-90deg) translateX(-.05em);margin-left:.33em;display:inline-flex;position:relative;transition:width .4s cubic-bezier(.36, 0, .66, 0);will-change:width}.btn .arrow,.mouse-pos-list-span.active-big .arrow{width:.66em;transition:width .4s cubic-bezier(.34, 1, .64, 1)}.mouse-pos-list-btn.active,.mouse-pos-list-btn.active-big,.mouse-pos-list-span.active,.mouse-pos-list-span.active-big{transition:width .4s cubic-bezier(.34, 1, .64, 1),height .4s cubic-bezier(.34, 1, .64, 1)}.mouse-pos-list-btn.active,.mouse-pos-list-span.active{width:clamp(3.75em,5.5vw,5em);height:clamp(3.75em,5.5vw,5em)}.mouse-pos-list-btn.active-big,.mouse-pos-list-span.active-big{width:calc(clamp(3.75em,5.5vw,5em) * 1.66);height:calc(clamp(3.75em,5.5vw,5em) * 1.66)}.mouse-pos-list-btn.active-big.hover,.mouse-pos-list-span.active-big.hover{width:calc(clamp(3.75em,5.5vw,5em) * 1.45);height:calc(clamp(3.75em,5.5vw,5em) * 1.45)}.mouse-pos-list-btn.active.pressed,.mouse-pos-list-span.active.pressed{height:calc(clamp(3.75em,5.5vw,8em) * 1.4);width:calc(clamp(3.75em,5.5vw,8em) * 1.4)}.mouse-pos-list-btn.active-big.pressed,.mouse-pos-list-span.active-big.pressed{height:calc(clamp(3.75em,5.5vw,8em) * 2);width:calc(clamp(3.75em,5.5vw,8em) * 2)}.mouse-pos-list-span.active,.mouse-pos-list-span.active-big{border-radius:0;width:clamp(10em,27.5vw,25em)}.mouse-pos-list-span.active p,.mouse-pos-list-span.active-big p{font-size:1em;transition:font-size .4s cubic-bezier(.34, 1, .64, 1)}.load-icon{border-radius:50%;border:0;background:var(--color-blue);transform:scale(0);overflow:hidden;display:block;right:var(--gap-padding);bottom:var(--gap-padding);z-index:2000}.digital-ball,.globe{position:absolute;transform:translate(-50%,-50%)}.load-icon svg{left:25%;top:25%;position:absolute;width:50%;transform:rotate(.0001deg);animation:1s linear infinite rotateLoad}@keyframes rotateLoad{0%{transform:rotate(.0001deg)}100%{transform:rotate(360deg)}}.line-globe{overflow:visible;z-index:5}@keyframes digitalball{0%,100%{background:var(--color-blue)}50%{background:#f44}}.digital-ball{background:var(--color-dark);border-radius:50%;top:0;right:0;overflow:hidden;background:var(--color-blue)}.digital-ball .overlay{opacity:0;transition:opacity 1s ease-in-out;animation:6s ease-in-out infinite digitalball}@keyframes globeBounce{0%,100%{transform:translate(-50%,-40%)}50%{transform:translate(-50%,-60%)}}.globe{top:50%;left:50%;border-radius:50%;overflow:hidden;will-change:transform}.globe .circle,.globe-wrap{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%}@keyframes globe{0%,100%{transform:translate(-50%,-50%) rotate(15deg)}50%{transform:translate(-50%,-50%) rotate(-15deg)}}.globe-wrap{display:block;transform:translate(-50%,-50%) rotate(30deg);animation:5.4s cubic-bezier(.35,0,.65,1) infinite globe;overflow:hidden;box-shadow:inset 0 0 0 .125em var(--color-white)}.globe .circle{transform:translate(-50%,-50%);box-shadow:inset .1em 0 0 .08em var(--color-white);animation:2.7s linear infinite circle1;font-size:.75em}.globe .circle-hor,.globe .circle-hor-middle{top:50%;left:50%;width:150%;font-size:.75em;position:absolute;transform:translate(-50%,-50%)}@keyframes circle1{0%{border-radius:50%;box-shadow:inset .1em 0 0 .08em var(--color-white);width:100%}49%{border-radius:50%;box-shadow:inset .1em 0 0 .08em var(--color-white);background:0 0}50%{border-radius:0;width:.175em;background:var(--color-white)}51%{border-radius:50%;box-shadow:inset -.1em 0 0 .08em var(--color-white);background:0 0}100%{border-radius:50%;box-shadow:inset -.1em 0 0 .08em var(--color-white);width:100%}}.globe :first-child{animation-delay:-1.8s}.globe :nth-child(2){animation-delay:-.9s}.globe .circle-hor{border-radius:50%;height:55%;box-shadow:inset 0 0 0 .15em var(--color-white)}.globe .circle-hor-middle{border-radius:0;height:.15em;background:var(--color-white)}.about-image{padding-top:calc(var(--section-padding) * .75);padding-bottom:0;background:var(--color-white)}.about-image .bottom-lightgray{position:absolute;bottom:0;width:100%;height:var(--section-padding);left:0;background:var(--color-lightgray);height:10vw;display:none}.about-image .flex-col:first-child{width:35%;padding-left:var(--container-padding);padding-right:calc(var(--container-padding)/ 2)}.about-image .flex-col:first-child p{margin-top:-.33em;display:block;will-change:transform}.about-image .flex-col:first-child .arrow{position:absolute;left:0;transform:rotate(-45deg);will-change:transform}.about-image .flex-col:first-child .arrow svg g{stroke:var(--color-dark)}.about-image .flex-col:nth-child(2){width:65%}.about-awwwards .single-image,.single-about-image{width:100%;display:block;background:var(--color-lightgray);overflow:hidden;position:relative}.single-about-image::before{content:"";display:block;padding-top:135%}.single-about-image .overlay:first-child{background:url("../img/eng-ammar.webp") center center/cover no-repeat;top:-20vh;height:105%}.single-about-image .overlay:nth-child(2){background:linear-gradient(to bottom,hsla(220,13%,5%,.075) 0,hsla(220,13%,5%,0) 50%);display:none}@media screen and (max-width:840px){.about-image .flex-col:first-child{padding-right:calc(var(--container-padding)/ 1);padding:0;margin-left:calc(var(--container-padding)/ 1);padding-right:calc(var(--container-padding)/ 1);padding-top:calc(var(--section-padding)/ 4);width:100%}.single-about-image::before{padding-top:125%}.about-image{padding-top:calc(var(--section-padding) * .85)}.about-image .flex-col:first-child p{max-width:100%}.about-image .flex-col:nth-child(2){padding-top:calc(var(--section-padding)/ 1.15);width:100%}.about-image .flex-col:first-child .arrow{top:calc(var(--section-padding)/ -4);transform:rotate(0) translateY(-50%)}.about-image .bottom-lightgray{position:absolute;bottom:0;width:100%;height:var(--section-padding);left:0;background:var(--color-lightgray);height:60vw;display:block}}.about-services{padding-top:calc(var(--section-padding) * .75);background:var(--color-lightgray);margin-top:-1px}.about-services .row:nth-child(2){width:calc(100% + calc(var(--container-padding)/ 1.5));margin-left:calc(var(--container-padding)/ -1.5)}.about-services .row:nth-child(2) .flex-col{width:33.333%;padding-left:calc(var(--container-padding)/ 1.5)}.about-services .row:nth-child(2) .flex-col h5:first-child{padding-bottom:2em}.about-services .row:nth-child(2) .flex-col h5{margin:0;font-size:.8em}.about-services .row:nth-child(2) .flex-col .stripe{margin-bottom:2em}.about-services .row:nth-child(2) .flex-col svg{width:1em;padding:0;margin-right:.25em;transform:translate(0,-.05em)}.about-services .row:nth-child(2) .flex-col svg path{fill:var(--color-dark)}.about-services .row:nth-child(2) .flex-col p:nth-child(4){padding-top:2em}.animate-dot{opacity:0;animation:2s linear infinite animateDot1}.animate-dot:nth-child(2){animation:2s linear infinite animateDot2}.animate-dot:nth-child(3){animation:2s linear infinite animateDot3}@keyframes animateDot1{0%,20%{opacity:0}30%,90%{opacity:1}}@keyframes animateDot2{0%,35%{opacity:0}45%,90%{opacity:1}}@keyframes animateDot3{0%,50%{opacity:0}60%,90%{opacity:1}}.about-awwwards .row{align-items:center}.about-awwwards .flex-col:first-child{width:50%;padding-right:calc(var(--container-padding)/ 2)}.about-awwwards .flex-col:nth-child(2){width:50%;padding-left:calc(var(--container-padding)/ 2);padding-bottom:3em}.about-awwwards .single-image::before{content:"";display:block;padding-top:125%}.about-awwwards .single-image .overlay:first-child{background:url("../img/ammar.JPEG") center center/cover no-repeat}.about-awwwards .single-image .overlay:nth-child(2){background:linear-gradient(to bottom,hsla(220,13%,5%,.075) 0,hsla(220,13%,5%,0) 50%)}.about-awwwards .awwwards-badge{width:6em;position:relative;margin-bottom:calc(var(--section-padding)/ 4);border-radius:50%}.about-awwwards .awwwards-badge svg:first-child{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-awwwards .awwwards-badge svg:first-child g,.about-awwwards .awwwards-badge svg:nth-child(2) path{fill:var(--color-gray)}.about-awwwards .awwwards-badge svg:nth-child(2){width:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.faq .flex-col:first-child,.faq li{padding:0 calc(var(--container-padding)/ 2)}.faq .flex-col:first-child{padding-bottom:calc(var(--section-padding)/ 2)}.faq li{border-top:1px solid var(--color-border)}.faq li a{margin:0;position:relative;border-radius:0!important}.faq .uk-accordion-title{font-size:unset;line-height:unset}.faq .uk-accordion>:nth-child(n+2){margin-top:0}.faq .uk-accordion>:last-child{border-bottom:1px solid var(--color-border)}.faq .uk-accordion-content{margin-top:-.5em;padding-bottom:2.5em;padding-right:calc(var(--container-padding)/ 2)}.faq .uk-accordion-title:hover{color:var(--color-dark)}.faq .plus{position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(.001deg);width:2em;height:2em;transition:var(--animation-fast)}.faq .plus::after,.faq .plus::before{content:"";position:absolute;width:60%;height:2px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(.001deg);background:var(--color-dark);transition:var(--animation-fast)}.faq .plus::after{transform:translate(-50%,-50%) scale(1,1) rotate(90deg)}.faq li a:hover .plus{opacity:.5}.faq li.uk-open a .plus::after{transform:translate(-50%,-50%) scale(1,0) rotate(90deg)}.contact-header{background:var(--color-dark);padding-bottom:calc(var(--section-padding)/ 3)}.contact-header .row .flex-col:first-child{width:73%;padding-right:calc(var(--container-padding)/ 2)}.contact-header .row:first-child .flex-col:nth-child(2){padding-top:calc(clamp(3.25em,7vw,8em) * .875 * 1.175)}.contact-header .row:first-child .flex-col:nth-child(2) .arrow{position:absolute;bottom:calc(var(--section-padding) * -.5);transform:translateY(-50%)}.contact-header .row .flex-col:nth-child(2){width:27%;padding-left:calc(var(--container-padding)/ 2)}.contact-header .row:nth-child(2){padding-top:var(--section-padding)}.contact-header .row:nth-child(2) .links-wrap{width:100%;flex-direction:column;align-items:flex-start;padding-bottom:2.5em}.contact-header .row:nth-child(2) .links-wrap li{height:2em;display:flex;align-items:center}.contact-header .row:nth-child(2) .links-wrap .btn-link.btn-link-external .btn-click{margin:0;height:2em}.contact-header .row .flex-col:first-child .profile-picture{margin-right:.125em;height:.85em;width:.85em;transform:translateY(.09em);display:none}#archive,.archive-header,.archive-work-grid,.archive-work-grid+.footer-rounded-div .rounded-div{background:var(--color-lightgray)}.archive-header h1 .count-nr{color:var(--color-dark);opacity:1;font-size:.3em}.case-header h1,.footer-case-wrap .footer h2{font-size:calc(clamp(3.25em, 7vw, 8em) * 1)}.error-header .overlay-dark{background:var(--color-dark-dark);opacity:.7}.error-header p{position:absolute;right:0;top:1em}.error-header .stripe{margin-top:calc(var(--section-padding) * .66)}.section.full-height.error-header{display:block;align-items:unset}.error-header .container .btn{position:absolute;right:0;top:0;transform:translate(-50%,-50%)}#default footer,#error footer,#success footer{transform:translateY(-100%);position:absolute;z-index:5;bottom:0;background:0 0}#default .footer-contact,#error .footer-contact,#success .footer-contact{box-shadow:none}.horizontal-items{overflow:hidden;padding-top:calc(var(--section-padding) * .75);padding-bottom:calc(var(--section-padding) - 2.5vw)}.case-header,.case-header p{padding-bottom:0}.horizontal-items .container{padding:0;transform:rotate(0)}.horizontal-items .row{width:120vw;left:-10vw;will-change:transform}.horizontal-items .flex-col{width:25%;padding:calc(var(--gap-padding)/ 2);padding:1.25vw;will-change:transform}.horizontal-items .horizontal-single-item::before{display:block;content:"";padding-top:75%}.case-intro,.footer-case-wrap .container.medium .row:first-child{padding-bottom:calc(var(--section-padding)/ 1.25)}.case-header p{opacity:.5;transform:translateY(-1em)}.case-intro{padding-top:calc(var(--section-padding)/ 1.75);margin-top:-1px}.case-intro .row .flex-col{width:calc(33.333% - (var(--gap-padding)/ 1));margin-right:calc(var(--gap-padding) * 1.5)}.case-intro .row .flex-col .stripe{margin:1.75em 0 1.5em}.case-intro-image{padding-top:0;padding-bottom:0;margin-top:-1px}.block-mobile-devices .flex-col.block-padding-bottom,.case-intro-image.block-padding-bottom,.single-block.block-padding-bottom{padding-bottom:var(--section-padding)}.case-intro-image .btn-wrap{position:absolute;top:0;right:0;transform:translate(-100%,-100%);z-index:2;display:block;-webkit-transform:translate(-100%,-100%);-moz-transform:translate(-100%,-100%);-ms-transform:translate(-100%,-100%);-o-transform:translate(-100%,-100%)}.case-intro-image .single-image{width:100%;background:rgba(100,100,100,.1);overflow:hidden;position:relative}.case-intro-image .single-image::before{content:"";display:block;padding-top:60%}.block-fullwidth .single-image .overlay-image,.case-intro-image .single-image .overlay-image{height:120%;top:-10%}main.touch .case-intro-image .btn-wrap{transform:translate(-50%,-50%)}.footer-case-wrap .container:first-child .row:nth-child(1) p{text-align:center;margin-bottom:calc(var(--section-padding)/ 4)}.footer-case-wrap .footer h2{text-align:center;transition:var(--animation-primary)}.footer-case-wrap .container.medium .row:nth-child(3) .flex-col{justify-content:center}.footer-case-wrap .bottom-footer{padding-top:calc(var(--section-padding)/ 1.9)}.footer-case-wrap .next-case-btn:hover h2{opacity:.25}.footer-case-wrap .tile-image-wrap{width:calc(clamp(10em,27.5vw,25em) * .9);position:absolute;left:50%;bottom:0;background:0 0;transform:translateX(-50%);overflow:hidden;z-index:2}.footer-case-wrap .tile-image-wrap::before{display:block;content:"";padding-bottom:50%}.footer-case-wrap .tile-image-wrap .tile-image{width:100%;position:absolute;top:0;left:0;transform:translateY(30%);transition:var(--animation-primary)}.footer-case-wrap .tile-image-wrap .tile-image::before{content:"";display:block;padding-bottom:85%}@media screen and (max-width:1000px){.digital-ball{transform:translate(-20%,-50%)}.horizontal-items .flex-col{width:33.333%}.horizontal-items .flex-col:nth-child(4){display:none}.case-intro-image .single-image::before{padding-top:80%}.footer-case-wrap .tile-image-wrap{width:40vw}.footer-case-wrap .tile-image-wrap .tile-image{transform:translateY(20%)}}@media screen and (max-width:720px){:root{--section-padding:12vh}.bottom-footer .flex-col,.color-box,.footer .container.medium .row:nth-child(3) .flex-col .btn .btn-click,.home-intro .flex-col:nth-child(2) .text-wrap,.socials,.socials ul{width:100%}.color-box:nth-child(2n),.color-box:nth-child(odd){margin-right:0}.default-header{padding-top:calc(var(--section-padding) * 1.95);padding-bottom:calc(var(--section-padding) * .75)}.default-header h1 span{display:unset}.bottom-footer p,.socials li{font-size:1em}.footer-rounded-div .rounded-div-wrap{height:7.5vh}.footer .container.medium .row:nth-child(3) .flex-col{flex-direction:column}.footer .container.medium .row:nth-child(3) .flex-col .btn{width:100%;margin:0 0 .75em}.footer .container.medium .row:first-child{padding-bottom:calc(var(--section-padding) * .75)}.footer .container.medium .row:nth-child(2){padding-bottom:calc(var(--section-padding) * 1.25)}.footer .container.medium .row:nth-child(3){padding-bottom:calc(var(--section-padding)/ 5)}.footer .container.medium .row:nth-child(2) .btn-fixed{position:absolute;right:0;top:0;transform:translate(-20%,-50%)}.bottom-footer{padding:5vh 0 calc(var(--gap-padding)/ 1.75) 0}.bottom-footer .flex-col:nth-child(2){padding:0 calc(var(--container-padding) - calc(var(--gap-padding) * .333)) calc(var(--section-padding)/ 3) calc(var(--container-padding) - calc(var(--gap-padding) * .333));width:100%}.bottom-footer .flex-col:first-child{order:3;padding:0 var(--container-padding) calc(var(--gap-padding) * .75) var(--container-padding)}.socials li{display:inline-flex;margin-right:0}.footer .container.medium .row:nth-child(2) .stripe{display:block}.bottom-footer .stripe{display:block;margin-top:var(--gap-padding);width:calc(100% - (var(--gap-padding) * .666));left:50%;margin-left:calc(var(--gap-padding) * .333)}.footer .arrow{position:absolute;right:0;bottom:1em}.footer .profile-picture{margin-right:.125em;height:.95em;width:.95em;transform:translateY(.1em)}.home-header{min-height:110vh;min-height:calc(var(--vh,1vh) * 110);max-height:110vh;align-items:flex-end;padding-top:calc(var(--gap-padding) * 2);padding-bottom:calc(var(--gap-padding) * 2)}.home-header .personal-image{top:-5%;height:105%}.home-header .big-name{position:absolute;bottom:calc(var(--vh,1vh) * 33);left:0;width:100%;padding-bottom:calc(var(--gap-padding) * 1.25)}.home-header .row{justify-content:flex-start}.home-header .container{padding-bottom:calc(var(--vh,1vh) * 9)}.home-header .row .flex-col .header-above-h4{top:calc(var(--vh,1vh) * -8);position:absolute}.home-header .hanger{width:6em;height:6em;left:auto;right:0;top:calc(var(--vh,1vh) * 100);transform:translate(0,-110%)}#default footer .socials,#error footer .socials,#success footer .socials,.about-services .row:nth-child(2) .flex-col h5:first-child,.contact-header .row:first-child .flex-col:nth-child(2) .profile-picture,.contact-header .row:nth-child(2) .flex-col:nth-child(2) h5:last-of-type,.contact-header .row:nth-child(2) .flex-col:nth-child(2) ul:last-of-type,.home-header .hanger p,.home-header .hanger svg{display:none}.home-header .hanger .digital-ball .globe{width:3em;height:3em}.footer-case-wrap .container.medium .row:nth-child(2),.home-intro{padding-bottom:calc(var(--section-padding) * 1)}.about-awwwards .flex-col:first-child,.contact-header .row .flex-col:first-child,.home-intro .flex-col:first-child{width:100%;padding-right:0}.home-intro .flex-col:nth-child(2){width:100%;padding-left:0;max-width:100%;padding:calc(var(--section-padding)/ 2) 0 0 0;display:flex;flex-direction:column;align-items:flex-end}.home-intro .flex-col:nth-child(2) p{margin-bottom:calc(var(--section-padding) * .66);padding-top:0}.home-intro .flex-col:nth-child(2) .btn{position:absolute;top:unset;bottom:0;right:0;transform:translate(-20%,50%)}.about-services{padding-top:calc(var(--section-padding) * 1)}.about-services .row:nth-child(2){width:100%;margin-left:0}.about-services .row:nth-child(2) .flex-col{width:100%;padding-left:0;padding-bottom:calc(var(--section-padding) * .5)}.about-services .row:nth-child(2) .flex-col:last-child,.case-intro-image.block-padding-bottom{padding-bottom:0}.about-services .row:nth-child(2) .flex-col .stripe{margin-bottom:calc(var(--section-padding) * .5)}.about-services .row:nth-child(2) .flex-col p:nth-child(4){padding-top:calc(var(--gap-padding) * .5)}.about-awwwards{padding-top:calc(var(--section-padding)/ 1.5)}.about-awwwards .flex-col:nth-child(2){width:100%;padding-left:0;padding-bottom:calc(var(--section-padding)/ 2);order:1}.about-awwwards .single-image::before{padding-top:125%}.about-awwwards .single-image .overlay:first-child{background:url("../img/DSC07079.jpg") center center/cover no-repeat;top:-8%;height:110%;width:150%;left:-50%}.faq .flex-col:first-child{padding:0;padding-bottom:calc(var(--section-padding)/ 3)}.faq li{padding:0;border-top:1px solid var(--color-border)}.faq .uk-accordion-content{padding-right:0}.contact-header .row .flex-col:nth-child(2){width:100%;padding-left:0}.contact-header .row .flex-col:first-child .profile-picture{display:inline-flex;margin-right:.125em;height:.95em;width:.95em;transform:translateY(.1em)}.contact-header .form-col{padding:0 0 0 1.5em;font-size:1.15em}.contact-header .row:nth-child(2){padding-top:0}.contact-header .row:nth-child(2) .flex-col:nth-child(2){order:1}.contact-header .row:first-child .flex-col:nth-child(2){height:calc(var(--section-padding) * .75)}.contact-header .row:first-child .flex-col:nth-child(2) .arrow{left:unset;bottom:0;top:-4em;right:.5em;transform:translateY(-50%) scale(-1,1)}.contact-header .row:nth-child(2) .flex-col:first-child{padding-top:calc(var(--section-padding) * .25)}.error-header p{position:relative;right:unset;top:unset;margin-top:calc(var(--gap-padding) * 1.5);margin-bottom:var(--section-padding)}.error-header h1 span{display:inline-flex}#default footer,#error footer,#success footer,.footer-case-wrap .tile-image-wrap .tile-image{transform:translateY(0)}.error-header .container .btn{transform:translate(-20%,-50%)}.case-intro{padding-top:calc(var(--section-padding)/ 2.5);padding-bottom:calc(var(--section-padding)/ 1.25)}.case-intro .row .flex-col{width:100%;margin-right:0;margin-bottom:8vw}.case-intro .row .flex-col:last-child{margin-bottom:0}.case-intro .row .flex-col .stripe{margin:4.5vw 0 3vw}.case-intro-image .container{padding:0}.case-intro-image .single-image::before{padding-top:100%}.case-intro-image .btn-wrap,main.touch .case-intro-image .btn-wrap{transform:translate(-10vw,-130%)}.footer-case-wrap .container.medium .row:first-child{padding-bottom:calc(var(--section-padding)/ .5);padding-bottom:13em}.footer-case-wrap .tile-image-wrap{width:50vw}.footer-case-wrap .next-case-btn:hover h2{opacity:1}}.single-block{padding-bottom:0;margin-top:-1px;background:var(--color-white)}.block-fullwidth{padding-top:0;padding-bottom:0;background:rgba(100,100,100,.1)}.block-fullwidth .single-image{width:100%;overflow:hidden;position:relative}.block-fullwidth .single-image::before{content:"";display:block;padding-top:66%}.block-fullwidth .text-overlay,.overlay.overlay-image.lazy.entered{display:flex;align-items:center;justify-content:center}.block-fullwidth .text-overlay h2{margin:0;text-align:center}.block-device .overlay-device-image,.block-mobile-devices .overlay-device-image{width:100%;position:relative}.block-device .overlay-device-image::before,.block-screenshot .overlay-device-image::before{content:"";display:block;padding-top:56.8%}.block-device .single-image{width:100%;background:rgba(100,100,100,.1);overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.block-device .single-image::before{content:"";display:block;padding-top:62.5%}.block-device .single-image .parallax-image-wrap{width:100%;position:absolute;top:50%;transform:translateY(-50%)}.block-device .overlay-top{object-fit:contain;position:absolute;top:0;height:unset}.block-device .device-mbp15,.block-device .device-mbp16lower{padding-left:calc(var(--container-padding)/ 2);padding-right:calc(var(--container-padding)/ 2)}.block-device .device-mbp16lower .single-image{width:79.5%;top:45.3%}.block-device .device-mbp15 .overlay-device-image::before{content:"";display:block;padding-top:50.365%}.block-device .device-mbp15 .single-image{width:74.4%;left:49.95%;top:47.3%;border-radius:5px 5px 0 0}.block-device .device-macpro .overlay-device-image::before,.block-device .device-macprohigher .overlay-device-image::before{content:"";display:block;padding-top:85.5%}.block-device .device-macpro,.block-device .device-macprohigher,.block-device .device-nodevice{padding-left:calc(var(--container-padding)/ 1);padding-right:calc(var(--container-padding)/ 1)}.block-device .device-macpro img.overlay,.block-device .device-macpro video.overlay{object-position:center top}.block-device .device-macpro .single-image{width:98.7%;top:33.4%}.block-device .device-macpro .single-image::before{padding-top:57%}.block-device .device-macprohigher .single-image{width:98.8%;top:37%;background-size:cover!important;background-position:center center!important}.block-device .device-nodevice .single-image{position:relative;top:unset;left:unset;transform:translate(0,0)}.block-device .device-ipadpro .overlay-device-image::before{content:"";display:block;padding-top:63.7%}.block-device .device-ipadpro{padding-left:calc(var(--container-padding)/ 1.25);padding-right:calc(var(--container-padding)/ 1.25)}.block-device .device-ipadpro .single-image{width:97%;top:50%;border-radius:2.5%/4%;left:50.1%}.block-device .device-ipadpro .overlay-pencil{height:60%;width:auto;left:71%;top:51%}.block-mobile-devices{padding:0;overflow:hidden}.block-mobile-devices .container.block-padding-sides,.block-screenshot .row{padding:0 var(--container-padding)}.block-mobile-devices .flex-col{width:33.333%;padding-top:var(--section-padding);display:flex;justify-content:center}.block-mobile-devices .device{width:55%;position:relative;display:flex;justify-content:center}.block-mobile-devices .overlay-device-image::before{content:"";display:block;padding-top:202%}.block-mobile-devices .single-image{width:90.2%;background:rgba(100,100,100,.1);overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:10%/5%}.block-mobile-devices .single-image::before{content:"";display:block;padding-top:216%}.block-mobile-devices .device-nodevice .single-image{position:relative;top:unset;left:unset;transform:translate(0,0);border-radius:0;background-color:transparent}.block-mobile-devices .device-nodevicerounded .single-image{position:relative;top:unset;left:unset;transform:translate(0,0);background-color:transparent;border-radius:10%/5%}.block-mobile-devices .container.block-padding-sides.amount-3 .device{width:68%}.block-mobile-devices .amount-2 .flex-col{width:50%}.block-mobile-devices .amount-2 .device{width:40%}.block-mobile-devices .container.block-padding-sides.amount-2{padding:0 calc(var(--container-padding) * 1.5)}.block-mobile-devices .container.block-padding-sides.amount-2 .device{width:55%}.block-mobile-devices .amount-1 .device{width:30%}.block-screenshot .device{position:relative;display:flex;justify-content:center}.block-screenshot .single-image{width:100%;background:rgba(100,100,100,.1)}.block-screenshot .overlay-device-image{width:100%;position:absolute;top:0;left:50%;transform:translate(-50%,0)}@media screen and (max-width:540px){:root{--color-border:rgba(28, 29, 32, 0.225);--color-border-light:rgba(255, 255, 255, 0.225);--container-padding:clamp(1.25em, 4vw, 2.5em);--section-padding:max(2.5em, 12vh)}.section.full-height{min-height:100vh;min-height:calc(var(--vh,1vh) * 100);max-height:100vh}.container.medium,.container.small{padding-left:var(--container-padding);padding-right:var(--container-padding)}.btn-link.btn-left-top:hover .code-by,.btn-link.btn-left-top:hover .dennis{transform:translateX(0) rotate(.001deg)}.btn-link.btn-left-top:hover .credit span{transform:translate(0,0) rotate(.001deg)}.btn-link.btn-left-top:hover .dennis{padding-right:.2em}.loading-container .dot{top:42%}.nav-bar{padding:calc(var(--gap-padding)/ 1) calc(var(--gap-padding) * .5) calc(var(--gap-padding)/ 1) calc(var(--gap-padding) * .33)}.horizontal-items .row-2 .flex-col:nth-child(3),.horizontal-items .row-2 .flex-col:nth-child(4),.mouse-pos-list-btn,.mouse-pos-list-image,.mouse-pos-list-span,.nav-bar .links-wrap li{display:none}.horizontal-items .flex-col:nth-child(4),.nav-bar .links-wrap li:last-child{display:block}.fixed-nav-back{background:#0b0c0e}.fixed-nav{width:100%;transform:translate(calc(100% + 20vw),0) rotate(.001deg)}.fixed-nav .fixed-nav-inner{height:calc(var(--vh,1vh) * 100);padding:calc(var(--vh,1vh) * 15) var(--container-padding) calc(var(--gap-padding) * 1.25) var(--container-padding);transform:translate(20vw,0) rotate(.001deg);transition-delay:0s}.nav-active .fixed-nav .fixed-nav-inner{transform:translate(0,0) rotate(.001deg);transition-delay:0.1s}.fixed-nav .nav-row .btn-link .btn-click::after{background:var(--color-white);left:auto;right:.4em;top:50%;bottom:auto;width:calc(clamp(16px,1.2vw,19px)/ 1.5);height:calc(clamp(16px,1.2vw,19px)/ 1.5)}.fixed-nav .nav-row ul{width:100%;padding-top:calc(var(--vh,1vh) * 3);padding-bottom:calc(var(--vh,1vh) * 3)}.fixed-nav .nav-row ul .btn{width:100%;transition:.8s cubic-bezier(.7, 0, .2, 1)}.fixed-nav .nav-row ul .btn .btn-text{justify-content:flex-start}.fixed-nav .social-row .stripe{display:block;margin-bottom:calc(var(--section-padding)/ 3)}.fixed-nav-rounded-div .rounded-div-wrap{width:20vw}.nav-active .fixed-nav-rounded-div .rounded-div-wrap{width:0}.fixed-nav .nav-row ul .btn:first-child{transition-delay:0s}.fixed-nav .nav-row ul .btn:nth-child(2){transition-delay:30ms}.fixed-nav .nav-row ul .btn:nth-child(3){transition-delay:60ms}.fixed-nav .nav-row ul .btn:nth-child(4){transition-delay:90ms}.nav-active .fixed-nav .nav-row ul .btn:first-child{transition-delay:0.1s}.nav-active .fixed-nav .nav-row ul .btn:nth-child(2){transition-delay:0.13s}.nav-active .fixed-nav .nav-row ul .btn:nth-child(3){transition-delay:0.16s}.nav-active .fixed-nav .nav-row ul .btn:nth-child(4){transition-delay:0.19s}.block-mobile-devices .container.block-padding-sides,.block-screenshot .row,.work-filters .filter-row{padding:0}.work-filters .filter-row .toggle-row .btn .btn-text{margin-right:.15em}.single-about-image::before{padding-top:140%}.single-about-image .overlay:first-child{width:100%;left:0;top:-18%;height:120%}.about-image .flex-col:first-child{margin-left:0;padding-right:0}.about-image .flex-col:nth-child(2){padding-top:calc(var(--section-padding) * .5)}.horizontal-items{padding-top:calc(var(--section-padding) * 1);padding-top:0}.horizontal-items .flex-col{width:50%;padding:2.5vw}.horizontal-items .row{width:120vw}.horizontal-items .row.row-1,.horizontal-items .row.row-2{transform:translate(0,0)!important}.horizontal-items .row-1 .flex-col:nth-child(3),.horizontal-items .row-1 .flex-col:nth-child(4){transform:translate(-20vw,0)}.horizontal-items .container{display:none;opacity:0;visibility:hidden}.footer-case-wrap .tile-image-wrap{width:70vw}.footer-case-wrap .tile-image-wrap::before{padding-bottom:60%}.block-fullwidth .single-image::before{padding-top:100%}.block-device .device-ipadpro,.block-device .device-macpro,.block-device .device-macprohigher,.block-device .device-mbp15,.block-device .device-mbp16lower,.block-device .device-nodevice{padding-left:0;padding-right:0}.block-mobile-devices .container.block-padding-sides.amount-3 .device{width:76%}.block-mobile-devices .container.block-padding-sides.amount-2{padding:0 calc(var(--container-padding) * 1)}.block-mobile-devices .container.block-padding-sides.amount-2 .device{width:80%}.block-mobile-devices .amount-1 .device{width:60%}}.block-screenshot .device-mbp16 .single-image{width:79.2%}.block-screenshot .device-mbp16{padding-left:calc(var(--section-padding)/ 2);padding-right:calc(var(--section-padding)/ 2)}.block-screenshot .device-mbp16 .overlay-device-image{transform:translate(-50%,-1.7%)}.block-button .container .flex-col{z-index:1}.block-button .row{flex-wrap:nowrap;justify-content:center}.block-button .row .flex-col{width:unset;margin-right:calc(var(--gap-padding)/ 2)}.row.bottom-footer{padding-left:0;padding-right:0}.sidebar{display:flex;flex-direction:column;gap:20px}.card,.sidebar-icon{background-color:#1a1a1d;align-items:center;display:flex}.sidebar-icon{width:60px;height:60px;border-radius:50%;justify-content:center}.sidebar-icon i{all:unset;font-family:"Font Awesome 5 Free";font-weight:900;font-size:22px;text-align:center;color:#d1d1e0}.cards{flex:1;display:flex;flex-direction:column;gap:20px}.card{border-radius:20px;padding:20px;gap:20px;color:#aaa}.play-button{width:60px;height:60px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none}#archive,.about-services,.archive-header,.archive-work-grid,.archive-work-grid+.footer-rounded-div .rounded-div,.bg-with{background:#fff!important}.play-button svg{width:20px;height:20px;fill:black}.container.flex{display:flex;gap:3vh}.digital-ball{width:120px;height:120px}.bg-with{border:none!important}@media screen and (max-width:992px){.digital-ball{width:100px;height:100px}.container.flex{display:block}.sidebar{display:flex;align-items:center;flex-direction:row;margin:5vh 0;gap:5px}section.section.about-services.bg-with{background:#fff}.flex-col.phone_none{display:none}img.img_project{width:120px!important}section.section.case-intro-image.once-in.block-padding-bottom.d-none_{display:none!important}header.section.default-header.case-header{padding-bottom:calc(var(--section-padding) * 1.95)}}.overlay.overlay-color{background:#1c1d20!important;border-radius:10px}