body,h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif}.ht-cursor{contain:layout style size;pointer-events:none;will-change:transform}.menu-button,.topto-button{outline:0;cursor:pointer;padding:0}h1,h2,h3,h4,h5,h6{font-weight:600}body{font-weight:300}::-webkit-scrollbar{width:8px;height:5px}::-webkit-scrollbar-thumb{background:#212121;border-radius:10px}::-webkit-scrollbar-track{background:#fff}::selection{background:#3c51e0;color:#fff}.tab-nav{position:sticky;top:30%;width:40%;height:200px}.tabs-box{width:60%}.tabs-content{position:relative;width:100%;height:500px}.v-btn-more{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:57px;padding:0 32px;-webkit-border-radius:47px;-moz-border-radius:47px;border-radius:47px}.v-btn-more[data-magnetic]:before{content:"";display:block;position:absolute;top:-40px;left:-40px;right:-40px;bottom:-40px}.v-btn_more-title{position:relative;top:1px;display:block;overflow:hidden;z-index:2}.v-btn_more-title span{display:block;font-size:14px;font-weight:600;text-align:center;-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top;-webkit-transition:color .2s,-webkit-transform .4s;transition:color .2s,transform .4s,-webkit-transform .4s,-moz-transform .4s,-o-transform .4s;-o-transition:color .2s,-o-transform .4s;-moz-transition:color .2s,transform .4s,-moz-transform .4s}.v-btn_more-title span:after{content:attr(data-text);display:block;position:absolute;top:150%;left:0;-webkit-transform:skewY(5deg);-moz-transform:skewY(5deg);-ms-transform:skewY(5deg);-o-transform:skewY(5deg);transform:skewY(5deg);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform .4s;transition:transform .4s;-o-transition:-o-transform .4s;-moz-transition:transform .4s,-moz-transform .4s;transition:transform .4s,-webkit-transform .4s,-moz-transform .4s,-o-transform .4s}.v-btn_more-ripple{display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;overflow:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.v-btn_more-ripple span{display:block;width:100%;height:100%;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);background:currentColor;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition:-webkit-transform .5s cubic-bezier(.4, 0, 0, 1),-webkit-border-radius .5s cubic-bezier(.4, 0, 0, 1);transition:transform .5s cubic-bezier(.4, 0, 0, 1),border-radius .5s cubic-bezier(.4, 0, 0, 1),-webkit-transform .5s cubic-bezier(.4, 0, 0, 1),-moz-transform .5s cubic-bezier(.4, 0, 0, 1),-o-transform .5s cubic-bezier(.4, 0, 0, 1),-webkit-border-radius .5s cubic-bezier(.4, 0, 0, 1),-moz-border-radius .5s cubic-bezier(.4, 0, 0, 1);-o-transition:border-radius .5s cubic-bezier(.4, 0, 0, 1),-o-transform .5s cubic-bezier(.4, 0, 0, 1);-moz-transition:transform .5s cubic-bezier(.4, 0, 0, 1),border-radius .5s cubic-bezier(.4, 0, 0, 1),-moz-transform .5s cubic-bezier(.4, 0, 0, 1),-moz-border-radius .5s cubic-bezier(.4, 0, 0, 1)}.v-btn-more:after{content:"";position:absolute;top:1px;left:1px;right:1px;bottom:1px;border:1px solid rgba(0,0,0,.1);-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit;-webkit-transition:border-color .2s;-o-transition:border-color .2s;-moz-transition:border-color .2s;transition:border-color .2s}.v-btn-more:hover .v-btn_more-title span{color:#fff;-webkit-transform:translateY(-150%) skewY(-7deg);-moz-transform:translateY(-150%) skewY(-7deg);-ms-transform:translateY(-150%) skewY(-7deg);-o-transform:translateY(-150%) skewY(-7deg);transform:translateY(-150%) skewY(-7deg)}.v-btn-more:hover .v-btn_more-title span:after{-webkit-transform:skewY(7deg);-moz-transform:skewY(7deg);-ms-transform:skewY(7deg);-o-transform:skewY(7deg);transform:skewY(7deg)}.v-btn-more:hover .v-btn_more-ripple span{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition-duration:0s,0s;-moz-transition-duration:0s,0s;-o-transition-duration:0s,0s;transition-duration:0s,0s;-webkit-animation:.5s cubic-bezier(.4,0,0,1) cb-checkbox_rounded-ripple-in;-moz-animation:.5s cubic-bezier(.4,0,0,1) cb-checkbox_rounded-ripple-in;-o-animation:.5s cubic-bezier(.4,0,0,1) cb-checkbox_rounded-ripple-in;animation:.5s cubic-bezier(.4,0,0,1) cb-checkbox_rounded-ripple-in}.ht-cursor.-text.-active:before,.ht-cursor.-visible.-active:before{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s}.ht-cursor{-webkit-transition:opacity .3s,color .4s;-o-transition:opacity .3s,color .4s;-moz-transition:opacity .3s,color .4s}.ht-cursor:before{content:"";-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-border-radius:50%;-moz-border-radius:50%;-webkit-transition:opacity .1s,-webkit-transform .3s ease-in-out;-o-transition:opacity .1s,-o-transform .3s ease-in-out;-moz-transition:transform .3s ease-in-out,opacity .1s,-moz-transform .3s ease-in-out}.ht-cursor-text{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:scale(0) rotate(10deg);-moz-transform:scale(0) rotate(10deg);-ms-transform:scale(0) rotate(10deg);-o-transform:scale(0) rotate(10deg);-webkit-transition:opacity .4s,-webkit-transform .3s;-o-transition:opacity .4s,-o-transform .3s;-moz-transition:opacity .4s,transform .3s,-moz-transform .3s}.ht-cursor.-visible:before{-webkit-transform:scale(.2);-moz-transform:scale(.2);-ms-transform:scale(.2);-o-transform:scale(.2)}.ht-cursor.-visible.-active:before{-webkit-transform:scale(.23);-moz-transform:scale(.23);-ms-transform:scale(.23);-o-transform:scale(.23)}.ht-cursor.-pointer:before{-webkit-transform:scale(.15);-moz-transform:scale(.15);-ms-transform:scale(.15);-o-transform:scale(.15)}.ht-cursor.-text:before{-webkit-transform:scale(1.7);-moz-transform:scale(1.7);-ms-transform:scale(1.7);-o-transform:scale(1.7)}.ht-cursor.-text .ht-cursor-text{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}.ht-cursor.-text.-active:before{-webkit-transform:scale(1.6);-moz-transform:scale(1.6);-ms-transform:scale(1.6);-o-transform:scale(1.6)}.ht-cursor.-opaque:before{-webkit-transform:scale(1.32);-moz-transform:scale(1.32);-ms-transform:scale(1.32);-o-transform:scale(1.32)}.ht-cursor.-opaque.-active:before{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}.ht-cursor.-md:before{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5)}.ht-cursor.-lg:before{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2)}.ht-cursor.-hidden:before{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}.-color-red{color:#b33939}.-color-green{color:#20a05a}.-color-accent-lilac{color:#8d53e9}.-color-vblue{color:#3c51e0}.-color-orange{color:#f26322}.-color-vblack,.dark .v-btn-more:hover .v-btn_more-title span:after{color:#212121}.-color-yellow{color:#eab308}.-color-accent-lilac-bg{background:#8d53e9}.ht-cursor{position:fixed;top:0;left:0;z-index:9999999;transition:opacity .3s,color .4s}.ht-cursor:before{content:"";position:absolute;top:-24px;left:-24px;display:block;width:48px;height:48px;transform:scale(0);background:currentColor;border-radius:50%;transition:transform .3s ease-in-out,opacity .1s}.ht-cursor-text{position:absolute;top:-18px;left:-18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transform:scale(0) rotate(10deg);opacity:0;color:#fff;font-size:16px;line-height:20px;text-align:center;letter-spacing:-.01em;transition:opacity .4s,transform .3s}@supports (mix-blend-mode:exclusion){.ht-cursor.-exclusion,.ht-cursor.-opaque{mix-blend-mode:exclusion}.ht-cursor.-exclusion:before,.ht-cursor.-opaque:before{background:#fff}}.ht-cursor.-normal,.ht-cursor.-text{mix-blend-mode:normal}.ht-cursor.-normal:before,.ht-cursor.-text:before{background:currentColor}.ht-cursor.-inverse{color:#fff}.ht-cursor.-visible:before{transform:scale(.2)}.ht-cursor.-visible.-active:before{transform:scale(.23);transition-duration:.2s}.ht-cursor.-pointer:before{transform:scale(.15)}.ht-cursor.-text:before{opacity:.85;transform:scale(1.7)}.ht-cursor.-text .ht-cursor-text{opacity:1;transform:scale(1)}.ht-cursor.-text.-active:before{transform:scale(1.6);transition-duration:.2s}.ht-cursor.-opaque:before{transform:scale(1.32)}.ht-cursor.-opaque.-active:before{transform:scale(1.2)}.ht-cursor.-md:before{transform:scale(1.5)}.ht-cursor.-lg:before{transform:scale(2)}.ht-cursor.-hidden:before{transform:scale(0)}.reveal{visibility:hidden}.menu-button{position:fixed;background-color:transparent;border:2px solid #ffffff20;top:30px;right:35px;width:33px;height:18px;z-index:111}.menu-bars{display:flex;flex-direction:column}.bar{background-color:#fff;height:2px;position:relative;-webkit-transform-origin:center center;transform-origin:center center}#nav-slide,.bg-clip{position:fixed;z-index:999999!important;top:0;transition:right .4s ease-in}.bar1{width:11px;margin:0 0 2px}.bar2{width:22px;margin:2px 0}.bar3{width:11px;left:11px;margin:2px 0 0}#nav-slide{padding:0;background:0 0;bottom:0;right:-100%;width:100%;height:100vh}.bg-clip{right:-160%;width:160%;height:170%}.clsm-1{width:100%;fill:#334155;transition:fill .3s ease-in}#nav-slide.clicked,.bg-clip.active{right:0}#nav-slide .close{cursor:pointer;color:#fff;position:absolute;right:80px;top:60px;font-size:16px;background-color:#334155;z-index:2;padding:.5rem;border-radius:6px;font-weight:500;display:flex;flex-wrap:nowrap;text-transform:uppercase}.nav-slide-links ul li a{transition:.3s linear;border-radius:4px}.is-hidden,.set .content{display:none}.js-filter.active{background:#3c51e0;color:#fff}.dark .js-filter.active{background:#4ade80;color:#212121}.amazing-block{position:relative;width:100%}.amazing-item{position:relative;display:flex;flex-wrap:nowrap;margin-bottom:.3rem}.amazing-item:before{position:absolute;inset:0;content:"";width:102%;height:102%;border:1px solid #aaa}@media (min-width:1024px){.amazing-circle{position:absolute;display:flex;justify-content:center;align-items:center;width:240px;height:115%;z-index:1;left:-150px;border-radius:50%;background:#f3f4f6}.amazing-right .amazing-circle{left:auto;right:-150px}.amazing-item:nth-child(2n):before,.amazing-right .amazing-item:nth-child(odd):before{transform:skewX(20deg)}.amazing-item:nth-child(odd):before,.amazing-right .amazing-item:nth-child(2n):before{transform:skewX(-20deg)}}.work_section:after,.work_section:before{position:absolute;content:"";width:200px;height:200px;border-radius:100%;filter:blur(100px);z-index:-1}.work_section:before{right:50px;top:50px;background:#3c51e094}.work_section:after{left:50px;bottom:50px;background:#bf249a7a}.topto-button{position:fixed;background-color:transparent;border:2px solid #ffffff20;bottom:24px;right:24px;width:33px;height:18px;z-index:111}.teble_responsive::-webkit-scrollbar-thumb{background:#dfdfdf}.testi-grid li{display:grid;margin-bottom:1.5rem;grid-template-rows:1fr auto;break-inside:avoid}.testi-grid{column-count:3;column-gap:1.5rem}@media (max-width:1024px){.tab-nav,.tabs-content{height:auto}.tab-nav,.tabs-box{width:100%}.tab-nav{position:relative;top:0}#nav-slide.clicked{background:#1e293b}.bg-clip{width:10%;height:100%}#nav-slide{transition:none}.menu-button{top:30px;right:20px}.space-y-16>:not([hidden])~:not([hidden]){margin-top:0!important;margin-bottom:0!important}.amazing-circle{display:none}.amazing-item:before{width:100%;height:100%}.v-btn-more{height:44px;padding:0 20px}#nav-slide .close{right:20px;top:34px}.testi-grid{column-count:2;column-gap:1rem}}@media (max-width:640px){br{display:none}.g-recaptcha iframe,.g-recaptcha>div{width:100%!important}table td{white-space:nowrap;padding:5px!important;font-size:14px}table td svg{width:1rem;height:1rem}table th{font-size:.75rem}.testi-grid{column-count:1;column-gap:1rem}}@media (min-width:360px){.slider_heading br{display:block!important}}.gsap_line2 div h1{-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000000}.process_section{z-index:10!important}.swot_box_inner:first-child .swot_item ul{direction:rtl}.dark .ecommerce_grid div:nth-child(4) img{filter:brightness(10)}.dark .app_development_grid div:first-child img{filter:invert(1) brightness(10)}.recaptcha-checkbox-border{background-color:#202b3f!important;border:2px solid #424e60!important}.rc-anchor-light{background:#212c40!important;color:#fff!important;border:1px solid #3e4a5e!important}@media (min-width:768px){.rtl{direction:rtl}}@media (max-width:768px){.topto-button{bottom:20px!important;right:20px!important}}form input, form textarea, form select {border-width: 0px 0px 1px 0px !important;}form input:focus, form textarea:focus, form select:focus {outline:none !important;box-shadow:none !important;}



    .gallery {
      --g: 8px;   /* the gap */
      --s: 400px; /* the size */
      
      display: grid;
      border-radius: 50%;
    }
    .gallery > img {
      grid-area: 1/1;
      width: 100%;
      aspect-ratio: 1;
      object-fit: cover;
      border-radius: 50%;
      transform: translate(var(--_x,0),var(--_y,0));
      cursor: pointer;
      z-index: 0;
      transition: .3s, z-index 0s .3s;
    }
    .gallery img:hover {
      --_i: 1;
      z-index: 1;
      transition: transform .2s, clip-path .3s .2s, z-index 0s;
    }
    .gallery:hover img {
      transform: translate(0,0);
    }
    .gallery > img:nth-child(1) {
      clip-path: polygon(50% 50%,calc(50%*var(--_i,0)) calc(120%*var(--_i,0)),0 calc(100%*var(--_i,0)),0 0,100% 0,100% calc(100%*var(--_i,0)),calc(100% - 50%*var(--_i,0)) calc(120%*var(--_i,0)));
      --_y: calc(-1*var(--g))
    }
    .gallery > img:nth-child(2) {
      clip-path: polygon(50% 50%,calc(100% - 120%*var(--_i,0)) calc(50%*var(--_i,0)),calc(100% - 100%*var(--_i,0)) 0,100% 0,100% 100%,calc(100% - 100%*var(--_i,0)) 100%,calc(100% - 120%*var(--_i,0)) calc(100% - 50%*var(--_i,0)));
      --_x: var(--g)
    }
    .gallery > img:nth-child(3) {
      clip-path: polygon(50% 50%,calc(100% - 50%*var(--_i,0)) calc(100% - 120%*var(--_i,0)),100% calc(100% - 120%*var(--_i,0)),100% 100%,0 100%,0 calc(100% - 100%*var(--_i,0)),calc(50%*var(--_i,0)) calc(100% - 120%*var(--_i,0)));
      --_y: var(--g)
    }
    .gallery > img:nth-child(4) {
      clip-path: polygon(50% 50%,calc(120%*var(--_i,0)) calc(50%*var(--_i,0)),calc(100%*var(--_i,0)) 0,0 0,0 100%,calc(100%*var(--_i,0)) 100%,calc(120%*var(--_i,0)) calc(100% - 50%*var(--_i,0)));
      --_x: calc(-1*var(--g))
    }