html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

*, *::before, *::after {
box-sizing: inherit;
}

::selection, ::-moz-selection {
background-color: rgba(24, 24, 24, 0.15);
}

@media (prefers-reduced-motion: reduce) {
  * {
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  scroll-behavior: auto !important;
  transition-duration: 0.01ms !important;
  }
}

body {
background-color: #f5f7fb;
color: #161718;
font-family: "Inter", sans-serif;
font-size: 14px;
line-height: 1.75;
margin: unset;
min-height: 100vh;
}

@media (min-width: 992px) {
  body:has(aside) {
  background-color: #f7f7f7;
  }
}

body.blur {
overflow: hidden;
}

body.blur::before {
background-color: rgba(0, 0, 0, 0.3);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
content: "";
position: absolute;
inset: 0;
z-index: 1040;
}

@media (max-width: 767.98px) {
  body.blur::before {
  position: fixed;
  }
}

.intern-container {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
padding: 0 24px;
max-width: 1920px;
}

@media (min-width: 992px) {
  .intern-container {
  padding: 0 60px;
  }
}

@media (min-width: 1200px) {
  .intern-container {
  padding: 0 90px;
  }
}

:focus {
box-shadow: unset;
outline: 0;
}

ul {
list-style: none;
margin: unset;
padding: unset;
}

