/* legacy.css = styles.css + master.css purged to used selectors (round 19, 08.10.2026); sources kept in the repo */
/* styles.css purged to the selectors this site uses — built by tools/build/purge-bootstrap.py; do not edit by hand */
:root{
  
  --bodyColor: #111111;

  
  --primary-color: #ffffff;

  
  --box-color: #1e1e1e;

  
  --brand-color: #1f2be3;

  
  --grey: #c7c7c7;

  
  --border-radius: 12px;
}*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;

}body{
  font-family: "Barlow", sans-serif;
  color: var(--primary-color);
  background-color: var(--bodyColor);
  text-align: left;
  position: relative;
  overflow-x: hidden;
  width: 100%;
}html{
  scroll-behavior: smooth;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
}::selection{
  color: var(--box-color);
  background-color: var(--brand-color);
}.b-radius{
  border-radius: var(--border-radius);
}.primary-text{
  color: var(--primary-color) !important;
}.heading-1,.heading-2,.heading-3,.heading-4,.heading-5{
  color: var(--primary-color);
  font-weight: 500;
  overflow-wrap: break-word;
  word-break: break-word;
}.heading-1{
  font-size: 50px;
  line-height: normal;
  text-transform: uppercase;
}.heading-2{
  font-size: 48px;
}.heading-3{
  font-size: 36px;
}.heading-4{
  font-size: 24px;
}.heading-5{
  font-size: 20px;
  text-transform: math-auto;
}.body-1{
  font-size: 18px;
  font-weight: 400;
  color: var(--grey);
}.body-2{
  font-size: 16px;
  font-weight: 400;
  color: var(--grey);
}a{
  text-decoration: none;
  color: var(--primary-color);
}input,textarea{
  font-family: "Barlow", sans-serif !important;
}.gap-8{
  gap: 8px;
}.gap-16{
  gap: 16px;
}.gap-32{
  gap: 32px;
}.gap-64{
  gap: 64px;
}.icon-container{
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--border-radius);
  background-color: var(--bodyColor);
}.icon-container a{
  display: flex;
  justify-content: center;
  align-items: center;
}.icon-container.lg{
  width: 72px;
  height: 72px;
}.icon-container.md{
  width: 56px;
  height: 56px;
}.bg-box{
  background-color: var(--box-color);
  border-radius: var(--border-radius);
}@media (max-width: 990px){.heading-1{
    font-size: 48px;
  }.heading-2{
    font-size: 36px;
  }.heading-3{
    font-size: 24px;
  }}@media (max-width: 575px){.heading-1{
    font-size: 34px;
  }.breadcrumb .heading-1{
    font-size: 30px;
  }}@media (max-width: 990px){.heading-4{
    font-size: 20px;
  }.heading-5{
    font-size: 18px;
  }.body-1{
    font-size: 16px;
  }.body-2{
    font-size: 14px;
  }.gap-8{
    gap: 4px;
  }.gap-16{
    gap: 8px;
  }.gap-32{
    gap: 16px;
  }.padding-32{
    padding: 16px;
  }.padding-16{
    padding: 8px;
  }.icon-md{
    font-size: 32px;
  }.section{
    padding-block: 3rem;
  }}a{
  text-decoration: none;
  
}.w-fit{
  width: fit-content;
}.padding-32{
  padding: 32px;
}.padding-16{
  padding: 16px;
}.icon-md{
  font-size: 32px;
}p{
  color: var(--grey);
}.section{
  padding-block: 6rem;
}input,textarea{
  border: 0;
  outline: 0;
  color: var(--grey);
  background-color: var(--box-color);
}.btn,.btn-outline{
  background-color: var(--brand-color);
  color: var(--primary-color);
  font-weight: 800;
  border-radius: var(--border-radius);
  padding: 12px 24px;
  margin: 0;
  font-size: 16px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  text-transform: capitalize;
  align-items: center;
  text-align: center;
  letter-spacing: 0.5px;
  outline: none;
  font-weight: 600;
  transition: all 0.3s ease-in-out 0s;
  cursor: pointer;
  z-index: 1;
  transition: color 300ms ease-in-out;
}.btn-outline{
  background-color: var(--box-color);
  color: var(--primary-color);
}.btn:hover{
  color: var(--primary-color);
  border: 0.5px solid var(--primary-color);
}.unique-text{
  color: var(--brand-color);
}ul{
  list-style: none;
}img{
  width: 100%;
}#preloader{
  z-index: 999;
  width: 100%;
  height: 100vh;
  background: var(--primary-color);
  overflow: hidden;
  position: fixed;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}.p{
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 32px;
  color: #f1f1f1;
}#progress{
  position: fixed;
  bottom: 20px;
  right: 10px;
  height: 70px;
  width: 70px;
  display: none;
  place-items: center;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  z-index: 999;
}#progress i{
  color: var(--grey);
  font-size: 20px;
}#progress-value{
  display: block;
  height: calc(100% - 15px);
  width: calc(100% - 15px);
  border-radius: 50%;
  display: grid;
  background-color: var(--bodyColor);
  place-items: center;
  font-size: 35px;
  color: var(--blueColor);
}.breadcrumb{
  margin-top: 8rem;
}.header{
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99;
  width: 100%;
}.navbar{
  background-color: rgba(17, 17, 17, 0.601);
  backdrop-filter: blur(8px);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
  width: 100%;
}.navbar i{
  font-size: 20px;
  color: var(--grey);
}.navbar>*{
  z-index: 999;
}.navbar ul a{
  font-weight: 700;
  color: var(--grey);
}.navbar .dropdown-menu{
  background-color: var(--box-color) !important;
}.navbar .dropdown-menu li a:hover{
  background-color: transparent !important;
}.navbar ul a:hover,.navbar ul a.active{
  color: var(--brand-color) !important;
}.navbar i{
  font-size: 24px;
  color: var(--grey);
  z-index: 999 !important;
}.hero{
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}.hero img{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: -1;
}.about .about-box{
  background-color: var(--box-color);
  border-radius: var(--border-radius);
  padding: 32px;
}.about .about-box:hover{
  background: linear-gradient(var(--box-color), var(--box-color)) 50% 50% / calc(100% - 6px) calc(100% - 4px) no-repeat,
    linear-gradient(38deg,
      var(--brand-color) 0%,
      rgba(30, 43, 226, 0) 50%,
      var(--brand-color) 100%);
  border-radius: var(--border-radius);
  box-sizing: border-box;
}.services .bg-box{
  height: 300px;
}.career .bg-box{
  height: 370px;
}@media (max-width: 760px){.services .bg-box{
    height: auto;
  }.career .bg-box{
    height: auto;
  }}.testimonials i{
  font-size: 20px;
  color: rgb(223, 223, 0);
}.testimonials .img{
  width: 55px;
  height: 55px;
}.testimonials .img img{
  border-radius: var(--border-radius);
}.testimonials .bg-box{
  height: 380px;
}.faq .btn{
  padding: 0;
  margin: 0;
  width: 100%;
  background-color: transparent !important;
  border: none !important;
}.faq i{
  font-size: 20px;
  color: var(--brand-color) !important;
}.contact input[type="text"],.contact input[type="email"],.contact input[type="text"]:focus,.contact input[type="email"]:focus,.contact input[type="text"]:active,.contact input[type="email"]:active,.contact textarea,.contact textarea:focus{
  background-color: transparent !important;
  border-bottom: 1px solid #3e3e3e !important;
  border-radius: 0 !important;
  outline: none !important;
  border: none;
  box-shadow: none !important;
  color: var(--primary-color) !important;
}.contact input[type="text"]:focus,.contact input[type="email"]:focus{
  border-bottom: 1px solid var(--primary-color) !important;
}.contact input::placeholder,.contact textarea::placeholder{
  color: #646464;
}.contact .form-group{
  background-color: var(--box-color);
  padding: 24px;
  border-radius: var(--border-radius);
}input[type="checkbox"]{
  display: none;
}.custom-checkbox{
  display: inline-block;
  width: 22px;
  height: 22px;
  background-color: var(--bodyColor);
  border: var(--grey) 0.5px solid;
  border-radius: 4px;
  cursor: pointer;
}.custom-checkbox:checked+.custom-checkbox::after{
  content: "\2713";
  display: block;
  color: white;
  text-align: center;
  line-height: 20px;
}.custom-checkbox:checked+.custom-checkbox{
  background-color: var(--brand-color);
  
}.contact .icon{
  width: 60px;
  height: 60px;
  background-color: var(--primary-color);
  color: var(--primary-color);
  border-radius: var(--border-radius);
}.toast{
  border-radius: var(--border-radius) !important;
  color: var(--bodyColor) !important;
  box-shadow: none !important;
}.footer input::placeholder{
  color: #646464;
}.footer h6{
  color: var(--grey);
  font-size: 14px;
}.footer a{
  font-size: 14px;
  color: var(--grey);
}.footer h4{
  font-size: 18px;
  color: #cecece;
}@media (max-width: 1400px){.services .bg-box{
    height: 320px;
  }}@media (max-width: 1200px){.services .bg-box{
    height: 390px;
  }}@media (max-width: 990px){.services .bg-box{
    height: 320px;
  }}#cookie_note{
  display: none;
  position: fixed;
  z-index: 100;
  bottom: 15px;
  left: 50%;
  max-width: 90%;
  transform: translateX(-50%);
  padding: 20px;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}#cookie_note p{
  margin: 0;
  font-size: 0.7rem;
  text-align: left;
  color: black;
}@media (min-width: 576px){#cookie_note.show{
    display: grid;
  }}@media (max-width: 575px){#cookie_note.show{
    display: none;
    text-align: left;
  }}#progress{bottom:100px !important;right:16px !important;}#cookie_note{position:fixed;left:50%;transform:translateX(-50%);bottom:20px;z-index:9998;max-width:640px;width:calc(100% - 32px);background:#1e1e1e;color:#e8e8e8;border:1px solid #2a2a2a;border-left:4px solid #1f2be3;border-radius:14px;padding:18px 20px;box-shadow:0 18px 50px rgba(0,0,0,.45);font-size:13.5px;line-height:1.55;animation:ckIn .3s ease}@keyframes ckIn{from{opacity:0}to{opacity:1}}#cookie_note p{margin:0 0 13px}#cookie_note a{color:#8f97ff;text-decoration:underline}#cookie_note a:hover{color:#b3b9ff}@media(max-width:560px){#cookie_note{left:12px;right:12px;transform:none;bottom:12px;max-width:none;width:auto}}#cookie_note,#cookie_note p{color:#ffffff !important}#cookie_note a{color:#9aa0ff !important;text-decoration:underline}#cookie_note{background:#1e1e1e !important}.level-block{
  background-color: var(--box-color);
  border-radius: var(--border-radius);
  padding: 24px 28px;
  margin-bottom: 20px;
}.title__about{
  font-size: 22px;
  font-weight: 600;
  color: var(--primary-color);
  margin-bottom: 12px;
}.about__text{
  color: var(--grey);
  line-height: 1.6;
  margin-bottom: 10px;
}.about__text:last-child{ margin-bottom: 0; }.about__text b{ color: var(--primary-color); }.faq-question{
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(31, 43, 227, 0.45);
  color: var(--primary-color);
  text-align: left;
  width: 100%;
  font-weight: 600;
  padding: 10px 0;
  cursor: pointer;
  font-size: 16px;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}.faq-question:hover,.faq-question:focus{
  color: var(--brand-color);
  outline: none;
  box-shadow: none;
  text-decoration: none !important;
}.faq-question .faq-icon{
  flex: 0 0 auto;
  font-size: 22px;
  line-height: 1;
  color: var(--brand-color);
  transition: transform 0.25s ease-in-out;
}.qd-testimonial{ border-radius: var(--border-radius); }.qd-testimonial-icon{ font-size: 20px; color: var(--brand-color); opacity: .5; }.qd-testimonial-quote{
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.5;
  min-height: calc(1.5em * 4);
}.qd-testimonial-quote--full{
  -webkit-line-clamp: unset;
  overflow: visible;
}.qd-testimonial-more{
  background: none;
  border: none;
  padding: 2px 0 0;
  margin: 0;
  color: var(--brand-color);
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  width: fit-content;
}.qd-testimonial-more:hover{ text-decoration: underline; }.qd-testimonial-avatar{
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--brand-color);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 18px;
  flex: 0 0 auto;
  text-transform: uppercase;
}.faq-question[aria-expanded="true"] .faq-icon{ transform: rotate(45deg); }
/* master.css purged to the selectors this site uses — built by tools/build/purge-bootstrap.py; do not edit by hand */
.container{}.heading-primary{
    font-size: 2em;
    padding: 2em;
    text-align: center;
}.accordion dl{
    
}.accordion dl:after{
    content: "";
    display: block;
    height: 1em;
    width: 100%;
    background-color: #2a86ff;
}.accordion dd{
    
    font-size: 1em;
    line-height: 1.5em;
}.accordion p{
    padding: 1em 2em 1em 2em;
}.accordion{
    position: relative;
    background-color: #fffdfd00;
}@-webkit-keyframes accordionIn {
    0% {
        opacity: 0;
        transform: scale(0.9) rotateX(-60deg);
        transform-origin: 50% 0;
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}@keyframes accordionIn {
    0% {
        opacity: 0;
        transform: scale(0.9) rotateX(-60deg);
        transform-origin: 50% 0;
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}@-webkit-keyframes accordionOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(0.9) rotateX(-60deg);
    }
}@keyframes accordionOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(0.9) rotateX(-60deg);
    }
}.whatsap{
    margin-top: 50px;
}.wtatsapp__title{
    font-size: 2rem;
    font-family: 'Comfortaa' sans-serif;
    font-weight: 700;
    display: flex;
    justify-content: center;

}.wtatsapp__batton{
    padding: 10px 20px;
    background-color: var(--brand-color);
    color: #fff;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 20px;
}.qd-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:12px}.qd-cta .wtatsapp__batton{margin-top:0;display:inline-flex;align-items:center;gap:12px}.qd-cta-outline{background-color:transparent;border:2px solid var(--brand-color);color:#fff}.qd-cta-outline:hover,.qd-cta-outline:focus-visible{background:rgba(31,43,227,.15)}@media(max-width:575px){.qd-cta a{width:100%;justify-content:center;font-size:1.25rem}}