/* ABSTRACTS */
/* BREAKPOINTS */
/* COLORS */
/* VENDORS */
/* BASE */
.bg__glass {
  background: rgba(20, 20, 20, 0.3) !important;
  backdrop-filter: blur(7px) !important;
}

.bg__light-glass {
  background: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

.bg__blue-glass {
  background: rgba(39, 85, 223, 0.85) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

.bg__light {
  background: #F6F6F6;
}

.bg__lightGray {
  background: #f0f0f0;
}

.bg__lightBlue {
  background: #2755df;
}

.bg__lightPurple {
  background: #0600AB;
}

.bg__purple {
  background: #00033D;
}

html, body {
  width: 100%;
  height: 100dvh;
}

html {
  scroll-behavior: smooth;
  -webkit-scroll-behavior: smooth;
  background: #0600AB;
}

body::-webkit-scrollbar {
  display: none;
}

body.noscroll {
  overflow: hidden;
  touch-action: none;
}

a {
  text-decoration: none;
}

/* ABSTRACTS */
* {
  font-family: "Jakarta", sans-serif;
}

@font-face {
  font-family: "Jakarta";
  src: url("../fonts/jakarta-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Jakarta Italic";
  src: url("../fonts/jakarta-italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Jakarta Light";
  src: url("../fonts/jakarta-light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Jakarta Medium";
  src: url("../fonts/jakarta-medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Jakarta Bold";
  src: url("../fonts/jakarta-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
.text-italic {
  font-family: "Jakarta Italic", sans-serif;
}

.text-light {
  font-family: "Jakarta Light", sans-serif;
}

.text-medium {
  font-family: "Jakarta Medium", sans-serif;
}

.text-bold {
  font-family: "Jakarta Bold", sans-serif;
}

.text-ivory {
  color: #F6F6F6;
}

.text-purple {
  color: #00033D !important;
}

/* Extra Font Sizes */
.text-xsm {
  font-size: 9px;
}

/* LAYOUT */
.nav-anchor {
  font-family: "Jakarta Medium", sans-serif;
  color: #F6F6F6;
}

/* COMPONENTS */
.button-primary-i {
  background: #F6F6F6;
  color: #00033D;
  padding: 5px 30px;
  cursor: pointer;
}

.button-primary-i:hover {
  background: #f0f0f0;
}

.button-primary-i:focus {
  background: #9e9e9e;
}

.button-secondary-i {
  color: #F6F6F6;
  padding: 9px 30px;
  background: #00033D;
  background: linear-gradient(55deg, rgb(0, 3, 61) 0%, rgb(6, 0, 171) 40%, rgb(20, 101, 246) 100%);
  transition: background 0.3s ease-in-out;
  cursor: pointer;
}

.button-secondary-i:hover {
  background: linear-gradient(55deg, rgb(0, 3, 61) 0%, rgb(6, 0, 171) 40%, rgb(20, 101, 246) 100%), rgba(0, 0, 0, 0.4);
  background-blend-mode: multiply;
}

.button-secondary-i:focus {
  background: #00033D;
}

.customerCard {
  background: #00033D;
  color: #F6F6F6;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.customerCard:hover {
  background: #F6F6F6;
  color: #00033D;
  transform: scale(1.01);
}

.usCard {
  transition: transform 0.3s ease-in-out;
}

.usCard:hover {
  transform: scale(1.008);
}

.portfolio {
  transition: transform 0.3s ease-in-out;
}

.portfolio:hover {
  transform: scale(1.005);
}

.arrow-right {
  transition: transform 0.3s ease-in-out;
}

.arrow-right:hover {
  transform: scale(1.2);
}

/* PAGES */
/* ABSTRACTS */
#hero {
  background: url("../img/index/hero/background.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

#rightPill {
  background: url("../img/index/rightPill/background.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
#rightPill .rightPill__content .pill {
  background: url("../img/index/rightPill/bg-pill-mobile.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
@media (min-width: 1024px) {
  #rightPill .rightPill__content .pill {
    background: url("../img/index/rightPill/bg-pill.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
  }
}

#weDo {
  background: url("../img/index/weDo/background.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

#customers {
  background: url("../img/index/customers/background.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

#us {
  background: url("../img/index/us/background.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

#cta {
  background: url("../img/index/cta/background.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

/* THEMES */

/*# sourceMappingURL=main.css.map */