html{font-size:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body,.mainsection{width:100vw;width:100dvw;min-width:375px;overflow-x:hidden;padding:0;margin:0;min-height:100.1vh;display:flex;flex-direction:column;align-items:center}:root{--body-main-container-width:min(100%, 100vw)}body{background:var(--background);gap:10em;overflow-x:hidden;color:#f0f8ff}.body-main-container{width:var(--body-main-container-width)}section.body-main-container{padding-block:3em;gap:3em}@media (max-width: 50em){section.body-main-container{padding-bottom:3em;padding-top:0}}section.body-main-container>*{margin:0}section.body-main-container,header,footer{padding-inline:15%}@media (max-width: 65rem){section.body-main-container,header,footer{padding-inline:3.5vw}}.full-width-container{width:100%;display:flex;flex-direction:column;align-items:center}img{max-width:100%}body{font-family:Open Sans,sans-serif;font-family:Poppins,sans-serif;font-size:1.15rem;font-size:1rem;color:var(--color)}:root{--ftwt-extra-light: 200;--ftwt-light: 300;--ftwt-regular: 400;--ftwt-semibold: 600;--ftwt-bold: 700}h2{font-weight:var(--ftwt-semibold);font-size:4rem}@media (max-width: 50rem){h2{font-size:3rem}}h3{font-weight:var(--ftwt-semibold);font-size:3rem}@media (max-width: 50rem){h3{font-size:2rem}}p{font-weight:var(--ftwt-extra-light);letter-spacing:.07em}.font-2xl{font-size:xx-large}.relative{position:relative}.absolute{position:absolute}.text-center{text-align:center}.text-gray{color:gray}.mb-2{margin-bottom:2em}.pt-2{padding-top:.25em}.bold-text{font-weight:700}@media (max-width: 50rem){.hide-on-narrow{display:none!important}}@media (min-width: 50rem){.hide-on-wide{display:none!important}}.transparent{opacity:0!important}:root{--background: #0b1027;--color: hsl(0, 0%, 100%, .85)}.bg-secondary{background:#e6e8e6;color:#0b1027}header{display:flex;justify-content:space-between;align-items:center;margin-top:1em}header .top-content{display:block}header .menu{display:none}header .logo{font-size:1.5em;font-weight:700}header .header-nav-list{list-style:none;display:flex;gap:2em;color:#8e8e8e}header .header-nav-list a{color:inherit;text-decoration:none}@media (max-width: 625px){.menu-hide{display:none}header{all:unset;display:flex;flex-direction:column;align-items:"";position:relative}header .header-nav{display:flex;z-index:100;background:#0b1027;width:100vw}header .top-content{display:flex;justify-content:space-between;padding:1.2em 1em 0;align-items:center}header .top-content .hamburger-menu{z-index:999}header .hidden{display:none}header .header-nav-list{padding:0;list-style:none;display:flex;justify-content:center;gap:2em;flex-direction:column;color:#8e8e8e}header .header-nav-list .nav-list-items{cursor:pointer;padding:0 .5em;font-size:1.5em;border-bottom:2px solid grey;width:100vw}header .menu{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;z-index:999;background:gray;border-radius:3px;z-index:1;transition:all .3s ease}header .hamburger-menu.open .menu:nth-child(1){transform:rotate(45deg) translate(7px,7px)}header .hamburger-menu.open .menu:nth-child(2){opacity:0}header .hamburger-menu.open .menu:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}}.hero-section{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5em;height:10rem}@media (max-width: 50em){.hero-section{justify-content:start}}.hero-section .hero-title{display:flex;flex-direction:column;gap:0em}@media (max-width: 50em){.hero-section .hero-title{align-items:flex-start;width:100%}}.hero-section .hero-title h2{--font-size: clamp(2.5rem, 6.5vw, 4.5rem);margin:0;padding:0;font-size:var(--font-size);letter-spacing:calc(-.01 * var(--font-size));text-align:center}.hero-section .hero-title h2>.magic{display:inline-block;position:relative;animation:background-pan 3s linear infinite;background:linear-gradient(to right,rgb(103,58,183),rgb(244,143,177),rgb(123,31,162));background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.hero-section .hero-title h2:nth-child(2){margin-top:-.25em}.hero-section .hero-title .hero-description{text-align:center;color:#8e8e8e}@keyframes background-pan{0%{background-position:0% center}to{background-position:-200% center}}.contact-section{gap:2em;justify-content:space-between}.contact-section,.contact-section>*{display:flex}.contact-section>*{flex-direction:column}.contact-section .contact-box-1{width:40%}.contact-section .contact-box-2{width:80%}.contact-section .contact-box-2 .name-info{display:flex;width:100%;justify-content:space-between;gap:1em}.contact-section .contact-box-2 .name-info .width-half{width:50%}.contact-section .details{margin-top:1.5em;display:flex;flex-direction:column;gap:.5em}.contact-section .details>*{margin:0}form{padding:2em;background:#090909;border-radius:1em;border:2px solid gray}.name-info{display:flex;gap:2em}form label{color:#a9a9a9;cursor:pointer;margin-top:4px}form input,.feedback{padding:15px 10px;width:100%;outline:none;border:2px solid grey;background-color:transparent;color:#fff;border-radius:1em;box-sizing:border-box;margin-bottom:20px;margin-top:6px}form input:focus,.feedback:focus{border:2px solid purple}form input input[type=submit]{padding:15px 50px;width:auto;background:#090909;border:none;color:#fff;cursor:pointer;display:inline-block;clear:right;border:2px solid grey}@media (max-width: 50rem){.contact-section{flex-direction:column}.contact-section .contact-box-2{margin-top:2em;width:100%}.contact-section .contact-box-2 .name-info{display:flex;width:100%;gap:1em;flex-direction:column}.contact-section .contact-box-2 .name-info .width-half,.contact-section .contact-box-1{width:100%}.contact-section .details{display:flex;flex-direction:column;gap:.5em}.contact-section .details>*{margin:0}}.features{position:relative;display:flex;flex-direction:column;align-items:center}.features .flex-start,.features .flex-end{display:flex;width:100%}.features .flex-start{justify-content:flex-start}.features .flex-end{justify-content:flex-end}.features-groups-container{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.features-groups-container:after{content:"";position:absolute;height:100%;width:2px;background:grey}.features-group{display:flex;flex-direction:column;width:35%;height:max-content}.features-group h3{margin-bottom:.25em}.features-group .left-feature-heading{position:relative}.features-group .left-feature-heading:before{content:"";position:absolute;width:25%;height:3px;background:gray;right:-30%;top:48%}@media (max-width: 27rem){.features-group .left-feature-heading.four:before{width:22%}}@media (max-width: 25rem){.features-group .left-feature-heading.four:before{width:18%}}.features-group .left-feature-heading:after{content:attr(data-id) ".";position:absolute;color:#ffffff4d;width:10%;height:100%;right:-48%;top:0%;background:var(--background);text-align:center;z-index:10}.features-group .left-feature-description{position:relative}.features-group .left-feature-description:before{content:"";position:absolute;width:12%;height:3px;background:purple;right:-17%;top:5%}.features-group .right-feature-heading{position:relative}.features-group .right-feature-heading:before{content:"";position:absolute;width:22%;height:3px;background:gray;right:108%;top:48%}.features-group .right-feature-heading.three:before{width:20.5%}@media (max-width: 50rem){.features-group .right-feature-heading.three:before{width:21.5}}.features-group .right-feature-heading:after{content:attr(data-id) ".";position:absolute;color:#ffffff4d;width:10%;height:100%;left:-48%;top:0%;background:var(--background);font-size:3 rem;text-align:center;z-index:10}.features-group .right-feature-description{position:relative}.features-group .right-feature-description:before{content:"";position:absolute;width:12%;height:3px;background:purple;left:-20%;top:5%}@media (max-width: 50rem){.features-groups-container:after{display:none}.features-groups-container{gap:4em}.features-group{width:65%}.features-group .right-feature-heading{position:relative}.features-group .right-feature-heading:before{content:"";position:absolute;width:25%;height:3px;background:gray;right:108%;top:48%}.features-group .right-feature-heading:after{content:attr(data-id) ".";position:absolute;width:10%;height:100%;left:-53%;top:0%;background:var(--background);color:#ffffff4d;text-align:center;z-index:10}.features-group .right-feature-description{position:relative}.features-group .right-feature-description:before{content:"";position:absolute;width:12%;height:3px;background:purple;left:-20%;top:5%}}.logos-container{--animation-duration: 150s;--base-logo-size: 2.75em;--animation-container-width: calc(51 * var(--base-logo-size))}@media (max-width: 50rem){.logos-container{--base-logo-size: 1.85em;--animation-container-width: calc(45 * var(--base-logo-size))}}.logos-container{position:relative;display:flex;align-items:center;width:100%;overflow-x:hidden;height:5rem;margin-top:10em;margin-bottom:1em}.logos-container:before{content:"";position:absolute;width:5%;height:100%;background:linear-gradient(to right,hsl(229,56%,10%),hsla(229,56%,10%,0));z-index:10}.logos-container:after{content:"";position:absolute;width:5%;height:100%;right:0;background:linear-gradient(to left,hsl(229,56%,10%),hsla(229,56%,10%,0));z-index:10}.logos-container .logos-slide{position:absolute;display:flex;width:var(--animation-container-width);justify-content:space-around;align-items:center}.logos-container .animation-logo{height:var(--base-logo-size)}.logos-container .nextjs{height:calc(.54 * var(--base-logo-size))}.logos-container .mongodb,.logos-container .postgresql,.logos-container .mysql,.logos-container .figma,.logos-container .react{height:calc(1.18 * var(--base-logo-size))}.logos-container .webflow,.logos-container .wordpress,.logos-container .php{height:calc(.82 * var(--base-logo-size))}.logos-container .slide-1{animation:var(--animation-duration) slide calc(-1 * var(--animation-duration) / 2) infinite linear}.logos-container .slide-2{right:calc(-1 * var(--animation-container-width));animation:var(--animation-duration) slide infinite linear}@keyframes slide{0%{right:calc(-1 * var(--animation-container-width))}to{right:var(--animation-container-width)}}#services-heading{grid-area:heading;display:flex;align-items:center;justify-content:center}@media (min-width: 50rem){#services-heading{margin-bottom:1em}}#services-design{position:relative;grid-area:design}#services-development{grid-area:development}#services-maintenance{grid-area:maintenance}@media (min-width: 50rem){#services-maintenance{margin-top:2em}}.services{margin-top:5em;display:grid;grid-template-columns:1fr 1fr;column-gap:7%!important;row-gap:0em;grid-template-areas:"heading development" "design development" "design maintenance";color:var(--background-dark)}@media (max-width: 50rem){.services{margin-top:1em;row-gap:3em}}@media (max-width: 50rem){.services{grid-template-columns:1fr;grid-template-areas:"heading" "design" "development" "maintenance"}}.services .services-unit{display:flex;height:100%;flex-direction:column;gap:2em;justify-content:flex-start;align-items:flex-start;border-radius:.5em}.services .services-unit .number-label{color:#0000004d}.services p{font-weight:300}.services .services-unit-description{display:flex;flex-direction:column;gap:1em}.services .services-unit-description *{margin-block:0}.custom-shape-divider-top-1695474325{position:absolute;top:0;left:0;width:100%;overflow:hidden;line-height:0}.custom-shape-divider-top-1695474325 svg{position:relative;display:block;width:calc(100% + 1.3px);height:100px;transform:rotateY(180deg)}.custom-shape-divider-top-1695474325 .shape-fill{fill:#0b1027}@media (min-width: 768px) and (max-width: 1023px){.custom-shape-divider-top-1695474325 svg{width:calc(100% + 1.3px);height:75px}}@media (max-width: 767px){.custom-shape-divider-top-1695474325 svg{width:calc(100% + 1.3px);height:50px}}.work{--card-dimension-percent: 70%;display:flex;flex-direction:column;align-items:center}@media (max-width: 50rem){.work{--card-dimension-percent: 100%}}.work .carousel-container{position:relative;width:100%}.work .carousel-container .card{position:absolute;top:0;width:var(--card-dimension-percent);aspect-ratio:16/9;border-radius:.75em;overflow:hidden;transition:left .25s;opacity:.7;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px}.work .carousel-container .card.active{opacity:1}.work .carousel-container .card img{width:100%}.work .carousel-container #size-div{width:var(--card-dimension-percent);aspect-ratio:16/9}.work .carousel-controls{gap:.5em}.work .carousel-controls,.work .carousel-controls>*{display:flex;align-items:center;justify-content:center}.work button{background:hsla(0,0%,0%,.1);padding-inline:1.25em;padding-block:1em;border:none;border-radius:.4em;cursor:pointer}.work button:hover{background:hsla(0,0%,0%,.2)}footer{display:flex;justify-content:space-between;font-size:.8rem;color:#ffffff80}@media (max-width: 50em){footer .body-main-container{padding:0}}footer .company-links{display:flex;gap:2em}@media (max-width: 50em){.footer .body-main-container{padding:0}}