@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=ce7f1503-dd20-4e71-8459-18c9cc967b6a");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1.5;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

:root {
  --font200: "Helvetica Neue LT W05_45 Light", sans-serif;
  --font500: "Helvetica Neue LT W05_65 Medium", sans-serif;
  --font700: "Helvetica Neue LT W05_75 Bold", sans-serif;
  --primary1: #00acec;
  --primary2: #02ff44;
  --primary3: #00394e;
  --dark1: #000;
  --dark2: #111111;
  --dark3: #060606;
  --light1: #fff;
  --light2: #ddd;
  --grey1: #8d8d8d;
  --grey2: #959595;
  --grey3: #4f4f4f;
  --red1: #ff0000;
  --red2: #ff3d3d;
  --gradient1: linear-gradient(
    90deg,
    rgba(0, 174, 192, 1) 0%,
    rgba(0, 20, 25, 1) 30%,
    rgba(0, 164, 228, 1) 50%,
    rgba(0, 25, 28, 1) 100%
  );
  --gradient1-mirror: linear-gradient(
    90deg,
    rgba(0, 174, 192, 1) 0%,
    rgba(0, 20, 25, 1) 15%,
    rgba(0, 164, 228, 1) 25%,
    rgba(0, 25, 28, 1) 50%,
    rgba(0, 164, 228, 1) 75%,
    rgba(0, 20, 25, 1) 85%,
    rgba(0, 174, 192, 1) 100%
  );
  --gradient1-position: 0%;
  --gradient1-rotate: 45deg;
  --gradient2: linear-gradient(
    0deg,
    rgba(0, 20, 25, 1) 0%,
    rgba(0, 164, 228, 1) 60%,
    rgba(0, 25, 28, 1) 100%
  );
  --gradient3: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 29, 40, 1) 20%,
    rgba(0, 76, 105, 1) 36%,
    rgba(0, 164, 228, 1) 53%,
    rgba(0, 86, 118, 1) 68%,
    rgba(0, 38, 53, 1) 82%,
    rgba(0, 0, 0, 1) 100%
  );
}

@font-face {
  font-family: "Helvetica Neue LT W05_65 Medium";
  src: url("../fonts/2/240c57a0-fdce-440d-9ce3-85e0cb56f470.woff2")
      format("woff2"),
    url("../fonts/2/7802e576-2ffa-4f22-a409-534355fbea79.woff") format("woff");
}
@font-face {
  font-family: "Helvetica Neue LT W05_75 Bold";
  src: url("../fonts/2/800da3b0-675f-465f-892d-d76cecbdd5b1.woff2")
      format("woff2"),
    url("../fonts/2/7b415a05-784a-4a4c-8c94-67e9288312f5.woff") format("woff");
}
@font-face {
  font-family: "Helvetica Neue LT W05_45 Light";
  src: url("../fonts/2/f9c5199e-a996-4c08-9042-1eb845bb7495.woff2")
      format("woff2"),
    url("../fonts/2/2a34f1f8-d701-4949-b12d-133c1c2636eb.woff") format("woff");
}

* {
  box-sizing: border-box;
  line-height: 1.5;
}

*:after,
*:before {
  outline: none !important;
}

html {
  font-size: 16px;
  font-family: var(--font500);
  scroll-behavior: smooth;
  scroll-padding-top: 50px;
}
@media (min-width: 1200px) {
  html {
    scroll-padding-top: 70px;
  }
}

.hidden {
  display: none !important;
}

body {
  color: var(--light1);
  background: var(--dark1);
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
body.stop-scroll {
  overflow: hidden;
}
@media (min-width: 1200px) {
  body.stop-scroll {
    overflow: auto;
  }
}
body.stop-scroll-xs {
  overflow: hidden;
}
@media (min-width: 768px) {
  body.stop-scroll-xs {
    overflow: auto;
  }
}

main {
  position: relative;
  flex: 1;
}

button {
  all: unset;
  box-sizing: border-box;
  cursor: pointer;
}

textarea,
input {
  font-size: inherit;
  font-family: inherit;
  border: 0;
  caret-color: var(--primary1);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

::-moz-selection {
  color: var(--light1);
  background: var(--primary1);
}

::selection {
  color: var(--light1);
  background: var(--primary1);
}

::-webkit-scrollbar {
  width: 1rem;
  height: 1rem;
}

::-webkit-scrollbar-thumb {
  background: var(--primary3);
  border: 0.125rem solid var(--dark2);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--primary1);
}

::-webkit-scrollbar-track {
  border-radius: 0;
  background: var(--dark2);
}

a {
  text-decoration: none;
  cursor: pointer;
  color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.25;
  font-family: var(--font700);
}

h1 {
  font-size: 26px;
}
@media (min-width: 768px) {
  h1 {
    font-size: 33px;
  }
}

h2 {
  font-size: 23px;
}
@media (min-width: 768px) {
  h2 {
    font-size: 33px;
  }
}

h3 {
  font-size: 21px;
}
@media (min-width: 768px) {
  h3 {
    font-size: 30px;
  }
}

h4 {
  font-size: 19px;
}
@media (min-width: 768px) {
  h4 {
    font-size: 27px;
  }
}

h5 {
  font-size: 18px;
}
@media (min-width: 768px) {
  h5 {
    font-size: 25px;
  }
}

strong,
b {
  font-family: var(--font500);
}

.nowrap {
  white-space: nowrap;
}

.btn,
.wp-text .ctabutton a {
  padding: 0.625rem 2rem;
  display: inline-block;
  color: var(--dark1);
  background: var(--primary2);
  transition: 0.2s;
  text-align: center;
  border: 0;
  border-radius: 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  line-height: 16px;
  text-decoration: none;
  position: relative;
  transition: 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  font-family: var(--font700);
  font-size: 16px;
  line-height: 1.25;
}

.btn_group_b {
  padding: 0.625rem 2rem;
  display: inline-block;
  color: var(--dark1);
  background-color: transparent;
  border-radius: 2rem;
  border: 2px solid var(--primary2);
  color: var(--primary2);
  transition: 0.2s;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  line-height: 16px;
  text-decoration: none;
  position: relative;
  transition: 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  font-family: var(--font700);
  font-size: 16px;
  line-height: 1.25;
}

@media (min-width: 768px) {
  .btn,
  .wp-text .ctabutton a {
    padding: 12px 42px;
    font-size: 23px;
  }
  .btn:hover,
  .wp-text .ctabutton a:hover {
    background: var(--light1);
    box-shadow: 0 0 1.5rem rgba(255, 255, 255, 0.5);
  }
  .btn:hover .btn__icon-right,
  .wp-text .ctabutton a:hover .btn__icon-right {
    fill: var(--light1);
  }
  .btn--light-bg:hover {
    background: var(--dark1);
    color: var(--light1);
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.7);
  }
}

.btn_group_b:hover {
  color: #000;
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0 0 1.5rem rgba(255, 255, 255, 0.5);
}

@media (max-width: 1199px) {
  .btn-black-hover:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.5);
  }
}

.btn__icon-right {
  width: 2rem;
  margin-left: 1rem;
  transition: 0.2s;
}
.btn__icon-right--rotate {
  transform: rotate(-180deg);
}

.text-primary1 {
  color: var(--primary1);
}

.gradient-line {
  width: 100%;
  height: 2px;
  border: 0;
  margin: -1px 0;
  position: relative;
  z-index: 1;
  background: var(--primary1);
  background-image: var(--gradient1-mirror);
  background-size: 200%;
  background-position-x: var(--gradient1-position);
  transition: 0.5s;
}
.gradient-line--visible-xs {
  display: none;
}
@media (min-width: 768px) {
  .gradient-line--visible-xs {
    display: block;
  }
}

.container {
  width: 100%;
  max-width: 77rem;
  margin: 0 auto;
  padding: 0 1rem;
}
.container--l {
  max-width: 67rem;
}
.container--m {
  max-width: 57rem;
}
.container--s {
  max-width: 47rem;
}

.wp-text {
  line-height: 1.25;
  font-family: var(--font200);
  font-size: 15px;
}
@media (min-width: 768px) {
  .wp-text {
    font-size: 23px;
  }
}
.wp-text h2,
.wp-text h3,
.wp-text h4,
.wp-text h5,
.wp-text h6 {
  padding: 0 0 0.75em;
  color: var(--primary1);
}
.wp-text ul {
  list-style: none;
  font-family: var(--font200);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.wp-text ul li {
  position: relative;
  padding-left: 35px;
  margin: 0;
}
@media (min-width: 768px) {
  .wp-text ul li {
    padding-left: 45px;
  }
}
.wp-text ul li:before {
  content: "";
  position: absolute;
  background: url(../img/icons/list-chevron.svg) no-repeat center center;
  width: 23px;
  height: 18px;
  left: 0;
  top: 4px;
}
@media (min-width: 768px) {
  .wp-text ul li:before {
    height: 25px;
  }
}
.wp-text ol {
  list-style: decimal;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.wp-text p + p {
  margin-top: 0.75em;
}
.wp-text p + h2,
.wp-text p + h3,
.wp-text p + h4,
.wp-text p + h5,
.wp-text p + h6,
.wp-text ul + h2,
.wp-text ul + h3,
.wp-text ul + h4,
.wp-text ul + h5,
.wp-text ul + h6,
.wp-text ol + h2,
.wp-text ol + h3,
.wp-text ol + h4,
.wp-text ol + h5,
.wp-text ol + h6 {
  margin-top: 4rem;
}
.wp-text p + img {
  margin-top: 1em;
}
.wp-text p + ul,
.wp-text p + ol {
  margin: 0.75em 0;
}
.wp-text ul + p,
.wp-text ol + p {
  margin-top: 1em;
}
.wp-text li {
  margin-left: 2em;
}
.wp-text i,
.wp-text em {
  font-style: italic;
}
.wp-text img,
.wp-text div {
  max-width: 100%;
}
.wp-text img {
  height: auto;
  margin: 1.5em 0;
}
.wp-text figure {
  margin-top: 1rem;
}
.wp-text figure img {
  height: auto;
}
.wp-text figure figcaption {
  display: none;
}
.wp-text blockquote {
  padding-left: 1rem;
  font-style: italic;
  margin: 2rem 0;
}
.wp-text > table {
  margin: 2rem 0;
}
.wp-text > table td {
  border: 0.0625rem solid var(--primary1);
  padding: 0.5rem;
}
.wp-text sup {
  vertical-align: super;
  font-size: smaller;
}
.wp-text a {
  color: var(--primary1);
}
.wp-text .ctabutton a {
  margin: 0 auto;
}
.wp-text .ctabutton a:hover {
  background: var(--dark1);
  color: var(--light1);
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.7);
}
.wp-text--law {
  font-size: 14px;
}
@media (min-width: 768px) {
  .wp-text--law {
    font-size: 16px;
  }
}
.wp-text--law h2 {
  font-size: 21px;
}
@media (min-width: 768px) {
  .wp-text--law h2 {
    font-size: 23px;
  }
}
.wp-text--law h3 {
  font-size: 19px;
}
@media (min-width: 768px) {
  .wp-text--law h3 {
    font-size: 21px;
  }
}
.wp-text--law ul li {
  padding-left: 18px;
}
@media (min-width: 768px) {
  .wp-text--law ul li {
    padding-left: 20px;
  }
}
.wp-text--law ul li:before {
  height: 12px;
}
@media (min-width: 768px) {
  .wp-text--law ul li:before {
    height: 16px;
  }
}
.wp-text--law p + h2,
.wp-text--law p + h3,
.wp-text--law p + h4,
.wp-text--law p + h5,
.wp-text--law p + h6,
.wp-text--law ul + h2,
.wp-text--law ul + h3,
.wp-text--law ul + h4,
.wp-text--law ul + h5,
.wp-text--law ul + h6,
.wp-text--law ol + h2,
.wp-text--law ol + h3,
.wp-text--law ol + h4,
.wp-text--law ol + h5,
.wp-text--law ol + h6 {
  margin-top: 2rem;
}

.header {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0);
  color: var(--light1);
  transition: 0.2s;
}
@media (min-width: 1200px) {
  .header:before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: var(--dark1);
    transition: 0.2s;
    transition-delay: 0.2s;
    opacity: 0;
  }
}
.header:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.125rem;
  transition: 0.2s;
  background: rgba(0, 0, 0, 0);
}
.header--white {
  background: var(--dark1);
}
.header--scroll {
  background: var(--dark1);
  color: var(--light1);
}
.header--scroll:after {
  background: var(--primary1);
  background-image: var(--gradient1-mirror);
  background-size: 200%;
  background-position-x: var(--gradient1-position);
  transition: 0.5s;
}
.header--scroll .logo-text {
  fill: var(--light1);
}
.header--scroll .menu-trigger__icon {
  fill: var(--light1);
}
@media (min-width: 1200px) {
  .header:hover:before {
    opacity: 1;
  }
  .header:hover .menu__link:before {
    opacity: 1;
  }
}
.header__container {
  max-width: 73rem;
  width: 100%;
  padding: 0 1rem;
  margin: 0 auto;
  display: block;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.header_cta {
  margin-top: 20px;
  width: 100%;
}

.header_cta > a {
  width: 100%;
  padding: 0.75rem 1rem;
}

@media (min-width: 1200px) {
  .header_cta {
    margin-top: 0;
    display: initial;
  }

  .header_cta > a {
    padding: 0.5rem 1rem !important;
  }

  .header__container {
    padding: 0;
    align-items: unset;
  }
}
.header__menus {
  display: flex;
  width: 100%;
  margin: auto;
  padding: 2rem;
  flex-direction: column;
  position: fixed;
  background: var(--light1);
  color: var(--dark1);
  inset: 0;
  height: 100vh;
  height: 100dvh;
  z-index: 1;
  gap: 1rem;
  transition: 0.4s;
  transform: translateY(-105%);
  pointer-events: none;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1000;
}
.header__menus--active {
  transform: translateY(0%);
  pointer-events: all;
}
@media (min-width: 768px) {
  .header__menus {
    padding: 4rem;
  }
}
@media (min-width: 1200px) {
  .header__menus {
    position: static;
    width: 100%;
    height: unset;
    margin: 0 0.5rem 0 0;
    padding: 0;
    flex-direction: row;
    background: none;
    color: inherit;
    gap: 0;
    border-radius: 0;
    pointer-events: all;
    transform: unset;
    overflow: unset;
  }
}

.header-logo {
  padding: 1rem 0;
  display: block;
  transition: 0.2s;
  position: relative;
  z-index: 2;
}
@media (min-width: 1200px) {
  .header-logo {
    padding: 21px 1rem;
  }
}
.header-logo__img {
  display: block;
  height: 18px;
  width: auto;
  transition: 0.2s;
}
@media (min-width: 1200px) {
  .header-logo__img {
    height: 24px;
  }
}

.menu-trigger {
  margin-left: auto;
}
@media (min-width: 1200px) {
  .menu-trigger {
    display: none;
  }
}
.menu-trigger__icon {
  height: 19px;
  width: auto;
  margin-top: -1px;
  display: block;
}

.menu-top {
  display: flex;
  justify-content: space-between;
  padding: 0 0.5rem;
}
@media (min-width: 1200px) {
  .menu-top {
    display: none;
  }
}

.menu-close__icon {
  height: 2rem;
  width: 2rem;
  display: block;
}

.menu {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .menu {
    margin-left: auto;
    flex-direction: row;
    gap: 9px;
  }
}
.menu__single {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--grey2);
}
.menu__single:last-child {
  border: none;
}
@media (min-width: 1200px) {
  .menu__single {
    display: block;
    border: none;
    position: relative;
  }
  .menu__single:hover,
  .menu__single--hover {
    color: var(--primary1);
  }
  .menu__single:hover .submenu,
  .menu__single--hover .submenu {
    transform: translateY(0%);
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2);
    top: calc(100% - 2px);
    transition-delay: 0.4s;
  }
  .menu__single:focus-within .submenu {
    transform: translateY(0%);
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2);
    top: calc(100% - 2px);
    transition-delay: 0s;
  }
  .menu__single:focus {
    color: inherit;
  }
}
.menu__link {
  transition: 0.2s;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0.5rem;
  position: relative;
  font-size: 23px;
  white-space: nowrap;
}
@media (min-width: 1200px) {
  .menu__link {
    padding: 1.125rem 0.5rem;
    position: relative;
    z-index: 1;
  }
  .menu__link:before {
    content: "";
    background: var(--dark1);
    position: absolute;
    height: calc(100% + 1rem);
    bottom: 0.125rem;
    left: -0.5rem;
    width: calc(100% + 1rem);
    z-index: -1;
    transition: 0.2s;
    transition-delay: 0.2s;
    opacity: 0;
  }
}
.menu__link--submenu {
  cursor: default;
}
.menu__link--active {
  color: var(--primary1);
}
.menu__icon {
  display: block;
  height: 15px;
  margin-right: 0.5rem;
}

