﻿:root{--primary-dark:#2d2d41;--primary-purple:#473d8d;--primary-white:#f0f1f5;--line-link-text-color:#18272f;--line-link-background-color:hsla(237, 60%, 66%, 0.75);--outer-padding:0.5rem;--case-color:hsl(0, 0%, 0%);--phone-border-radius-outer:2rem;--phone-border-radius-inner:calc(
    var(--phone-border-radius-outer) - var(--outer-padding));--tablet-border-radius-outer:1rem;--tablet-border-radius-inner:calc(
    var(--tablet-border-radius-outer) - var(--outer-padding))}*{padding:0;margin:0;box-sizing:border-box}.purple-text{color:var(--primary-purple)}.header-font{@apply font-sans;font-family:"Cabin Sketch"}.bg-custom-dark{background-color:var(--primary-dark)}.text-custom-dark{color:var(--primary-dark)}.bg-custom-purple{background-color:var(--primary-purple)}.text-custom-purple{color:var(--primary-purple)}.social-media-white{background-color:var(--primary-white);color:var(--primary-dark)}#preloader{transition:.5s all ease}.text-justify{text-align:justify;text-justify:inter-word}section{overflow-x:hidden!important}.navigation-logo{height:24px}.reverse-image{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.underline-link a{text-decoration:none;color:var(--line-link-text-color);font-weight:700;position:relative;z-index:1;transition:.5s all;display:inline-block}.underline-link a::before{content:"";background-color:var(--line-link-background-color);position:absolute;left:0;bottom:3px;width:100%;height:5px;z-index:-1;transition:all .3s ease-in-out}.underline-link a:hover{color:var(--primary-white)}.underline-link a:hover::before{bottom:0;height:100%}.phone-case{box-shadow:0 0 0 2px #fff;background-color:var(--case-color);border-radius:var(--phone-border-radius-outer);padding:var(--outer-padding);width:min(250px);aspect-ratio:1;position:relative;margin-inline:auto;overflow-x:visible!important}.phone-case>video{border-radius:25px}.tablet-case{box-shadow:0 0 0 2px #fff;background-color:var(--case-color);border-radius:var(--tablet-border-radius-outer);padding:var(--outer-padding);position:relative;margin-inline:auto}iframe{aspect-ratio:16/9;width:100%;border-radius:3px}.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/parallax-sketch-dragoon\.jpg\'\)\]{background-image:url(../image/parallax-sketch-dragoon.jpg)!important}.text-shadow p{text-shadow:3px 2px #000}details{margin-top:2rem;color:#6b7280;display:flex;flex-direction:column;padding:5px}details .pop-up{background-color:#4b47ea;box-shadow:0 5px 10px rgba(0,0,0,.5);padding:1.25rem;border-radius:8px;position:absolute;top:10%;height:350px;max-height:calc(100vh - 100px);width:600px;max-width:calc(100vw - 2rem);right:115%;overflow:auto;transform-origin:100% 50%;color:#fff;font-weight:700;transform:scale(0);animation:scale .5s ease backwards;transition:transform .25s ease;z-index:1}details[open] .pop-up{animation:scale-up .25s ease forwards}details:not([open]) .pop-up{animation:scale-down .25s ease forwards}details .pop-up::-webkit-scrollbar{width:15px;background-color:#1e1e27}details .pop-up::-webkit-scrollbar-thumb{width:5px;border-radius:99em;background-color:#95a3b9;border:5px solid #1e1e27}details .pop-up>*+*{margin-top:.75em}summary{margin-left:auto;margin-right:auto;justify-content:center;align-items:center;list-style:none;text-align:center;cursor:pointer;transition:.15s ease;position:relative;filter:grayscale(100%)}summary::-webkit-details-marker{display:none}summary:hover,summary:focus{filter:grayscale(0%)}.close-button{position:absolute;top:5%;right:5%;background:0 0;border:0;font-size:1.5em;padding:0;transition:.5s ease}.close-button:hover{color:var(--primary-dark)}@keyframes scale-up{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes scale-down{0%{transform:scale(1)}to{transform:scale(0)}}.stroke-text{color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#5a67d8}.tiny-slide img{object-fit:cover;height:500px;width:auto}.job-list{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0}.open-positions{width:50%;max-width:1200px;padding:20px}.box{width:calc(100%);display:flex;justify-content:space-between;align-items:center;padding:10px}.left{display:flex;align-items:center;position:relative}.left::before{content:"";height:100%;width:2px;border-radius:.375rem!important;background-color:#f3f4f6;position:absolute;left:30%}.image,.line,.texts{margin-right:40px}.line{height:20%;width:10px;color:#000;background-color:#000}.texts{display:flex;flex-direction:column}@media only screen and (max-width:600px){summary{width:50%;height:auto}details:nth-child(1) .pop-up{top:10%;left:2%}details:nth-child(2) .pop-up{top:25%;left:2%}details:nth-child(3) .pop-up{top:40%;left:2%}details:nth-child(4) .pop-up{top:55%;left:2%}details:nth-child(5) .pop-up{top:68%;left:2%}details:nth-child(6) .pop-up{top:85%;left:2%}}@media (max-width:688px){.mobile-btn-center{display:flex;justify-content:center;align-items:center}.tablet-case:before{content:"";position:absolute;top:.9rem;left:50%;transform:translateX(-50%);height:1rem;background-color:var(--case-color);width:22%;border-radius:25px}.desktop-visible{display:none;visibility:hidden}}@media (max-width:600px){.box{width:100%;flex-direction:column;align-items:center;padding-top:10px;padding-bottom:10px}.left{width:100%;flex-direction:column;align-items:center}.line{display:none}.left::before{display:none}.image,.texts{margin-bottom:10px;margin-right:0}.texts{margin-top:20px}}