figure, picture, img, svg, video {
display: block;
margin: unset;
outline: 0;
max-width: 100%;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

main.index {
min-height: 100vh;
}

main>section.hero {
overflow-x: hidden;
position: relative;
}

main>section.hero>div.intern-container {
flex-direction: column;
flex-wrap: nowrap;
width: 100%;
}

main>section.hero>div.intern-container>div.priveks {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
margin: 46px 0 56px;
}

main>section.hero>div.intern-container>div.priveks>img {
margin: 0 0 8px;
pointer-events: none;
max-width: 240px;
width: 100%;
}

main>section.hero>div.intern-container>div.priveks>small {
color: #6e6e6e;
font-weight: 300;
letter-spacing: 1.5px;
text-transform: uppercase;
}

main>section.hero>div.intern-container>div.brands {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: start;
margin: auto 0 48px;
}

main>section.hero>div.intern-container>div.brands>div>div.headline>a.logo {
display: block;
max-width: 194px;
width: 100%;
}

main>section.hero>div.intern-container>div.brands>div {
display: flex;
flex-wrap: wrap;
position: relative;
width: 100%;
}

main>section.hero>div.intern-container>div.brands>div.hrlink {
margin: 0 -45px 0 0;
overflow: hidden;
}

main>section.hero>div.intern-container>div.brands>div.hrlink>div.headline {
margin: 0 0 36px;
}

main>section.hero>div.intern-container>div.brands>div.hrlink>div.headline>a.logo {
margin: 0 0 12px;
}

main>section.hero>div.intern-container>div.brands>div.hrlink>div.headline>h1 {
color: #055464;
font-size: 30px;
font-weight: 700;
line-height: 2.36rem;
margin: unset;
}

main>section.hero>div.intern-container>div.brands>div.hrlink>div.headline>h1>strong {
color: #53b748;
font-weight: 800;
}

main>section.hero>div.intern-container>div.brands>div.hrlink>img {
margin: 0 0 18px 18px;
pointer-events: none;
max-width: unset;
width: 128%;
}

main>section.hero>div.intern-container>div.brands>div.hrlink>ul.accents {
gap: 20px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: 0 auto 26px;
}

main>section.hero>div.intern-container>div.brands>div.hrlink>ul.accents>li {
gap: 10px;
display: flex;
flex-wrap: wrap;
align-items: center;
}

main>section.hero>div.intern-container>div.brands>div.hrlink>ul.accents>li>i {
background-color: white;
border: 1px solid #b9e1d8;
border-radius: 0.425rem;
color: white;
font-size: 16px;
line-height: unset;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
height: 32px;
width: 32px;
}

main>section.hero>div.intern-container>div.brands>div.hrlink>ul.accents>li>i::before {
background: linear-gradient(90deg, #007ea5, #055464);
background-clip: text;
color: transparent;
width: auto;
-webkit-background-clip: text;
}

main>section.hero>div.intern-container>div.brands>div.hrlink>ul.accents>li>i.fa-folder-open::before {
position: relative;
right: -0.5px;
top: 1px;
}

main>section.hero>div.intern-container>div.brands>div.hrlink>ul.accents>li>span {
color: white;
display: inline-block;
font-size: 11px;
font-weight: 500;
line-height: 1.1;
}

main>section.hero>div.intern-container>div.brands>div.mycrm {
flex: 1;
align-items: start;
max-width: 520px;
}

main>section.hero>div.intern-container>div.brands>div.mycrm>div.headline {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 72px 0 -18px;
width: 100%;
}

main>section.hero>div.intern-container>div.brands>div.mycrm>img {
pointer-events: none;
margin: 0 auto;
max-width: 324px;
width: 100%;
z-index: 1;
}

main>section.hero>div.intern-container>div.brands>div.mycrm>ul.accents {
gap: 18px 26px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
}

main>section.hero>div.intern-container>div.brands>div.mycrm>ul.accents>li {
background-color: white;
border: 1px solid #d9d2e7;
border-radius: 0.5rem;
gap: 10px;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0 20px;
position: relative;
height: 52px;
}

main>section.hero>div.intern-container>div.brands>div.mycrm>ul.accents>li>i {
font-size: 24px;
width: auto;
}

main>section.hero>div.intern-container>div.brands>div.mycrm>ul.accents>li>i::before {
background: linear-gradient(90deg, #b755a0, #4463ae);
background-clip: text;
color: transparent;
-webkit-background-clip: text;
}

main>section.hero>div.intern-container>div.brands>div.mycrm>ul.accents>li>span {
color: #4463ae;
display: inline-block;
font-size: 11px;
font-weight: 500;
line-height: 1.1;
}

main>section.hero>div.intern-container>div.brands>div>a {
border-radius: 50px;
color: white;
gap: 12px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
white-space: nowrap;
font-size: 14px;
line-height: 1;
margin: 0 auto;
padding: 0 32px;
position: relative;
text-decoration: none;
height: 48px;
user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
transition: background-image 0.25s ease-out;
}

main>section.hero>div.intern-container>div.brands>div>a>i {
font-size: 16px;
line-height: unset;
width: auto;
}

main>section.hero>div.intern-container>div.brands>div>a>i.fa-rocket-launch {
font-size: 18px;
}

main>section.hero>div.intern-container>div.brands>div.hrlink>a {
background-color: #005464;
background-image: linear-gradient(96.46deg, #005464 0%, #007ea5 100%);
margin: 0 0 0 auto;
left: -23px;
}

main>section.hero>div.intern-container>div.brands>div.hrlink>a:hover {
background-image: linear-gradient(145deg, #005464 10%, #007ea5 100%);
}

main>section.hero>div.intern-container>div.brands>div.mycrm>a {
background-color: #c94cb9;
background-image: linear-gradient(90deg, #c94cb9 0%, #045de9 100%);
}

main>section.hero>div.intern-container>div.brands>div.mycrm>a:hover {
background-image: linear-gradient(145deg, #c94cb9 10%, #045de9 100%);
}

main>section.hero>div.intern-container>div.copyrights {
font-size: 13px;
margin: 0 auto 20px;
text-align: center;
}

@media (max-width: 768px) {
  main>section.hero>div.intern-container>div.brands>div.hrlink>ul.accents>li:has(.fa-shield-check) {
  position: relative;
  right: -18px;
  }

  main>section.hero>div.intern-container>div.brands>div.hrlink::after {
  background: radial-gradient(ellipse at 34% 38%, rgba(0, 172, 144, 0.96) 0%, rgba(11, 183, 157, 0.92) 20%, rgba(34, 187, 177, 0.82) 35%, rgba(60, 181, 203, 0.66) 49%, rgba(116, 200, 215, 0.37) 61%, rgba(213, 239, 241, 0.12) 72%, transparent 78%);
  border-radius: 50%;
  content: "";
  filter: saturate(1.04);
  pointer-events: none;
  position: absolute;
  left: -15px;
  bottom: 56px;
  pointer-events: none;
  transform: rotate(-15deg);
  height: 454px;
  width: 1080px;
  z-index: -1;
  }

  main>section.hero>div.intern-container>div.brands>div.mycrm>ul.accents {
  display: none;
  }

  main>section.hero>div.elements {
  position: absolute;
  inset: auto -360px 180px;
  }
}

@media (min-width: 767.98px) {
  main.index>section.hero::before {
  background: radial-gradient(ellipse at 34% 38%, rgba(0, 172, 144, 0.96) 0%, rgba(11, 183, 157, 0.92) 20%, rgba(34, 187, 177, 0.82) 35%, rgba(60, 181, 203, 0.66) 49%, rgba(116, 200, 215, 0.37) 61%, rgba(213, 239, 241, 0.12) 72%, transparent 78%);
  border-radius: 50%;
  content: "";
  filter: saturate(1.04);
  pointer-events: none;
  position: absolute;
  left: -300px;
  bottom: -700px;
  pointer-events: none;
  transform: rotate(10deg);
  height: 975px;
  width: 1366px;
  z-index: -1;
  }

  main>section.hero {
  display: flex;
  overflow: hidden;
  min-height: 100%;
  }

  main.index>section.hero::after {
  background: radial-gradient(ellipse at 63% 38%, rgba(76, 74, 170, 0.94) 0%, rgba(101, 91, 184, 0.90) 22%, rgba(130, 112, 198, 0.76) 38%, rgba(165, 145, 213, 0.58) 52%, rgba(201, 187, 228, 0.32) 65%, rgba(236, 229, 246, 0.11) 74%, transparent 80%);
  border-radius: 50%;
  content: "";
  pointer-events: none;
  position: absolute;
  right: -300px;
  bottom: -700px;
  transform: rotate(-10deg);
  height: 875px;
  width: 1600px;
  z-index: -1;
  }

  main>section.hero>div.intern-container>div.priveks {
  margin: 26px 0 16px;
  }

  main>section.hero>div.intern-container>div.brands>div.hrlink {
  margin: unset;
  overflow: unset;
  max-width: 460px;
  }

  main>section.hero>div.intern-container>div.brands>div.hrlink>div.headline {
  margin: 0 0 36px 94px;
  }

  main>section.hero>div.intern-container>div.brands>div.hrlink>div.headline>h1 {
  font-size: 36px;
  }

  main>section.hero>div.intern-container>div.brands>div.hrlink>img {
  left: unset;
  margin: 0 0 12px;
  max-width: 100%;
  width: unset;
  }

  main>section.hero>div.intern-container>div.brands>div.mycrm>div.headline {
  margin: 52px 0 24px;
  }

  main>section.hero>div.intern-container>div.brands>div.mycrm>img {
  position: absolute;
  right: 96px;
  top: 126px;
  }

  main>section.hero>div.intern-container>div.brands>div.mycrm>ul.accents {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: unset;
  max-width: 425px;
  }

  main>section.hero>div.intern-container>div.brands>div.mycrm>ul.accents>li:has(.fa-code) {
  margin: 40px auto 0 0;
  order: 1;
  left: 30px;
  }

  main>section.hero>div.intern-container>div.brands>div.mycrm>ul.accents>li:has(.fa-wand-magic-sparkles) {
  margin: 0 0 0 auto;
  order: 2;
  right: -70px;
  }

  main>section.hero>div.intern-container>div.brands>div.mycrm>ul.accents>li:has(.fa-file-lines) {
  margin: 120px auto 0 0;
  order: 3;
  left: 40px;
  }

  main>section.hero>div.intern-container>div.brands>div.mycrm>ul.accents>li:has(.fa-user-group) {
  margin: 49px 0 0 auto;
  order: 4;
  right: -105px;
  }

  main>section.hero>div.intern-container>div.brands>div.mycrm>ul.accents>li:has(.fa-cube) {
  margin: -3px auto 0 0;
  order: 5;
  left: 70px;
  }

  main>section.hero>div.intern-container>div.brands>div.mycrm>ul.accents>li:has(.fa-map-location-dot) {
  margin: -74px 0 0 auto;
  order: 6;
  right: -130px;
  }

  main>section.hero>div.intern-container>div.brands>div.mycrm>ul.accents>li:has(.fa-message-waveform) {
  margin: -74px 0 0 auto;
  order: 7;
  right: -90px;
  }

  main>section.hero>div.intern-container>div.brands>div.hrlink>a {
  margin: 0 auto;
  left: unset;
  }

  main>section.hero>div.intern-container>div.brands>div.mycrm>a {
  left: 20px;
  }

  main>section.hero>div.intern-container>div.copyrights {
  color: white;
  }

  main>section.hero>div.elements>svg {
  position: absolute;
  inset: auto 18% 220px;
  z-index: -1;
  }
}