.submenu {
  color: var(--dark1);
  width: 100%;
  padding: 0 0.5rem 2rem;
  display: none;
  flex-direction: column;
}
.submenu--active {
  display: flex;
}
@media (min-width: 1200px) {
  .submenu {
    padding: 1rem;
    position: absolute;
    display: grid;
    left: -0.5rem;
    top: 0;
    transition: 0.2s;
    background: var(--light1);
    width: -moz-fit-content;
    width: fit-content;
    text-wrap: nowrap;
    transform: translateY(-100%);
  }
}
.submenu__link {
  font-size: 16px;
  transition: 0.2s;
  padding: 8px 0;
  font-family: var(--font200);
}
@media (min-width: 1200px) {
  .submenu__link {
    border-bottom: 1px solid var(--grey1);
    padding: 0.75rem 1.5rem;
    font-size: 20px;
  }
}
.submenu__link:nth-last-child(1) {
  border: 0;
}
@media (min-width: 1200px) {
  .submenu__link:hover {
    color: var(--primary1);
  }
}
.submenu__link--active {
  color: var(--primary1);
}

.footer {
  padding-top: 53px;
  text-align: center;
  background: url(../img/gradients/footer-mobile.png) no-repeat center center;
  background-size: 100% 100%;
}
@media (min-width: 768px) {
  .footer {
    text-align: left;
  }
}
@media (min-width: 992px) {
  .footer {
    background: url(../img/gradients/footer-desktop.png) no-repeat center center;
    background-size: 100% 100%;
  }
}
.footer__container {
  max-width: 73rem;
  width: 100%;
  padding: 0 1rem;
  margin: 0 auto;
  display: block;
}
.footer__socials {
  padding: 42px 0;
  font-size: 17px;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .footer__socials {
    padding: 32px 0 13px;
    font-size: 22px;
    display: block;
  }
}
.footer__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 54px 27px 92px 8px;
}
@media (min-width: 992px) {
  .footer__bottom {
    justify-content: space-between;
    flex-direction: row;
    align-items: unset;
  }
}

.footer-logo {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .footer-logo {
    margin: 0;
  }
}
.footer-logo__img {
  height: 24px;
  width: auto;
  display: block;
}

.socials-btn {
  display: flex;
  align-items: center;
  padding: 6px;
  width: -moz-fit-content;
  width: fit-content;
}
.socials-btn__img {
  height: 25px;
  width: auto;
  display: block;
  margin-left: 11px;
}

.footer-main {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 0 5px;
  gap: 4rem;
}
@media (min-width: 768px) {
  .footer-main {
    padding: 0 45px 0 5px;
  }
}
@media (min-width: 992px) {
  .footer-main {
    justify-content: space-between;
    flex-wrap: nowrap;
  }
}
.footer-main__col {
  width: 100%;
}
@media (min-width: 768px) {
  .footer-main__col {
    width: calc(50% - 2rem);
  }
}
@media (min-width: 992px) {
  .footer-main__col {
    width: auto;
  }
}

.footer-subheader {
  color: var(--primary1);
  font-size: 19px;
}

.footer-menu {
  display: flex;
  flex-direction: column;
  font-size: 15px;
  font-family: var(--font200);
  padding-top: 14px;
  gap: 11px;
}
@media (min-width: 768px) {
  .footer-menu {
    font-size: 19px;
    gap: 13px;
  }
}
.footer-menu__link {
  transition: 0.2s;
}
@media (min-width: 768px) {
  .footer-menu__link:hover {
    color: var(--primary1);
    text-decoration: underline;
  }
}
@media (min-width: 992px) {
  .footer-menu__link {
    white-space: nowrap;
  }
}
.footer-menu__link--active {
  color: var(--primary1);
}

.copyright {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .copyright {
    flex-direction: row;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    gap: 15px;
  }
}
.copyright__text {
  font-family: var(--font200);
  font-size: 14px;
}
@media (min-width: 768px) {
  .copyright__text {
    font-size: 17px;
  }
}
.copyright__logo {
  margin-top: 2px;
  height: 30px;
  width: auto;
  display: block;
}
@media (min-width: 768px) {
  .copyright__logo {
    margin-top: 0;
    height: 36px;
  }
}

.certificates {
  display: flex;
  align-items: center;
  gap: 15px;
  padding-top: 54px;
}
@media (min-width: 992px) {
  .certificates {
    padding-top: 0;
  }
}
.certificates__img {
  display: block;
  height: 50px;
  width: auto;
}
@media (min-width: 768px) {
  .certificates__img {
    height: 69px;
  }
}
.certificates__img--bigger {
  height: 64px;
}
@media (min-width: 768px) {
  .certificates__img--bigger {
    height: 86px;
  }
}

.normal-page {
  padding: 9rem 0 4.5rem;
}

.page-title {
  font-size: 3rem;
  padding-bottom: 0.5em;
}

.front-page {
  overflow: hidden;
}

