@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap";.color-primary{color:var(--clr-primary)}.color-accent{color:var(--clr-accent)!important}.color-highlight{color:var(--clr-highlight)}.color-secondary{color:var(--clr-secondary)}.color-light{color:#fff}.bg-primary{background:var(--clr-primary)}.bg-dark{background:#000}.bg-color-primary{background-color:var(--clr-primary)}.bg-color-secondary{background-color:var(--clr-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.j-content-center{justify-content:center}.j-content-start{justify-content:flex-start}.j-content-between{justify-content:space-between}.j-content-evenly{justify-content:space-evenly}.a-items-center{align-items:center}.a-items-start{align-items:start}.dvh-100{height:100dvh}.m-dvh-100{min-height:100dvh}.h-100{height:100%}.h-px70{height:75px}.h-px60{height:60px}.h-px50{height:50px}.w-100{width:100%}.w-80{width:80%}.w-75{width:75%}.m-default{margin-inline:64px}.mr-1{margin-right:8px}.ml-1{margin-left:8px}.mt-1{margin-top:8px}.mt-2{margin-top:12px}.mt-3{margin-top:16px}.mt-4{margin-top:20px}.mt-5{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:12px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:20px}.mb-5{margin-bottom:24px}.m-block-1{margin-block:8px}.m-block-2{margin-block:12px}.m-block-3{margin-block:16px}.m-block-4{margin-block:20px}.m-block-5{margin-block:24px}.m-inline-auto{margin-inline:auto}.m-inline-1{margin-inline:8px}.m-inline-2{margin-inline:12px}.m-inline-3{margin-inline:16px}.m-inline-4{margin-inline:20px}.m-inline-5{margin-inline:24px}.pr-1{padding-right:8px}.pl-1{padding-left:8px}.p-block-1{padding-block:8px}.text-no-wrap{flex-wrap:nowrap}.relative{position:relative;z-index:1}.absolute{position:absolute}.fixed{position:fixed;min-width:100dvw;z-index:9999}.fixed .top{top:0;right:0;left:0}.sticky{position:sticky}.header-margin{padding-top:calc(var(--header-size) + 24px)}.shadow{box-shadow:var(--shadow)}.nav-title a{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;color:var(--clr-accent);transition:color .3s ease-in-out}.nav-title a:hover{color:var(--clr-highlight)}.nav-title a:focus{color:var(--clr-highlight);opacity:.9}.bold{font-weight:700}p{font-size:16px;font-weight:400;line-height:24px;color:var(--clr-primary)}p .bold{font-weight:700}h1{font-size:40px;line-height:44px}h2{font-size:36px;line-height:40px}h3{font-size:32px;line-height:36px}h4{font-size:28px;line-height:32px}h5{font-size:24px;line-height:28px}h6{font-size:20px;line-height:24px}.text-medium{font-weight:500}.text-center{text-align:center}.spacing-1{letter-spacing:1px}.spacing-2{letter-spacing:1.5px}.spacing-3{letter-spacing:2px}button{border:none;outline:transparent;border-radius:8px;height:fit-content;width:fit-content;padding:4px 8px;font-size:14px;font-weight:700;letter-spacing:1px;line-height:1;font-weight:600;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:4px}button.btn-cta{text-transform:uppercase;color:var(--clr-primary);background-image:var(--cta-linear-accent);box-shadow:var(--shadow);transition:opacity .35s ease-in-out}button.btn-cta img{height:32px;margin-left:8px}button.btn-cta:hover{opacity:.75}button.btn-menu{background-color:transparent;border:2px solid var(--clr-accent);border-radius:8px;padding:6px}button.btn-menu:hover{background-color:#999999bf}button.btn-cta.linear-blue{color:var(--clr-accent);background:linear-gradient(90deg,#074173,#1679ab)}button.btn-cta.accent{color:var(--clr-secondary);background:var(--clr-accent)}.nav-container{width:100%;background-color:var(--clr-secondary);padding-inline:var(--desktop-margin);display:grid;grid-template-columns:25% 1fr 25%;grid-template-rows:var(--header-size);padding-block:8px;align-items:center;justify-content:center;position:relative;z-index:10}.nav-logo{text-transform:uppercase;font-size:2rem;color:var(--clr-accent);letter-spacing:5px;font-weight:700}.nav-list{display:flex;justify-content:center;align-items:center;gap:16px}.nav-info ul{display:flex;align-items:center;justify-content:center}.contact-number{height:100%;display:flex;justify-content:center;align-items:center;color:var(--clr-accent)}.contact-number p{color:var(--clr-accent)}.nav-title a.active{color:var(--clr-highlight)}.sub-header{background-color:var(--clr-primary-95);padding-block:4px}.mobile-links-container{background-color:#ffffffe6;position:fixed;z-index:15;top:0;right:0;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.mobile-links-container .close-menu{position:absolute;top:10px;right:10px;font-size:16px;font-weight:700;color:red;padding:2px 4px;cursor:pointer}.mobile-links-container .close-menu:hover{background-color:#999;border-radius:2px}.mobile-links-container ul li a{color:var(--clr-primary);font-weight:600;transition:all .3s ease-in-out}.mobile-links-container ul li a:hover{font-weight:500;opacity:.75}.mobile-links-container ul li:not(:last-child){margin-bottom:4px}.mobile-links-container.show{animation:showLinkMenu .3s ease-in-out forwards}.mobile-links-container.hide{animation:hideLinkMenu .3s ease-in-out forwards}.nav-menu .burger-menu{cursor:pointer}.contact-number p,.nav-list .nav-title a{text-wrap:nowrap}@keyframes showLinkMenu{0%{width:0;height:0;opacity:0}to{width:100%;height:100%;opacity:1}}@keyframes hideLinkMenu{0%{width:100%;height:100%;opacity:1}to{width:0;height:0;opacity:0}}.footer{padding-inline:64px;display:flex;justify-content:center;align-items:center;background-color:var(--clr-secondary)}.footer .footer-logo{text-transform:uppercase;font-size:2rem;color:var(--clr-accent);letter-spacing:5px;font-weight:700}.footer ul{width:100%;display:grid;grid-template-columns:1fr 1fr auto;grid-template-rows:50px}.footer ul li.item{display:flex;justify-content:center;align-items:center}.footer ul li.item:first-child ul{gap:8px;width:100%;display:flex;justify-content:left;align-items:center}.footer ul li.item:first-child ul p{color:var(--clr-accent);font-weight:300}.footer ul li.item:last-child,.footer ul li.item:nth-child(2) ul{gap:8px;width:fit-content;display:flex;justify-content:right;align-items:center}.footer ul li.item:last-child p,.footer ul li.item:nth-child(2) ul p{color:var(--clr-accent);font-weight:300}.capsule{border-radius:32px;display:flex;justify-content:center;align-items:center;padding:8px 12px;background-color:var(--clr-primary);box-shadow:var(--shadow);margin-inline:8px;margin-block:8px;transition:all .55s ease-in-out;color:var(--clr-accent);cursor:unset}.capsule p{color:inherit;font-family:Poppins,sans-serif;margin-left:4px;font-size:18px;font-weight:600;text-wrap:nowrap;text-transform:uppercase}.capsule:hover{background-color:var(--clr-accent)}.capsule:hover p,.capsule:hover .capsule-icon{color:var(--clr-primary)}.home .hero{padding-inline:64px;padding-bottom:32px;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;text-align:center;height:65dvh}.home .hero p{margin-inline:auto;max-width:50%}.home .hero button{margin-top:24px}.home .hero>*:not(:last-child){margin-bottom:16px}.tech-stack{text-align:center;padding-inline:64px;height:30dvh}.tech-stack h4{margin-bottom:24px}.tech-stack .capsule-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.contact{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:32px 64px}.contact ul{display:flex;gap:16px}.contact .content .item{display:flex;justify-content:center;align-items:center;gap:4px}.contact .content .item p{color:var(--clr-secondary)}.home-cta{display:flex;align-items:center;justify-content:center;width:fit-content;color:var(--clr-accent);margin-top:12px;gap:16px;cursor:pointer;margin-inline:auto;transition:all .45s ease-in-out}.home-cta .icon{color:inherit}.home-cta:hover{color:var(--clr-highlight);transform:translate(20px)}.home-cta:hover.icon{color:var(--clr-highlight)}.social-media{height:100%;display:flex;justify-content:center;align-items:center}.social-media-icon{cursor:pointer;margin-left:8px;height:100%;display:flex;justify-content:center;align-items:center;position:relative;z-index:0}.my-works{width:100%;padding:24px 64px;text-align:center}.my-works p{width:75%;margin-inline:auto}.slideshow-container{position:relative;max-width:100%;height:100dvh;overflow:hidden;box-shadow:var(--shadow);border-radius:32px}.slides{display:flex;overflow:hidden}.slide{flex:0 0 100%;width:100%;position:relative;z-index:1}.slide .content{position:absolute;z-index:20;left:5%;top:20%;text-align:left;background-color:var(--clr-secondary-50);padding:16px}.slide .content :not(:last-child){margin-bottom:8px}.slide .content p.desc,.slide .content h4.caption{width:100%;color:var(--clr-accent);text-align:left}.slide img.desktop{object-fit:none;object-position:top}.slide img.mobile{position:absolute;z-index:21;inset:5% 5% 15px auto;object-fit:fill;object-position:top;border-radius:24px;box-shadow:var(--shadow)}.prev,.next{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);background-color:var(--clr-secondary-50);border:none;outline:none;z-index:1}.prev:hover,.next:hover{background-color:var(--clr-primary)}.prev{left:5px}.next{right:5px}@keyframes showContent{to{transform:translateY(0);filter:blur(0);opacity:1}}@media screen and (min-width: 1440){.slide img.desktop{object-fit:contain;object-position:top}}.about .hero{text-align:center;padding:128px 64px 32px}.about .hero p{min-width:450px;max-height:75%;margin-inline:auto}.about .highlights,.about .highlights2{padding:32px 64px}.about .highlights .card-item,.about .highlights2 .card-item{padding:12px;outline-color:transparent;transition:all .35s ease-in-out}.about .highlights .card-item:hover,.about .highlights2 .card-item:hover{outline:2px solid var(--clr-highlight)}.about .highlights2 .card-container .card-item{min-width:250px;max-width:22%;padding:12px;outline-color:transparent;transition:all .45s ease-in-out}.about .highlights2 .card-container .card-item .card-header{margin-bottom:16px}.about .highlights2 .card-container .card-item:hover{outline:2px solid var(--clr-highlight)}.tools{display:flex;flex-direction:column;padding:32px 64px;align-items:center;justify-content:flex-start}.tools-button-container{background-image:var(--cta-linear-accent);display:flex;align-items:center;border:2px solid var(--clr-highlight);border-radius:34px;overflow:hidden;height:34px}.tools-button-container button{height:100%;border-radius:0;background-color:transparent;color:var(--clr-primary);font-weight:700;font-family:Poppins,sans-serif;transition:all .35s ease-in-out}.tools-button-container button.active{background-color:var(--clr-primary);color:var(--clr-highlight)}.tools-card{display:flex;justify-content:center;align-items:center;gap:4px}.tools-name{color:var(--clr-accent);text-transform:uppercase;font-weight:700}.tools-design,.tools-code{flex-wrap:wrap;padding:16px;display:none;justify-content:center;gap:16px}.tools-code.active,.tools-design.active{display:flex;justify-content:center;flex-wrap:wrap}.about-cta{display:flex;align-items:center;justify-content:center;width:fit-content;color:var(--clr-accent);margin-top:12px;gap:16px;cursor:pointer;margin-inline:auto;transition:all .45s ease-in-out}.about-cta .icon{color:inherit}.about-cta:hover{color:var(--clr-highlight);transform:translate(20px)}.about-cta:hover.icon{color:var(--clr-highlight)}.card-container{display:flex;justify-content:center;flex-wrap:wrap}.card-header{display:flex;gap:8px}.card-item{width:100%;min-width:250px;flex:1;margin:12px}.card-content{padding-left:16px}.contact-page .hero{padding:128px 64px 32px;display:flex;flex-direction:column;align-items:center}.contact-page .hero p{text-align:center}.contact-page .hero ul{display:flex;gap:16px}.contact-page .hero .item{display:flex;justify-content:center;align-items:center;gap:4px}.contact-page .faq{padding:32px 64px;background-color:var(--clr-primary);width:100%}.contact-page .faq-header{color:var(--clr-accent);margin-bottom:16px}.contact-page .faq .list{width:75%}.contact-page .faq .list .item .header,.contact-page .faq .list .item .header p{width:fit-content;display:flex;align-items:center;justify-content:flex-start;gap:8px;color:var(--clr-accent);transition:all .35s ease-in-out}.contact-page .faq .list .item .header:hover>*{cursor:pointer;color:var(--clr-highlight)}.contact-page .faq .list .item .header.active>*{color:var(--clr-highlight)}.contact-page .faq .list .item .content{color:#fff;padding-left:32px;overflow:hidden;height:0;opacity:0}.contact-page .faq .list .item .content.active{animation:showFAQContent .35s ease forwards}.contact-page .contact-form{padding:32px 64px;flex-direction:column;display:flex;justify-content:center;align-items:center}@keyframes showFAQContent{50%{opacity:.5;height:50%}to{opacity:1;height:100%}}#contactForm{width:fit-content;padding:16px;display:flex;flex-direction:column;align-items:center;row-gap:12px}#contactForm .row{display:flex;gap:16px;width:100%}#contactForm .form-group{display:flex;flex-direction:column;width:250px;row-gap:4px}#contactForm .form-group label{font-weight:600}#contactForm .form-group label,#contactForm .form-group small{color:var(--clr-primary);padding-left:8px}#contactForm .form-group input,#contactForm .form-group select{max-width:250px;height:32px;padding:16px 16px 16px 12px;font-size:16px;color:#fff;background-color:var(--clr-secondary-50);outline:transparent;border:transparent;border-radius:4px}#contactForm .form-group small{text-wrap:wrap}.contact-btn-container{background-color:transparent;display:flex;width:150px;justify-content:end;overflow:hidden;border-radius:24px;box-shadow:var(--shadow);background-image:var(--cta-linear-accent);margin-inline:auto}.contact-form-btn{font-size:16px;font-family:Poppins,sans-serif;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding-block:8px;display:flex;align-items:center;justify-content:space-between;padding-inline:24px;gap:4px;border-radius:0;background-color:transparent;color:Var(--clr-primary);min-width:150px;transition:all .6s ease-in-out}.contact-btn-container:hover .contact-form-btn.right{animation:exit 1s ease-in-out forwards}@keyframes exit{0%{opacity:1;margin-right:0}50%{opacity:.5}to{opacity:0;margin-right:-150px}}@media screen and (max-width: 928px){.nav-container{grid-template-columns:1fr 1fr 1fr}.home .tech-stack{height:100%}.contact-page .hero ul{display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap}.highlights h5{text-align:center}.contact .content ul{display:flex;justify-content:center;flex-wrap:wrap}.contact .content p{text-wrap:nowrap}.footer ul{display:flex;justify-content:center;flex-wrap:wrap}.detail-hover-card.popup-top{max-width:75dvw;width:fit-content;bottom:105%;left:50%;transform:translate(-50%);border-radius:8px}}@media screen and (max-width: 768px){.about .highlights .card-container .card-item{width:calc(50% - 24px)}.detail-hover-card{flex-direction:column}.detail-hover-card.popup-bottom{max-width:75dvw;width:fit-content;top:105%;left:50%;transform:translate(-90%);border-radius:8px}}@media screen and (max-width: 480px){h1{font-size:36px;line-height:40px}h2{font-size:32px;line-height:36px}h3{font-size:28px;line-height:32px}h4{font-size:24px;line-height:28px}h5{font-size:20px;line-height:24px}h6{font-size:16px;line-height:20px}p,button,.button{font-size:14px}.capsule{padding:4px 8px}.capsule p{font-size:14px;font-weight:500}.capsule svg{transform:scale(.85)}.nav-container{padding-inline:calc(var(--mobile-margin) + 4px);display:flex;padding-block:8px;align-items:center;justify-content:space-between}.footer{padding:24px calc(var(--mobile-margin) + 4px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.footer ul{display:flex;flex-direction:column;align-items:center}.footer ul .item:nth-child(2) ul{gap:0!important}.footer .social-media{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px}.footer .social-media-icon a{margin:0}.home .hero{height:100%;padding-inline:calc(var(--mobile-margin) + 4px);padding-top:128px}.home .hero p{max-width:100%}.home .tech-stack{text-align:center;padding-inline:calc(var(--mobile-margin) + 4px);height:100%}.home .tech-stack h4{margin-bottom:16px}.home .tech-stack .capsule-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.home .my-works{width:100%;padding:16px calc(var(--mobile-margin) + 4px);text-align:center}.home .my-works p{width:100%}.home .slideshow-container{max-height:75dvh}.home .slide img.desktop{object-fit:contain;object-position:top}.home .contact{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:24px calc(var(--mobile-margin) + 4px);text-align:center}.home .contact ul{display:flex;flex-direction:column;align-items:center;gap:16px}.home .contact .content .item{display:flex;justify-content:center;align-items:center;gap:4px}.home .contact .content .item p{color:var(--clr-secondary)}.about .highlights .card-container .card-item{width:calc(100% - 24px)}.about .hero{text-align:center;padding:128px calc(var(--mobile-margin) + 4px) 32px calc(var(--mobile-margin) + 4px)}.about .hero p{min-width:100%;max-height:100%;margin-inline:none}.about .highlights{padding:32px calc(var(--mobile-margin) + 4px)}.about .highlights .card-container .card-item{min-width:100%;max-width:100%}.about .tools{padding:32px calc(var(--mobile-margin) + 4px)}.about .highlights2{padding:12px 0}.about .highlights2 .card-container{border-radius:0;padding-inline:12px}.about .highlights2 .card-container .card-item{min-width:100%;max-width:100%}.contact-page .hero{padding-inline:calc(var(--mobile-margin) + 4px);text-align:center}.contact-page .hero ul{flex-direction:column;gap:4px;justify-content:center;align-items:center}.contact-page .faq{padding-inline:calc(var(--mobile-margin) + 4px)}.contact-page .faq .list{width:100%}.contact-page .faq .list .item .content.active{text-align:justify}.contact-page .contact-form{padding-inline:calc(var(--mobile-margin) + 4px)}}.work-slider{margin-top:64px;width:100%;margin-bottom:24px;padding-top:64px;position:relative;z-index:1}.work-slider-bg{position:absolute;z-index:2;top:0;right:0;left:0;width:100%;height:80dvh;background-image:var(--linear-accent-highlight);opacity:.9}.work-slider-button{position:absolute;z-index:10;width:80%;display:flex;justify-content:space-between}.work-slider-container{position:relative;z-index:3;display:flex;justify-content:center;align-items:center}.work-slider-container .slide-container{width:75%;height:95dvh;overflow:hidden}.work-slider-container .slide-container .slide{display:flex;width:100%;height:100%;transition:transform .35s .2s ease-in-out}.work-slider-container .slide-container .slide .item{min-width:100%;height:100%}.work-slider-container .slide-container .slide .item img{width:100%;height:100%;object-fit:cover;object-position:top}.slide-next,.slide-prev{background-color:var(--clr-primary);color:var(--clr-accent);padding:8px;cursor:pointer;border-radius:50%}.slide-next:hover,.slide-prev:hover{background-color:var(--clr-secondary)}.detail-hover-card{position:absolute;z-index:100;padding:16px;background-color:#fff;color:var(--clr-primary);cursor:auto;display:flex;justify-content:center;gap:8px;box-shadow:var(--shadow)}.detail-hover-card-container{display:flex;gap:16px}.detail-hover-card-container img{width:48px;height:48px;border-radius:50%;box-shadow:var(--shadow)}.detail-hover-card-info-container{display:flex;flex-direction:column;align-items:flex-start;row-gap:4px}.detail-hover-card-link-container{width:100%;gap:8px;display:flex;justify-content:flex-start;text-align:left}.detail-hover-card-link-container>*{cursor:pointer}.detail-hover-card--link-icon{color:var(--clr-primary)}.detail-hover-card-other{width:100%;background-color:var(--clr-secondary-10);padding:4px;border-radius:6px;font-size:12px;display:flex;flex-direction:column;justify-content:flex-start;row-gap:8px}.detail-hover-card-link a{color:inherit;text-wrap:nowrap!important;margin-left:none!important}.detail-hover-card-title{text-wrap:nowrap;font-weight:700!important;color:var(--clr-primary)!important}.popup-bottom{top:80%;right:10px;transform:translateY(10px);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-left-radius:12px}.popup-top{bottom:80%;right:10px;transform:translateY(-10px);border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px}.cta-icon{color:var(--clr-primary);font-size:24px}.icon-size-16{font-size:16px}.icon-size-24{font-size:24px}.icon-accent{color:var(--clr-accent)}.icon-highlight{color:var(--clr-highlight)}:root{--clr-primary: #074173;--clr-primary-95: #074173f2;--clr-secondary: #1679ab;--clr-secondary-10: rgba(22, 121, 171, .1);--clr-secondary-50: rgba(22, 121, 171, .5);--clr-secondary-95: #1679abf2;--clr-white: #fff;--clr-accent: #c5ff95;--clr-highlight: #5debd7;--clr-orange: #dd7907;--clr-error: #e60b0b;--shadow: 0px 53px 21px rgba(0, 0, 0, .01), 0px 30px 18px rgba(0, 0, 0, .05), 0px 13px 13px rgba(0, 0, 0, .09), 0px 3px 7px rgba(0, 0, 0, .1);--header-size: 45px;--linear-accent-highlight: linear-gradient( 92.86deg, #c5ff95 -.99%, #5debd7 99.23% );--cta-linear-blue: linear-gradient(90deg, #074173 0%, #1679ab 100%);--cta-linear-accent: linear-gradient(90deg, #c5ff95 0%, #5debd7 100%);--footer-linear: linear-gradient( 90deg, #c5ff95 0%, #074173 15%, #1679ab 67.5%, #5debd7 98.5% );--mobile-margin: 24px;--desktop-margin: 64px}*{padding:0;margin:0;box-sizing:border-box;line-height:1.2}body{display:flex;flex-direction:column}p,small,div,a{font-family:Poppins,sans-serif}a{color:inherit;text-transform:none;text-decoration:none}h1,h2,h3,h4,h5,h6{color:var(--clr-primary);font-family:Oswald,sans-serif;font-weight:700}ul,li,ol{text-decoration:none;text-transform:none;list-style:none}