/*!------------------------------------------------------------------
[MAIN STYLESHEET]
-------------------------------------------------------------------*/@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Ubuntu:ital,wght@0,300;1,300&family=Wix+Madefor+Display:wght@400;500;600;700;800&display=swap");@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");.kind-home .shadow,.kind-home .shadow-down{box-shadow:0 18px 39.1px 6.9px rgba(12,12,12,0.322) !important}.kind-home .mid-icon svg{fill:#6c63ff;height:100px;width:100px}.kind-home .home-technology-item .img-wrap{width:40%;padding-top:40%;margin:auto;position:relative}.kind-home .home-technology-item .img-wrap img{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0}.type-services .hero-area{background:#f1f6f8}.type-services .service{padding:4em 0}.type-services .service-graphic{position:relative}.services-container .services-list{display:flex;gap:0.5rem;flex-direction:column;justify-content:flex-start;align-items:center}.services-container .tag-wrapper{position:relative;width:100%}.services-container .tag-wrapper img{transition:0.4s ease;width:280px;height:280px;padding:10px;transform:scale(0.9)}.services-container .tag-wrapper .tag-name{transition:.4s ease;text-align:center;font-size:1.1rem;color:#27272e}.services-container .tag-wrapper:hover img{transform:scale(1)}.services-container .tag-wrapper:hover .tag-name{color:#6c63ff}.services-container .service{margin:30px 0}.step-box-content{border:solid 1px #ddd}@media (min-width: 576px){.services-container{padding:0 0 6em}.services-container .tag-wrapper{width:25%}.services-container .services-list{flex-direction:row}}.services-txt{padding-bottom:0.5em}.technologies-container .technologies-list{display:flex;gap:0.5rem;flex-direction:column;justify-content:flex-start;align-items:center}.technologies-container .tag-wrapper{max-width:720px;position:relative}.technologies-container .tag-wrapper img{transition:.4s ease;width:200px;height:200px;padding:10px;transform:scale(0.9)}.technologies-container .tag-wrapper .tag-name{transition:.4s ease;text-align:center;font-size:1.1rem;color:#27272e}.technologies-container .tag-wrapper:hover img{transform:scale(1)}.technologies-container .tag-wrapper:hover .tag-name{color:#6c63ff}@media (min-width: 576px){.technologies-container{padding:0 0 6em}.technologies-container .technologies-list{flex-direction:row}}.case-study{scroll-snap-type:mandatory;scroll-snap-points-y:repeat(100vh);scroll-snap-type:y mandatory}.case-study .panel{scroll-snap-align:start}.case-study .animate-line-1{width:100%;position:absolute}.case-study .animate-line-2{width:100%;position:absolute;top:60%}.case-study .box{width:100px;height:200px;display:inline-block;overflow:hidden}.case-study .letter{font-size:3cm;line-height:180px;position:relative;left:200px;transition:all 0.05s linear}.case-study .cs-hero{display:flex;align-items:center}.case-study .cs-hero .cs-hero-wrapper{display:flex;width:100%;padding:80px 15px;height:auto;align-items:center;justify-content:center}.case-study .cs-hero .cs-hero-wrapper img{width:100%}.case-study .cs-hero .cs-hero-wrapper #phone{display:none}.case-study .cs-hero-wrapper{max-width:800px;margin:0 auto}@media (min-width: 768px){.case-study .cs-hero{height:calc(100vh - 79px)}.case-study .cs-hero .cs-hero-wrapper{padding:40px}.case-study .cs-hero .cs-hero-wrapper #phone{display:block}}.case-study .cs-intro{scroll-snap-align:start;background:#2b353c;padding:20px 0;display:flex;align-items:center}.case-study .cs-intro h4,.case-study .cs-intro h5,.case-study .cs-intro h3,.case-study .cs-intro p{color:#9da3a6}.case-study .cs-intro a{color:#9da3a6}.case-study .cs-intro a:hover{color:#6c63ff}@media (min-width: 768px){.case-study .arrows{width:80px;height:80px;position:absolute;left:50%;margin-left:-20px;bottom:20px}.case-study .arrows path{stroke:black;fill:transparent;stroke-width:3px;animation:arrow 2s infinite;-webkit-animation:arrow 2s infinite}}@keyframes arrow{0%{opacity:0;transform:translateY(10px)}80%{opacity:1;transform:translateY(50px)}100%{opacity:0;transform:translateY(50px)}}.card.post-card{border-radius:8px;transition:all 200ms ease-out}.card.post-card img.card-img-top{margin:32px 16px;width:calc(100% - 16px * 2);height:auto}.card.post-card:hover{transform:scale(1.02)}footer{padding-top:40px;padding-bottom:40px}.font-1{font-family:"Roboto",sans-serif;font-weight:400}.font-2{font-family:"Ubuntu",sans-serif}.font-mont{font-family:"Montserrat",sans-serif}.font-robo{font-family:"Wix Madefor Display",sans-serif}.rose{color:#c75c6f}.purp{color:#6c63ff}.white{color:white}.gray-bg{background:#27272e}.bold{font-weight:bold}.image-wrapper img{width:100%}body{line-height:1.2;font-family:roboto, sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;background:#f1f6f8;color:#4c4c4c}a{color:#6c63ff}.p-lg{font-size:28px}.d-unset{display:unset !important}.outline-0{outline:0 !important}.bg-primary{background:var(--primary-color) !important}.bg-gray{background:#eaeaea !important}.bg-dark-gray{background-color:#27272e}.text-primary{color:var(--primary-color) !important}.text-color{color:#4c4c4c}.text-dark{color:#000 !important}.text-light{color:#999 !important}.text-pink{color:#c75c6f}.text-purp{color:#6c63ff}.mb-10{margin-bottom:10px !important}.mb-20{margin-bottom:20px !important}.mb-30{margin-bottom:30px !important}.mb-40{margin-bottom:40px !important}.mb-50{margin-bottom:50px !important}.mb-60{margin-bottom:60px !important}.mb-70{margin-bottom:70px !important}.mb-80{margin-bottom:80px !important}.mb-90{margin-bottom:90px !important}.mb-100{margin-bottom:100px !important}.mt-10{margin-top:10px !important}.mt-20{margin-top:20px !important}.mt-30{margin-top:30px !important}.mt-40{margin-top:40px !important}.mt-50{margin-top:50px !important}.mt-60{margin-top:60px !important}.mt-70{margin-top:70px !important}.mt-80{margin-top:80px !important}.mt-90{margin-top:90px !important}.mt-100{margin-top:100px !important}.zindex-1{z-index:1}.rounded-lg{border-radius:15px}.overflow-hidden{overflow:hidden}.shadow{box-shadow:0 18px 39.1px 6.9px rgba(224,241,255,0.34) !important}.icon{font-size:45px}.font-primary{font-family:roboto, serif !important}p{font-weight:400;color:#4c4c4c;font-size:16px;line-height:1.8;font-family:roboto, sans-serif}h1,h2,h3,h4,h5,h6{color:#27272e;line-height:1.2}h1,.h1{font-size:calc(70px + (80 - 50) * ((100vw - 300px) / (1600 - 300)));font-family:"Montserrat",sans-serif}h2,.h2{font-size:calc(40px + (60 - 40) * ((100vw - 300px) / (1600 - 300)));font-family:"Montserrat",sans-serif}h3,.h3{font-size:calc(32px + (50 - 32) * ((100vw - 300px) / (1600 - 300)));font-family:"Montserrat",sans-serif}h4,.h4{font-size:22px;font-family:"Montserrat",sans-serif}h5,.h5{font-size:18px;font-family:"Montserrat",sans-serif}h6,.h6{font-size:14px;font-family:"Montserrat",sans-serif}.f-60{font-size:60px}.f-45{font-size:45px}.f-30{font-size:30px}.w-600{font-weight:600}.btn{font-size:22px;text-transform:capitalize;padding:16px 44px;border-radius:5px;font-weight:600;border:0;position:relative;z-index:1;transition:0.2s ease}.btn:focus{outline:0;box-shadow:none !important}.btn:active{box-shadow:none}.btn-sm{font-size:15px;padding:10px 30px}.btn-xs{padding:5px 10px;font-size:15px}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary.active{opacity:0.8}.btn-primary:active{background:var(--primary-color) !important}.btn-primary:hover{background:var(--primary-color)}.btn-primary.focus,.btn-primary.active{background:var(--primary-color) !important;box-shadow:none !important}.btn-transparent{background:transparent;color:var(--primary-color);font-weight:700}.btn-transparent:active,.btn-transparent:hover{color:var(--primary-color)}body{background-color:#fff;overflow-x:hidden}ol,ul{list-style-type:none;margin:0}img{vertical-align:middle;border:0}a,a:hover,a:focus{text-decoration:none}a,button,select{cursor:pointer;transition:0.2s ease}a:focus,button:focus,select:focus{outline:0}a.text-dark:hover{color:var(--primary-color) !important}a:hover{color:var(--primary-color)}.flex-center{display:flex;width:100%;justify-content:center}.flex-align{display:flex;width:100%;align-items:center}.flex-center-align{display:flex;width:100%;align-items:center;justify-content:center}.flex-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;margin:0 auto}.section-title{font-weight:bold;font-family:roboto}.subsection-title{margin-bottom:40px}.bg-cover{background-size:cover;background-position:50%;background-repeat:no-repeat}.overlay{position:relative}.overlay::before{position:absolute;content:"";height:100%;width:100%;top:0;left:0;background:#000;opacity:0.5}.hamburger{border:none;background:transparent}.hamburger svg{fill:#6c63ff}.nav-overlay{height:100%;width:0;position:fixed;z-index:10;right:0;top:0;background-color:#f1f6f8;overflow-x:hidden;transition:0.5s}.overlay-content{position:relative;top:100px;width:100%;text-align:center;margin-top:30px}.nav-overlay a{padding:17px 8px;text-decoration:none;font-size:26px;color:#363636;display:block;transition:0.3s}.nav-overlay a:hover,.overlay a:focus{color:#6c63ff}.nav-overlay .closebtn{position:absolute;top:10px;right:20px;font-size:60px}@media screen and (max-height: 450px){.nav-overlay a{font-size:20px}.nav-overlay .closebtn{font-size:40px;top:15px;right:35px}}.ofco-nav{padding:0 25px;background:transparent;position:fixed;z-index:2}.ofco-nav .of-logo{margin-top:3px}.ofco-nav .of-logo a{display:block}.ofco-nav.scrolled{border-bottom:0.5px solid #6c63ff;background:#ffeede}.ofco-nav a:not(.btn-small){letter-spacing:0.3px;padding:5px 10px}.bg-image{background-size:cover;height:100%;background-repeat:no-repeat}.form-control{border:0;border-radius:0;border-bottom:1px solid #c7c7c7;height:60px}.form-control:focus{border-color:var(--primary-color);outline:0;box-shadow:none !important}textarea.form-control{height:120px}.over-lay-content a{font-family:roboto;color:#2b353c;letter-spacing:0.3px}.over-lay-content a:hover{color:#6c63ff}.snap-container{background:#f1f6f8}@media only screen and (min-width: 768px){.mw-80{padding:100px 0}}@media only screen and (min-width: 12000px){.mw-80{max-width:80%;margin:60px auto}}#contact-form-section{background-image:url("/images/backgrounds/wavy-dots-bg.png");background-repeat:no-repeat;background-size:cover;display:flex;align-items:center}#contact-form-section .contact-form{padding:36px 15px 26px;display:flex;justify-content:center}#contact-form-section .shadow-down{box-shadow:0 18px 39.1px 6.9px rgba(12,12,12,0.322) !important;border-radius:0.5rem}.of-container{position:relative}.of-container:hover,.navbar:not(.scrolled) .of-container:hover{color:#9da3a6}.navbar:not(.scrolled) .of-container{color:white}.navbar.scrolled{background-color:#f1f6f8 !important;transition:background-color 200ms linear}.hero-area{display:flex;align-items:center;position:relative;min-height:80vh;background:#f1f6f8}@keyframes rotate{50%{transform:translateX(-50%) rotate(180deg)}100%{transform:translateX(-50%) rotate(360deg)}}.hover-shadow{transition:0.2s ease}.hover-shadow:hover{box-shadow:0 18px 40px 8px rgba(224,241,255,0.54) !important}.hover-wrapper{overflow:hidden}.hover-wrapper img{transition:0.3s ease;transform:scale(1)}.hover-wrapper:hover>a>img{transform:scale(0.9)}.hover-content{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;text-align:center}.shadow-down{position:relative}.shadow-down::before{position:absolute;content:"";box-shadow:0 0 80.75px 14.25px rgba(224,241,255,0.34);height:100%;width:100%;left:0;top:0;z-index:-1}blockquote{display:inline-block;padding:10px 20px;background:#eaeaea;border-left:2px solid var(--primary-color);font-style:italic;font-size:22px}.content *{margin-bottom:20px}.content strong{font-size:22px;font-weight:400;color:#000;display:inherit;line-height:1.5}.page-title-alt{padding:350px 0 70px}.border-thick{border:10px solid}.page-title-alt .container{position:relative;z-index:1}.page-title .container{position:relative;z-index:1}.filter-controls li{cursor:pointer}.filter-controls li.active{font-weight:700}@media (min-width: 768px){.vh-100{height:calc(100vh - 96px)}}.shape-left{width:50%;left:-5%;position:absolute;top:16%;z-index:0}.circle-right{width:45%;right:0;position:absolute;top:-15%;z-index:0}.lil-circle{background:#f6fbff}.big-circle{background:linear-gradient(#ffe4de, #fff7de)}.lil-circle,.big-circle{border-radius:50%;width:100%;padding-bottom:100%}.z-1{z-index:1;position:relative}.btn-small{color:white;padding:0.56em 1.125em;background:#6c63ff;border-radius:100vmax;box-shadow:3px 5px 5 rgba(34,28,53,0.15);font-weight:bolder;border:0;font-size:15px}.btn-small:hover{color:white;background:#7d75ff}.btn-wide{color:white;background:#6c63ff;border-radius:100vmax;padding:8.4px 30px;box-shadow:3px 5px 5 rgba(34,28,53,0.15);font-weight:bolder;border:0;font-size:15px}.btn-wide:hover{color:white;background:#7d75ff}.btn-light{color:#6c63ff;background:white;border-radius:100vmax;padding:8.4px 30px;box-shadow:3px 5px 5px rgba(34,28,53,0.15);font-weight:bolder;border:0;font-size:15px}.btn-light:hover{color:white;background:#7d75ff}#navbar{transition-duration:.5s}pre{border-radius:0.25rem;margin-top:1rem;margin-bottom:1rem;overflow-x:auto}pre code.torchlight{display:block;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;padding-top:1rem;padding-bottom:1rem}pre code.torchlight .line{padding-left:1rem;padding-right:1rem}pre code.torchlight .line-number,pre code.torchlight .summary-caret{margin-right:1rem}.torchlight.has-focus-lines .line:not(.line-focus){transition:filter 0.35s, opacity 0.35s;filter:blur(0.095rem);opacity:.65}.torchlight.has-focus-lines:hover .line:not(.line-focus){filter:blur(0px);opacity:1}.torchlight summary:focus{outline:none}.torchlight details>summary::marker,.torchlight details>summary::-webkit-details-marker{display:none}.torchlight details .summary-caret::after{pointer-events:none}.torchlight .summary-caret-empty::after,.torchlight details .summary-caret-middle::after,.torchlight details .summary-caret-end::after{content:" "}.torchlight details[open] .summary-caret-start::after{content:"-"}.torchlight details:not([open]) .summary-caret-start::after{content:"+"}.torchlight details[open] .summary-hide-when-open{display:none}.torchlight details:not([open]) .summary-hide-when-open{display:initial}hr{border-color:#6c63ff;opacity:25%}::selection{background:#6c63ff;color:#fff}.highlight pre{padding:10px}.highlight pre code>span{margin-bottom:0}.blog-section{display:flex;padding:3em 0}.blog-section .blog-text{display:flex}.blog-section .blog-text .blog-title{display:table-cell;width:25%;transition:all .4s ease-in-out}.blog-section .blog-text .blog-title:hover{transform:scale(1.02);color:#6c63ff}.blog-section .blog-text .blog-exp{display:flex;flex-direction:column;padding-left:2em;padding-top:18px}.blog-section .blog-text .blog-exp .blog-btn{text-align:right;margin-top:1.5em}.blog-page{width:100%}.blog-content{margin-top:2em}@media (max-width: 450px){.blog-section{display:flex;padding-bottom:0.5em;padding-top:1.5em}.blog-section .blog-text{text-align:left}.blog-section .blog-text .blog-title{width:25%;transition:all .4s ease-in-out}.blog-section .blog-text .blog-txt{display:none}.blog-section .blog-text .blog-exp{display:block;padding-left:0em}.blog-section .blog-text .blog-exp #button-div{display:flex;justify-content:center;align-items:center}.blog-section .blog-text .blog-exp #button-div .blog-btn{margin-top:0.5em}}.type-open-source .hero-area{background:#f1f6f8}.type-open-source .open-source{padding:4em 0}.type-open-source .service-title{position:relative}.open-source-container .open-source-list{display:flex;flex-direction:column;justify-content:center;align-items:center}.open-source-container .tag-wrapper{position:relative}.open-source-container .tag-wrapper img{transition:0.4s ease;width:280px;height:280px;padding:10px}.open-source-container .tag-wrapper .tag-name{position:absolute;top:0;opacity:0;width:100%;height:100%;padding:10px;display:flex;align-items:center;justify-content:center;transition:0.3s ease-in}.open-source-container .tag-wrapper:hover img{transform:scale(0.7)}.open-source-container .tag-wrapper:hover .tag-name:hover{opacity:1;background:rgba(33,33,33,0.6);color:white;font-weight:bold;font-size:32px}.open-source-container .open-source{margin:30px 0}.step-box-content{border:solid 1px #ddd}@media (min-width: 576px){.open-source-container{padding:6em 0}.open-source-container .open-source-list{flex-direction:row;justify-content:space-between}}.open-source-txt{padding-bottom:0.5em}.github-btn{margin:0 1em 0 1em}.github-link{transition:all .4s ease-in-out;color:#6c63ff}.github-link:hover{transform:scale(1.02);text-decoration:underline}#blog-repo-link{display:inline-block}.open-source-img{display:flex;justify-content:center}.md-repo{display:flex;justify-content:center}.open-source-link{transform:all .4s ease-in-out}.open-source-link:hover{color:#6c63ff;text-decoration:underline}.open-source-title{display:table-cell;color:black;transition:all .2s ease-in-out}.open-source-title:hover{transform:scale(1.005);color:#6c63ff}#ofc-form-loader{text-align:left;width:260px}#ofc-form-loader input,#ofc-form-loader textarea,#ofc-form-loader select{width:260px;border-radius:3px;border:1px solid #4c4c4c;padding:4px}#ofc-form-loader label{margin:1em 0 2px}#ofc-form-loader textarea,#ofc-form-loader label,#ofc-form-loader input{font-family:roboto, sans-serif}#ofc-form-loader textarea{height:120px}#ofc-form-loader button{color:white;margin-top:1em;padding:0.56em 1.125em;background:#6c63ff;border-radius:100vmax;box-shadow:3px 5px 5 rgba(34,28,53,0.15);font-weight:bolder;border:0;font-size:15px;width:100%}#ofc-form-loader button:hover{color:white;background:#7d75ff}.case-study-big-headline{background:#27272e}.case-study-big-headline h2{color:#9da3a6;text-align:center}.case-study-callout-left-image-right-content{padding:60px 0}.client-list{padding:0;margin:0;display:flex;flex-wrap:wrap}.client-list li{width:50%;display:flex;align-items:center;justify-content:center}.client-list li img{max-width:80%;transform:scale(0.9);transition:all 0.3s ease}.client-list li img:hover{transform:scale(1)}.bg{color:#f8f8f2;background-color:#272822}.chroma{color:#f8f8f2;background-color:#272822}.chroma .err{color:#960050;background-color:#1e0010}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#ffffcc}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f}.chroma .line{display:flex}.chroma .k{color:#66d9ef}.chroma .kc{color:#66d9ef}.chroma .kd{color:#66d9ef}.chroma .kn{color:#f92672}.chroma .kp{color:#66d9ef}.chroma .kr{color:#66d9ef}.chroma .kt{color:#66d9ef}.chroma .na{color:#a6e22e}.chroma .nc{color:#a6e22e}.chroma .no{color:#66d9ef}.chroma .nd{color:#a6e22e}.chroma .ne{color:#a6e22e}.chroma .nf{color:#a6e22e}.chroma .nx{color:#a6e22e}.chroma .nt{color:#f92672}.chroma .l{color:#ae81ff}.chroma .ld{color:#e6db74}.chroma .s{color:#e6db74}.chroma .sa{color:#e6db74}.chroma .sb{color:#e6db74}.chroma .sc{color:#e6db74}.chroma .dl{color:#e6db74}.chroma .sd{color:#e6db74}.chroma .s2{color:#e6db74}.chroma .se{color:#ae81ff}.chroma .sh{color:#e6db74}.chroma .si{color:#e6db74}.chroma .sx{color:#e6db74}.chroma .sr{color:#e6db74}.chroma .s1{color:#e6db74}.chroma .ss{color:#e6db74}.chroma .m{color:#ae81ff}.chroma .mb{color:#ae81ff}.chroma .mf{color:#ae81ff}.chroma .mh{color:#ae81ff}.chroma .mi{color:#ae81ff}.chroma .il{color:#ae81ff}.chroma .mo{color:#ae81ff}.chroma .o{color:#f92672}.chroma .ow{color:#f92672}.chroma .c{color:#75715e}.chroma .ch{color:#75715e}.chroma .cm{color:#75715e}.chroma .c1{color:#75715e}.chroma .cs{color:#75715e}.chroma .cp{color:#75715e}.chroma .cpf{color:#75715e}.chroma .gd{color:#f92672}.chroma .ge{font-style:italic}.chroma .gi{color:#a6e22e}.chroma .gs{font-weight:bold}.chroma .gu{color:#75715e}