.title {
  font-size: 35px;
  line-height: 1;
  text-align: center;
  text-wrap: balance;
  position: relative;
  z-index: 1;
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .title {
    font-size: 55px;
    line-height: 1.05;
  }
}
@media (min-width: 992px) {
  .title {
    font-size: 70px;
  }
}
.title--left {
  text-align: left;
}
.title--mobile-left {
  text-align: left;
}
@media (min-width: 768px) {
  .title--mobile-left {
    text-align: center;
  }
}
.title--no-padding {
  padding: 0;
}
.title--partners {
  max-width: 800px;
  margin: 0 auto;
}
.title--globally {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .title--globally {
    display: block;
  }
}
.title--privacy {
  max-width: 26ch;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .title--lets-talk {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .title--reach-audiences {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .title--reach-with-idg {
    max-width: 23ch;
  }
}
.title--clients-info {
  padding: 0;
}
@media (min-width: 768px) {
  .title--clients-info {
    text-align: left;
  }
}
.title__primary {
  color: var(--primary1);
}

.subtitle {
  text-align: center;
  font-size: 15px;
  font-family: var(--font200);
  padding: 0 0 2rem;
  text-wrap: balance;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .subtitle {
    font-size: 23px;
  }
}
.subtitle--left {
  text-align: left;
}
.subtitle--mobile-left {
  text-align: left;
}
@media (min-width: 768px) {
  .subtitle--mobile-left {
    text-align: center;
  }
}
.subtitle--get-alternative-data {
  max-width: 64ch;
  margin: 0 auto;
}
.subtitle--struggle {
  padding: 0 0 4rem;
}
.subtitle--dots-customer-view2 {
  max-width: 66ch;
  margin: 0 auto 3rem;
}
.subtitle--get-raw-data {
  max-width: 66ch;
  margin: 0 auto 3rem;
}
.subtitle--multiline {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.section--white-bg {
  background: var(--light1);
  color: var(--dark1);
}
.section--normal {
  padding: 6rem 0;
}
.section--top-space {
  padding: 6rem 0 0;
}
.section--bottom-space {
  padding: 0 0 6rem;
}
.section--numbers {
  padding: 2rem 0 6rem;
}
@media (min-width: 768px) {
  .section--numbers {
    padding: 6rem 0;
  }
}
.section--numbers2 {
  padding: 6rem 0;
}
.section--numbers-bg {
  background: url(../img/gradients/data-seed1.png) no-repeat center bottom;
  background-size: 100% 100%;
}
.section--main-home {
  padding: 72px 0 94px;
}
@media (min-width: 768px) {
  .section--main-home {
    padding: 6rem 0;
  }
}
.section--main-home1 {
  background: url(../img/gradients/front-main1.png) no-repeat center center;
  background-size: 100% 100%;
}
.section--main-home2 {
  background: url(../img/gradients/front-main2.png) no-repeat center center;
  background-size: 100% 100%;
}
.section--main-home3 {
  background: url(../img/gradients/front-main3.png) no-repeat center center;
  background-size: 100% 100%;
  overflow: hidden;
}
.section--partners {
  padding: 4rem 0;
}
@media (min-width: 768px) {
  .section--partners {
    padding: 6rem 0;
  }
}
.section--partners2 {
  padding: 3rem 0;
}
.section--trusted {
  padding: 6rem 0 10rem;
  background: url(../img/gradients/front-trusted.png) no-repeat center center;
  background-size: 100% 100%;
}
@media (min-width: 768px) {
  .section--trusted {
    padding: 6rem 0;
  }
}
.section--globally {
  position: relative;
  z-index: 1;
  padding: 22px 0 80vw;
}
@media (min-width: 768px) {
  .section--globally {
    padding: 165px 0 236px;
  }
}
@media (min-width: 1200px) {
  .section--globally {
    padding-bottom: 486px;
  }
}
.section--privacy {
  background: url(../img/gradients/front-privacy.png) no-repeat center center;
  background-size: 100% 100%;
  padding-top: 6rem;
}
.section--customers {
  padding: 5rem 0 0;
}
@media (min-width: 768px) {
  .section--customers {
    padding: 6rem 0 0;
  }
}
.section--whats-new {
  padding: 6rem 0;
  background: url(../img/gradients/whats-new.png) no-repeat top left;
  background-size: auto 100%;
}
.section--whats-new2 {
  padding: 6rem 0;
  background: url(../img/gradients/whats-new.png) no-repeat top left;
  background-size: auto 100%;
}
@media (min-width: 768px) {
  .section--whats-new2 {
    padding: 6rem 0;
  }
}
.section--lets-talk {
  padding: 4rem 0;
}
@media (min-width: 768px) {
  .section--lets-talk {
    padding: 6rem 0;
  }
}
.section--lets-talk2 {
  padding: 4rem 0;
}
@media (min-width: 768px) {
  .section--lets-talk2 {
    padding: 6rem 0;
  }
}
.section--segments-number {
  padding-bottom: 6rem;
}
.section--cookieless {
  padding: 6rem 0;
  background: url(../img/gradients/product1-cookieless.png) no-repeat top center;
  background-size: cover;
}
.section--gdpr-ccpa {
  padding: 6rem 0;
}
.section--gdpr-ccpa-bg2 {
  background: url(../img/gradients/product2-gdpr.png) no-repeat top center;
  background-size: cover;
}
.section--gdpr-ccpa-bg3 {
  background: url(../img/gradients/product3-gdpr.png) no-repeat top center;
  background-size: cover;
}
.section--gdpr-ccpa-bg4 {
  background: url(../img/gradients/product4-gdpr.png) no-repeat top center;
  background-size: cover;
}
.section--integrations {
  position: relative;
  z-index: 1;
  padding: 1rem 0 13rem;
}
@media (min-width: 768px) {
  .section--integrations {
    padding: 96px 0 335px;
  }
}
.section--reach-audiences {
  padding: 4rem 0;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .section--reach-audiences {
    padding: 6rem 0;
  }
}
.section--first-know {
  padding: 4rem 0 0;
}
@media (min-width: 768px) {
  .section--first-know {
    padding: 6rem 0 0;
  }
}
.section--get-alternative-data {
  padding: 6rem 0 0;
}
.section--for-whom {
  padding: 6rem 0;
}
@media (min-width: 768px) {
  .section--for-whom {
    padding: 6rem 0 0;
  }
}
.section--how-help {
  padding: 6rem 0 2rem;
}
@media (min-width: 768px) {
  .section--how-help {
    padding: 6rem 0 0;
  }
}
.section--product-more {
  padding: 1rem 0;
}
@media (min-width: 768px) {
  .section--product-more {
    padding: 3rem 0;
  }
}
.section--product-more-last {
  padding: 1rem 0 6rem;
}
@media (min-width: 768px) {
  .section--product-more-last {
    padding: 3rem 0;
  }
}
.section--product-more-last2 {
  padding: 1rem 0 2rem;
}
@media (min-width: 768px) {
  .section--product-more-last2 {
    padding: 3rem 0;
  }
}
.section--struggle {
  padding: 6rem 0 10rem;
}
.section--lets-connect {
  padding: 6rem 0;
}
.section--dots-customer-view2 {
  padding: 6rem 0;
}
.section--how-idg-work {
  padding: 6rem 0 4rem;
}
@media (min-width: 768px) {
  .section--how-idg-work {
    padding: 6rem 0;
  }
}
.section--better-with {
  padding: 6rem 0;
}
.section--get-raw-data {
  padding: 6rem 0;
}
.section--fill-gaps {
  padding: 6rem 0;
  background: url(../img/gradients/product5-fill-gaps.png) no-repeat center
    center;
  background-size: cover;
}
.section--fill-gaps-bg3 {
  background: url(../img/gradients/product3-fill-gaps.png) no-repeat top center;
  background-size: cover;
}
.section--get-more-knowledge {
  padding: 6rem 0;
}
.section--reach-with-idg {
  padding: 63px 0 105px;
}
@media (min-width: 768px) {
  .section--reach-with-idg {
    padding: 6rem 0;
  }
}
.section--client-boxes {
  padding: 6rem 0 0;
}
.section--clients1-gradient1 {
  background: url(../img/gradients/clients1-mobile.png) no-repeat center center;
  background-size: 100% 100%;
}
@media (min-width: 992px) {
  .section--clients1-gradient1 {
    background: url(../img/gradients/clients1-desktop.png) no-repeat center
      center;
    background-size: 100% 100%;
  }
}
.section--clients3-gradient1 {
  background: url(../img/gradients/clients3-mobile.png) no-repeat center center;
  background-size: 100% 100%;
}
@media (min-width: 992px) {
  .section--clients3-gradient1 {
    background: url(../img/gradients/clients3-desktop.png) no-repeat center
      center;
    background-size: 100% 100%;
  }
}
.section--product-points {
  padding: 6rem 0 4rem;
}
.section--product-points2 {
  padding: 6rem 0;
}
.section--about2 {
  background: url(../img/gradients/product5-fill-gaps.png) no-repeat center
    center;
  background-size: 100% 100%;
}
@media (min-width: 992px) {
  .section--about2 {
    background: url(../img/gradients/about2.png) no-repeat top center;
    background-size: 100% 100%;
  }
}
.section--about3 {
  background: url(../img/gradients/about3.png) no-repeat top center;
  background-size: 100% 100%;
}
.section--404 {
  background: url(../img/gradients/404-mobile.png) no-repeat center center;
  background-size: 100% 100%;
}
@media (min-width: 992px) {
  .section--404 {
    background: url(../img/gradients/404-desktop.png) no-repeat right bottom;
    background-size: 50% 80%;
  }
}
.section--post-intro {
  background: url(../img/gradients/single-post.png) no-repeat center center;
  background-size: 100% 100%;
}
.section--blog-intro {
  padding: 7rem 0 6rem;
  background: url(../img/gradients/blog1.png) no-repeat center center;
  background-size: 100% 100%;
}
@media (min-width: 768px) {
  .section--blog-intro {
    padding-top: 2rem;
  }
}
.section--blog {
  padding: 2rem 0 6rem;
  background: url(../img/gradients/blog2.png) no-repeat center center;
  background-size: 100% 100%;
}
.section--blog-content {
  padding: 3rem 0 6rem;
}
@media (min-width: 768px) {
  .section--blog-content {
    padding: 6rem 0;
  }
}
.section--data-seed-gradient1 {
  background: url(../img/gradients/data-seed1.png) no-repeat center bottom;
  background-size: 100% 100%;
}
@media (min-width: 768px) {
  .section--data-seed-gradient1 {
    background-size: 100% 70%;
  }
}
.section--data-seed-gradient2 {
  background: url(../img/gradients/data-seed2.png) no-repeat center top;
  background-size: 100% 60%;
}
.section--data-seed-gradient3 {
  background: url(../img/gradients/data-seed3.png) no-repeat center bottom;
  background-size: 100% 70%;
}
.section--data-seed-gradient5 {
  background: url(../img/gradients/data-seed5.png) no-repeat center center;
  background-size: 100% 100%;
}
.section--data-seed-gradient6 {
  background: url(../img/gradients/data-seed6.png) no-repeat center center;
  background-size: 100% 100%;
}
.section--offices {
  border-top: 0.125rem solid var(--dark1);
}
.section__container {
  max-width: 73rem;
  width: 100%;
  padding: 0 1rem;
  margin: 0 auto;
  display: block;
}
.section__container--customers {
  overflow: hidden;
  padding-bottom: 6rem;
}
.section__container--relative {
  position: relative;
}
.section__container--no-padding {
  padding: 0;
}
@media (min-width: 1200px) {
  .section__container--desktop-3-4 {
    padding-right: 20rem;
  }
}
.section__text {
  position: relative;
  font-family: var(--font200);
  margin-bottom: 4rem;
  line-height: 1.2;
  font-size: 15px;
}
@media (min-width: 768px) {
  .section__text {
    font-size: 23px;
  }
}
@media (min-width: 992px) {
  .section__wrapper-2-3 {
    padding-right: 33%;
  }
}

.section-action {
  display: flex;
  justify-content: center;
}

.gradient-bg-wrapper--product1-1 {
  background: url(../img/gradients/data-seed3.png) no-repeat center bottom;
  background-size: 100% 70%;
}
@media (min-width: 992px) {
  .gradient-bg-wrapper--product1-1 {
    background: url(../img/gradients/product1-wrapper1.png) no-repeat right
      bottom;
    background-size: auto 70%;
  }
}
.gradient-bg-wrapper--product1-2 {
  background: url(../img/gradients/product1-wrapper2.png) no-repeat center
    center;
  background-size: cover;
}
.gradient-bg-wrapper--product2-1 {
  background: url(../img/gradients/product2-wrapper1.png) no-repeat right bottom;
  background-size: auto 70%;
}
.gradient-bg-wrapper--product2-2 {
  position: relative;
}
.gradient-bg-wrapper--product2-2:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70%;
  background: url(../img/gradients/product2-wrapper2.png) no-repeat center top;
  background-size: cover;
}
.gradient-bg-wrapper--product2-3 {
  background: url(../img/gradients/product2-wrapper3.png) no-repeat center
    center;
  background-size: cover;
}
@media (min-width: 768px) {
  .gradient-bg-wrapper--product2-4 {
    background: url(../img/gradients/product2-wrapper4.png) no-repeat center
      center;
    background-size: cover;
  }
}
.gradient-bg-wrapper--product3-1 {
  background: url(../img/gradients/product3-wrapper1.png) no-repeat center
    center;
  background-size: cover;
}
.gradient-bg-wrapper--product3-2 {
  background: url(../img/gradients/data-seed1.png) no-repeat center bottom;
  background-size: 100% 100%;
}
.gradient-bg-wrapper--product4-1 {
  position: relative;
}
.gradient-bg-wrapper--product4-1:before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 70%;
  background: url(../img/gradients/product4-wrapper1.png) no-repeat right top;
  background-size: cover;
}
@media (min-width: 1200px) {
  .gradient-bg-wrapper--product4-1:before {
    width: 50%;
  }
}
.gradient-bg-wrapper--product4-2 {
  background: url(../img/gradients/product4-wrapper2.png) no-repeat center
    center;
  background-size: cover;
}
.gradient-bg-wrapper--product5-1 {
  background: url(../img/gradients/data-seed1.png) no-repeat center bottom;
  background-size: 100% 100%;
}
@media (min-width: 992px) {
  .gradient-bg-wrapper--product5-1 {
    background: url(../img/gradients/data-seed1.png) no-repeat center bottom;
    background-size: 100% 100%;
  }
}
.gradient-bg-wrapper--product6-4 {
  background: url(../img/gradients/data-seed4.png) no-repeat center center;
  background-size: 100% 100%;
}
.gradient-bg-wrapper--clients2-1 {
  background: url(../img/gradients/clients2-mobile.png) no-repeat center center;
  background-size: 100% 100%;
}
@media (min-width: 992px) {
  .gradient-bg-wrapper--clients2-1 {
    background: url(../img/gradients/clients2-desktop.png) no-repeat center
      center;
    background-size: 100% 100%;
  }
}
.gradient-bg-wrapper--clients6-1 {
  background: url(../img/gradients/clients2-mobile.png) no-repeat center center;
  background-size: 100% 100%;
}
@media (min-width: 992px) {
  .gradient-bg-wrapper--clients6-1 {
    background: url(../img/gradients/clients6-desktop.png) no-repeat right
      bottom;
    background-size: 50% 70%;
  }
}
.gradient-bg-wrapper--about1 {
  background: url(../img/gradients/data-seed1.png) no-repeat center bottom;
  background-size: 100% 100%;
}
.gradient-bg-wrapper--privacy1 {
  position: relative;
}
.gradient-bg-wrapper--privacy1:before {
  content: "";
  position: absolute;
  width: 100%;
  height: calc(100% + 9rem);
  top: -9rem;
  left: 0;
  background: url(../img/gradients/privacy1a.png) no-repeat center center;
  background-size: cover;
}
@media (min-width: 992px) {
  .gradient-bg-wrapper--privacy1:before {
    display: none;
  }
}
.gradient-bg-wrapper--privacy2 {
  background: url(../img/gradients/privacy2.png) no-repeat center center;
  background-size: cover;
}
.gradient-bg-wrapper--partners1 {
  position: relative;
}
@media (min-width: 992px) {
  .gradient-bg-wrapper--partners1:before {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(100% + 9rem);
    top: -9rem;
    left: 0;
    background: url(../img/gradients/clients1-desktop.png) no-repeat center
      center;
    background-size: 100% 100%;
  }
}
.gradient-bg-wrapper--partners2 {
  background: url(../img/gradients/partners2.png) no-repeat center bottom;
  background-size: 250% 55%;
}
@media (min-width: 992px) {
  .gradient-bg-wrapper--partners2 {
    background: url(../img/gradients/partners2.png) no-repeat center center;
    background-size: cover;
  }
}
.gradient-bg-wrapper--job-offer1 {
  position: relative;
  overflow: hidden;
}
.gradient-bg-wrapper--job-offer1::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: url(../img/gradients/job.png) no-repeat center top;
  background-size: 100% 100%;
}

.intro {
  padding: 6rem 0 0;
}
@media (min-width: 768px) {
  .intro {
    padding: 8rem 0 2rem;
  }
}
.intro__container {
  max-width: 73rem;
  width: 100%;
  padding: 0 1rem;
  margin: 0 auto;
  display: block;
  display: grid;
  text-align: center;
}
@media (min-width: 992px) {
  .intro__container {
    grid-template-columns: 1fr 1fr;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .intro__container {
    grid-template-columns: 2fr 1fr;
  }
}
.intro__start {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 992px) {
  .intro__start {
    display: block;
  }
}
.intro__title {
  font-size: 50px;
  line-height: 0.8;
}
@media (min-width: 768px) {
  .intro__title {
    line-height: 1;
    font-size: 72px;
  }
}
@media (min-width: 992px) {
  .intro__title {
    font-size: 92px;
  }
}
@media (min-width: 1200px) {
  .intro__title {
    font-size: 112px;
  }
}
.intro__text {
  text-wrap: balance;
  font-family: var(--font200);
  font-size: 15px;
  line-height: 1.2;
  padding: 2.5rem 0 0.5rem;
}
@media (min-width: 768px) {
  .intro__text {
    font-size: 22px;
    line-height: 24px;
    padding: 28px 0 49px;
  }
}
@media (min-width: 992px) {
  .intro__text {
    font-size: 33px;
    line-height: 39.6px;
    max-width: 30ch;
  }
}
.intro__action-desktop {
  display: none;
}
@media (min-width: 992px) {
  .intro__action-desktop {
    display: block;
  }
}
.intro__end {
  position: relative;
}
.intro__video {
  width: 80%;
  height: auto;
}
@media (min-width: 768px) {
  .intro__video {
    width: 60%;
  }
}
@media (min-width: 992px) {
  .intro__video {
    width: 100%;
    position: absolute;
    top: -22px;
  }
}
@media (min-width: 1200px) {
  .intro__video {
    width: calc(100% + 134px);
    left: -134px;
  }
}
@media (min-width: 1400px) {
  .intro__video {
    width: calc(100% + 193px);
  }
}
.intro__action-mobile {
  margin-top: 0.5rem;
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .intro__action-mobile {
    display: none;
  }
}

.text-grinder {
  padding: 134px 0 224px;
  font-family: var(--font700);
  font-size: 24px;
  background: var(--gradient3);
}
@media (min-width: 768px) {
  .text-grinder {
    padding: 200px 0;
    font-size: 25px;
  }
}
@media (min-width: 992px) {
  .text-grinder {
    font-size: 35px;
    padding: 336px 0;
  }
}
@media (min-width: 1200px) {
  .text-grinder {
    font-size: 45px;
  }
}
.text-grinder__container {
  max-width: 73rem;
  width: 100%;
  padding: 0 1rem;
  margin: 0 auto;
  display: block;
  display: flex;
  flex-direction: column;
  text-align: center;
}
@media (min-width: 768px) {
  .text-grinder__container {
    white-space: nowrap;
  }
}
@media (min-width: 992px) {
  .text-grinder__container {
    flex-direction: row;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .text-grinder__static {
    padding-right: 0.5ch;
  }
}
.text-grinder__main {
  position: relative;
}
.text-grinder__single {
  position: absolute;
  top: 1em;
  left: 0;
  transition: 0.5s;
  opacity: 0;
  width: 100%;
  filter: blur(8px);
  transform: scale(0);
}
.text-grinder__single:nth-child(4) {
  opacity: 1;
  top: 0;
  filter: blur(0);
  z-index: 1;
  transform: scale(1);
}
@media (min-width: 992px) {
  .text-grinder__single {
    top: 213px;
    width: unset;
    filter: blur(2px);
    transform: scale(1);
  }
  .text-grinder__single:nth-child(1) {
    opacity: 0;
    top: -213px;
  }
  .text-grinder__single:nth-child(2) {
    top: -143px;
  }
  .text-grinder__single:nth-child(3) {
    opacity: 0.3;
    top: -93px;
  }
  .text-grinder__single:nth-child(4) {
    opacity: 1;
    top: 0;
    filter: blur(0);
  }
  .text-grinder__single:nth-child(5) {
    opacity: 0.3;
    top: 93px;
  }
  .text-grinder__single:nth-child(6) {
    top: 143px;
  }
}

.numbers {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 3.5rem;
  gap: 5rem;
}
@media (min-width: 768px) {
  .numbers {
    gap: 4rem;
    padding-top: 6rem;
    max-width: 850px;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .numbers {
    flex-wrap: nowrap;
    max-width: unset;
    margin: 0;
  }
}
.numbers--data-seed {
  padding-top: 2rem;
}
.numbers__single {
  position: relative;
}
.numbers__single:after {
  content: "";
  height: 3px;
  width: 190px;
  position: absolute;
  top: calc(100% + 44px);
  right: 0;
  left: 0;
  margin: 0 auto;
  background: var(--primary1);
  background-image: var(--gradient1-mirror);
  background-size: 300%;
  background-position-x: var(--gradient1-position);
  transition: 0.5s;
}
.numbers__single:last-child:after {
  display: none;
}
@media (min-width: 460px) {
  .numbers__single {
    width: calc(50% - 30px);
  }
  .numbers__single:after {
    display: none;
  }
}
@media (min-width: 1200px) {
  .numbers__single {
    width: unset;
  }
  .numbers__single:after {
    display: block;
    width: 2px;
    height: calc(100% + 12px);
    top: 0;
    right: -29px;
    left: unset;
    margin: 0;
    background: var(--gradient2);
    background-size: unset;
    background-position-x: unset;
  }
}
.numbers__value {
  color: var(--primary1);
  font-family: var(--font700);
  font-size: 79px;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
}
@media (min-width: 768px) {
  .numbers__value {
    font-size: 74px;
  }
}
@media (min-width: 1200px) {
  .numbers__value {
    font-size: 84px;
  }
}
.numbers__text {
  padding-top: 2px;
  font-size: 35px;
  line-height: 1;
  font-family: var(--font200);
  text-align: center;
}
@media (min-width: 768px) {
  .numbers__text {
    padding-top: 1rem;
  }
}
@media (min-width: 1200px) {
  .numbers__text {
    font-size: 45px;
  }
  .numbers__text--desktop-smaller {
    font-size: 30px;
    max-width: 17rem;
  }
}

.animation-row {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .animation-row {
    flex-direction: row-reverse;
  }
}
@media (min-width: 768px) {
  .animation-row__start {
    width: 50%;
    position: relative;
  }
}
.animation-row__end {
  padding-top: 0.5rem;
}
@media (min-width: 768px) {
  .animation-row__end {
    width: 50%;
  }
}
.animation-row__video {
  height: auto;
  width: 100%;
}
.animation-row__video--n3 {
  margin: 2rem 0;
}
@media (min-width: 768px) {
  .animation-row__video {
    position: absolute;
    height: auto;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .animation-row__video--n1 {
    top: -1.25rem;
    left: unset;
    right: 0;
    width: auto;
  }
  .animation-row__video--n2 {
    top: 0;
    left: unset;
    right: 0;
    width: auto;
  }
  .animation-row__video--n3 {
    top: -5rem;
    left: unset;
    right: 0;
    width: auto;
    height: calc(100% + 4rem);
  }
}
.animation-row__action {
  padding-top: 1rem;
}

.chevron-list {
  font-size: 15px;
  font-family: var(--font200);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .chevron-list {
    font-size: 23px;
  }
}
.chevron-list--lets-talk2 {
  margin-bottom: 3rem;
}
.chevron-list--hide-job {
  display: none;
}
@media (min-width: 768px) {
  .chevron-list--hide-job {
    display: flex;
  }
}
.chevron-list--404 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 2rem;
  text-align: left;
}
@media (min-width: 768px) {
  .chevron-list--404 {
    margin: 0 0 2rem;
  }
}
.chevron-list__single {
  position: relative;
  padding-left: 35px;
}
@media (min-width: 768px) {
  .chevron-list__single {
    padding-left: 45px;
  }
}
.chevron-list__single:before {
  content: "";
  position: absolute;
  background: url(../img/icons/list-chevron.svg) no-repeat center center;
  width: 23px;
  height: 18px;
  left: 0;
  top: 4px;
}
@media (min-width: 768px) {
  .chevron-list__single:before {
    height: 25px;
  }
}
.chevron-list__link {
  text-decoration: underline;
  transition: 0.2s;
}
.chevron-list__link:hover {
  color: var(--primary1);
}

.partners {
  margin: 31px 0 12px;
}
@media (min-width: 768px) {
  .partners {
    margin: 4rem 0 0;
  }
}
.partners--type2 {
  margin: 0;
}
.partners__single {
  position: relative;
  width: 100%;
  height: 40px;
  margin: 0 auto;
  display: block;
}
@media (min-width: 768px) {
  .partners__single {
    width: 50%;
    height: 80px;
  }
}
@media (min-width: 992px) {
  .partners__single {
    width: 400px;
    height: 80px;
  }
}
@media (min-width: 768px) {
  .partners__single--in-media {
    width: 200px;
    height: 40px;
  }
}
.partners__logo {
  position: absolute;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  margin: auto;
  inset: 0;
  display: block;
}
.partners .swiper-wrapper {
  transition-timing-function: linear;
}

.boxes {
  display: grid;
  gap: 2rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .boxes {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .boxes {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .boxes--row2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.boxes--smaller-gap-xs {
  gap: 1rem;
}
@media (min-width: 768px) {
  .boxes--smaller-gap-xs {
    gap: 2rem;
  }
}
.boxes--trusted {
  padding-top: 52px;
}
@media (min-width: 768px) {
  .boxes--trusted {
    padding-top: 98px;
  }
}
.boxes--whats-new {
  padding-top: 2.5rem;
}
@media (min-width: 768px) {
  .boxes--whats-new {
    padding-top: 3rem;
  }
}
.boxes--privacy {
  padding: 3rem 0 6rem;
}
@media (min-width: 768px) {
  .boxes--privacy {
    padding: 6rem 0;
  }
}
.boxes--data-driven {
  padding: 54px 0 112px;
}
@media (min-width: 768px) {
  .boxes--data-driven {
    padding: 83px 0 174px;
  }
}
.boxes--audience-data {
  padding: 4rem 0 6rem;
}
@media (min-width: 768px) {
  .boxes--audience-data {
    padding: 6rem 0;
  }
}
.boxes--cookieless {
  padding-top: 3rem;
}
@media (min-width: 768px) {
  .boxes--cookieless {
    padding-top: 4rem;
  }
}
.boxes--gdpr-ccpa {
  padding-top: 3rem;
}
@media (min-width: 768px) {
  .boxes--gdpr-ccpa {
    padding-top: 4rem;
  }
}
.boxes--first-know {
  padding: 63px 0 105px;
}
@media (min-width: 768px) {
  .boxes--first-know {
    padding: 6rem 0;
  }
}
.boxes--get-alternative-data {
  padding: 63px 0 105px;
}
@media (min-width: 768px) {
  .boxes--get-alternative-data {
    padding: 4rem 0 6rem;
  }
}
.boxes--for-whom {
  padding: 2rem 0 0;
  gap: 1rem;
}
@media (min-width: 768px) {
  .boxes--for-whom {
    padding: 4rem 0 6rem;
    gap: 2rem;
  }
}
.boxes--struggle {
  max-width: 800px;
  margin: 0 auto 4rem;
}
.boxes--dots-customer-view {
  padding: 2rem 0 6rem;
}
@media (min-width: 768px) {
  .boxes--dots-customer-view {
    padding: 6rem 0 8rem;
  }
}
.boxes--fill-gaps {
  padding: 2rem 0 6rem;
}
.boxes--get-more-knowledge {
  padding: 4rem 0;
}
.boxes--clients {
  padding: 4rem 0 6rem;
}
.boxes--horizontal {
  padding: 2rem 0 0;
}
@media (min-width: 768px) {
  .boxes--horizontal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.boxes--centered-row2 {
  padding: 2rem 0 0;
}
@media (min-width: 768px) {
  .boxes--centered-row2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.boxes--data-seed {
  padding: 4rem 0 2rem;
}

.box {
  position: relative;
  overflow: hidden;
  max-width: 450px;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 768px) {
  .box {
    max-width: unset;
    margin: 0;
    width: unset;
    transition: 0.2s;
  }
}
.box:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: var(--gradient1);
  transform: rotate(var(--gradient1-rotate)) scale(3);
  transition: 0.5s;
}
.box:before {
  content: "";
  position: absolute;
  inset: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: var(--dark3);
}
@media (min-width: 768px) {
  .box:last-child:not(:nth-child(even)) {
    grid-column: 1/3;
  }
  .box:last-child:not(:nth-child(even)):after {
    transform: rotate(var(--gradient1-rotate)) scale(4);
  }
}
@media (min-width: 992px) {
  .box:last-child:not(:nth-child(even)) {
    grid-column: unset;
  }
  .box:last-child:not(:nth-child(even)):after {
    transform: rotate(var(--gradient1-rotate)) scale(3);
  }
}
.box--bg1:before {
  background: url(../img/gradients/box1.png) no-repeat center center;
  background-size: 100% 100%;
}
.box--bg2:before {
  background: url(../img/gradients/box2.png) no-repeat center center;
  background-size: 100% 100%;
}
.box--bg3:before {
  background: url(../img/gradients/box3.png) no-repeat center center;
  background-size: 100% 100%;
}
.box--for-whom:after {
  transform: rotate(var(--gradient1-rotate)) scale(5);
}
@media (min-width: 992px) {
  .box--for-whom:after {
    transform: rotate(var(--gradient1-rotate)) scale(4);
  }
}
.box--horizontal {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
@media (min-width: 768px) {
  .box--horizontal {
    width: calc(50% - 1rem);
  }
}
@media (min-width: 768px) {
  .box--horizontal {
    width: calc(33.333333% - 1.66rem);
  }
}
.box--horizontal:after {
  transform: rotate(var(--gradient1-rotate)) scale(5);
}
@media (min-width: 992px) {
  .box--horizontal:after {
    transform: rotate(var(--gradient1-rotate)) scale(4);
  }
}
@media (min-width: 768px) {
  .box--centered-row2 {
    width: calc(50% - 1rem);
  }
}
.box--centered-row2:after {
  transform: rotate(45deg) scale(5) !important;
}
@media (min-width: 768px) {
  .box--blog {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .box--hover {
    cursor: pointer;
    transform: scale(1.05);
    box-shadow: 0 0 2rem var(--primary1);
  }
}
.box__important {
  position: relative;
  z-index: 1;
  font-family: var(--font700);
  font-size: 19px;
  text-align: center;
  color: var(--primary1);
  line-height: 1.2;
  padding: 0 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 28px 0 12px;
}
@media (min-width: 768px) {
  .box__important {
    font-size: 27px;
    margin: 0 0 12px;
    min-height: 65px;
  }
}
.box__important--cookieless {
  font-size: 23px;
}
@media (min-width: 992px) {
  .box__important--cookieless {
    margin: -19px 0 -13px;
  }
}
.box__important--fill-gaps {
  font-size: 1.75rem;
  text-align: left;
  justify-content: flex-start;
  padding: 1.5rem 2rem 0.125rem;
}
@media (min-width: 768px) {
  .box__important--fill-gaps {
    padding: 4rem 2rem 0.125rem;
    font-size: 46px;
  }
}
.box__info {
  position: relative;
  z-index: 1;
  text-align: center;
  font-size: 15px;
  font-family: var(--font200);
  padding: 0 20px;
  line-height: 1.25;
  margin-bottom: 47px;
}
@media (min-width: 768px) {
  .box__info {
    font-size: 23px;
  }
}
.box__info--vertical-center {
  font-size: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 24px;
  min-height: 60px;
}
@media (min-width: 768px) {
  .box__info--vertical-center {
    min-height: 55px;
    margin-bottom: 47px;
    font-size: 23px;
  }
}
.box__info--data-driven {
  min-height: 115px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.box__info--audience-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 1.5rem;
}
.box__info--cookieless-data a {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 992px) {
  .box__info--cookieless-data a {
    padding-left: 26px;
    padding-right: 26px;
  }
}
@media (min-width: 768px) {
  .box__info--audience-data {
    min-height: 115px;
    margin-bottom: 47px;
  }
}
.box__info--gdpr-ccpa {
  font-family: var(--font500);
  min-height: 74px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-wrap: balance;
  margin: 0 0 8px;
}
@media (min-width: 768px) {
  .box__info--gdpr-ccpa {
    min-height: 115px;
    margin: -30px 0 28px;
  }
}
.box__info--get-alternative-data {
  height: 58px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.box__info--for-whom {
  min-height: 104px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
}
.box__info--for-whom2 {
  min-height: 75px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
}
@media (min-width: 768px) {
  .box__info--for-whom2 {
    min-height: 104px;
  }
}
.box__info--dots-customer-view1 {
  margin: 0;
  font-family: var(--font500);
}
.box__info--dots-customer-view2 {
  margin: 15px 0 61px;
}
.box__info--clients {
  margin: 0 0 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.box__info--horizontal {
  margin: 0;
  padding: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box__info--data-seed {
  margin: 1em 0 1em;
  font-family: var(--font700);
  color: var(--primary1);
}
@media (min-width: 768px) {
  .box__info--data-seed {
    min-height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}
.box__text {
  position: relative;
  z-index: 1;
  font-family: var(--font700);
  font-size: 18px;
  text-align: center;
  padding: 0 32px 42px;
  line-height: 1.35;
  display: flex;
  align-items: flex-end;
}
@media (min-width: 768px) {
  .box__text {
    min-height: 167px;
    font-size: 23px;
  }
}
.box__text--blog {
  min-height: unset;
}
.box__text--blog-date {
  flex-direction: column;
}
.box__text--blog-date p {
  margin: 32px 0 0;
  width: 100%;
  font-family: var(--font200);
  color: var(--primary1);
  font-size: 20px;
  text-align: center;
}
.box__action {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1rem 50px;
}
@media (min-width: 768px) {
  .box__action--blog {
    margin-top: auto;
  }
}

.box-thumbnail {
  position: relative;
  z-index: 1;
}
.box-thumbnail:after {
  content: "";
  display: block;
  padding-bottom: 60%;
}
.box-thumbnail--icon1:after {
  padding-bottom: 108px;
}
@media (min-width: 768px) {
  .box-thumbnail--icon1:after {
    padding-bottom: 155px;
  }
}
.box-thumbnail--icon2:after {
  padding-bottom: 118px;
}
@media (min-width: 768px) {
  .box-thumbnail--icon2:after {
    padding-bottom: 182px;
  }
}
.box-thumbnail--clients {
  margin: 2rem 0;
}
.box-thumbnail--clients:after {
  padding-bottom: 6rem;
}
.box-thumbnail--horizontal:after {
  padding-bottom: 100%;
}
.box-thumbnail__img {
  position: absolute;
  width: 60%;
  height: 60%;
  -o-object-fit: contain;
  object-fit: contain;
  inset: 0;
  margin: 10% 20%;
}
.box-thumbnail__img--icon2 {
  margin: 7% 20%;
}
.box-thumbnail__img--w80 {
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
}
.box-thumbnail__img--w100 {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.box-thumbnail__img--h90 {
  height: 90%;
  margin-top: 5%;
  margin-bottom: 5%;
}
.box-thumbnail__img--h100 {
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.box-thumbnail__img--m-0-0-0-20 {
  margin: 0 0 0 20%;
}
.box-thumbnail__img--clients {
  width: 100%;
  height: 100%;
  margin: auto;
}

.bg-map {
  position: absolute;
  top: -56px;
  left: -40%;
  z-index: -1;
  width: 240%;
  max-width: 1438px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .bg-map {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
}

.opinions {
  padding-top: 1.5rem;
  position: relative;
}
@media (min-width: 768px) {
  .opinions {
    padding-top: 6rem;
  }
}
.opinions__btn {
  display: none;
}
@media (min-width: 992px) {
  .opinions__btn {
    display: block;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    width: auto;
    top: 40px;
    height: 100%;
  }
  .opinions__btn:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--light1);
  }
  .opinions__btn--prev {
    left: 16px;
    background: linear-gradient(
      -90deg,
      rgba(255, 255, 255, 0) 0%,
      rgb(255, 255, 255) 20%
    );
  }
  .opinions__btn--prev:after {
    left: 16px;
    transform: translateX(-100%);
  }
  .opinions__btn--next {
    right: 16px;
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgb(255, 255, 255) 20%
    );
  }
  .opinions__btn--next:after {
    right: 16px;
    transform: translateX(100%);
  }
}
.opinions__arrow {
  height: 300px;
}
.opinions__arrow--left {
  transform: scaleX(-1);
}
.opinions .swiper-slide {
  opacity: 0;
  transition: 0.2s;
}
.opinions .swiper-slide-active {
  opacity: 1;
}
.opinions.swiper-horizontal > .swiper-pagination-bullets,
.opinions .swiper-pagination-bullets.swiper-pagination-horizontal {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  bottom: -26px;
}
@media (min-width: 768px) {
  .opinions.swiper-horizontal > .swiper-pagination-bullets,
  .opinions .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -47px;
  }
}
.opinions.swiper-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet,
.opinions
  .swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  border-radius: 4px;
  height: 3px;
  width: 48px;
  background: var(--primary1);
}
@media (min-width: 768px) {
  .opinions.swiper-horizontal
    > .swiper-pagination-bullets
    .swiper-pagination-bullet,
  .opinions
    .swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet {
    height: 4px;
  }
}

.opinion {
  text-align: center;
  max-width: 694px;
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .opinion {
    font-size: 23px;
  }
}
.opinion__text {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  font-family: var(--font200);
}
.opinion__bottom {
  padding-top: 3rem;
  font-size: 20px;
}
@media (min-width: 768px) {
  .opinion__bottom {
    padding-top: 75px;
    font-size: inherit;
  }
}
.opinion__author {
  font-family: var(--font700);
  color: var(--primary1);
}
.opinion__logo {
  height: 2.5rem;
  width: auto;
  margin-top: 1rem;
}

.lets-talk {
  display: flex;
  gap: 39px;
  padding-top: 2rem;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 768px) {
  .lets-talk {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .lets-talk--short {
    max-width: 60%;
  }
}
.lets-talk--no-top-space {
  padding-top: 0;
}
.lets-talk__text {
  font-size: 15px;
  line-height: 1.2;
  text-align: center;
  font-family: var(--font200);
}
@media (min-width: 768px) {
  .lets-talk__text {
    text-align: left;
    font-size: 23px;
  }
}
.lets-talk__action {
  display: flex;
  justify-content: center;
  white-space: nowrap;
  min-width: 0 5rem;
}
@media (min-width: 768px) {
  .lets-talk__action {
    display: block;
  }
}

.product-page {
  padding: 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .product-page {
    padding-top: 7rem;
  }
}

.product-intro {
  padding: 7rem 0 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .product-intro {
    padding: 1.5rem 0 2rem;
  }
}
.product-intro--alternative-data {
  padding-bottom: 5rem;
}
.product-intro--alternative-data2 {
  padding-bottom: 4rem;
  background: url(../img/gradients/teaser1.png) no-repeat center center;
  background-size: 100% 100%;
}
.product-intro--only-title {
  padding: 8rem 0 6rem;
  background: url(../img/gradients/opt-out1.png) no-repeat center center;
  background-size: 100% 100%;
}
@media (min-width: 768px) {
  .product-intro--only-title {
    padding: 10rem 0 8rem;
  }
}
.product-intro--privacy1 {
  position: relative;
}
.product-intro--partners1 {
  position: relative;
  padding-bottom: 6rem;
}
.product-intro__container {
  max-width: 73rem;
  width: 100%;
  padding: 0 1rem;
  margin: 0 auto;
  display: block;
  display: grid;
  text-align: center;
}
@media (min-width: 992px) {
  .product-intro__container {
    grid-template-columns: 1fr 1fr;
    text-align: left;
    gap: 4rem;
  }
}
@media (min-width: 1200px) {
  .product-intro__container {
    grid-template-columns: 2fr 1fr;
    gap: 4rem;
  }
}
@media (min-width: 1200px) {
  .product-intro__container--only-text {
    grid-template-columns: 3fr 1fr;
  }
}
.product-intro__start {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 992px) {
  .product-intro__start {
    display: block;
  }
}
.product-intro__title {
  font-size: 40px;
  line-height: 1;
}
@media (min-width: 992px) {
  .product-intro__title {
    font-size: 68px;
    line-height: 1.157;
    max-width: 18ch;
  }
  .product-intro__title--alternative-data {
    max-width: unset;
  }
  .product-intro__title--id-graph {
    max-width: unset;
    width: calc(100% + 100px);
  }
  .product-intro__title--raw-data {
    max-width: unset;
    width: calc(100% + 30px);
  }
}
.product-intro__text {
  font-family: var(--font200);
  font-size: 15px;
  line-height: 1.2;
  padding: 2rem 0;
  max-width: 36ch;
}
@media screen and (max-width: 991px) {
  .product-intro__text--about a,
  .product-intro__text--about button {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
  }
}
.product-intro__text--about a,
.product-intro__text--about button {
  margin-top: 3rem;
  margin-bottom: 5rem;
}
@media (min-width: 768px) {
  .product-intro__text {
    font-size: 22px;
    padding: 2rem 0 3rem;
    max-width: unset;
  }
}
@media (min-width: 992px) {
  .product-intro__text {
    font-size: 33px;
    line-height: 39.6px;
    max-width: 34ch;
  }
}
@media (min-width: 992px) {
  .product-intro__text--alternative-data2 {
    font-size: 33px;
    line-height: 39.6px;
    max-width: 32ch;
  }
}
.product-intro__end {
  position: relative;
  padding-top: 3rem;
}
@media (min-width: 992px) {
  .product-intro__end {
    padding-top: 0;
  }
}
.product-intro__end--hidden-mobile {
  display: none;
}
@media (min-width: 992px) {
  .product-intro__end--hidden-mobile {
    display: block;
  }
}
.product-intro__end--career {
  padding-top: 0;
}
.product-intro__img {
  width: 60%;
  max-width: 20rem;
  height: auto;
  margin: 0 auto;
  display: block;
}
@media (min-width: 992px) {
  .product-intro__img {
    width: 100%;
    max-width: unset;
    margin: 0;
    position: absolute;
    top: 111px;
    left: 0;
  }
}
@media (min-width: 1400px) {
  .product-intro__img {
    width: calc(100% + 102px);
    left: -54px;
  }
}
.product-intro__img--product {
  width: 80%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .product-intro__img--product {
    width: 60%;
    max-width: 30rem;
  }
}
@media (min-width: 992px) {
  .product-intro__img--product {
    width: 100%;
    max-width: unset;
  }
}
@media (min-width: 1400px) {
  .product-intro__img--audience-data {
    width: calc(100% + 8rem);
    top: 3rem;
  }
}
@media (min-width: 1400px) {
  .product-intro__img--alternative-data {
    width: calc(100% + 12rem);
    top: 8rem;
    left: -7rem;
  }
}
@media (min-width: 1400px) {
  .product-intro__img--data-enrichment {
    width: calc(100% + 10rem);
    top: 6rem;
    left: -7rem;
  }
}
@media (min-width: 1400px) {
  .product-intro__img--id-graph {
    width: calc(100% + 11rem);
    left: -7rem;
    top: 5rem;
  }
}
@media (min-width: 1400px) {
  .product-intro__img--raw-data {
    width: calc(100% + 10rem);
    left: -6rem;
    top: 4rem;
  }
}
@media (min-width: 1400px) {
  .product-intro__img--data-seed {
    width: calc(100% + 149px);
    top: 0;
    left: -140px;
  }
}
@media (min-width: 992px) {
  .product-intro__img--clients1 {
    top: 0;
    max-height: 100%;
  }
}
@media (min-width: 1400px) {
  .product-intro__img--clients1 {
    top: 0;
    left: unset;
    right: 0;
    width: calc(100% + 120px);
    max-height: unset;
  }
}
@media (min-width: 992px) {
  .product-intro__img--clients2 {
    top: 0;
    max-height: 100%;
  }
}
@media (min-width: 1400px) {
  .product-intro__img--clients2 {
    top: 0;
    left: unset;
    right: 85px;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .product-intro__img--clients5 {
    top: 0;
    max-height: 100%;
  }
}
@media (min-width: 1400px) {
  .product-intro__img--clients5 {
    top: 0;
    left: 0;
    width: auto;
    height: 110%;
  }
}
.product-intro__img--about {
  margin-bottom: 4rem;
}
@media (min-width: 992px) {
  .product-intro__img--about {
    margin-bottom: 0;
  }
}
@media (min-width: 1400px) {
  .product-intro__img--about {
    top: 32px;
    left: unset;
    right: 0;
    width: calc(100% + 62px);
    max-height: unset;
  }
}
@media (min-width: 1400px) {
  .product-intro__img--career {
    top: 32px;
    left: unset;
    right: 0;
    width: calc(100% - 20px);
    max-height: unset;
  }
}
.product-intro__img--privacy1 {
  margin-bottom: 4rem;
}
@media (min-width: 992px) {
  .product-intro__img--privacy1 {
    margin-bottom: 0;
  }
}
@media (min-width: 1400px) {
  .product-intro__img--privacy1 {
    width: calc(100% - 50px);
    left: 0;
    top: 0;
  }
}
.product-intro__img--case-studies {
  margin-bottom: 4rem;
}
@media (min-width: 992px) {
  .product-intro__img--case-studies {
    margin-bottom: 0;
  }
}
@media (min-width: 1400px) {
  .product-intro__img--case-studies {
    width: calc(100% + 35px);
    right: 0;
    top: 55px;
    left: unset;
  }
}

.product-important {
  background: var(--gradient3);
  padding: 6rem 0;
}
.video-section {
  text-align: center;
}
.video-section .product-important__content {
  font-size: 55px;
}
.video-section video {
  max-width: 100%;
  margin: 2rem auto 0;
}
.video-promo-button .btn {
  margin: 2rem auto 0;
}

@media (min-width: 992px) {
  .product-important {
    padding: 10rem 0;
  }
  .video-section video {
    max-width: 80%;
  }
  .video-section .product-important__content {
    max-width: 65rem;
  }
}
.product-important__content {
  max-width: 73rem;
  width: 100%;
  padding: 0 1rem;
  margin: 0 auto;
  display: block;
  font-size: 21px;
  text-align: center;
  line-height: 1.2;
  font-family: var(--font700);
}
@media (min-width: 992px) {
  .product-important__content {
    font-size: 58px;
  }
}

.product-info {
  max-width: 73rem;
  width: 100%;
  padding: 0 1rem;
  margin: 0 auto;
  display: block;
}
.product-info--data-seed {
  padding-top: 6rem;
}
.product-info__text {
  font-family: var(--font200);
  line-height: 1.2;
}
@media (min-width: 768px) {
  .product-info__text {
    line-height: 27.5px;
    font-size: 23px;
    max-width: 900px;
  }
}

.product-points {
  font-size: 15px;
  font-family: var(--font200);
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .product-points {
    font-size: 23px;
  }
}
@media (min-width: 992px) {
  .product-points--lets-talk2 {
    max-width: 50ch;
  }
}
@media (min-width: 992px) {
  .product-points--for-whom {
    max-width: 80ch;
  }
}
.product-points--fill-gaps {
  padding: 0 2rem 1.5rem;
}
.product-points__text {
  padding: 0 0 2rem;
  line-height: 1.2;
  text-wrap: balance;
}
.product-points__text--integrations {
  max-width: 54ch;
}
.product-points__text--reach-audiences {
  text-align: center;
}
.product-points__text--reach-audiences > a {
  color: var(--primary1);
}
.product-points__button-container {
  margin-bottom: 1rem;
}
.product-points__button-container > * {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .product-points__text--reach-audiences {
    text-align: left;
  }
}
.product-points__text--for-whom {
  max-width: 48ch;
}
@media (min-width: 768px) {
  .product-points__text--fill-gaps {
    min-height: 76px;
  }
}
@media (min-width: 992px) {
  .product-points__text--fill-gaps {
    min-height: 92px;
  }
}
.product-points__text--how-idg-work {
  max-width: 56ch;
}
.product-points__text--fill-gaps {
  max-width: 56ch;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.product-points__text--multiline {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.product-points__action {
  padding-top: 1.5rem;
}
@media (min-width: 992px) {
  .product-points__action {
    padding-top: 0.5rem;
  }
}
.product-points__action--no-space {
  padding: 0;
}
.product-points__action--mobile-center {
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .product-points__action--mobile-center {
    display: block;
  }
}
.product-points__graphic {
  display: block;
  max-width: 600px;
  width: 100%;
  height: auto;
  margin: 0 0 3rem;
  order: -1;
}
@media (min-width: 768px) {
  .product-points__graphic {
    order: unset;
    margin: 3rem 0 0;
  }
}

.short-form {
  display: grid;
  position: relative;
}
@media (min-width: 768px) {
  .short-form {
    grid-template-columns: 2fr 1fr;
  }
}
.short-form__start {
  position: relative;
}
@media (min-width: 768px) {
  .short-form__start {
    padding-right: 2rem;
  }
}
.short-form__input {
  border-radius: 5rem;
  padding: 8.5px 20px;
  border: 2px solid var(--grey2);
  color: var(--dark1);
  width: 100%;
  margin-bottom: 1rem;
  text-align: center;
}
@media (min-width: 768px) {
  .short-form__input {
    padding: 12.5px 20px;
    text-align: left;
  }
}
.short-form__input::-moz-placeholder {
  color: var(--grey2);
}
.short-form__input::placeholder {
  color: var(--grey2);
}
.short-form__input--danger {
  border-color: var(--red1);
}
.short-form__error {
  font-size: 0.875rem;
  color: var(--red1);
  margin: 0 0 0.25rem 1.625rem;
  top: -2px;
  transform: translateY(-100%);
  position: absolute;
}
.resourceForm__error {
  font-size: 0.875rem;
  color: var(--red2);
  margin: 0 0 0.25rem 1.625rem;
}
.resourceForm__error:empty {
  display: none;
}
.resourceForm__error--checkbox {
  color: var(--red2);
  line-height: 1.2;
  font-size: 14px;
  margin: 0 0 0 32px;
}
.short-form__end {
  display: flex;
  justify-content: center;
  padding-top: 45px;
}
.btn:focus,
.checkbox-group__input:focus,
.video-trigger:focus,
.footer-menu__link:focus {
  outline: 5px auto rgba(0, 150, 255, 1);
  -webkit-outline: 5px auto rgba(0, 150, 255, 1);
  -moz-outline: 5px auto rgba(0, 150, 255, 1);
  -ms-outline: 5px auto rgba(0, 150, 255, 1);
  -o-outline: 5px auto rgba(0, 150, 255, 1);
  border: 1px solid rgba(0, 0, 0, 0);
}
@media (min-width: 768px) {
  .short-form__end {
    display: block;
    padding: 0;
  }
}

.video-trigger {
  width: 10px;
  height: 10px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}

.skip {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.skip:focus,
.skip:focus-visible {
  width: auto;
  height: auto;
  border: 1px solid #eee;
  background-color: #fff;
  color: #000;
  padding: 10px;
  border-radius: 20px;
  z-index: 50;
}
main:focus,
main:focus-visible {
  outline: 0;
}

.checkbox-group {
  position: relative;
  padding: 0.375rem 0 0.5rem 32px;
  width: 100%;
  display: block;
  color: color(dark2);
  transition: 0.2s;
  cursor: pointer;
  font-family: inherit;
  font-size: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: justify;
  max-width: 432px;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .checkbox-group:hover {
    color: color(primary1);
  }
}
.checkbox-group:before {
  content: "";
  height: 20px;
  width: 20px;
  border: 2px solid var(--grey2);
  border-color: var(--grey2);
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  box-sizing: border-box;
}
.checkbox-group--danger {
  margin-top: 2rem;
}
.checkbox-group--danger:before {
  border-color: var(--red1);
}
.checkbox-group--full {
  max-width: 100%;
}
.checkbox-group--large-text {
  font-size: 16px;
}
.checkbox-group__input {
  position: absolute;
  left: -4px;
  width: 20px;
  height: 20px;
  top: 2px;
  appearance: none;
}
.checkbox-group__input:checked + .checkbox-group__icon {
  transform: scale(1);
}
.checkbox-group__icon {
  height: 18px;
  display: block;
  position: absolute;
  left: 2px;
  top: 6px;
  transition: 0.1s;
  transform: scale(0);
}
.checkbox-group a {
  text-decoration: underline;
  transition: 0.2s;
}
@media (min-width: 768px) {
  .checkbox-group a:hover {
    color: var(--primary1);
  }
}
.checkbox-group__error {
  position: absolute;
  font-size: 0.875rem;
  color: var(--red1);
  margin: 0 0 0.25rem 1.625rem;
  transform: translateY(-100%);
  left: -27px;
  top: -2px;
}

.loader {
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  z-index: 9;
  inset: 0;
  width: 100%;
  height: 100%;
  display: none;
  flex-direction: column;
  justify-content: center;
}
.loader--active {
  display: flex;
}
.loader .loader__icon {
  height: 4rem;
  width: auto;
  display: block;
}

.form-sended {
  position: absolute;
  z-index: 10;
  inset: 0;
  width: 100%;
  height: 100%;
  background: #fcefcb;
  width: 100%;
  padding: 2rem;
  display: none;
  flex-direction: column;
  justify-content: center;
}
.form-sended-error .form-sended__text a {
  color: var(--primary1);
}
.form-sended--active {
  display: flex;
}
.form-sended__title {
  color: var(--primary1);
  font-size: 21px;
}
.form-sended__title--error {
  color: var(--red1);
}
@media (min-width: 768px) {
  .form-sended__title {
    font-size: 33px;
  }
}
.form-sended__text {
  font-size: 15px;
  font-family: var(--font200);
}
@media (min-width: 768px) {
  .form-sended__text {
    font-size: 21px;
  }
}

.product-compare {
  display: grid;
  font-size: 23px;
  position: relative;
  margin: 3rem 0 6rem;
  max-width: 800px;
  gap: 4rem;
}
@media (min-width: 768px) {
  .product-compare {
    grid-template-columns: repeat(2, 1fr);
    gap: 10rem;
    margin: 2.5rem auto 0;
  }
  .product-compare:after {
    content: "";
    height: 100%;
    width: 2px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    background: var(--primary1);
    background-image: var(--gradient1-mirror);
    background-size: 300%;
    background-position-x: var(--gradient1-position);
    transition: 0.5s;
  }
}
@media (min-width: 768px) {
  .product-compare__col {
    padding: 4rem 0;
  }
}
.product-compare__title {
  color: var(--primary1);
  font-family: var(--font700);
  padding-bottom: 1rem;
  font-size: 21px;
}
@media (min-width: 768px) {
  .product-compare__title {
    font-size: 26px;
    padding-bottom: 1.5rem;
  }
}
.product-compare__text {
  font-family: var(--font200);
  line-height: 1.2;
  font-size: 15px;
}
@media (min-width: 768px) {
  .product-compare__text {
    font-size: 23px;
  }
}

.product-more {
  position: relative;
  overflow: hidden;
  padding: 2rem;
  z-index: 1;
}
.product-more:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: var(--gradient1);
  transform: rotate(var(--gradient1-rotate)) scale(3);
  transition: 0.5s;
}
.product-more:before {
  content: "";
  position: absolute;
  inset: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: var(--dark3);
  background: url(../img/gradients/box3.png) no-repeat center center;
  background-size: 100% 100%;
}
@media (min-width: 768px) {
  .product-more {
    padding: 3rem 0;
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
  .product-more:after,
  .product-more:before {
    display: none;
  }
}
.product-more--no-box {
  padding: 2rem 0;
}
.product-more--no-box:after,
.product-more--no-box:before {
  display: none;
}
.product-more__start {
  position: relative;
  z-index: 1;
}
.product-more__img {
  height: 6rem;
  width: auto;
  margin: 0 auto 2rem;
  display: block;
}
@media (min-width: 768px) {
  .product-more__img {
    height: 10rem;
    position: absolute;
    inset: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 50%;
    height: auto;
    margin: auto;
  }
}
.product-more__title {
  color: var(--light1);
  font-family: var(--font700);
  padding-bottom: 26px;
  font-size: 23px;
  line-height: 1.15;
  position: relative;
  z-index: 1;
  text-align: center;
}
@media (min-width: 768px) {
  .product-more__title {
    color: var(--primary1);
    max-width: 30ch;
    font-size: 37px;
    text-align: left;
  }
}
.product-more__title--primary1 {
  color: var(--primary1);
}
.product-more__extra {
  display: none;
}
@media (min-width: 768px) {
  .product-more__extra {
    display: block;
  }
}
.product-more__extra--show {
  display: block;
}
.product-more__trigger {
  position: relative;
  z-index: 1;
  color: var(--primary1);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
  font-family: var(--font200);
  font-size: 1.125rem;
}
@media (min-width: 768px) {
  .product-more__trigger {
    display: none;
  }
}
.product-more__icon {
  width: 2.5rem;
  display: block;
  transition: 0.2s;
}
.product-more__icon--show {
  transform: rotate(180deg);
}

.uvp-list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.uvp {
  border: 2px solid;
  -o-border-image: var(--gradient1) 1;
  border-image: var(--gradient1) 1;
  display: flex;
  --start-width: 200px;
  background: url(../img/gradients/uvp.png) no-repeat center center;
  background-size: 100% 100%;
  flex-direction: column;
  text-align: center;
}
@media (min-width: 768px) {
  .uvp {
    flex-direction: row;
    text-align: left;
  }
}
.uvp__start {
  padding: 2.75rem 2rem 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .uvp__start {
    width: var(--start-width);
    padding: 2.75rem 2rem 2.75rem 4rem;
  }
}
.uvp__img {
  height: 90px;
  width: auto;
  margin: 0 auto;
  display: block;
}
@media (min-width: 768px) {
  .uvp__img {
    margin: 0;
  }
}
.uvp__end {
  display: block;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  justify-content: center;
}
@media (min-width: 768px) {
  .uvp__end {
    width: calc(100% - var(--start-width));
  }
}
.uvp__title {
  font-family: var(--font700);
  font-size: 19px;
  color: var(--primary1);
  line-height: 1.2;
}
@media (min-width: 768px) {
  .uvp__title {
    font-size: 27px;
  }
}
.uvp__text {
  font-size: 15px;
  font-family: var(--font200);
  line-height: 1.25;
}
@media (min-width: 768px) {
  .uvp__text {
    font-size: 23px;
  }
}

.points-wrapper {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .points-wrapper {
    flex-direction: row;
    --photo-width: 316px;
  }
  .points-wrapper--reach-with-idg {
    --photo-width: 418px;
  }
  .points-wrapper--proprietary-platform {
    flex-direction: row-reverse;
    gap: 4rem;
    --photo-width: 285px;
  }
}
@media (min-width: 992px) {
  .points-wrapper__start {
    width: calc(100% - var(--photo-width));
    padding-right: 90px;
  }
  .points-wrapper__start--proprietary-platform {
    padding: 5rem 0 0;
  }
}
.points-wrapper__photo {
  display: block;
  width: 60%;
  max-width: 25rem;
  order: -2;
  margin-bottom: 2rem;
}
@media (min-width: 992px) {
  .points-wrapper__photo {
    width: var(--photo-width);
    max-width: unset;
    order: unset;
    margin: 0;
  }
}
.points-wrapper__photo--proprietary-platform {
  order: unset;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .points-wrapper__photo--proprietary-platform {
    margin: 0;
  }
}
.points-wrapper__photo--mobile-center {
  margin: 0 auto 2rem;
}
@media (min-width: 992px) {
  .points-wrapper__photo--mobile-center {
    margin: 0;
  }
}
.points-wrapper__img {
  width: 100%;
  display: block;
}

.clients-page {
  padding: 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .clients-page {
    padding-top: 7rem;
  }
}

.clients-info {
  max-width: 73rem;
  width: 100%;
  padding: 0 1rem;
  margin: 0 auto;
  display: block;
  display: grid;
  gap: 2rem;
  padding: 6rem 1rem;
  text-align: center;
}
@media (min-width: 992px) {
  .clients-info {
    grid-template-columns: 1fr 2fr;
    gap: 4rem;
    text-align: left;
  }
}
.clients-info__start {
  position: relative;
}
.clients-info__img {
  height: auto;
  width: 60%;
  max-width: 20rem;
  margin: auto;
}
@media (min-width: 992px) {
  .clients-info__img {
    position: absolute;
    inset: 0;
    height: 80%;
    width: 80%;
    max-width: unset;
    -o-object-fit: contain;
    object-fit: contain;
  }
}
.clients-info__title {
  color: var(--primary1);
  font-size: 20px;
}
@media (min-width: 768px) {
  .clients-info__title {
    font-size: 48px;
  }
}
.clients-info__text {
  font-size: 15px;
  font-family: var(--font200);
  padding-top: 1rem;
}
@media (min-width: 768px) {
  .clients-info__text {
    padding-top: 2rem;
    font-size: 23px;
  }
}
.clients-info__action {
  padding-top: 2rem;
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .clients-info__action {
    justify-content: flex-start;
  }
}

.standard-page {
  padding: 0;
}
@media (min-width: 768px) {
  .standard-page {
    padding-top: 7rem;
  }
}
@media (min-width: 768px) {
  .standard-page--error {
    padding-top: 5rem;
  }
}
@media (min-width: 992px) {
  .standard-page--error {
    padding-top: 7rem;
  }
}
.standard-page--career {
  background: url(../img/gradients/jobs.png) no-repeat center center;
  background-size: 100% 100%;
}
.standard-page--white {
  background: var(--light1);
  color: var(--dark1);
  position: relative;
  padding: 2rem 0 0;
}
@media (min-width: 768px) {
  .standard-page--white {
    padding-top: 7rem;
  }
}
@media (min-width: 992px) {
  .standard-page--case-studies {
    background: url(../img/gradients/case-studies.png) no-repeat center bottom;
    background-size: 100% 75%;
  }
}

.page-intro {
  padding: 7rem 0 6rem;
  text-align: center;
  position: relative;
}
@media (min-width: 768px) {
  .page-intro {
    padding: 1.5rem 0 6rem;
    text-align: left;
  }
}
.page-intro--left {
  text-align: left;
}
.page-intro--short-bottom {
  padding-bottom: 2rem;
}
.page-intro__title {
  font-size: 40px;
  line-height: 1;
  padding-bottom: 2rem;
  max-width: 25ch;
}
@media (min-width: 992px) {
  .page-intro__title {
    font-size: 70px;
    line-height: 1.157;
  }
}
.page-intro__title--full {
  max-width: unset;
}
.page-intro__text {
  font-size: 23px;
  max-width: 40ch;
  font-family: var(--font200);
  line-height: 1.2;
}
@media (min-width: 992px) {
  .page-intro__text {
    font-size: 35px;
  }
}
.page-intro__action {
  padding-top: 2rem;
}

.headquater {
  font-size: 15px;
  font-family: var(--font200);
  line-height: 1.2;
}
@media (min-width: 768px) {
  .headquater {
    font-size: 23px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.headquater__start {
  padding: 0 0 2rem;
  border-bottom: 0.125rem solid;
}
.headquater__start a {
  margin: 0 auto;
  width: 100%;
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .headquater__start {
    padding: 2rem 2rem 2rem 0;
    border-bottom: 0;
    border-right: 0.125rem solid;
    display: flex;
    align-items: center;
  }
}
.headquater__end {
  padding: 2rem 0 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 768px) {
  .headquater__end {
    padding: 2rem 0 2rem 4rem;
  }
}

.form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  position: relative;
}

.form-row {
  display: grid;
  gap: 1.5rem;
}
@media (min-width: 992px) {
  .form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: end;
    gap: 1rem;
  }
}

.form-group {
  position: relative;
}
.form-group__input,
.form-group__textarea {
  border-radius: 5rem;
  padding: 8.5px 20px;
  border: 2px solid var(--grey2);
  color: var(--dark1);
  width: 100%;
}
@media (min-width: 768px) {
  .form-group__input,
  .form-group__textarea {
    padding: 12.5px 20px;
  }
}
.form-group__input::-moz-placeholder,
.form-group__textarea::-moz-placeholder {
  opacity: 0;
}
.form-group__input::placeholder,
.form-group__textarea::placeholder {
  opacity: 0;
}
.form-group__input:not(:-moz-placeholder-shown) + .form-group__placeholder,
.form-group__textarea:not(:-moz-placeholder-shown) + .form-group__placeholder {
  opacity: 0;
}
.form-group__input:not(:-moz-read-only):focus + .form-group__placeholder,
.form-group__textarea:not(:-moz-read-only):focus + .form-group__placeholder {
  opacity: 0;
}
.form-group__input:not(:read-only):focus + .form-group__placeholder,
.form-group__textarea:not(:read-only):focus + .form-group__placeholder,
.form-group__input:required:valid + .form-group__placeholder,
.form-group__textarea:required:valid + .form-group__placeholder,
.form-group__input:not(:placeholder-shown) + .form-group__placeholder,
.form-group__textarea:not(:placeholder-shown) + .form-group__placeholder {
  opacity: 0;
}
.form-group__input--danger {
  border-color: var(--red1);
}
.form-group__placeholder {
  position: absolute;
  top: 10px;
  left: 22px;
  color: var(--grey2);
  pointer-events: none;
  transition: 0.2s;
}
@media (min-width: 768px) {
  .form-group__placeholder {
    top: 14px;
  }
}
.form-group__placeholder--error {
  top: 35px;
}
@media (min-width: 768px) {
  .form-group__placeholder--error {
    top: 39px;
  }
}
.form-group__textarea {
  resize: vertical;
  min-height: 10rem;
  border-radius: 26.5px;
}
.form-group__textarea--danger {
  border-color: var(--red1);
}
.form-group__star {
  color: var(--red1);
}
.form-group__error {
  font-size: 0.875rem;
  color: var(--red1);
  margin: 0 0 0.25rem 1.625rem;
}

.form-bottom {
  display: grid;
  gap: 2rem;
}
@media (min-width: 992px) {
  .form-bottom {
    grid-template-columns: 2fr 1fr;
  }
}
.form-bottom__end {
  display: flex;
  justify-content: center;
  align-items: center;
}

.form-attachment {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.form-attachment__info {
  font-size: 14px;
}
.form-attachment__file-info {
  display: none;
}
.form-attachment__file-info--active {
  display: block;
}
.form-attachment__input {
  display: none;
}

@media (min-width: 768px) {
  .offices {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.offices__single {
  padding: 4rem 1rem;
}
.offices__single:first-child {
  border-bottom: 0.0625rem solid var(--dark1);
}
.offices__single:last-child {
  border-top: 0.0625rem solid var(--dark1);
}
@media (min-width: 768px) {
  .offices__single:first-child {
    border-bottom: none;
    border-right: 0.0625rem solid var(--dark1);
    padding: 4rem 4rem 4rem 1rem;
  }
  .offices__single:last-child {
    border-top: none;
    border-left: 0.0625rem solid var(--dark1);
    padding: 4rem 1rem 4rem 4rem;
  }
}
.offices__title {
  font-family: var(--font700);
  font-size: 35px;
  max-width: 15ch;
  line-height: 1;
  padding-bottom: 0.5em;
}
@media (min-width: 768px) {
  .offices__title {
    font-size: 48px;
  }
}
.offices__text {
  font-size: 15px;
  font-family: var(--font200);
}
@media (min-width: 768px) {
  .offices__text {
    font-size: 21px;
  }
}

.jobs {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-top: 2rem;
}

.short-job {
  display: grid;
  position: relative;
  overflow: hidden;
  color: var(--light1);
  z-index: 1;
}
@media (min-width: 768px) {
  .short-job {
    grid-template-columns: 1fr 3fr;
  }
}
.short-job:after {
  content: "";
  position: absolute;
  top: -150%;
  left: -150%;
  width: 400%;
  height: 400%;
  z-index: -1;
  background-image: var(--gradient1);
  transform: rotate(var(--gradient1-rotate));
  transition: 0.5s;
}
@media (min-width: 768px) {
  .short-job:after {
    top: -450%;
    left: -50%;
    width: 200%;
    height: 1200%;
  }
}
.short-job:before {
  content: "";
  position: absolute;
  inset: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: var(--dark3);
  background: url(../img/gradients/box4.png) no-repeat center center;
  background-size: 100% 100%;
}
@media (min-width: 768px) {
  .short-job {
    transition: 0.2s;
  }
  .short-job:hover {
    cursor: pointer;
    transform: scale(1.05);
    box-shadow: 0 0 2rem var(--primary1);
  }
}
.short-job__start {
  position: relative;
}
.short-job__icon {
  margin: 2rem auto 0;
  width: 50%;
  max-width: 6rem;
  height: auto;
  display: block;
}
@media (min-width: 768px) {
  .short-job__icon {
    max-width: unset;
    position: absolute;
    inset: 0;
    margin: auto;
    height: 60%;
    -o-object-fit: contain;
    object-fit: contain;
  }
}
.short-job__end {
  position: relative;
  font-size: 21px;
  font-family: var(--font200);
  line-height: 1.2;
  display: grid;
  padding: 0 2rem 2rem;
  text-align: center;
}
@media (min-width: 768px) {
  .short-job__end {
    font-size: 33px;
    text-align: left;
    grid-template-columns: 1fr 1fr;
    padding: 0 2rem 0 0;
  }
}
.short-job__main {
  padding: 2rem 0;
}
@media (min-width: 768px) {
  .short-job__main {
    padding: 3rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.short-job__title {
  color: var(--primary1);
  padding-bottom: 0.5rem;
  font-family: var(--font700);
}
.short-job__action {
  display: flex;
  justify-content: center;
  align-items: center;
}

.job-groups {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  padding-bottom: 6rem;
  position: relative;
}

.job-group {
  border: 2px solid;
  -o-border-image: var(--gradient1) 1;
  border-image: var(--gradient1) 1;
  padding: 2rem 2rem 0;
  background: url(../img/gradients/box3.png) no-repeat center top;
  background-size: cover;
}
@media (min-width: 768px) {
  .job-group {
    border: none;
    padding: 0;
    background: none;
  }
}
.job-group__title {
  font-size: 18px;
  line-height: 1.2;
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .job-group__title {
    font-size: 23px;
  }
}
.job-group__main {
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .job-group__main {
    padding-bottom: 0;
  }
}
.job-group__main--hide-mobile {
  display: none;
}
@media (min-width: 768px) {
  .job-group__main--hide-mobile {
    display: block;
    padding-bottom: 0;
  }
}
.job-group__trigger {
  position: relative;
  z-index: 1;
  color: var(--primary1);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
  font-family: var(--font200);
  font-size: 1.125rem;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .job-group__trigger {
    display: none;
  }
}
.job-group__icon {
  width: 2.5rem;
  display: block;
  transition: 0.2s;
}
.job-group__icon--show {
  transform: rotate(180deg);
}

.checkboxes-list {
  padding-left: 20px;
  margin-bottom: -0.25rem;
}
.checkboxes-list__title {
  color: var(--primary1);
  font-family: var(--font700);
  padding-bottom: 0.5rem;
  font-size: 18px;
}
.checkboxes-list__main {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.checkboxes-list__error {
  font-size: 0.875rem;
  color: var(--red1);
  margin: 0 0 0.25rem 0;
}

.img-404 {
  width: 80%;
  max-width: 25rem;
  margin: 0 auto 2rem;
  display: block;
}
@media (min-width: 992px) {
  .img-404 {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    max-width: unset;
    width: 55%;
  }
}
@media (min-width: 1200px) {
  .img-404 {
    width: 50%;
  }
}

.post-intro {
  display: grid;
  gap: 2rem;
  padding: 6rem 0 3rem;
}
@media (min-width: 768px) {
  .post-intro {
    grid-template-columns: 1fr 2fr;
    gap: 4rem;
    padding: 9rem 0 6rem;
  }
}
.post-intro__mobile-pretitle {
  color: var(--primary1);
  font-size: 16px;
  text-align: center;
}
@media (min-width: 768px) {
  .post-intro__mobile-pretitle {
    display: none;
  }
}
.post-intro__start {
  display: flex;
  justify-content: center;
  align-items: center;
}
.post-intro__img {
  width: 80%;
  max-width: 12rem;
  margin: 0 auto;
  height: auto;
  display: block;
}
@media (min-width: 768px) {
  .post-intro__img {
    max-width: 20rem;
  }
}
@media (min-width: 768px) {
  .post-intro__img {
    width: 100%;
    margin: 0;
  }
}
.post-intro__end {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 2rem;
}
@media (min-width: 768px) {
  .post-intro__end {
    align-items: unset;
    text-align: left;
  }
}
.post-intro__end--case-study {
  order: -1;
}
@media (min-width: 768px) {
  .post-intro__end--case-study {
    order: unset;
  }
}
.post-intro__pretitle {
  display: none;
}
@media (min-width: 768px) {
  .post-intro__pretitle {
    display: block;
    margin-bottom: -1.5rem;
    color: var(--primary1);
    font-size: 23px;
  }
}
.post-intro__title {
  font-size: 35px;
  line-height: 1.2;
  text-wrap: balance;
}
@media (min-width: 768px) {
  .post-intro__title {
    font-size: 3rem;
  }
}
.post-intro__date {
  font-size: 20px;
  font-family: var(--font200);
}
.post-intro__text {
  font-size: 14px;
  color: var(--primary1);
  font-family: var(--font200);
}
@media (min-width: 768px) {
  .post-intro__text {
    font-size: 23px;
  }
}
.post-intro__short-text {
  font-family: var(--font200);
  font-size: 15px;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .post-intro__short-text {
    font-size: 23px;
  }
}

.post-author {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 23px;
}
.post-author__photo {
  background: var(--light1);
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
}

.post-wrapper {
  display: grid;
}
@media (min-width: 1200px) {
  .post-wrapper {
    gap: 4rem;
    grid-template-columns: 1fr 3fr;
  }
}

.toc {
  display: none;
}
@media (min-width: 1200px) {
  .toc {
    color: var(--primary1);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: sticky;
    top: 10rem;
  }
  .toc:before {
    content: "";
    position: absolute;
    background: var(--light1);
    height: 0.125rem;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 3;
  }
}
.toc__single {
  cursor: pointer;
  padding-bottom: 1rem;
}
@media (min-width: 1200px) {
  .toc__single {
    padding-left: 2rem;
    position: relative;
  }
  .toc__single:before {
    content: "";
    position: absolute;
    z-index: 1;
    border: 0.125rem solid var(--primary1);
    background: var(--light1);
    border-radius: 50%;
    width: 1.125rem;
    height: 1.125rem;
    top: 2px;
    left: 0;
  }
  .toc__single--active:before {
    background: var(--primary1);
  }
  .toc__single--active:after {
    content: "";
    position: absolute;
    z-index: 2;
    height: 100vh;
    width: 0.125rem;
    background: var(--primary1);
    left: 0.5rem;
    top: 0.125rem;
    transform: translateY(-100%);
  }
}
.toc__progress {
  display: none;
}
@media (min-width: 1200px) {
  .toc__progress {
    display: block;
    position: absolute;
    width: 0.125rem;
    height: calc(100% + 0.5rem);
    left: 0.5rem;
    top: 0.125rem;
  }
  .toc__progress:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    height: 100%;
    width: 0.125rem;
    border-right: 0.125rem dotted var(--light2);
    z-index: -1;
  }
}

.case-info {
  border: none;
}
@media (min-width: 768px) {
  .case-info {
    border-bottom: 0.125rem solid var(--dark1);
  }
}
.case-info__top {
  background: var(--dark1);
  color: var(--light1);
  text-align: center;
}
@media (min-width: 768px) {
  .case-info__top {
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
}
.case-info__title {
  padding: 1rem;
  font-size: 20px;
}
.case-info__title--first:after {
  content: ":";
}
.case-info__title--last {
  padding-top: 0;
}
@media (min-width: 768px) {
  .case-info__title {
    font-size: 23px;
  }
  .case-info__title--first:after {
    content: "";
  }
  .case-info__title--last {
    padding: 1rem;
  }
}
@media (min-width: 992px) {
  .case-info__title {
    font-size: 28px;
  }
}
@media (min-width: 768px) {
  .case-info__main {
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
}
.case-info__start {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 2rem;
}
@media (min-width: 768px) {
  .case-info__start {
    border-right: 0.125rem solid var(--dark1);
  }
}
.case-info__icon {
  height: 4rem;
  width: auto;
  display: block;
}
@media (min-width: 768px) {
  .case-info__icon {
    height: 5rem;
  }
}
.case-info__end {
  padding: 2rem;
  border-top: 0.125rem solid var(--dark1);
}
@media (min-width: 768px) {
  .case-info__end {
    border-top: none;
  }
}

.pagination {
  display: flex;
  gap: 1rem;
  justify-content: center;
  align-items: baseline;
  font-size: 33px;
  font-family: var(--font700);
  padding-top: 4rem;
  color: var(--grey3);
}
.pagination__single--active {
  font-size: 35px;
  color: var(--light1);
}

.expand-boxes {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.expand-box {
  line-height: 1.2;
  text-wrap: balance;
  font-size: 15px;
  font-family: var(--font200);
}
@media (min-width: 768px) {
  .expand-box {
    font-size: 23px;
  }
}
.expand-box__title {
  display: flex;
  align-items: center;
  text-decoration: underline;
  color: var(--primary1);
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}
.expand-box__icon {
  height: 2rem;
  display: block;
  margin-right: 1rem;
  transition: 0.2s;
}
.expand-box__icon--open {
  transform: rotate(-90deg);
}
.expand-box__content {
  padding: 2rem 2rem 4rem;
  display: none;
}
.expand-box__content--open {
  display: block;
}
.expand-box__text {
  line-height: 1.2;
  font-size: 15px;
  font-family: var(--font200);
}
@media (min-width: 768px) {
  .expand-box__text {
    font-size: 23px;
  }
}
.expand-box__text a {
  transition: 0.2s;
  text-decoration: underline;
}
.expand-box__text a:hover {
  color: var(--primary1);
}

.small-form {
  display: grid;
  gap: 1.5rem;
  line-height: 1.5;
  font-size: 16px;
  font-family: var(--font500);
  position: relative;
}
@media (min-width: 768px) {
  .small-form {
    max-width: 20rem;
  }
  .small-form--full {
    max-width: 100%;
  }
}
.small-form__input {
  border-radius: 5rem;
  padding: 6.5px 20px;
  border: 2px solid var(--grey2);
  color: var(--dark1);
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .small-form__input {
    padding: 6.5px 20px;
    text-align: left;
  }
}
.small-form__input::-moz-placeholder {
  color: var(--grey2);
}
.small-form__input::placeholder {
  color: var(--grey2);
}
.small-form__end {
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .small-form__end {
    display: block;
    padding: 0;
  }
}
.small-form__error {
  font-size: 0.875rem;
  color: var(--red1);
}
.small-form__info,
.small-form__error--mail,
.small-form__success {
  color: var(--primary1);
  width: -moz-fit-content;
  width: fit-content;
  display: none;
  font-size: 1.125rem;
}
.small-form__error--mail {
  color: initial;
}
.small-form__error--mail a {
  color: var(--primary1);
}
.small-form__info--active,
.small-form__error--mail--active,
.small-form__success--active {
  display: block;
}
.small-form__info {
  display: block;
  font-size: 1.25rem;
}
.small-form__opt-out-img {
  display: block;
}

.radio-btns {
  display: flex;
  gap: 1rem 2rem;
  flex-wrap: wrap;
}

.radio-btn {
  position: relative;
  transition: 0.2s;
  cursor: pointer;
  appearance: none;
  margin: 0;
  border-radius: 50%;
  width: 1.25em;
  height: 1.25em;
}
.radio-btn::after {
  content: "";
}
.radio-btn__container:hover .radio-btn__icon {
  border-color: var(--primary1);
}
.radio-btn--active + .radio-btn__icon:before {
  opacity: 1;
}
.radio-btn:focus {
  outline: 5px auto -webkit-focus-ring-color;
}
.radio-btn__container {
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.radio-btn__icon {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  border-radius: 50%;
  width: 1.25em;
  height: 1.25em;
  border: 2px solid var(--grey2);
}
.radio-btn__icon:before {
  content: "";
  position: absolute;
  left: 0.125rem;
  top: 0;
  bottom: 0;
  margin: auto 0;
  border-radius: 50%;
  width: 0.75em;
  height: 0.75em;
  background: var(--primary1);
  transition: 0.2s;
  opacity: 0;
}

.grecaptcha-badge {
  visibility: hidden;
}

.blog-intro {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 2rem 0 0;
  padding: 0.125rem;
  display: block;
  transition: 0.2s;
}
.blog-intro:after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: var(--gradient1);
  transform: rotate(var(--gradient1-rotate)) scale(3);
  transition: 0.5s;
}
.blog-intro:before {
  content: "";
  position: absolute;
  inset: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: var(--dark3);
}
@media (min-width: 768px) {
  .blog-intro:hover {
    transform: scale(1.03);
    box-shadow: 0 0 2rem var(--primary1);
  }
}
.blog-intro__content {
  background: url(../img/gradients/blog-intro.png) no-repeat center center;
  background-size: 100% 100%;
  display: grid;
  padding: 2rem;
  position: relative;
  gap: 2rem;
}
@media (min-width: 768px) {
  .blog-intro__content {
    gap: 0;
    grid-template-columns: 1.5fr 2fr;
    padding: 4rem;
  }
}
.blog-intro__graphic {
  position: relative;
}
.blog-intro__img {
  width: 80%;
  height: auto;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .blog-intro__img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 80%;
    margin: auto;
    -o-object-fit: contain;
    object-fit: contain;
  }
}
.blog-intro__main {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  position: relative;
}
.blog-intro__title {
  font-size: 2rem;
  font-family: var(--font700);
  line-height: 1.2;
}
@media (min-width: 768px) {
  .blog-intro__title {
    font-size: 3rem;
  }
}
.blog-intro__text {
  line-height: 1.2;
  font-family: var(--font200);
  font-size: 15px;
}
@media (min-width: 768px) {
  .blog-intro__text {
    font-size: 23px;
  }
}
.blog-intro__action {
  padding-top: 1rem;
}

.blog-actions {
  display: grid;
}
@media (min-width: 992px) {
  .blog-actions {
    grid-template-columns: 1fr 1fr;
  }
}
.blog-actions__single {
  padding: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog-actions__single:first-child {
  border-bottom: 0.0625rem solid var(--dark1);
}
.blog-actions__single:last-child {
  border-top: 0.0625rem solid var(--dark1);
}
@media (min-width: 992px) {
  .blog-actions__single:first-child {
    border-bottom: none;
    border-right: 0.0625rem solid var(--dark1);
  }
  .blog-actions__single:last-child {
    border-top: none;
    border-left: 0.0625rem solid var(--dark1);
  }
}

.search {
  max-width: 32rem;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.search__input {
  border-radius: 5rem;
  padding: 8.5px 20px;
  border: 2px solid var(--grey2);
  color: var(--dark1);
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .search__input {
    padding: 12.5px 20px;
    text-align: left;
  }
}
.search__input::-moz-placeholder {
  color: var(--grey2);
}
.search__input::placeholder {
  color: var(--grey2);
}
.search__icon {
  width: auto;
  height: 45px;
  margin-left: 1rem;
}
@media (min-width: 768px) {
  .search__icon {
    height: 53px;
  }
}

.categories {
  background: var(--light1);
  color: var(--dark1);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  height: 100vh;
  height: 100dvh;
  width: 100%;
  display: none;
  padding: 0 0 2rem;
}
.categories--open {
  display: block;
  overflow-y: scroll;
}
@media (min-width: 768px) {
  .categories {
    padding: 2rem 0;
    position: static;
    height: unset;
    border-top: 2px solid var(--dark1);
    overflow-y: unset;
  }
}
.categories__top {
  padding: 1rem;
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .categories__top {
    display: none;
  }
}
.categories__icon {
  height: 2rem;
  width: 2rem;
  display: block;
}
.categories__list {
  max-width: 73rem;
  width: 100%;
  padding: 0 1rem;
  margin: 0 auto;
  display: block;
  font-size: 15px;
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 768px) {
  .categories__list {
    display: block;
    -moz-column-count: 3;
    column-count: 3;
    font-size: 18px;
    width: unset;
  }
}
.categories__single {
  padding: 0.5rem 0;
  display: block;
  transition: 0.2s;
}
@media (min-width: 768px) {
  .categories__single:hover {
    color: var(--primary1);
  }
}
.categories__single--active {
  color: var(--primary1);
}

.icons-list {
  display: grid;
  text-align: center;
  gap: 4rem;
  font-size: 15px;
  line-height: 1.2;
  padding-top: 2rem;
}
@media (min-width: 768px) {
  .icons-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 4rem;
    font-size: 23px;
  }
}
.icons-list__icon {
  height: 5rem;
  width: auto;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .icons-list__icon {
    height: 7rem;
  }
}
.icons-list__text {
  max-width: 21ch;
  margin: 0 auto;
}

.steps {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding-top: 2rem;
}
@media (min-width: 768px) {
  .steps {
    gap: 4rem;
  }
}

.step {
  position: relative;
}
@media (min-width: 768px) {
  .step {
    padding-left: 8rem;
  }
}
.step__number {
  color: var(--primary1);
  font-family: var(--font700);
  font-size: 3rem;
  width: 2rem;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1;
}
@media (min-width: 768px) {
  .step__number {
    font-size: 8rem;
    width: 5rem;
    bottom: 0;
    margin: auto 0;
  }
}
.step__title {
  color: var(--primary1);
  font-size: 19px;
  padding: 0 0 0 3rem;
  margin-bottom: 0.5em;
  display: flex;
  align-items: center;
  min-height: 3rem;
}
@media (min-width: 768px) {
  .step__title {
    display: block;
    min-height: unset;
    padding: 0;
    font-size: 26px;
  }
}
.step__text {
  font-size: 15px;
  font-family: var(--font200);
}
@media (min-width: 768px) {
  .step__text {
    font-size: 23px;
  }
}

.people-list {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media (min-width: 768px) {
  .people-list {
    padding-top: 4rem;
  }
}

.person {
  display: grid;
  gap: 1rem;
}
@media (min-width: 768px) {
  .person {
    grid-template-columns: 1fr 2.5fr;
    gap: 4rem;
  }
}
.person__img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 20rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .person__img {
    max-width: unset;
    margin: 0;
  }
}
.person__name {
  font-size: 20px;
  color: var(--primary1);
  line-height: 1.2;
  text-align: center;
}
@media (min-width: 768px) {
  .person__name {
    font-size: 38px;
    text-align: left;
  }
}
.person__title {
  font-size: 16px;
  text-align: center;
}
@media (min-width: 768px) {
  .person__title {
    font-size: 23px;
    text-align: left;
  }
}
.person__text {
  padding: 2rem 0 0;
  font-size: 15px;
  font-family: var(--font200);
  line-height: 1.2;
  order: 1;
}
@media (min-width: 768px) {
  .person__text {
    padding: 2rem 0;
    font-size: 23px;
    order: unset;
  }
}
.person__socials {
  padding-top: 1rem;
}
@media (min-width: 768px) {
  .person__socials {
    padding: 0;
  }
}
.person__extra {
  display: none;
  padding-bottom: 1rem;
}
@media (min-width: 768px) {
  .person__extra {
    display: block;
  }
}
.person__extra--show {
  display: flex;
  flex-direction: column;
}
.person__more-trigger {
  position: relative;
  z-index: 1;
  color: var(--primary1);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
  font-family: var(--font200);
  font-size: 1.125rem;
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .person__more-trigger {
    display: none;
  }
}
.person__more-icon {
  width: 2.5rem;
  display: block;
}
.person__more-icon--show {
  transform: rotate(180deg);
}

.social-btn {
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}
@media (min-width: 768px) {
  .social-btn {
    margin: 0;
  }
}
.social-btn__icon {
  width: auto;
  height: 2rem;
  display: block;
}

.email-cta {
  font-size: 20px;
  color: var(--primary1);
  text-decoration: underline;
}
.btn--centered {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .email-cta {
    font-size: 33px;
  }

  .resourceForm .btn--light-bg:hover {
    background-color: var(--primary2);
    color: var(--dark1);
  }
}

.resourceForm {
  position: relative;
  margin: 20px 0;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: var(--dark1);
  color: #fff;
}

.resourceForm .checkbox-group svg {
  position: absolute;
  pointer-events: none;
  top: 7px;
  left: 2px;
  width: 15px;
  height: 15px;
  display: none;
}

.resourceForm .checkbox-group input[type="checkbox"]:checked + svg {
  display: block;
}

.resourceForm .checkbox-group:before {
  border-color: #fff;
}

.resourceForm .checkbox-group a {
  color: inherit;
  text-decoration: none;
}

.resourceForm .checkbox-group a:hover {
  text-decoration: underline;
}

.resourceForm__container {
  box-sizing: border-box;
  width: 780px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.resourceForm input {
  color: #00394e !important;
}

.resourceForm h2 {
  color: inherit;
  text-align: center;
  margin: 0 auto -0.75em;
}

.resourceForm .form-sended {
  color: #00acec;
}

.resourceForm .form-sended a {
  text-decoration: underline;
}

.resourceForm .form-sended a:hover {
  text-decoration: none;
}

.resourceForm .form-bottom__end {
  justify-content: flex-end;
}

.resourceForm form > p {
  margin: 1rem 0;
  text-align: center;
}

@media screen and (max-width: 810px) {
  .resourceForm {
    margin-left: -1rem;
    margin-right: -1rem;
    width: calc(100% + 2rem);
  }
  .resourceForm .resourceForm__container {
    width: auto;
    max-width: 740px;
  }
}

@media screen and (max-width: 767.98px) {
  .resourceForm .resourceForm__container {
    max-width: 520px;
  }
  .resourceForm h2 {
    max-width: 400px;
  }
  .resourceForm .form-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
  }
  .resourceForm .form-bottom__start {
    margin-bottom: 0;
  }
  .resourceForm .form-bottom__end {
    margin-bottom: -20px;
  }
}

@media screen and (min-width: 768px) {
  .resourceForm .form-bottom {
    grid-template-columns: 2fr 1fr;
  }
}

.lang-switcher {
  color: var(--dark1);
  margin-bottom: 2rem;
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (min-width: 768px) {
  .lang-switcher {
    font-size: 1.1875rem;
  }
}
@media (min-width: 1600px) {
  .lang-switcher {
    margin-bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(100%);
    align-items: flex-start;
  }
}
.lang-switcher__title {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.lang-switcher__arrow {
  width: 1.25rem;
  height: auto;
  display: block;
  margin-left: 1rem;
  transition: 0.2s;
  transform: rotate(180deg);
}
.lang-switcher__arrow--active {
  transform: rotate(0deg);
}
.lang-switcher__main {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  display: none;
  font-family: var(--font200);
  padding-top: 1rem;
}
@media (min-width: 1600px) {
  .lang-switcher__main {
    flex-direction: column;
  }
}
.lang-switcher__main--active {
  display: flex;
}
.lang-switcher__single {
  width: calc(33.333333% - 0.666666rem);
}
@media (min-width: 460px) {
  .lang-switcher__single {
    width: calc(25% - 0.75rem);
  }
}
@media (min-width: 768px) {
  .lang-switcher__single {
    width: unset;
  }
}
.lang-switcher__single--active {
  display: none;
}

.lang-text {
  display: none;
}
.lang-text--active {
  display: block;
}

#ai-banner {
  display: none;
}

#ai-banner.visible {
  display: block;
}

.ai-banner__container {
  width: 90vw;
  height: 190px;
  position: fixed;
  bottom: 10vw;
  right: 5vw;
  border: 2px solid var(--primary1);
  background-color: #000;
  z-index: 50;
}

.ai-banner__gradient {
  width: 100%;
  height: 100%;
  position: absolute;
  background: radial-gradient(
    114.35% 190.34% at 50% -117.58%,
    var(--primary1) 2%,
    rgba(0, 86, 119, 0.5) 68%,
    rgba(0, 48, 66, 0.28) 83%,
    rgba(0, 3, 5, 0.02) 99%,
    rgba(0, 0, 0, 0) 100%
  );
  transform: rotate(180deg);
  z-index: 0;
}

.ai-banner__content {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

.ai-banner__close {
  height: 1rem;
  width: 1rem;
  display: block;

  position: absolute;
  top: 10px;
  right: 10px;

  cursor: pointer;
}

.ai-banner__close > img {
  height: 1rem;
  width: 1rem;
}

.ai-banner__image {
  display: none;
  width: 100%;
  height: auto;
}

.ai-banner__title {
  color: var(--primary1);
  font-family: var(--font700);
  z-index: 1;
}

.ai-banner__subtitle {
  font-family: var(--font200);
  text-align: center;
  z-index: 1;
}

.ai-banner__button {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .ai-banner__container {
    width: 375px;
    height: 450px;
    right: 20px;
    bottom: 20px;
  }

  .ai-banner__content {
    gap: 10px;
  }

  .ai-banner__image {
    display: block;
  }

  .ai-banner__title {
    font-size: 27px;
  }

  .ai-banner__subtitle {
    font-size: 19px;
    color: #fff;
    width: 200px;
    line-height: 23px;
  }

  .ai-banner__button > a {
    padding: 9px 38px;
  }
}

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