@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";
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;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cit,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
sub,
sup,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
table caption,
table th,
table td {
  text-align: left;
  vertical-align: middle;
}
ol,
ul {
  list-style: none;
}
a img {
  border: 0;
}
:focus {
  outline: 0;
}
textarea {
  resize: none;
}
button {
  border: none;
}
*,
*:after,
*:before {
  box-sizing: border-box;
}
img {
  max-width: 100%;
}
a {
  text-decoration: none;
}
button {
  cursor: pointer;
}
address {
  font-style: unset;
}
html {
  font-size: 62.5%;
}
body {
  position: relative;
  background: #fff;
  font-family: Plus Jakarta Sans, sans-serif;
  overflow-x: hidden;
}
body::-webkit-scrollbar {
  width: 0.6rem;
}
body::-webkit-scrollbar-track {
  background: #090909;
  border-radius: 0;
}
body::-webkit-scrollbar-thumb {
  background: #496bfe;
  border-radius: 0;
}
@supports not (selector(::-webkit-scrollbar)) {
  body {
    scrollbar-color: #496bfe #090909;
    scrollbar-width: thin;
  }
}
html,
body {
  scroll-behavior: auto;
}
.pinned-section {
  will-change: transform;
}
@keyframes marquee-left {
  0% {
    left: 0;
  }
  to {
    left: -813px;
  }
}
@keyframes marquee-right {
  0% {
    right: 0;
  }
  to {
    right: -813px;
  }
}
.btn {
  display: flex;
  flex-direction: row;
  gap: 1.2rem;
  justify-content: space-between;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  padding: 0.4rem 0.4rem 0.4rem 1.2rem;
  border-radius: 0.4rem;
  border: 0.1rem solid transparent;
  background-color: #fff;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 500;
  color: #090909;
  cursor: pointer;
  outline: none;
  transition: background-color 0.3s, color 0.3s;
}
.btn:hover {
  background-color: #496bfe;
  color: #fff;
}
.btn__sygnet {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 0.4rem;
  background-color: #090909;
  width: 3.7rem;
  height: 3.7rem;
}
.btn__sygnet svg {
  width: 1.4rem;
}
.btn__sygnet svg path path {
  stroke: #fff;
}
.btn--full {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 1.2rem;
  justify-content: end;
  align-items: center;
}
.btn--full span {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.btn--dark {
  color: #fff;
  background-color: #090909;
  transition: background-color 0.3s;
}
.btn--dark:hover {
  background-color: #496bfe;
}
.btn--dark .btn__sygnet {
  background-color: #fff;
}
.btn--dark .btn__sygnet svg path {
  stroke: #090909;
}
.btn-sygnet {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 3.7rem;
  height: 3.7rem;
  min-width: 3.7rem;
  padding: 0;
  border-radius: 0.4rem;
  transition: background-color 0.3s;
}
.btn-sygnet svg {
  width: 1.4rem;
}
.btn-sygnet svg path {
  stroke: #fff;
}
.btn-sygnet--dark {
  background-color: #090909;
}
.btn-sygnet--dark svg path {
  stroke: #fff;
}
.link {
  cursor: pointer;
}
.link--small-gray:-moz-any-link {
  display: flex;
  flex-direction: row;
  gap: 0.6rem;
  justify-content: start;
  align-items: center;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 400;
  color: #545050;
  text-transform: uppercase;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
.link--small-gray:any-link {
  display: flex;
  flex-direction: row;
  gap: 0.6rem;
  justify-content: start;
  align-items: center;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 400;
  color: #545050;
  text-transform: uppercase;
  transition: color 0.3s;
}
.link--small-gray:-moz-any-link svg path {
  stroke: #545050;
  -moz-transition: stroke 0.3s;
  transition: stroke 0.3s;
}
.link--small-gray:any-link svg path {
  stroke: #545050;
  transition: stroke 0.3s;
}
.link--small-gray:-moz-any-link:hover {
  color: #fff;
}
.link--small-gray:any-link:hover {
  color: #fff;
}
.link--small-gray:-moz-any-link:hover svg path {
  stroke: #fff;
}
.link--small-gray:any-link:hover svg path {
  stroke: #fff;
}
.link--arrow {
  display: flex;
  flex-direction: row;
  gap: 0.6rem;
  justify-content: start;
  align-items: center;
}
.link--dark,
.link--bright,
.link--accent {
  transition: 0.3s color;
}
.link--dark:hover,
.link--bright:hover,
.link--accent:hover {
  color: #496bfe;
}
.link--basic-color {
  color: #fff;
}
.link--dark {
  color: #090909;
}
.link--bright {
  color: #fff;
}
.link--accent {
  color: #496bfe;
}
.link--underline {
  text-decoration: underline;
}
.heading--big {
  font-size: 4rem;
  line-height: 1.2;
  font-weight: 500;
}
@media (min-width: 768px) {
  .heading--big {
    font-size: 4.5rem;
  }
}
@media (min-width: 992px) {
  .heading--big {
    font-size: 5.5rem;
  }
}
@media (min-width: 1200px) {
  .heading--big {
    font-size: 6rem;
  }
}
.heading--1 {
  font-size: 3.1rem;
  line-height: 1.2;
  font-weight: 500;
}
@media (min-width: 768px) {
  .heading--1 {
    font-size: 3.2rem;
  }
}
@media (min-width: 992px) {
  .heading--1 {
    font-size: 3.3rem;
  }
}
@media (min-width: 1200px) {
  .heading--1 {
    font-size: 5.2rem;
  }
}
.heading--2 {
  font-size: 2.8rem;
  line-height: 1.2;
  font-weight: 500;
}
@media (min-width: 768px) {
  .heading--2 {
    font-size: 3.2rem;
  }
}
@media (min-width: 992px) {
  .heading--2 {
    font-size: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .heading--2 {
    font-size: 3.7rem;
  }
}
.heading--3 {
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 768px) {
  .heading--3 {
    font-size: 2.4rem;
  }
}
@media (min-width: 992px) {
  .heading--3 {
    font-size: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .heading--3 {
    font-size: 2.5rem;
  }
}
.heading--4 {
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .heading--4 {
    font-size: 2.1rem;
  }
}
.text--size-small {
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
}
.text--size-basic {
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 400;
}
@media (min-width: 992px) {
  .text--size-basic {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 400;
  }
}
.text--size-medium {
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 400;
}
@media (min-width: 992px) {
  .text--size-medium {
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: 400;
  }
}
.text--basic-color {
  color: #fff;
}
.text--basic-color:-moz-any-link {
  color: #fff;
}
.text--basic-color:any-link {
  color: #fff;
}
.text--bright {
  color: #fff;
}
.text--bright:-moz-any-link {
  color: #fff;
}
.text--bright:any-link {
  color: #fff;
}
.text--dark {
  color: #090909;
}
.text--dark:-moz-any-link {
  color: #090909;
}
.text--dark:any-link {
  color: #090909;
}
.text--accent {
  color: #496bfe;
}
.text--accent:-moz-any-link {
  color: #496bfe;
}
.text--accent:any-link {
  color: #496bfe;
}
.text--gray {
  color: #6d6d6d;
}
.text--gray:-moz-any-link {
  color: #6d6d6d;
}
.text--gray:any-link {
  color: #6d6d6d;
}
.text--gray-2 {
  color: #9095a1;
}
.text--gray-2:-moz-any-link {
  color: #9095a1;
}
.text--gray-2:any-link {
  color: #9095a1;
}
.text--light {
  font-weight: 300;
}
.text--regular {
  font-weight: 400;
}
.text--medium {
  font-weight: 500;
}
.text--semibold {
  font-weight: 600;
}
.text--underline {
  text-decoration: underline;
}
.text--gradniet-dark-to-accent {
  background: linear-gradient(90deg, #090909, #496bfe 55%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text--gradniet-bright-to-accent {
  background: linear-gradient(90deg, #fff 0, #496bfe 55%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text--gradniet-accent-to-bright {
  background: linear-gradient(90deg, #496bfe 5%, #fff 95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text--gradniet-accent-to-dark {
  background: linear-gradient(90deg, #496bfe 5%, #090909 95%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rich-text--basic {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.rich-text--basic .btn {
  margin-top: 2.6rem;
}
@media (min-width: 768px) {
  .rich-text--basic {
    display: flex;
    flex-direction: column;
    gap: 2.7rem;
  }
}
.theme--bright {
  background-color: #fff;
}
.theme--dark {
  background-color: #090909;
}
.theme--gray {
  background-color: #f3f3f6;
}
.form-newsletter__wrapper {
  display: flex;
  flex-direction: row;
  gap: 0.8rem;
  justify-content: start;
  align-items: center;
  border: 1px solid transparent;
  background-color: #f3f3f6;
  border-radius: 0.4rem;
  padding: 0.4rem 0.4rem 0.4rem 0.8rem;
}
.form-newsletter input {
  flex: 1 1;
  border: none;
  outline: none;
  background-color: #f3f3f6;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
}
.form-newsletter input::-moz-placeholder {
  color: #090909;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
}
.form-newsletter input::placeholder {
  color: #090909;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
}
.form-newsletter .terms-check {
  position: relative;
  margin-top: 1.5rem;
}
.form-order .field-grid {
  display: grid;
  gap: 2.5rem 2rem;
  grid: auto/repeat(2, 1fr);
}
.form-order .label-field {
  margin-bottom: 0.6rem;
}
.form-order .terms-check {
  margin-top: 1.8rem;
}
.form-order .btn {
  margin-top: 2.4rem;
}
.terms-check {
  position: relative;
}
.terms-check input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
}
.terms-check label {
  display: inline-block;
  margin-left: 3.1rem;
  transform: translateY(3px);
}
input[type="checkbox"] {
  accent-color: #496bfe;
}
.label-field {
  display: block;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 500;
}
.input {
  width: 100%;
  border: 1px solid #d2d7e8;
  border-radius: 0.4rem;
  padding: 1rem;
  color: #9095a1;
  transition: border-color 0.3s;
}
.input:focus {
  border-color: #496bfe;
}
.anim,
.our-services__item,
.hero {
  overflow: hidden;
  position: relative;
}
.increase .cms-shields__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.social-list__item,
.counter__icon,
.carousel-nav__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-align-start {
  display: flex;
  align-items: start;
}
.flex-end-end {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.flex {
  display: flex;
}
.hidden {
  overflow: hidden !important;
}
.article-content {
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 400;
  color: #9095a1;
}
.article-content :first-child {
  margin-top: 0;
}
.article-content h1 {
  font-size: 27px;
  line-height: 1.2;
  font-weight: 400;
  color: #090909;
  margin-top: 50px;
  margin-bottom: 38px;
}
@media (min-width: 768px) {
  .article-content h1 {
    font-size: 40px;
  }
}
@media (min-width: 992px) {
  .article-content h1 {
    font-size: 44px;
  }
}
@media (min-width: 1200px) {
  .article-content h1 {
    font-size: 48px;
  }
}
.article-content h2 {
  font-size: 27px;
  line-height: 1.2;
  font-weight: 400;
  color: #090909;
  margin-top: 50px;
  margin-bottom: 19px;
}
@media (min-width: 768px) {
  .article-content h2 {
    font-size: 29px;
  }
}
@media (min-width: 992px) {
  .article-content h2 {
    font-size: 33px;
  }
}
@media (min-width: 1200px) {
  .article-content h2 {
    font-size: 37px;
  }
}
.article-content h3 {
  font-size: 25px;
  line-height: 1.2;
  font-weight: 400;
  color: #090909;
  margin-top: 50px;
  margin-bottom: 19px;
}
@media (min-width: 768px) {
  .article-content h3 {
    font-size: 27px;
  }
}
@media (min-width: 992px) {
  .article-content h3 {
    font-size: 31px;
  }
}
@media (min-width: 1200px) {
  .article-content h3 {
    font-size: 35px;
  }
}
.article-content h4 {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 400;
  color: #090909;
  margin-top: 50px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .article-content h4 {
    font-size: 19px;
  }
}
@media (min-width: 992px) {
  .article-content h4 {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .article-content h4 {
    font-size: 22px;
  }
}
.article-content h5 {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #090909;
  margin-top: 50px;
  margin-bottom: 6px;
}
@media (min-width: 768px) {
  .article-content h5 {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .article-content h5 {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .article-content h5 {
    font-size: 19px;
  }
}
.article-content .subtitle {
  margin-bottom: 3rem;
}
.article-content p,
.article-content ul,
.article-content ol,
.article-content pre,
.article-content table,
.article-content blockquote {
  margin-top: 0;
  margin-bottom: 2.5rem;
  font-weight: 400;
}
.article-content p {
  font-size: 1.5rem;
  line-height: 1.3;
  font-weight: 400;
  color: #9095a1;
}
@media (min-width: 1200px) {
  .article-content p {
    font-size: 1.5rem;
    line-height: 1.3;
    font-weight: 400;
  }
}
.article-content ul .article-content ul,
.article-content ol .article-content ol,
.article-content ul .article-content ol,
.article-content ol .article-content ul {
  margin-top: 0;
  margin-bottom: 0;
}
.article-content ul,
.article-content ol {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.article-content ul {
  list-style-type: disc;
  margin-left: 40px;
}
.article-content ul ::marker {
  display: inline-block;
  color: #496bfe;
}
.article-content ol {
  list-style-type: decimal;
  margin-left: 40px;
}
.article-content hr {
  border-top: 1px solid;
  margin: -1px 0;
  color: #dedede;
}
.article-content a,
.article-content b,
.article-content i,
.article-content strong,
.article-content em,
.article-content small,
.article-content code {
  line-height: 0;
}
.article-content sub,
.article-content sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.article-content sup {
  top: -0.5em;
}
.article-content sub {
  bottom: -0.25em;
}
.article-content a {
  color: #496bfe;
}
.article-content img {
  width: 100%;
  margin: 35px 0 0;
  min-height: 25rem;
  -o-object-fit: cover;
  object-fit: cover;
}
.article-content :last-child {
  margin-bottom: 0;
}
.terms-content {
  font-family: Plus Jakarta Sans, sans-serif;
  line-height: 1.3;
  color: #090909;
}
.terms-content :first-child {
  margin-top: 0;
}
.terms-content :last-child {
  margin-bottom: 0;
}
.terms-content h1,
.terms-content h2,
.terms-content h3,
.terms-content h4,
.terms-content h5,
.terms-content h6 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 400;
}
.terms-content h1 {
  font-size: 2em;
}
@media (min-width: 1200px) {
  .terms-content h1 {
    font-size: 2.5em;
  }
}
.terms-content h2 {
  font-size: 1.75em;
}
@media (min-width: 1200px) {
  .terms-content h2 {
    font-size: 2.25em;
  }
}
.terms-content h3 {
  font-size: 1.5em;
}
@media (min-width: 1200px) {
  .terms-content h3 {
    font-size: 2em;
  }
}
.terms-content h4 {
  font-size: 1.05em;
}
@media (min-width: 1200px) {
  .terms-content h4 {
    font-size: 1.55em;
  }
}
.terms-content ul,
.terms-content ol {
  margin: 20px 0;
  padding-left: 40px;
  list-style-position: outside;
}
.terms-content ul {
  list-style-type: disc;
}
.terms-content ol {
  list-style-type: decimal;
}
.terms-content ul li,
.terms-content ol li {
  margin-bottom: 10px;
  font-size: 16px;
}
.terms-content p {
  margin-bottom: 15px;
  font-size: 16px;
}
.terms-content a {
  color: #496bfe;
  text-decoration: none;
  font-size: 16px;
}
.terms-content a:hover {
  text-decoration: underline;
}
.terms-content blockquote {
  margin: 20px 0;
  padding: 15px 20px;
  background-color: #f9f9f9;
  border-left: 5px solid #496bfe;
  font-style: italic;
  color: #555;
  font-size: 16px;
}
.terms-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}
.terms-content table th,
.terms-content table td {
  padding: 10px;
  border: 1px solid #ddd;
  text-align: left;
  font-size: 16px;
}
.terms-content table th {
  background-color: #f8f8f8;
  font-weight: 700;
}
.terms-content img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 20px 0;
}
.terms-content code {
  font-family: monospace;
  background-color: #f4f4f4;
  padding: 2px 4px;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
}
.logo-site {
  width: 13rem;
}
.main-navigation__list {
  display: flex;
  flex-direction: row;
  gap: 3.2rem;
}
.main-navigation__link:-moz-any-link {
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 400;
  color: #9095a1;
  text-transform: uppercase;
}
.main-navigation__link:any-link {
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 400;
  color: #9095a1;
  text-transform: uppercase;
}
.main-navigation__sublist {
  background-color: #d2d7e8;
}
.main-navigation .submenu__trigger:hover .submenu {
  display: block;
}
.submenu {
  display: none;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 10000;
  padding-top: 3rem;
}
.submenu__full-wrapper {
  background-color: #fff;
  border-bottom: 0.1rem solid #d2d7e8;
}
.submenu--1 .heading--3 {
  font-size: 2.5rem;
}
.submenu--1 .submenu__list {
  display: grid;
  gap: 0.1rem;
  grid: repeat(2, 1fr) / repeat(3, 1fr);
  border-right: 1px solid #d2d7e8;
  background-color: #d2d7e8;
}
.submenu--1 .submenu__link {
  display: flex;
  flex-direction: row;
  gap: 1.9rem;
  align-items: center;
  height: 100%;
  padding: 3.2rem;
  cursor: pointer;
}
.submenu--1 .submenu__link:hover .heading {
  color: #496bfe;
}
.submenu--1 .submenu__item {
  background-color: #fff;
}
.submenu--1 .submenu__item .header .heading {
  text-wrap: balance;
}
.submenu--1 .submenu__icon {
  display: inline-block;
  padding: 1.2rem;
  border-radius: 0.8rem;
  border: 1px solid #d2d7e8;
}
.submenu--1 .submenu .wrapper .heading {
  margin-bottom: 0.3rem;
  text-wrap: balance;
}
.submenu--1 .submenu__item:nth-child(1) {
  padding: 3.2rem 3.2rem 3.2rem 0;
}
.submenu--1 .submenu__item:nth-child(1) {
  grid-area: 1/1/3/2;
}
.submenu--1 .submenu__item:nth-child(2) {
  grid-area: 1/2/2/3;
}
.submenu--1 .submenu__item:nth-child(3) {
  grid-area: 1/3/2/4;
}
.submenu--1 .submenu__item:nth-child(4) {
  grid-area: 2/2/3/3;
}
.submenu--1 .submenu__item:nth-child(5) {
  grid-area: 2/3/3/4;
}
.mobile-nav {
  display: flex;
  flex-direction: column;
  position: relative;
  position: fixed;
  top: 8.5rem;
  right: 0;
  overflow-y: scroll;
  height: calc(100dvh - 74.5px);
  padding-bottom: 4rem;
  background: #090909;
  width: 100dvw;
  max-width: 40rem;
  z-index: 1000;
  transform: translate(100%);
  transition: transform 0.4s;
}
.mobile-nav.open-menu {
  transform: translate(0);
}
@media (min-width: 1200px) {
  .mobile-nav {
    display: none;
  }
}
.mobile-nav .close-icon {
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
  width: 4rem;
}
.mobile-nav__city-list {
  margin-top: 3rem;
  display: grid;
  grid: auto/repeat(3, 1fr);
  gap: 1.7rem;
}
.mobile-nav__city-list .mobile-nav-small-link {
  padding: 0 !important;
}
.mobile-nav__small-list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 2.1rem;
  padding: 2.1rem 1rem;
  border-top: 1px solid #252525;
}
.mobile-nav__menu {
  padding: 2.1rem 0;
  border-bottom: 1px solid #252525;
  text-align: center;
}
.mobile-nav__menu:last-child {
  border-bottom: 0;
}
.mobile-nav__menu.active {
  background: #090909;
}
.mobile-nav__menu.active .mobile-nav-link {
  color: #496bfe;
}
.mobile-nav__menu.active svg path {
  stroke: #496bfe;
}
.mobile-nav__list {
  display: flex;
  flex-flow: column;
  gap: 2.1rem;
  overflow: hidden;
  margin-top: 0;
  height: 0;
  opacity: 0;
  background: #090909;
  transition: height 0.3s ease, margin-top 0.3s ease, opacity 0.3s ease;
}
.active .mobile-nav__list {
  margin-top: 2.1rem;
  opacity: 1;
}
.mobile-nav__list .heading {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 500;
}
.mobile-nav__item {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 0 2.1rem;
}
.mobile-nav .mobile-nav-small-link {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 500;
  padding: 0 2.1rem;
  text-align: center;
}
.mobile-nav .mobile-nav-small-link:-moz-any-link {
  display: inline-block;
  color: #fff;
}
.mobile-nav .mobile-nav-small-link:any-link {
  display: inline-block;
  color: #fff;
}
.mobile-nav .mobile-nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 500;
  padding: 0 2.1rem;
  color: #fff;
  text-align: center;
}
.mobile-nav .mobile-nav-link:-moz-any-link {
  color: #fff;
}
.mobile-nav .mobile-nav-link:any-link {
  color: #fff;
}
.mobile-nav .search {
  margin-top: 2.1rem;
  padding: 0 2.1rem;
}
.mobile-nav .search input {
  width: 100%;
}
.mobile-nav .lang {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 500;
  padding: 2.1rem;
  margin-top: auto;
  border-top: 1px solid #252525;
}
.mobile-nav .lang__flag {
  margin-left: 1rem;
}
.mobile-nav .lang__arrow {
  margin-left: auto;
}
.mobile-nav .btn {
  margin: 2rem auto 1rem;
}
.header--rich-basic {
  display: flex;
  flex-direction: column;
  gap: 2.7rem;
}
.header--rich-basic .btn {
  margin-top: 2.6rem;
}
.header--rich-mini {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.header--rich-mini .btn {
  margin-top: 2.6rem;
}
.header--center {
  text-align: center;
  margin: 0 auto;
}
.header--center .btn,
.header--center .text {
  margin: 0 auto;
}
.header--between {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  justify-content: start;
  align-items: start;
}
@media (min-width: 768px) {
  .header--between {
    display: flex;
    flex-direction: row;
    gap: 5rem;
    justify-content: space-between;
    align-items: end;
  }
}
.header--between-start {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  justify-content: start;
  align-items: start;
}
@media (min-width: 768px) {
  .header--between-start {
    display: flex;
    flex-direction: row;
    gap: 5rem;
    justify-content: space-between;
    align-items: start;
  }
}
.carousel-nav {
  display: flex;
  flex-direction: row;
  gap: 0.8rem;
  justify-content: start;
  align-items: center;
}
.carousel-nav__arrow {
  width: 3.8rem;
  height: 3.8rem;
  border: 1px solid #d2d7e8;
  border-radius: 0.4rem;
  cursor: pointer;
}
.carousel-nav__arrow-left,
.carousel-nav__arrow-right {
  width: 50%;
}
.carousel-nav__arrow-left {
  transform: rotate(180deg);
}
.carousel-nav--bright .carousel-nav__arrow {
  border-color: #252525;
}
.post-carousel {
  background-color: #f3f3f6;
}
.post-carousel:hover .btn-sygnet {
  background-color: #496bfe;
}
.post-carousel__img-wrapper {
  display: block;
  position: relative;
}
.post-carousel .label-post {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translate(-50%);
}
.post-carousel .img {
  width: 100%;
  height: 22rem;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
@media (min-width: 1500px) {
  .post-carousel .img {
    width: 100%;
    height: 24rem;
  }
}
.post-carousel__text-wrapper {
  display: block;
  padding: 2.2rem;
}
.post-carousel__title {
  display: flex;
  flex-direction: row;
  gap: 3rem;
  justify-content: space-between;
  align-items: top;
}
.post-carousel .heading {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 1.8rem;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 500;
}
.post-carousel__short-desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (min-width: 1500px) {
  .post-carousel__short-desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.theme--gray .post-carousel {
  background-color: #fff;
}
.counter__wrapper {
  display: flex;
  flex-direction: row;
  gap: 2.5rem;
  justify-content: start;
  align-items: center;
}
.counter__suffix {
  margin-left: -0.8rem;
}
.counter__icon {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 0.4rem;
  background-color: #171717;
}
.counter--large {
  font-size: 4.2rem;
  line-height: 1;
  font-weight: 400;
}
@media (min-width: 576px) {
  .counter--large {
    font-size: 5.2rem;
    line-height: 1;
    font-weight: 400;
  }
}
.social-list {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: start;
  align-items: center;
}
.social-list__item {
  width: 4.4rem;
  height: 4.4rem;
  border: 1px solid #d2d7e8;
  border-radius: 0.4rem;
}
.social-list--bright svg path {
  fill: #fff;
}
.social-list--bright .social-list__item {
  border: none;
}
.pop-words--heading .pop-word,
.pop-words--text .pop-word {
  display: inline-block;
  overflow: hidden;
}
.pop-words--heading .pop-word.active,
.pop-words--text .pop-word.active {
  transition: padding-top 0.3s;
  padding-top: 0;
}
.pop-words--heading {
  line-height: 1;
}
.pop-words--heading .pop-word {
  line-height: 1.25;
}
@media (min-width: 1200px) {
  .pop-words--heading .pop-word {
    height: 7.5rem;
    padding-top: 7.5rem;
  }
}
@media (min-width: 1200px) {
  .pop-words--text .pop-word {
    height: 2.1rem;
    padding-top: 2rem;
  }
}
.label-post {
  display: flex;
  flex-direction: row;
  gap: 1.2rem;
  justify-content: start;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  padding: 0.4rem 0.4rem 0.4rem 1.2rem;
  border-radius: 0.4rem;
  background-color: #090909;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 400;
  color: #fff;
}
.label-post__category {
  padding: 1rem;
  border-radius: 0.4rem;
  background: #496bfe;
}
.label {
  width: -moz-max-content;
  width: max-content;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  padding: 1rem;
  border-radius: 0.4rem;
  background: #496bfe;
}
.form-wrapper {
  background-color: #fff;
  padding: 2.6rem;
}
.form-wrapper .header p {
  margin: 0.8rem 0 3rem;
}
.accordion {
  display: flex;
  flex-direction: column;
  gap: 2.2rem;
}
.accordion__item {
  padding-bottom: 2.2rem;
  border-bottom: 0.1rem solid #d2d7e8;
}
@media (min-width: 992px) {
  .accordion__item:last-child {
    border: none;
  }
}
.accordion__item .icon {
  width: 1rem;
  transition: all 0.3s;
}
.accordion__item .icon-open {
  opacity: 1;
  display: inline-block;
}
.accordion__item .icon-close,
.accordion__item.active .icon-open {
  opacity: 0;
  display: none;
}
.accordion__item.active .icon-close {
  opacity: 1;
  display: inline-block;
}
.accordion__heading {
  display: flex;
  flex-direction: row;
  gap: 2.2rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.accordion__desc {
  overflow: hidden;
  height: 0;
  opacity: 0;
  margin-top: 0;
  transition: all 0.3s;
}
.active .accordion__desc {
  margin-top: 1.7rem;
  opacity: 1;
}
.accordion__trigger {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  min-width: 2.5rem;
  background-color: #090909;
  border-radius: 0.4rem;
}
.contents {
  margin-bottom: 2rem;
  padding-bottom: 4rem;
  border-bottom: 1px solid #d2d7e8;
}
@media (min-width: 1200px) {
  .contents {
    margin-bottom: 4rem;
    padding-bottom: 4rem;
  }
}
.contents__list {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  justify-content: start;
  align-items: start;
  margin: 2rem 0 0;
}
.contents__list li {
  width: 100%;
}
.contents__line {
  height: 0.1rem;
  margin-top: 0.8rem;
}
.contents__line__progress {
  width: 0%;
  height: 0.1rem;
  background-color: #496bfe;
  transition: width 0.6s;
}
.contents__item:-moz-any-link {
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 400;
  color: #9095a1;
  -moz-transition: font-weight 0.3s;
  transition: font-weight 0.3s;
}
.contents__item:any-link {
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 400;
  color: #9095a1;
  transition: font-weight 0.3s;
}
.contents__item.active:-moz-any-link {
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 500;
  color: #090909;
}
.contents__item.active:any-link {
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 500;
  color: #090909;
}
.contents__item.active + .contents__line .contents__line__progress {
  width: 100%;
}
.hero-to-discavery {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 2.5rem;
  border-top: 1px solid #252525;
}
.nav-carousel__arrows {
  display: flex;
  gap: 1rem;
  width: 8.8rem;
}
.nav-carousel__arrow {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 3.9rem;
  height: 3.9rem;
  background-color: #d2d7e8;
  cursor: pointer;
  overflow: hidden;
}
.nav-carousel__arrow.dark {
  background-color: #252525;
}
.nav-carousel__arrow.active .line-1 {
  transform: translate(0);
  transition: transform 0.7s linear;
}
.nav-carousel__arrow.active .line-2 {
  transform: translateY(0);
  transition: transform 0.7s 0.7s linear;
}
.nav-carousel__arrow.active .line-3 {
  transform: translate(0);
  transition: transform 0.7s 1.4s linear;
}
.nav-carousel__arrow.active .line-4 {
  transform: translateY(0);
  transition: transform 0.7s 2.1s linear;
}
.nav-carousel__arrow .line-1 {
  position: absolute;
  top: -0.1rem;
  left: 0;
  width: 3.9rem;
  height: 0.2rem;
  background-color: #496bfe;
  transition: transform 0s linear;
  transform: translate(-100%);
}
.nav-carousel__arrow .line-2 {
  position: absolute;
  top: 0;
  right: -0.1rem;
  width: 0.2rem;
  height: 3.9rem;
  background-color: #496bfe;
  transition: transform 0s linear;
  transform: translateY(-100%);
}
.nav-carousel__arrow .line-3 {
  position: absolute;
  bottom: -0.1rem;
  right: 0;
  width: 3.9rem;
  height: 0.2rem;
  background-color: #496bfe;
  transition: transform 0s linear;
  transform: translate(100%);
}
.nav-carousel__arrow .line-4 {
  position: absolute;
  bottom: 0;
  left: -0.1rem;
  width: 0.2rem;
  height: 3.9rem;
  background-color: #496bfe;
  transition: transform 0s linear;
  transform: translateY(100%);
}
.nav-carousel__arrow > div {
  position: absolute;
  background-color: #fff;
  z-index: 3;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 3.7rem;
  height: 3.7rem;
}
.nav-carousel__arrow > div.gray {
  background-color: #f3f3f6;
}
.nav-carousel__arrow > div.dark {
  background-color: #090909;
}
.nav-carousel__arrow--left,
.nav-carousel__arrow--right {
  width: 50%;
}
.nav-carousel__arrow--left {
  transform: rotate(180deg);
}
.nav-carousel__content {
  position: absolute;
  top: 3rem;
  left: 50%;
  z-index: 2;
  transform: translate(-50%);
}
.nav-carousel header {
  background-color: red !important;
}
.nav-carousel__text-item {
  margin: 0 auto 2.5rem;
  opacity: 1;
  transition: opacity 0.3s;
  min-width: 32rem;
}
@media (min-width: 576px) {
  .nav-carousel__text-item {
    margin: 0 auto 6.5rem;
  }
}
.nav-carousel--1 {
  position: relative;
  top: 0;
  left: 50%;
}
.nav-carousel--2,
.nav-carousel--3,
.nav-carousel--4,
.nav-carousel--5 {
  position: absolute;
  top: 0;
  left: 50%;
}
.nav-carousel--1 {
  transform: translate(-50%);
}
.nav-carousel--2 {
  transform: translate(-50%) rotate(18deg);
}
.nav-carousel--3 {
  transform: translate(-50%) rotate(36deg);
}
.nav-carousel--4 {
  transform: translate(-50%) rotate(54deg);
}
.nav-carousel--5 {
  transform: translate(-50%) rotate(72deg);
}
.nav-carousel img {
  border-radius: 2.2rem;
}
.nav-carousel__item {
  position: absolute;
}
.nav-carousel__item img {
  position: relative;
  display: block;
}
.nav-carousel__item--1 {
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
}
.nav-carousel__item--1 img {
  min-width: 220px;
  width: 220px;
}
@media (min-width: 576px) {
  .nav-carousel__item--1 img {
    min-width: 250px;
    width: 250px;
  }
}
.nav-carousel__item--2 {
  top: 50%;
  right: 0;
  transform: translate(100%, -50%) rotate(180deg);
}
.nav-carousel__item--2 img {
  min-height: 220px;
  height: 220px;
}
@media (min-width: 576px) {
  .nav-carousel__item--2 img {
    min-height: 250px;
    height: 250px;
  }
}
.nav-carousel__item--3 {
  bottom: 0%;
  left: 50%;
  transform: translate(-50%, 100%) rotate(180deg);
}
.nav-carousel__item--3 img {
  min-width: 220px;
  width: 220px;
}
@media (min-width: 576px) {
  .nav-carousel__item--3 img {
    min-width: 250px;
    width: 250px;
  }
}
.nav-carousel__item--4 {
  top: 50%;
  left: 0%;
  transform: translate(-100%, -50%) rotate(0);
}
.nav-carousel__item--4 img {
  min-height: 220px;
  height: 220px;
}
@media (min-width: 576px) {
  .nav-carousel__item--4 img {
    min-height: 250px;
    height: 250px;
  }
}
.dropdown {
  display: none;
  position: absolute;
  top: 9.4rem;
  left: 0;
  right: 0;
  border-bottom: 1px solid #252525;
  background-color: #090909;
}
.dropdown.show {
  display: block;
}
.dropdown__content {
  background: #252525;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  width: 100%;
  border-left: 1px solid #252525;
  border-right: 1px solid #252525;
}
.dropdown__item {
  background-color: #000;
}
.dropdown__item--1 a,
.dropdown__item--2 a,
.dropdown__item--3 a,
.dropdown__item--4 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3rem;
  height: 100%;
  transition: color 0.3s;
}
.dropdown__item--1 a svg,
.dropdown__item--2 a svg,
.dropdown__item--3 a svg,
.dropdown__item--4 a svg {
  transition: stroke 0.3s;
}
.dropdown__item--1 a:-moz-any-link,
.dropdown__item--2 a:-moz-any-link,
.dropdown__item--3 a:-moz-any-link,
.dropdown__item--4 a:-moz-any-link {
  font-size: 1.4rem;
  line-height: 1.1;
  font-weight: 500;
  color: #fff;
}
.dropdown__item--1 a:any-link,
.dropdown__item--2 a:any-link,
.dropdown__item--3 a:any-link,
.dropdown__item--4 a:any-link {
  font-size: 1.4rem;
  line-height: 1.1;
  font-weight: 500;
  color: #fff;
}
.dropdown__item--1 a:hover,
.dropdown__item--2 a:hover,
.dropdown__item--3 a:hover,
.dropdown__item--4 a:hover {
  color: #496bfe;
}
.dropdown__item--1 a:hover svg path,
.dropdown__item--2 a:hover svg path,
.dropdown__item--3 a:hover svg path,
.dropdown__item--4 a:hover svg path {
  stroke: #496bfe;
}
.dropdown__item--1 {
  grid-area: 1/1/2/2;
}
.dropdown__item--2 {
  grid-area: 2/1/3/2;
}
.dropdown__item--3 {
  grid-area: 3/1/4/2;
}
.dropdown__item--4 {
  grid-area: 1/2/2/3;
}
.dropdown__item--5 {
  grid-area: 2/2/4/3;
}
.dropdown__cities {
  display: grid;
  gap: 2.5rem;
  grid: auto/repeat(5, 1fr);
  padding: 3rem;
  transition: color 0.3s;
}
.dropdown__cities a:-moz-any-link {
  font-size: 1.4rem;
  line-height: 1.1;
  font-weight: 500;
  color: #fff;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
.dropdown__cities a:any-link {
  font-size: 1.4rem;
  line-height: 1.1;
  font-weight: 500;
  color: #fff;
  transition: color 0.3s;
}
.dropdown__cities a:hover {
  color: #496bfe;
}
.popup {
  display: none;
  grid: auto/1fr;
  position: fixed;
  overflow: hidden;
  z-index: 11000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  width: 95vw;
}
@media (min-width: 992px) {
  .popup {
    grid: auto/1fr 37rem;
    width: 95rem;
  }
}
.popup .col--1 {
  position: relative;
  padding: 2rem;
}
@media (min-width: 768px) {
  .popup .col--1 {
    padding: 4rem;
  }
}
.popup .col--1 .close-mobile {
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  cursor: pointer;
}
@media (min-width: 992px) {
  .popup .col--1 .close-mobile {
    display: none;
  }
}
.popup .col--1 .heading {
  margin-bottom: 1rem;
  max-width: 30rem;
}
.popup .col--1 form {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 4rem;
}
.popup .col--1 form .label-field {
  display: block;
  margin-bottom: 1rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #060513;
}
.popup .col--2 {
  display: none;
  position: relative;
  background: url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/popup-DKg69p7x.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
@media (min-width: 992px) {
  .popup .col--2 {
    display: grid;
    min-height: 55rem;
  }
}
.popup .col--2 svg {
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  cursor: pointer;
}
.popup .col--2 .img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.popup .message {
  margin-top: 2.6rem;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 1.2rem;
  background-color: #f8f8f8;
}
.popup-2 {
  display: none;
  grid: auto/1fr;
  position: fixed;
  overflow: hidden;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 1.6rem;
  width: 95vw;
}
@media (min-width: 992px) {
  .popup-2 {
    grid: auto/1fr 37rem;
    width: 95rem;
  }
}
.popup-2 .col--1 {
  position: relative;
  padding: 4rem;
}
.popup-2 .col--1 svg {
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  cursor: pointer;
}
@media (min-width: 992px) {
  .popup-2 .col--1 svg {
    display: none;
  }
}
.popup-2 .col--1 .heading {
  margin-bottom: 1rem;
}
.popup-2 .col--1 form {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  margin-top: 4rem;
}
.popup-2 .col--1 form .label-field {
  display: block;
  margin-bottom: 1rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #060513;
}
.popup-2 .col--2 {
  display: none;
  position: relative;
  background: url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/popup-DKg69p7x.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media (min-width: 992px) {
  .popup-2 .col--2 {
    display: grid;
    min-height: 55rem;
  }
}
.popup-2 .col--2 svg {
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  cursor: pointer;
}
.popup-2 .col--2 .img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.popup-2 .message {
  display: none;
  margin-top: 2.6rem;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 1.2rem;
  background-color: #f8f8f8;
}
.popup-2 .field-grid {
  display: flex;
  flex-direction: column;
  gap: 1.7rem;
}
.overlay-site {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  background-color: #00000090;
}
.person {
  display: flex;
  flex-direction: column;
  gap: 0;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media (min-width: 576px) {
  .person {
    display: flex;
    flex-direction: row;
    gap: 1.2rem;
    justify-content: start;
    align-items: center;
    text-align: left;
  }
}
.person__name {
  font-size: 1.9rem;
  line-height: 1;
  font-weight: 500;
}
.person__position {
  color: #9095a1;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  margin-top: 0.6rem;
}
.person .img {
  width: 6rem;
  max-height: 11.8rem;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 1.2rem;
}
@media (min-width: 576px) {
  .person .img {
    margin-bottom: 0;
  }
}
.list-check {
  display: grid;
  gap: 1.5rem;
  grid: auto/1fr;
  row-gap: 0.4rem;
}
.list-check--col-2 {
  display: grid;
  gap: 1.5rem;
  grid: auto/1fr 1fr;
}
.list-check--separation {
  gap: 0;
}
.list-check--separation .list-check__item {
  border-bottom: 1px solid #d2d7e8;
  padding-bottom: 0.8rem;
  margin-bottom: 0.8rem;
}
.list-check--horizontal {
  display: flex;
  flex-direction: row;
  gap: 3rem;
  align-items: center;
}
.list-check__item {
  display: flex;
  flex-direction: row;
  gap: 1.3rem;
  justify-content: start;
  align-items: start;
  line-height: 1.5;
}
.list-check__desc {
  margin-top: 0.8rem;
}
.container {
  margin: 0 auto;
  padding: 0 1.5rem;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 1200px) {
  .container {
    max-width: 120rem;
    overflow: unset;
  }
}
.module {
  padding: 4rem 0;
}
.module--pt {
  padding-top: 4rem;
}
.module--pt-2 {
  padding-top: 8rem;
}
.module--pb {
  padding-bottom: 4rem;
}
.module--pb-2 {
  padding-bottom: 8rem;
}
.module--py-2 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
@media (min-width: 992px) {
  .module {
    padding: 7rem 0;
  }
  .module--pt {
    padding-top: 7rem;
  }
  .module--pt-2 {
    padding-top: 14rem;
  }
  .module--pb {
    padding-bottom: 7rem;
  }
  .module--pb-2 {
    padding-bottom: 14rem;
  }
  .module--py-2 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }
}
.header-site {
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #252525;
  padding: 2.8rem 0 1.8rem;
}
.header-site .container {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  margin-left: auto;
}
.header-site .main-navigation {
  display: none;
  margin-left: auto;
}
@media (min-width: 1200px) {
  .header-site .main-navigation {
    display: flex;
  }
}
.header-site .btn {
  display: none;
  margin-left: 4rem;
}
@media (min-width: 1200px) {
  .header-site .btn {
    display: flex;
  }
}
.header-site .btn-main-navigation {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  background-color: #090909;
  transform: translate(1rem);
  width: 3.7rem;
  height: 3.7rem;
}
.header-site .btn-main-navigation--dark {
  background-color: transparent;
}
.header-site .btn-main-navigation--dark svg path {
  stroke: #090909;
}
.header-site .btn-main-navigation--bright {
  background-color: transparent;
}
@media (min-width: 1200px) {
  .header-site .btn-main-navigation {
    display: none;
  }
}
.header-site .btn-main-navigation svg {
  position: absolute;
}
.header-site .btn-main-navigation .open-icon {
  display: block;
  transition: opacity 0.2s;
}
.header-site .btn-main-navigation .close-icon {
  display: none;
  transition: opacity 0.2s;
}
.header-site .btn-main-navigation.open-menu .open-icon {
  display: none;
}
.header-site .btn-main-navigation.open-menu .close-icon {
  display: block;
}
.header-site--dark {
  background-color: #090909;
}
.header-site--bright {
  border-color: #dcdcdc;
  background-color: #f3f3f6;
}
.header-site--transparent {
  border-color: transparent;
  background-color: transparent;
}
.hero {
  padding: 5rem 0 0;
}
@media (min-width: 1200px) {
  .hero {
    padding: 12rem 0 5rem;
  }
}
.hero .container {
  position: relative;
}
.hero .header {
  align-items: start;
}
@media (max-width: 768px) {
  .hero .header {
    gap: 3rem;
    flex-direction: column;
  }
}
.hero .header .heading,
.hero .header .text {
  max-width: 50rem;
}
.hero__h-img {
  display: block;
  margin: -7% auto -23%;
}
@media (min-width: 576px) {
  .hero__h-img {
    margin: -10% auto -23%;
  }
}
.hero .anim-loader {
  display: none;
  position: absolute;
}
@media (min-width: 1200px) {
  .hero .anim-loader {
    display: block;
  }
}
.hero .anim-loader--1 {
  left: -10rem;
  bottom: -16rem;
}
.hero .anim-loader--2 {
  right: -10rem;
  top: -10rem;
}
.increase {
  position: relative;
  z-index: 3;
  margin-bottom: -14rem;
}
@media (min-width: 768px) {
  .increase {
    margin-bottom: unset;
  }
}
.increase__grid {
  margin-top: 5rem;
  display: grid;
  gap: 0.8rem;
  grid: auto/repeat(1, 1fr);
}
@media (min-width: 768px) {
  .increase__grid {
    display: grid;
    gap: 0.8rem;
    grid: auto/repeat(2, 1fr);
    margin-top: 7rem;
  }
}
.increase__item {
  position: relative;
  overflow: hidden;
  background-color: #090909;
  padding: 2rem;
}
@media (min-width: 768px) {
  .increase__item {
    padding: 3rem 0rem 3.5rem 3rem;
  }
}
.increase__item:nth-child(1) {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .increase__item:nth-child(1) {
    grid-area: 1/1/2/2;
    padding-bottom: 2.5rem;
  }
}
.increase__item:nth-child(1) .header {
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .increase__item:nth-child(1) .header {
    height: 100%;
  }
}
@media (min-width: 768px) {
  .increase__item:nth-child(1) .header .btn {
    margin-top: auto;
  }
}
.increase__item:nth-child(1) .g-img {
  position: relative;
  left: calc(50% + -0rem);
  transform: translate(-50%);
  margin-top: -4.5rem;
  margin-bottom: -4rem;
  width: 95%;
}
@media (min-width: 768px) {
  .increase__item:nth-child(1) .g-img {
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translate(26%, -50%);
    left: unset;
    right: 0;
    margin: unset;
  }
}
@media (min-width: 768px) {
  .increase__item:nth-child(2) {
    grid-area: 1/2/2/3;
  }
}
.increase__item:nth-child(3) {
  padding: 0;
}
@media (min-width: 768px) {
  .increase__item:nth-child(3) {
    display: flex;
    justify-content: space-between;
    grid-area: 2/1/3/3;
  }
  .increase__item:nth-child(3) img {
    margin-left: auto;
  }
}
.increase__item:nth-child(3) .header {
  padding: 2rem 2rem 2.5rem;
}
@media (min-width: 768px) {
  .increase__item:nth-child(3) .header {
    position: absolute;
    height: 100%;
    padding: 3rem 0rem 4.5rem 3rem;
  }
}
@media (min-width: 768px) {
  .increase__item:nth-child(3) .header .btn {
    margin-top: auto;
  }
}
.increase__item:nth-child(3) .img-accor {
  padding: 1rem;
  width: 100%;
}
@media (min-width: 768px) {
  .increase__item:nth-child(3) .img-accor {
    width: unset;
  }
}
@media (min-width: 768px) {
  .increase__item .header {
    padding-right: 3rem;
  }
}
@media (min-width: 768px) {
  .increase__item .header p {
    width: min(50%, 350px);
  }
}
.increase .cms-shields {
  margin-top: 4rem;
}
@media (max-width: 768px) {
  .increase .cms-shields {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 1rem;
  }
}
@media (min-width: 768px) {
  .increase .cms-shields {
    display: flex;
    flex-direction: row;
    gap: 1rem;
  }
}
.increase .cms-shields__item {
  position: relative;
  height: 13rem;
  padding: 1.4rem;
  border-radius: 0.4rem;
  background: #171717;
}
@media (min-width: 768px) {
  .increase .cms-shields__item {
    height: 16rem;
    padding: 1.7rem;
  }
}
@media (max-width: 768px) {
  .increase .cms-shields__item:nth-child(1) {
    grid-area: 1/1/2/4;
  }
}
@media (min-width: 768px) {
  .increase .cms-shields__item:nth-child(1) {
    width: clamp(12rem, 100%, 18rem);
  }
}
@media (max-width: 768px) {
  .increase .cms-shields__item:nth-child(2) {
    grid-area: 1/4/2/8;
  }
}
@media (min-width: 768px) {
  .increase .cms-shields__item:nth-child(2) {
    width: clamp(12rem, 100%, 22rem);
  }
}
@media (max-width: 768px) {
  .increase .cms-shields__item:nth-child(3) {
    grid-area: 2/1/3/8;
  }
}
@media (min-width: 768px) {
  .increase .cms-shields__item:nth-child(3) {
    width: clamp(12rem, 100%, 19rem);
  }
  .increase .cms-shields__item:nth-child(3) .cms-shields__snap--2,
  .increase .cms-shields__item:nth-child(3) .cms-shields__snap--3 {
    display: none;
  }
}
.increase .cms-shields__title {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  color: #fff;
}
.increase .cms-shields__logo {
  margin-top: 1.2rem;
  width: 3.8rem;
}
@media (min-width: 768px) {
  .increase .cms-shields__logo {
    width: 4.8rem;
  }
}
.increase .cms-shields__snap {
  position: absolute;
}
.increase .cms-shields__snap--1 {
  left: 1.5rem;
  bottom: 1.5rem;
}
.increase .cms-shields__snap--2 {
  right: 1.5rem;
  top: 1.5rem;
}
.increase .cms-shields__snap--3 {
  right: 1.5rem;
  bottom: 1.5rem;
}
.hero-numbers .header {
  align-items: start;
}
@media (max-width: 768px) {
  .hero-numbers .header {
    gap: 4rem;
    flex-direction: column;
  }
}
.hero-numbers__grid {
  display: grid;
  gap: 2.2rem;
  grid: auto/repeat(1, 1fr);
  margin-top: 7rem;
}
@media (min-width: 768px) {
  .hero-numbers__grid {
    display: grid;
    gap: 2.2rem;
    grid: auto/repeat(3, 1fr);
  }
}
.hero-numbers__item {
  padding-top: 3.5rem;
  border-top: 1px solid #252525;
}
.hero-numbers__item__title {
  display: flex;
  flex-direction: row;
  gap: 2.7rem;
}
.hero-numbers__item .counter {
  margin-top: 3.5rem;
}
@media (min-width: 1200px) {
  .hero-numbers__item .counter {
    margin-top: 7rem;
  }
}
.articles-carousel {
  overflow: hidden;
}
.articles-carousel__top {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  justify-content: start;
  align-items: start;
}
@media (min-width: 576px) {
  .articles-carousel__top {
    display: flex;
    flex-direction: row;
    gap: 4rem;
    justify-content: space-between;
    align-items: end;
  }
}
@media (min-width: 576px) {
  .articles-carousel .header {
    max-width: 50%;
  }
}
.articles-carousel .carousel-articles {
  margin: 5rem 0 0 1.5rem;
  transform: scale(0.95);
}
@media (min-width: 1200px) {
  .articles-carousel .carousel-articles {
    left: 50%;
    transform: translate(-595px);
    margin-top: 7rem;
  }
}
.services {
  position: relative;
  overflow: hidden;
  height: calc(100vh + 24rem);
}
@media (min-width: 768px) {
  .services {
    height: calc(100vh + 7rem);
  }
}
.services .container {
  position: relative;
}
.services .anim-loader {
  position: absolute;
}
.services .anim-loader--1 {
  left: -10rem;
  bottom: -16rem;
}
.services .anim-loader--2 {
  right: -10rem;
  top: -10rem;
}
.services__header {
  max-width: 54rem;
  margin-bottom: 5rem;
}
@media (min-width: 768px) {
  .services__header {
    margin-bottom: 7rem;
  }
}
.services .wrapper {
  height: calc(100vh + 7rem);
}
@media (min-width: 768px) {
  .services .wrapper {
    height: 55rem;
    height: calc(100vh - 7rem);
  }
}
.services__list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start start;
  position: relative;
  height: calc(100vh - 20rem);
  padding: 0.2rem;
}
.services__item {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
  overflow: hidden;
  border-radius: 0.4rem;
  border: 1px solid #252525;
  background-color: #fff;
  height: calc(100vh - 7rem);
}
@media (min-width: 768px) {
  .services__item {
    height: unset;
  }
}
@media (min-width: 768px) {
  .services__item {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 55rem;
  }
  .services__item p {
    display: block;
  }
}
.services__item__content {
  color: #292929;
  padding: 2rem 2rem 3rem;
  position: relative;
  width: 100%;
  background-color: #fff;
}
@media (min-width: 768px) {
  .services__item__content {
    width: 50%;
    padding: 6rem;
  }
}
.services__item__content .header {
  height: 100%;
}
.services__item__content .header .heading--3 {
  padding-left: 1.4rem;
}
.services__item__content .header .heading--3:before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 1.8rem;
  transform: translate(-1.4rem, 0.1rem);
  background-color: #496bfe;
}
@media (min-width: 576px) {
  .services__item__content .header .heading--3:before {
    width: 0.5rem;
    height: 2.4rem;
  }
}
.services__item__content .header .btn {
  margin-top: auto;
}
@media (max-width: 768px) {
  .services__item__content .header .btn {
    margin-top: 0;
  }
}
.services__item__media {
  position: relative;
  width: 100%;
  height: 25rem;
  background-color: #0f0f0f;
}
@media (min-width: 576px) {
  .services__item__media {
    height: 55rem;
  }
}
@media (min-width: 768px) {
  .services__item__media {
    width: 50%;
  }
}
.services__item__media img {
  width: 100%;
  height: 25rem;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 576px) {
  .services__item__media img {
    height: 55rem;
  }
}
.services__item__media img.img-s-4 {
  display: block;
  -o-object-fit: unset;
  object-fit: unset;
  width: auto;
  height: 25rem;
  margin: 0 auto;
}
@media (min-width: 576px) {
  .services__item__media img.img-s-4 {
    height: auto;
  }
}
@media (min-width: 992px) {
  .services__item__media img.img-s-4 {
    height: 55rem;
  }
}
.services .list-services {
  display: flex;
  flex-direction: column;
  margin-top: 1.2rem;
}
.services .list-services__item {
  display: flex;
  flex-direction: row;
  gap: 1.6rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2.2rem;
  padding-bottom: 2.2rem;
  border-bottom: 1px solid #d2d7e8;
}
.services .list-services__item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
.services .list-services__number {
  width: 2.1rem;
}
:root {
  --color-bg1: rgb(255, 255, 255);
  --color-bg2: rgb(255, 255, 255);
  --color1: 167, 0, 255;
  --color2: 73, 107, 254;
  --color3: 73, 107, 254;
  --color4: 73, 107, 254;
  --color5: 85, 73, 254;
  --color-interactive: 85, 73, 254;
  --circle-size: 80%;
  --blending: hard-light;
}
@keyframes moveInCircle {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes moveVertical {
  0% {
    transform: translateY(-50%);
  }
  50% {
    transform: translateY(50%);
  }
  to {
    transform: translateY(-50%);
  }
}
@keyframes moveHorizontal {
  0% {
    transform: translate(-50%) translateY(-10%);
  }
  50% {
    transform: translate(50%) translateY(10%);
  }
  to {
    transform: translate(-50%) translateY(-10%);
  }
}
.gradient-bg {
  width: 100vw;
  position: relative;
  overflow: hidden;
  top: 0;
  left: 0;
}
.gradient-bg svg {
  display: none;
}
.gradient-bg .header-wrapper {
  width: 100%;
  position: absolute;
  z-index: 100;
  top: 24rem;
}
.gradient-bg .header-wrapper .header .text {
  max-width: 50rem;
}
.gradient-bg__content {
  position: absolute;
  padding-top: 10rem;
  z-index: 10;
  width: 100%;
  height: calc(100vh + 30rem);
  transition: height 0.2s;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .gradient-bg__content {
    background: url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/Gradient%201-BpTxhmYm.png);
    background-size: 100dvw 83vh;
    background-repeat: no-repeat;
    background-position: 0 33rem;
  }
}
@media (min-width: 768px) {
  .gradient-bg__content {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
}
.gradient-bg__content .progress {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  position: absolute;
  bottom: 13.5rem;
  left: 50%;
  transform: translate(-50%);
  z-index: 12;
}
.gradient-bg__content .progress__line {
  background-color: #ffffff1a;
  width: 2.8rem;
  height: 0.1rem;
}
@media (min-width: 768px) {
  .gradient-bg__content .progress__line {
    width: 4rem;
  }
}
.gradient-bg__content .progress__line__progress {
  background-color: #fff;
  width: 0;
  height: 0.1rem;
}
.gradient-bg__item {
  padding: 1.5rem;
  border-color: #ffffff1a;
  border-style: solid;
}
@media (min-width: 768px) {
  .gradient-bg__item {
    padding: 4.5rem;
  }
}
.gradient-bg__item:nth-child(1) {
  display: flex;
  align-items: end;
  justify-content: start;
  border-right-width: 1px;
  border-bottom-width: 1px;
}
@media (min-width: 768px) {
  .gradient-bg__item:nth-child(1) {
    display: flex;
    align-items: end;
    justify-content: end;
  }
}
.gradient-bg__item:nth-child(2) {
  border-bottom-width: 1px;
  display: none;
}
@media (min-width: 768px) {
  .gradient-bg__item:nth-child(2) {
    display: block;
  }
}
.gradient-bg__item:nth-child(3) {
  border-right-width: 1px;
  display: none;
}
@media (min-width: 768px) {
  .gradient-bg__item:nth-child(3) {
    display: block;
  }
}
.gradient-bg__item:nth-child(4) {
  display: flex;
  align-items: start;
  justify-content: start;
}
.gradient-bg__item .heading {
  font-size: 2.6rem;
  line-height: 0.6rem;
  font-weight: 400;
  height: 4.7rem;
}
@media (min-width: 768px) {
  .gradient-bg__item .heading {
    font-size: 3.6rem;
    line-height: 1.2;
    font-weight: 400;
  }
}
.gradient-bg__item .text {
  max-width: 50rem;
}
.gradient-bg .box-title {
  height: 4.7rem;
  overflow: hidden;
}
.gradient-bg .box-title .heading {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .gradient-bg .box-title .heading {
    text-align: right;
  }
}
.gradient-bg .box-text {
  overflow: hidden;
  height: 5rem;
  margin-top: 0.8rem;
}
@media (min-width: 768px) {
  .gradient-bg .box-text {
    margin-top: 0;
  }
}
.gradient-bg .box-text p {
  height: 10rem;
}
.gradient-bg .box-text .text {
  margin-bottom: 2rem;
}
.gradient-bg .gradients-container {
  width: 100%;
  height: calc(100vh + 10rem);
  overflow: hidden;
  overflow-x: hidden;
  margin-top: 10rem;
  transition: height 0.2s;
}
@media (min-width: 768px) {
  .gradient-bg .gradients-container {
    margin-top: 10rem;
    height: calc(100vh + 10rem);
    filter: blur(70px);
  }
}
@supports (-webkit-appearance: none) {
  .gradient-bg .gradients-container {
    transform: translateY(10rem);
  }
}
.gradient-bg .g1 {
  display: none;
  position: absolute;
  background: radial-gradient(
      circle at center,
      rgba(var(--color1), 0.8) 0,
      rgba(var(--color1), 0) 50%
    )
    no-repeat;
  mix-blend-mode: var(--blending);
  width: var(--circle-size);
  height: var(--circle-size);
  top: calc(50% - var(--circle-size) / 2);
  left: calc(50% - var(--circle-size) / 2);
  transform-origin: center center;
  animation: moveVertical 30s ease infinite;
  opacity: 1;
}
@media (min-width: 768px) {
  .gradient-bg .g1 {
    display: block;
  }
}
.gradient-bg .g2 {
  display: none;
  position: absolute;
  background: radial-gradient(
      circle at center,
      rgba(var(--color2), 0.8) 0,
      rgba(var(--color2), 0) 50%
    )
    no-repeat;
  mix-blend-mode: var(--blending);
  width: var(--circle-size);
  height: var(--circle-size);
  top: calc(50% - var(--circle-size) / 2);
  left: calc(50% - var(--circle-size) / 2);
  transform-origin: calc(50% - 400px);
  animation: moveInCircle 20s reverse infinite;
  opacity: 1;
}
@media (min-width: 768px) {
  .gradient-bg .g2 {
    display: block;
  }
}
.gradient-bg .g3 {
  display: none;
  position: absolute;
  background: radial-gradient(
      circle at center,
      rgba(var(--color3), 0.8) 0,
      rgba(var(--color3), 0) 50%
    )
    no-repeat;
  mix-blend-mode: var(--blending);
  width: var(--circle-size);
  height: var(--circle-size);
  top: calc(50% - var(--circle-size) / 2 + 200px);
  left: calc(50% - var(--circle-size) / 2 - 500px);
  transform-origin: calc(50% + 400px);
  animation: moveInCircle 40s linear infinite;
  opacity: 1;
}
@media (min-width: 768px) {
  .gradient-bg .g3 {
    display: block;
  }
}
.gradient-bg .g4 {
  display: none;
  position: absolute;
  background: radial-gradient(
      circle at center,
      rgba(var(--color4), 0.8) 0,
      rgba(var(--color4), 0) 50%
    )
    no-repeat;
  mix-blend-mode: var(--blending);
  width: var(--circle-size);
  height: var(--circle-size);
  top: calc(50% - var(--circle-size) / 2);
  left: calc(50% - var(--circle-size) / 2);
  transform-origin: calc(50% - 200px);
  animation: moveHorizontal 40s ease infinite;
  opacity: 0.7;
}
@media (min-width: 768px) {
  .gradient-bg .g4 {
    display: block;
  }
}
.gradient-bg .g5 {
  display: none;
  position: absolute;
  background: radial-gradient(
      circle at center,
      rgba(var(--color5), 0.8) 0,
      rgba(var(--color5), 0) 50%
    )
    no-repeat;
  mix-blend-mode: var(--blending);
  width: calc(var(--circle-size) * 2);
  height: calc(var(--circle-size) * 2);
  top: calc(50% - var(--circle-size));
  left: calc(50% - var(--circle-size));
  transform-origin: calc(50% - 800px) calc(50% + 200px);
  animation: moveInCircle 20s ease infinite;
  opacity: 1;
}
@media (min-width: 768px) {
  .gradient-bg .g5 {
    display: block;
  }
}
.gradient-bg .g6 {
  display: none;
  position: absolute;
  background: radial-gradient(
      circle at center,
      rgba(var(--color5), 0.8) 0,
      rgba(var(--color5), 0) 50%
    )
    no-repeat;
  mix-blend-mode: var(--blending);
  width: calc(var(--circle-size) * 2);
  height: calc(var(--circle-size) * 2);
  top: calc(50% - var(--circle-size));
  left: calc(51% - var(--circle-size));
  transform-origin: calc(50% - 800px) calc(50% + 200px);
  opacity: 1;
}
@media (min-width: 768px) {
  .gradient-bg .g6 {
    display: block;
  }
}
.gradient-bg .interactive {
  display: none;
  position: absolute;
  background: radial-gradient(
      circle at center,
      rgba(var(--color-interactive), 0.8) 0,
      rgba(var(--color-interactive), 0) 50%
    )
    no-repeat;
  mix-blend-mode: var(--blending);
  width: 100%;
  height: 100%;
  top: -50%;
  left: -50%;
  opacity: 0.7;
}
@media (min-width: 768px) {
  .gradient-bg .interactive {
    display: flex;
  }
}
@keyframes rotate {
  0% {
    transform: translate(-40%) rotate(0);
  }
  to {
    transform: translate(-40%) rotate(-360deg);
  }
}
.provide {
  position: relative;
  display: none;
}
@media (min-width: 768px) {
  .provide {
    display: block;
  }
}
.provide .wrap-100 {
  background-color: #fff;
  height: 100dvh;
  overflow: hidden;
}
.provide .wrap-c2 {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  margin-top: -15dvh;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .provide .wrap-c2 {
    left: -15rem;
  }
}
@media (min-width: 767px) and (max-width: 992px) {
  .provide .wrap-c2 {
    left: -15rem;
  }
}
.provide .wrap-c2 .circle-2 {
  position: absolute;
  z-index: 10;
  height: 130dvh;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #f3f3f6;
  border: 10rem solid #fff;
  outline: 1px solid #496bfe;
  box-shadow: inset 0 0 0 1px #d2d7e8;
  transform: translate(-40%);
  background-image: url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/provide-BDt1XHa8.png);
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: bottom right;
}
.provide .wrap-all {
  position: relative;
  z-index: 11;
  width: -moz-max-content;
  width: max-content;
  margin-top: -15dvh;
  transform: translate(-40%);
}
.provide .wrap {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  transform: rotate(-45deg);
}
.provide .wrap-2 {
  top: 0;
  position: absolute;
  width: -moz-max-content;
  width: max-content;
}
.provide .circle {
  position: relative;
  height: 130dvh;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #fff0;
  border: 10rem solid #fff;
  outline: 1px solid #496bfe;
  box-shadow: inset 0 0 0 1px #d2d7e8;
}
.provide .test-item {
  position: relative;
  z-index: 1000000000000000;
  padding-left: 7rem;
}
.provide .test-item .header {
  width: 40dvw;
  max-width: 70rem;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .provide .test-item .header {
    width: 50dvw;
    max-width: 70rem;
  }
}
@media (min-width: 767px) and (max-width: 992px) {
  .provide .test-item .header {
    width: 50dvw;
    max-width: 70rem;
  }
}
.provide .test-item .header .heading {
  position: relative;
}
.provide .test-item .header .number {
  position: absolute;
  left: -23rem;
  margin-top: 0.7rem;
  color: #9095a160;
}
.provide .text {
  position: absolute;
  width: -moz-max-content;
  width: max-content;
}
.provide .text.test1 {
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  transform-origin: center left;
}
.provide .text.test2 {
  top: 100%;
  left: 50%;
  transform: translateY(-50%) rotate(90deg);
  transform-origin: center left;
}
.provide .text.test3 {
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(180deg);
  transform-origin: center left;
}
.provide .text.test4 {
  top: 0%;
  left: 50%;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: center left;
}
.provide-mob {
  position: relative;
  overflow: hidden;
  display: block;
}
@media (min-width: 768px) {
  .provide-mob {
    display: none;
  }
}
.provide-mob .wrap-provide-mob {
  background-color: #fff;
  height: 100vh;
  overflow: hidden;
}
.provide-mob .wrap-provide-mob .circle-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  left: 50%;
  transform: translate(-50%, -13rem);
  z-index: 10;
  width: 150vw;
  min-width: 50rem;
  max-width: 50rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #fff;
  border: 6.5rem solid #fff;
  outline: 1px solid #496bfe;
}
.provide-mob .wrap-provide-mob .circle-2 img {
  margin-bottom: -22rem;
  width: 50rem;
  max-width: 50rem;
}
.provide-mob .wrap-provide-mob .provide-mob-content {
  position: relative;
  margin-top: -7rem;
  padding: 0 1.5rem;
}
.provide-mob .wrap-provide-mob .provide-mob-content header {
  position: absolute;
  top: 0;
  width: calc(100dvw - 3rem);
  margin-right: 6rem;
}
.blog header {
  max-width: 55rem;
}
.blog .blog-nav {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  justify-content: start;
  align-items: start;
  margin-top: 5rem;
}
@media (min-width: 1200px) {
  .blog .blog-nav {
    display: flex;
    flex-direction: row;
    gap: 3rem;
    justify-content: space-between;
    align-items: center;
    margin-top: 7rem;
  }
}
.blog .blog-nav__list {
  display: flex;
  flex-direction: row;
  gap: 0.8rem;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
}
.blog .blog-nav__link {
  display: block;
  border: 1px solid #d2d7e8;
  border-radius: 0.4rem;
  min-width: 9rem;
  padding: 1.4rem 3rem;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 500;
  color: #090909;
  text-align: center;
  transition: border-color 0.3s;
}
.blog .blog-nav__link:hover {
  border-color: #496bfe;
}
.blog .blog-nav__link.active {
  background-color: #fff;
  border-color: #fff;
}
.blog .blog-grid {
  display: grid;
  gap: 5rem 2rem;
  grid: auto/repeat(1, 1fr);
  margin-top: 4rem;
}
@media (min-width: 576px) {
  .blog .blog-grid {
    grid: auto/repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .blog .blog-grid {
    grid: auto/repeat(3, 1fr);
  }
}
.blog .blog-grid .post-carousel {
  background-color: #fff;
}
.post__main-img {
  position: relative;
  margin-top: 5rem;
}
.post__main-img img {
  min-height: 25rem;
  -o-object-fit: cover;
  object-fit: cover;
}
.post__main-img .container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translate(-50%);
}
@media (min-width: 768px) {
  .post__main-img .container {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: end;
    position: absolute;
    bottom: 4rem;
    left: 50%;
  }
}
.post__contents {
  position: relative;
  overflow: visible;
  display: grid;
  gap: 5rem;
  grid: auto/1fr;
}
@media (min-width: 1200px) {
  .post__contents {
    display: grid;
    gap: 8rem;
    grid: auto/1fr 40rem;
  }
}
.post__contents .form-wrapper {
  position: sticky;
  top: 2rem;
}
.post-meta {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: space-between;
  align-items: start;
  margin-top: 3rem;
}
@media (min-width: 576px) {
  .post-meta {
    display: flex;
    flex-direction: row;
    gap: 4rem;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .post-meta {
    margin-top: 7rem;
  }
}
.post-meta__labels,
.post-meta__info {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: start;
  align-items: center;
}
.post-meta__dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #496bfe;
}
.site-footer__box {
  padding: 3rem 1.5rem;
  border-top: 1px solid #d2d7e8;
}
@media (min-width: 992px) {
  .site-footer__box {
    width: 21.2rem;
    padding: 3rem 4rem;
    border-right: 1px solid #d2d7e8;
    border-top: 0;
  }
}
@media (min-width: 992px) {
  .site-footer__box--left-right-border {
    border-right: 1px solid #d2d7e8;
    border-left: 1px solid #d2d7e8;
  }
}
.site-footer__top {
  border-top: 1px solid #d2d7e8;
}
@media (min-width: 992px) {
  .site-footer__top {
    border-bottom: 1px solid #d2d7e8;
  }
}
@media (max-width: 992px) {
  .site-footer__top .site-footer__box {
    border: none;
  }
}
.site-footer__top .container {
  display: flex;
  flex-direction: row;
  gap: 3rem;
  justify-content: space-between;
  align-items: stretch;
}
@media (max-width: 992px) {
  .site-footer__top .container {
    padding: 0;
  }
}
.site-footer__top .logo-footer {
  width: 13rem;
}
.site-footer__main {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (min-width: 992px) {
  .site-footer__main {
    border-bottom: 1px solid #d2d7e8;
  }
}
@media (min-width: 1200px) {
  .site-footer__main {
    display: flex;
    flex-direction: row;
    gap: 6rem;
    justify-content: space-between;
    align-items: stretch;
  }
}
.site-footer__main .container {
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (max-width: 992px) {
  .site-footer__main .container {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .site-footer__main .container {
    display: flex;
    flex-direction: row;
    gap: 0;
  }
}
.site-footer__main .social_newsletter {
  width: 100%;
}
@media (min-width: 992px) {
  .site-footer__main .social_newsletter {
    padding-left: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .site-footer__main .social_newsletter {
    padding-left: 11rem;
  }
}
.site-footer__main .social_newsletter .form-newsletter__checkbox {
  margin-top: 1rem;
  position: relative;
}
.site-footer__main .social_newsletter label {
  position: absolute;
  left: 2.7rem;
  top: 0.2rem;
}
.site-footer__menus {
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (min-width: 992px) {
  .site-footer__menus {
    display: flex;
    flex-direction: row;
    gap: 0;
    justify-content: start;
  }
}
.site-footer__menu {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.site-footer__menu__title {
  margin-bottom: 1rem;
}
.site-footer__bottom {
  padding: 3.2rem 0;
  border-top: 1px solid #d2d7e8;
}
@media (min-width: 1200px) {
  .site-footer__bottom {
    border-top: 0;
  }
}
.site-footer__bottom .container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 576px) {
  .site-footer__bottom .container {
    display: flex;
    flex-direction: row;
    gap: 3rem;
    justify-content: space-between;
    align-items: center;
  }
}
.site-footer__bottom-links {
  display: flex;
  flex-direction: row;
  gap: 3.8rem;
}
.site-footer__languages {
  cursor: pointer;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 1.2rem;
  justify-content: center;
  align-items: center;
}
.site-footer__languages svg {
  margin-left: 1.2rem;
}
.site-footer__social-list {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  justify-content: space-between;
  align-items: center;
}
.site-footer .form-newsletter {
  margin-top: 3.5rem;
}
.contact {
  position: relative;
}
.contact .grid {
  display: grid;
  gap: 5rem;
  grid: auto/1fr;
}
@media (min-width: 1200px) {
  .contact .grid {
    display: grid;
    gap: 17rem;
    grid: auto/1fr 40rem;
  }
}
.contact__data {
  margin: 3rem 0;
  padding: 3rem 0;
  border-top: 1px solid rgba(151, 151, 151, 0.25);
  border-bottom: 1px solid rgba(151, 151, 151, 0.25);
}
.contact__data .caption {
  margin-bottom: 1.4rem;
}
.contact__data__list {
  display: grid;
  gap: 2rem;
  grid: auto/1fr 1fr;
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .contact__data__list {
    gap: 10rem;
  }
}
.contact .fast-contact__list {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
  justify-content: start;
  align-items: start;
  margin-top: 2rem;
}
.contact .fast-contact__item {
  display: flex;
  flex-direction: column;
  gap: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #fff;
  padding: 2rem;
  text-align: center;
}
@media (min-width: 576px) {
  .contact .fast-contact__item {
    display: flex;
    flex-direction: row;
    gap: 1.2rem;
    justify-content: space-between;
    align-items: center;
    text-align: left;
  }
}
.contact .fast-contact__item .btn {
  margin-top: 3.2rem;
  width: -moz-max-content;
  width: max-content;
}
@media (min-width: 576px) {
  .contact .fast-contact__item .btn {
    margin-left: auto;
    margin-top: 0;
  }
}
.contact .form-wrapper {
  position: sticky;
  top: 2rem;
  margin-top: 2.5rem;
}
.contact .faq {
  margin-top: 7rem;
}
.contact .faq .header {
  margin-bottom: 4rem;
}
.contact .faq .heading--custom {
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 500;
}
.assumptions {
  overflow: hidden;
  border-bottom: 1px solid #1e1e1e;
}
.assumptions .container {
  position: relative;
}
.assumptions .col {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: space-between;
  align-items: start;
  height: 100%;
}
@media (min-width: 768px) {
  .assumptions .col {
    position: absolute;
    top: 0;
    left: 1.5rem;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .assumptions .col .header {
    max-width: 82%;
  }
}
.assumptions__carousel.glide {
  width: 100%;
  position: relative;
  margin-top: 4rem;
}
@media (min-width: 768px) {
  .assumptions__carousel.glide {
    left: 50%;
    margin-top: 0;
  }
}
.assumptions__item {
  position: relative;
}
.assumptions__item:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: #fff;
  background: linear-gradient(180deg, #fff0, #000 80%);
}
.assumptions__item__header {
  position: absolute;
  bottom: 0;
  z-index: 3;
  padding: 2.2rem;
}
.assumptions__item__header .heading--custom {
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 400;
  margin-bottom: 1rem;
}
.agreement {
  position: relative;
  overflow: hidden;
}
.agreement__content {
  position: relative;
  z-index: 2;
}
.agreement__text {
  margin-top: 6rem;
  text-align: center;
}
.agreement__experts {
  display: block;
  margin: 3rem auto 0;
}
.agreement .btn {
  margin: 8rem auto 0;
}
.agreement__bg {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 1;
  transform: translate(-50%);
}
.seo,
.seo .container {
  position: relative;
}
.seo__contents {
  position: relative;
  overflow: visible;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  justify-content: start;
  align-items: start;
  flex-direction: column-reverse;
}
@media (min-width: 1200px) {
  .seo__contents {
    display: grid;
    gap: 8rem;
    grid: auto/1fr 40rem;
  }
}
.seo__contents .post__form {
  height: 100%;
}
@media (min-width: 1200px) {
  .seo__contents .sticky {
    position: sticky;
    top: 2rem;
  }
}
.seo__contents .sticky .contents {
  margin-bottom: 4rem;
  padding-bottom: 4rem;
  border-bottom: 1px solid #d2d7e8;
}
.seo__contents .form-wrapper {
  display: none;
}
@media (min-width: 1200px) {
  .seo__contents .form-wrapper {
    display: block;
  }
}
.seo__content .heading {
  margin: 6rem 0 2rem;
  scroll-margin-top: 10rem;
}
.seo__content .text {
  margin-top: 2rem;
}
.seo__content label[for="terms"] {
  margin-top: -0.2rem;
}
.seo__content .form-wrapper {
  display: block;
  margin-top: 5rem;
}
@media (min-width: 1200px) {
  .seo__content .form-wrapper {
    display: none;
  }
}
.seo__content *:first-child {
  margin-top: 0;
}
.seo__content *:flast-child {
  margin-bottom: 0;
}
.seo__anim {
  display: none;
  position: absolute;
  top: 0;
  left: -10rem;
}
@media (min-width: 1200px) {
  .seo__anim {
    display: block;
  }
}
.seo .numbered {
  list-style-type: decimal;
  margin-left: 1.5em;
}
.seo .bulleted {
  list-style-type: disc;
  margin-left: 1.5em;
}
.seo label[for="terms_1"].text {
  margin-top: -0.2rem;
}
.stages .header {
  max-width: 50rem;
}
.stages .accordion {
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (min-width: 1200px) {
  .stages .accordion {
    margin-top: 7rem;
  }
}
.stages .accordion__item {
  position: relative;
  padding: 4rem 0;
}
.stages .accordion__item .accordion__item:before {
  background: #fff;
  transition: barkground 0.3s;
}
.stages .accordion__item .accordion__trigger {
  transition: background-color 0.2s;
}
.stages .accordion__item.active.accordion__item:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #090909;
}
@media (min-width: 992px) {
  .stages .accordion__item.active.accordion__item:before {
    background: linear-gradient(45deg, #496bfe, #090909 10%);
  }
}
@media (min-width: 1200px) {
  .stages .accordion__item.active.accordion__item:before {
    background: linear-gradient(90deg, #496bfe, #090909 10%);
  }
}
.stages .accordion__item.active .heading--custom {
  color: #fff;
}
.stages .accordion__item.active .accordion__trigger {
  background-color: #496bfe;
}
.stages .accordion__item .container {
  position: relative;
  z-index: 2;
}
.stages .accordion .heading--custom {
  display: flex;
  flex-direction: row;
  gap: 1.4rem;
  justify-content: start;
  align-items: center;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 768px) {
  .stages .accordion .heading--custom {
    font-size: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .stages .accordion .heading--custom {
    font-size: 2.2rem;
  }
}
@media (min-width: 1200px) {
  .steps {
    overflow: hidden;
  }
}
.steps .container {
  position: relative;
  overflow: visible;
}
.steps .header {
  max-width: 45rem;
  background: #fff0;
  background: linear-gradient(0deg, #fff0, #090909 35%);
}
.steps .header .text {
  position: relative;
  z-index: 2;
}
@media (max-width: 576px) {
  .steps .header {
    position: sticky;
    top: 0;
    z-index: 4;
    padding-bottom: 6rem;
    padding-top: 2rem;
  }
}
.steps .header .check-shadow {
  display: block;
  position: absolute;
  width: 7rem;
  top: 3rem;
  right: 0;
}
@media (min-width: 576px) {
  .steps .header .check-shadow {
    display: none;
  }
}
.steps .shadow-bottom {
  position: sticky;
  width: 100%;
  bottom: 0;
  height: 30rem;
  z-index: 3;
  background: #fff;
  background: linear-gradient(180deg, #fff0, #090909 91%);
}
@media (min-width: 576px) {
  .steps .shadow-bottom {
    display: none;
  }
}
.steps .grid {
  display: grid;
  gap: 3rem 11rem;
  grid: auto/.7fr;
}
@media (min-width: 576px) {
  .steps .grid {
    display: grid;
    gap: 7rem 11rem;
    grid: auto/repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .steps .grid {
    display: grid;
    gap: 7rem 11rem;
    grid: auto/repeat(2, 1fr);
    margin-top: 7rem;
  }
}
.steps__item {
  display: flex;
  flex-direction: column;
}
.steps__item .heading {
  margin: 1.8rem 0;
}
.steps__item .text {
  margin-bottom: 4rem;
}
.steps__item .img {
  display: none;
  width: 80%;
  max-width: 42rem;
  margin-top: auto;
}
@media (min-width: 576px) {
  .steps__item .img {
    display: block;
  }
}
.steps__anim {
  display: none;
  position: absolute;
  top: 0;
  right: -10rem;
}
@media (min-width: 1200px) {
  .steps__anim {
    display: block;
  }
}
.steps + .growth,
.steps + .expect,
.steps + .stages {
  position: relative;
  z-index: 5;
}
@media (max-width: 576px) {
  .steps + .growth,
  .steps + .expect,
  .steps + .stages {
    margin-top: -32rem;
  }
}
.cert .header .text {
  max-width: 45rem;
}
.cert__list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  justify-content: start;
  align-items: stretch;
  margin-top: 5rem;
  padding: 1px;
  background-color: #d2d7e8;
}
@media (min-width: 992px) {
  .cert__list {
    display: flex;
    flex-direction: row;
    gap: 1px;
    justify-content: start;
    align-items: stretch;
  }
}
@media (min-width: 1200px) {
  .cert__list {
    margin-top: 7rem;
  }
}
.cert__item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: 1 1;
  padding: 2.8rem 3rem;
  background-color: #fff;
}
.cert__item .img {
  height: 3.5rem;
}
.cert__item--1 .img {
  transform: translate(-1.2rem);
}
@media (min-width: 992px) {
  .cert__item--1 .img {
    transform: translate(0);
  }
}
.cert__item--3 .img {
  transform: translate(-1.4rem);
}
@media (min-width: 992px) {
  .cert__item--3 .img {
    transform: translate(0);
  }
}
.cert__item--4 .img {
  transform: translate(0.2rem);
}
@media (min-width: 992px) {
  .cert__item--4 .img {
    transform: translate(0);
  }
}
.compre .grid {
  display: grid;
  gap: 3rem;
  grid: auto/1fr;
}
@media (min-width: 992px) {
  .compre .grid {
    display: grid;
    gap: 14rem;
    grid: auto/repeat(2, 1fr);
  }
}
.compre .header {
  position: sticky;
  top: 2rem;
}
.compre .accordion {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.compre .accordion__item {
  position: relative;
  padding: 4rem 0;
}
.compre .accordion .heading--custom {
  display: flex;
  flex-direction: row;
  gap: 1.4rem;
  justify-content: start;
  align-items: center;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 768px) {
  .compre .accordion .heading--custom {
    font-size: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .compre .accordion .heading--custom {
    font-size: 2.2rem;
  }
}
@media (min-width: 1200px) {
  .technology .container {
    display: grid;
    grid: auto/1fr 70rem;
    align-items: center;
  }
}
.technology .content {
  position: relative;
  overflow: hidden;
  max-width: 70rem;
  margin: 4rem auto 0;
}
@media (min-width: 1200px) {
  .technology .content {
    margin-top: 0;
  }
}
.technology .content:before,
.technology .content:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 10rem;
}
@media (min-width: 768px) {
  .technology .content:before,
  .technology .content:after {
    width: 20rem;
  }
}
.technology .content:before {
  left: 0;
  background: #f0f0f0;
  background: linear-gradient(90deg, #f3f3f6, #f0f0f000);
}
.technology .content:after {
  right: 0;
  background: linear-gradient(270deg, #f3f3f6, #f0f0f000);
}
.marquee {
  position: relative;
  height: 29.3rem;
  width: 82.5rem;
  white-space: nowrap;
}
.marquee .line {
  display: block;
  position: absolute;
  width: 200%;
  height: 8.5rem;
}
.marquee .line--1 {
  animation: marquee-left 20s linear infinite;
  top: 0;
}
.marquee .line--2 {
  animation: marquee-right 20s linear infinite;
  top: 10.3rem;
}
.marquee .line--3 {
  animation: marquee-left 20s linear infinite;
  top: 20.6rem;
}
.marquee .logo-box {
  display: inline-flex;
  width: 81rem;
}
.marquee .logo-box .logo-wrapper {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 14.5rem;
  height: 8.5rem;
  margin-right: 1.8rem;
  border-radius: 1.2rem;
  background-color: #fff;
}
.growth .header {
  max-width: 35rem;
}
.growth .grid {
  display: grid;
  gap: 4rem;
  grid: auto/1fr;
  margin-top: 5rem;
  padding-top: 5rem;
  border-top: 1px solid #d2d7e8;
}
@media (min-width: 1200px) {
  .growth .grid {
    display: grid;
    gap: 10rem;
    grid: auto/20rem 1fr;
  }
}
.growth__nav {
  display: grid;
  gap: 1.2rem;
  grid: auto/1fr 1fr;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .growth__nav {
    display: grid;
    gap: 1.2rem;
    grid: auto/1fr 1fr 1fr;
  }
}
@media (min-width: 1200px) {
  .growth__nav {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    justify-content: start;
    align-items: start;
  }
}
.growth__nav__title {
  display: none;
  margin-bottom: 0.8rem;
}
@media (min-width: 1200px) {
  .growth__nav__title {
    display: flex;
  }
}
.growth__nav__item {
  display: block;
  border: 1px solid #d2d7e8;
  border-radius: 0.4rem;
  min-width: 9rem;
  width: 100%;
  padding: 1.4rem 3rem;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 500;
  color: #090909;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.3s;
}
.growth__nav__item:hover {
  border-color: #496bfe;
}
.growth__nav__item.active {
  background-color: #fff;
  border-color: #fff;
  pointer-events: none;
}
.growth__content .img {
  margin-top: 4rem;
  transition: opacity 0.2s ease;
  opacity: 1;
}
@media (min-width: 1200px) {
  .growth__content .img {
    margin-top: 6rem;
  }
}
.growth__stats {
  display: grid;
  gap: 4rem;
  grid: auto/1fr;
}
@media (min-width: 1200px) {
  .growth__stats {
    display: grid;
    gap: 10rem;
    grid: auto/25rem 1fr;
  }
}
.growth__stats__header {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  justify-content: start;
  align-items: start;
}
.growth__cunters {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: space-between;
  align-items: start;
}
@media (min-width: 576px) {
  .growth__cunters {
    display: flex;
    flex-direction: row;
    gap: 3rem;
    justify-content: start;
    align-items: start;
  }
}
@media (min-width: 1200px) {
  .growth__cunters {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    justify-content: end;
    align-items: end;
  }
}
.growth__cunter {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  justify-content: space-between;
  align-items: start;
  height: 100%;
  min-width: 8rem;
}
@media (min-width: 768px) {
  .growth__cunter {
    min-width: 11rem;
  }
}
@media (min-width: 1200px) {
  .growth__cunter {
    min-width: unset;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    justify-content: start;
    align-items: start;
  }
}
.growth__cunter__title {
  width: 9rem;
}
@media (min-width: 576px) {
  .growth__cunter__title {
    max-width: unset;
  }
}
.growth__cunter .counter {
  font-size: 2.7rem;
  line-height: 1;
  font-weight: 400;
}
@media (min-width: 768px) {
  .growth__cunter .counter {
    font-size: 3.2rem;
    line-height: 1;
    font-weight: 400;
  }
}
@media (min-width: 1200px) {
  .growth__cunter .counter {
    width: 16rem;
    font-size: 3.7rem;
    line-height: 1;
    font-weight: 400;
  }
}
.benefits {
  overflow: hidden;
}
.benefits .container {
  position: relative;
  overflow: visible;
}
@media (max-width: 576px) {
  .benefits .container {
    padding-right: 0;
  }
}
.benefits__img {
  display: none;
}
@media (min-width: 1200px) {
  .benefits__img {
    display: flex;
    position: absolute;
    max-width: 42rem;
    height: 100%;
  }
}
.benefits__content {
  position: relative;
  padding-top: 1.5rem;
  transform: translate(0);
}
@media (min-width: 1200px) {
  .benefits__content {
    transform: translate(53rem);
  }
}
.benefits .header {
  max-width: 45rem;
}
.benefits .nav-carousel__arrows {
  margin-top: 3.5rem;
}
.benefits .glide {
  margin-top: 4.5rem;
}
.benefits__item {
  padding: 3rem;
  border: 1px solid #d2d7e8;
  transition: border-color 0.3s ease;
}
.benefits__item:hover {
  border-color: #496bfe;
}
.benefits__item__header {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  justify-content: start;
  align-items: start;
  margin-top: 3rem;
}
.hero-page {
  position: relative;
  overflow: hidden;
  height: 90vh;
  margin-top: -9.5rem;
  padding: 16rem 0 18rem;
  background-repeat: no-repeat;
  background-size: cover;
}
.hero-page .container {
  position: relative;
}
@media (max-width: 768px) {
  .hero-page {
    padding: 16rem 0 8rem;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
  }
}
@media (min-width: 768px) {
  .hero-page {
    height: 90vh;
  }
}
.hero-page__img {
  z-index: 6;
  max-width: 32rem;
}
.hero-page--poz-lok {
  background-image: url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/bg-lok-mob-wcc6PD2o.png);
  background-position: top center;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: end;
  padding: 16rem 0 8rem;
}
@media (min-width: 576px) {
  .hero-page--poz-lok {
    background-image: url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/bg-lok-zjfbeUSS.png);
    background-position: top center;
  }
}
@media (min-width: 1200px) {
  .hero-page--poz-lok .header {
    display: grid;
    gap: 7.5rem;
    grid: auto/repeat(2, 1fr);
    max-width: unset !important;
  }
}
.hero-page--poz-lok .img-wyk {
  position: absolute;
  min-width: 70rem;
  max-width: 70rem;
  top: 11%;
  transform: translate(3rem, -2rem);
}
@media (min-width: 576px) {
  .hero-page--poz-lok .img-wyk {
    min-width: unset;
    max-width: unset;
    top: unset;
    left: 0;
    bottom: 12%;
    width: 100%;
  }
}
@media (min-width: 576px) {
  .hero-page--poz-lok {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
  }
}
.hero-page--poz {
  background-image: url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/poz-bg-hero-mob-D5m26MXu.png);
  background-position: top center;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: start;
  padding: 16rem 0 8rem;
}
@media (min-width: 576px) {
  .hero-page--poz {
    background-image: url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/poz-bg-hero-D26X-Kap.png);
    background-position: top center;
  }
}
@media (min-width: 576px) and (min-width: 1200px) {
  .hero-page--poz .header {
    display: grid;
    gap: 7.5rem;
    grid: auto/repeat(2, 1fr);
    max-width: unset !important;
  }
}
.hero-page--ppc {
  background-image: url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/hero-ppc-mobile-Bknb2ERY.png);
  background-position: top center;
}
@media (min-width: 576px) {
  .hero-page--ppc {
    background-image: url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/bg-ppc-D6aqtni6.png);
    background-position: top center;
  }
}
.hero-page--ppc .container {
  position: initial;
}
.hero-page--ppc .hero-page__img {
  position: absolute;
  top: 12.5rem;
  right: 2.5rem;
  max-width: 12rem;
}
@media (min-width: 576px) {
  .hero-page--ppc .hero-page__img {
    position: absolute;
    top: 12.5rem;
    right: 17.5rem;
    max-width: 16rem;
  }
}
@media (min-width: 768px) {
  .hero-page--ppc .hero-page__img {
    position: absolute;
    top: 12.5rem;
    right: 7.5rem;
    max-width: 22rem;
  }
}
@media (min-width: 992px) {
  .hero-page--ppc .hero-page__img {
    position: absolute;
    top: 12.5rem;
    right: 7.5rem;
    max-width: 28rem;
  }
}
@media (min-width: 1200px) {
  .hero-page--ppc .hero-page__img {
    position: relative;
    top: unset;
    right: unset;
    max-width: 32rem;
  }
}
.hero-page:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 10rem;
  background: #fff;
  background: linear-gradient(180deg, #fff0, #090909);
}
@media (min-width: 768px) {
  .hero-page .container {
    display: flex;
    flex-direction: row;
    gap: 14rem;
    justify-content: space-between;
    align-items: end;
  }
}
.hero-page .header {
  position: relative;
  z-index: 6;
}
@media (min-width: 768px) {
  .hero-page .header {
    max-width: 45rem;
  }
}
.advantages {
  position: relative;
  margin-top: -0.5rem;
}
@media (max-width: 576px) {
  .advantages {
    padding-bottom: 0;
  }
}
@media (min-width: 576px) {
  .advantages {
    overflow: hidden;
  }
}
.advantages .container {
  position: relative;
  overflow: visible;
}
@media (min-width: 576px) {
  .advantages .container {
    overflow: hidden;
  }
}
.advantages .header {
  max-width: 60rem;
  position: sticky;
  top: 0;
  z-index: 4;
  background: #fff0;
  background: linear-gradient(0deg, #fff0, #090909 35%);
}
@media (max-width: 576px) {
  .advantages .header {
    padding-bottom: 6rem;
    padding-top: 2rem;
  }
}
.advantages .shadow-bottom {
  position: sticky;
  width: 100%;
  bottom: 0;
  height: 30rem;
  z-index: 3;
  background: #fff;
  background: linear-gradient(180deg, #fff0, #090909 91%);
}
@media (min-width: 576px) {
  .advantages .shadow-bottom {
    display: none;
  }
}
.advantages .grid {
  display: grid;
  gap: 1.8rem;
  grid: auto/repeat(1, 1fr);
  margin-top: 0;
}
@media (min-width: 576px) {
  .advantages .grid {
    display: grid;
    gap: 1.8rem;
    grid: auto/repeat(2, 1fr);
    margin-top: 5rem;
  }
}
@media (min-width: 1200px) {
  .advantages .grid {
    margin-top: 7rem;
  }
}
.advantages__item {
  display: flex;
  flex-direction: column;
  gap: 4.5rem;
  justify-content: space-between;
  align-items: start;
  overflow: hidden;
  padding: 2.8rem;
  border: 1px solid #252525;
  background: #17171780;
  transition: border-color 0.3s ease;
}
.advantages__item:hover {
  border-color: #496bfe;
}
.advantages__item--1 {
  padding-bottom: 0;
}
.advantages__item--1 .img {
  transform: translateY(1rem);
}
.advantages__item__header .heading {
  margin: 1.6rem 0 1.7rem;
}
.advantages__anim {
  display: none;
  position: absolute;
  top: 7rem;
  left: -10rem;
}
@media (min-width: 1200px) {
  .advantages__anim {
    display: block;
  }
}
@media (max-width: 576px) {
  .compre {
    position: relative;
    z-index: 5;
    margin-top: -20rem;
  }
}
.advant {
  position: relative;
}
@media (max-width: 576px) {
  .advant {
    padding-bottom: 0;
  }
}
.advant .container {
  position: relative;
}
@media (max-width: 768px) {
  .advant .container {
    overflow: visible;
  }
}
.advant .header {
  background: #fff0;
  background: linear-gradient(0deg, #fff0, #090909 35%);
}
@media (max-width: 576px) {
  .advant .header {
    position: sticky;
    top: 0;
    z-index: 4;
    padding-bottom: 5rem;
    padding-top: 2rem;
  }
  .advant .header .text {
    display: none;
  }
}
@media (min-width: 576px) {
  .advant .header {
    position: sticky;
    top: 2rem;
    max-width: 60rem;
  }
}
.advant .grid {
  position: relative;
  display: grid;
  gap: 5rem;
  grid: auto/1fr;
}
@media (min-width: 1200px) {
  .advant .grid {
    display: grid;
    gap: 12rem;
    grid: auto/40rem 1fr;
  }
}
.advant .shadow-bottom {
  position: sticky;
  width: 100%;
  bottom: 0;
  height: 30rem;
  z-index: 3;
  background: #fff;
  background: linear-gradient(180deg, #fff0, #090909 91%);
}
@media (min-width: 576px) {
  .advant .shadow-bottom {
    display: none;
  }
}
@media (max-width: 768px) {
  .advant .col--1 {
    position: sticky;
    top: 0rem;
    z-index: 3;
  }
}
.advant .col--2 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: start;
  align-items: start;
}
@media (max-width: 576px) {
  .advant .col--2 {
    transform: translateY(-5rem);
  }
}
.advant__item {
  width: 100%;
  overflow: hidden;
  padding: 2.8rem;
  border: 1px solid #252525;
  background: #17171780;
  transition: border-color 0.3s ease;
}
@media (min-width: 768px) {
  .advant__item {
    display: flex;
    flex-direction: row;
    gap: 4.5rem;
    justify-content: space-between;
    align-items: start;
  }
}
.advant__item:hover {
  border-color: #496bfe;
}
.advant__item--1 {
  padding: 0;
  gap: 1.7rem;
}
.advant__item--1 .img {
  width: 28rem;
}
.advant__item--1 .advant__item__header {
  padding: 2.8rem 2.8rem 0;
}
.advant__item--2 .img {
  width: 25rem;
  margin-top: 1rem;
}
@media (min-width: 576px) {
  .advant__item--2 .img {
    transform: translateY(1.6rem);
  }
}
.advant__item--3 {
  display: flex;
  flex-direction: column;
  gap: 4.5rem;
  justify-content: space-between;
  align-items: start;
}
.advant__item--3 .img {
  margin-top: -4.5rem;
}
.advant__item--4 .img {
  width: 23rem;
}
.advant__item__header {
  min-width: 27rem;
}
.advant__item__header .heading {
  margin: 1.6rem 0 1.7rem;
}
.advant__anim {
  display: none;
  position: absolute;
  top: 7rem;
  left: -10rem;
}
@media (min-width: 1200px) {
  .advant__anim {
    display: block;
  }
}
.advant + .compre {
  position: relative;
  z-index: 5;
}
@media (max-width: 576px) {
  .advant + .compre {
    margin-top: -25rem;
  }
}
.scroll-discover {
  position: relative;
  z-index: 2;
  margin-top: -0.4rem;
}
.cities .header .heading {
  max-width: 40rem;
  margin: 0 auto;
}
.cities .header .text {
  max-width: 50rem;
}
.cities .grid {
  display: grid;
  gap: 1.2rem;
  grid: auto/repeat(2, 1fr);
  margin-top: 5rem;
}
@media (min-width: 768px) {
  .cities .grid {
    display: grid;
    gap: 1.2rem;
    grid: auto/repeat(3, 1fr);
    margin-top: 7rem;
  }
}
.cities__item {
  display: block;
  border: 1px solid #d2d7e8;
  border-radius: 0.4rem;
  min-width: 9rem;
  width: 100%;
  padding: 1.4rem 3rem;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 500;
  color: #090909;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.3s;
}
.cities__item:hover {
  border-color: #496bfe;
}
.opinions .header {
  max-width: 60rem;
  margin: 0 auto;
}
.opinions .grid {
  position: relative;
  margin-top: 5rem;
  display: grid;
  gap: 2.2rem;
  grid: auto/1fr;
}
.opinions .grid:after {
  content: "";
  position: absolute;
  top: auto;
  right: 0;
  bottom: -2.5rem;
  left: 0;
  width: 100%;
  height: 15rem;
  background: linear-gradient(180deg, #eff1f500, #eff1f5);
}
@media (min-width: 1200px) {
  .opinions .grid {
    margin-top: 7rem;
    grid: auto/repeat(3, 1fr);
  }
  .opinions .grid:after {
    width: 100%;
    height: 15rem;
  }
}
.opinions .grid .col {
  display: flex;
  flex-direction: column;
  gap: 2.2rem;
  justify-content: start;
  align-items: start;
}
@media (min-width: 1200px) {
  .opinions .grid .col--1 {
    transform: translateY(2.2rem);
  }
}
@media (min-width: 1200px) {
  .opinions .grid .col--3 {
    transform: translateY(2.2rem);
  }
}
.opinions__item {
  width: 100%;
  padding: 2.6rem;
  background: #fff;
  text-align: center;
}
@media (min-width: 576px) {
  .opinions__item {
    text-align: left;
  }
}
.opinions__item .person {
  margin-bottom: 2.2rem;
  padding-bottom: 2.2rem;
  border-bottom: 1px solid #d2d7e8;
}
.cta-2 {
  position: relative;
  overflow: hidden;
}
.cta-2:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/cta-bg-radius-mob-Dqf5rD0D.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transform: scale(1);
  z-index: 1;
}
@media (min-width: 576px) {
  .cta-2:before {
    background-image: url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/cta-bg-radius-DtldBges.png);
  }
}
@media (min-width: 992px) {
  .cta-2:before {
    transform: scale(1.15);
  }
}
.cta-2 .header {
  position: relative;
  z-index: 2;
}
.cta-2 .header .heading {
  max-width: 35rem;
  margin: 0 auto;
}
.cta-2 .header .text {
  max-width: 45rem;
}
.cta-2 .list-check {
  position: relative;
  z-index: 2;
  margin-top: 5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .cta-2 .list-check {
    flex-direction: row;
    justify-content: space-evenly;
  }
}
.cta-2 .list-check__item {
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 400;
  max-width: 30rem;
}
.cta-2 .btn {
  position: relative;
  z-index: 2;
  margin: 6rem auto 0;
}
.gmo .header .text {
  max-width: 50rem;
}
.gmo .grid {
  display: grid;
  gap: 4rem;
  grid: auto/repeat(2, 1fr);
  align-items: center;
  flex-wrap: wrap;
  margin-top: 5rem;
  padding-top: 6rem;
  border-top: 1px solid #d2d7e8;
}
@media (min-width: 576px) {
  .gmo .grid {
    display: grid;
    gap: 4rem;
    grid: auto/repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .gmo .grid {
    display: flex;
    flex-direction: row;
    gap: 4rem;
    justify-content: space-between;
    align-items: center;
    margin-top: 7rem;
  }
}
.gmo__logo {
  transform: scale(0.8);
}
@media (min-width: 768px) {
  .gmo__logo {
    transform: scale(1);
  }
}
.geo .container {
  position: relative;
}
@media (min-width: 768px) {
  .geo .header {
    max-width: 40rem;
  }
}
.geo .grid {
  display: grid;
  gap: 0;
  grid: auto/1fr;
  align-items: center;
}
@media (min-width: 768px) {
  .geo .grid {
    display: grid;
    gap: 3rem;
    grid: auto/40rem 1fr;
  }
}
@media (min-width: 1200px) {
  .geo .grid {
    grid: auto/50rem 1fr;
  }
}
.geo .anim-loader {
  display: none;
  position: absolute;
}
@media (min-width: 1200px) {
  .geo .anim-loader {
    display: block;
  }
}
.geo .anim-loader--1 {
  left: -10rem;
  bottom: -16rem;
}
.geo .anim-loader--2 {
  right: -10rem;
  top: -10rem;
}
.hero-seoai {
  overflow: hidden;
}
.hero-seoai .container {
  position: relative;
}
.hero-seoai .grid {
  display: flex;
  flex-direction: column;
  gap: 7rem;
  justify-content: start;
  align-items: start;
  flex-direction: column-reverse;
}
@media (min-width: 768px) {
  .hero-seoai .grid {
    display: grid;
    gap: 4rem;
    grid: auto/1fr 1fr;
  }
}
@media (min-width: 1300px) {
  .hero-seoai__img {
    transform: translate(-6rem);
  }
}
.hero-seoai .header {
  max-width: 40rem;
}
.hero-seoai .list-check {
  margin: 4rem 0 5rem;
  gap: 2.5rem;
}
@media (min-width: 576px) {
  .hero-seoai .list-check {
    margin: 5rem 0 7rem;
  }
}
.hero-seoai .list-check__item {
  font-weight: 500;
}
.hero-seoai .list-check__item .img {
  transform: translateY(3px);
}
.hero-seoai .anim-loader {
  display: none;
  position: absolute;
}
@media (min-width: 1200px) {
  .hero-seoai .anim-loader {
    display: block;
  }
}
.hero-seoai .anim-loader--2 {
  right: -10rem;
  top: -10rem;
}
.sticky-info {
  position: relative;
  overflow: hidden;
  height: calc(100vh + 24rem);
}
@media (min-width: 768px) {
  .sticky-info {
    height: calc(100vh + 7rem);
  }
}
.sticky-info .container {
  position: relative;
}
.sticky-info .anim-loader {
  position: absolute;
}
.sticky-info .anim-loader--1 {
  left: -10rem;
  bottom: -16rem;
}
.sticky-info .anim-loader--2 {
  right: -10rem;
  top: -10rem;
}
.sticky-info__header {
  max-width: 65rem;
  margin-bottom: 5rem;
}
@media (min-width: 768px) {
  .sticky-info__header {
    margin-bottom: 7rem;
  }
}
.sticky-info .wrapper {
  height: calc(100vh + 7rem);
}
@media (min-width: 768px) {
  .sticky-info .wrapper {
    height: 55rem;
    height: calc(100vh - 7rem);
  }
}
.sticky-info__list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start start;
  position: relative;
  height: calc(100vh - 20rem);
  padding: 0.2rem;
}
.sticky-info__item {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
  overflow: hidden;
  border-radius: 0.4rem;
  border: 1px solid #252525;
  background-color: #101010;
  height: calc(100vh - 7rem);
}
@media (min-width: 768px) {
  .sticky-info__item {
    height: unset;
  }
}
.sticky-info__item p {
  display: none;
}
@media (min-width: 768px) {
  .sticky-info__item {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 55rem;
  }
  .sticky-info__item p {
    display: block;
  }
}
.sticky-info__item__content {
  color: #292929;
  padding: 2rem 2rem 3rem;
  position: relative;
  width: 100%;
  background-color: #101010;
}
@media (min-width: 768px) {
  .sticky-info__item__content {
    width: 50%;
    padding: 6rem;
  }
}
@media (max-width: 768px) {
  .sticky-info__item__content .header .btn {
    margin-top: 0;
  }
}
.sticky-info__item__content .header .list-check {
  gap: 2rem;
}
.sticky-info__item__content .header .list-check__item {
  line-height: 1.6;
}
.sticky-info__item__content .header .list-check__item .img {
  transform: translateY(3px);
}
.sticky-info__item__media {
  display: flex;
  flex-direction: column;
  gap: 2.7rem;
  justify-content: center;
  align-items: left;
  position: relative;
  width: 100%;
  padding: 2rem 2rem 1rem;
  background-color: #101010;
}
@media (min-width: 768px) {
  .sticky-info__item__media {
    width: 50%;
    padding: 6rem;
  }
}
.sticky-info__item__media img {
  max-width: 60%;
  margin: 0 auto;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (min-width: 768px) {
  .sticky-info__item__media img {
    max-width: 100%;
    max-height: 40rem;
    -o-object-fit: contain;
    object-fit: contain;
  }
}
.sticky-info__item__media .text {
  display: none;
}
@media (min-width: 1200px) {
  .sticky-info__item__media .text {
    display: block;
  }
}
.sticky-info .list-services {
  display: flex;
  flex-direction: column;
  margin-top: 1.2rem;
}
.sticky-info .list-services__item {
  display: flex;
  flex-direction: row;
  gap: 1.6rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2.2rem;
  padding-bottom: 2.2rem;
  border-bottom: 1px solid #d2d7e8;
}
.sticky-info .list-services__item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
.sticky-info .list-services__number {
  width: 2.1rem;
}
.city-wrap {
  position: relative;
}
.city-wrap .grid {
  display: grid;
  gap: 7rem;
  grid: auto/1fr;
}
@media (min-width: 1200px) {
  .city-wrap .grid {
    display: grid;
    gap: 4rem;
    grid: auto/1fr 40rem;
  }
}
.city-wrap .grid .col--1 {
  display: flex;
  flex-direction: column;
  gap: 7rem;
}
@media (min-width: 1200px) {
  .city-wrap .grid .col--1 {
    display: flex;
    flex-direction: column;
    gap: 10rem;
  }
}
.city-wrap .form-wrapper {
  position: sticky;
  top: 2rem;
}
.city-wrap .section-1 .list-check {
  display: grid;
  gap: 3rem 6rem;
  grid: auto/1fr;
  margin-top: 6rem;
}
@media (min-width: 768px) {
  .city-wrap .section-1 .list-check {
    display: grid;
    gap: 3rem 6rem;
    grid: auto/1fr 1fr;
  }
}
.city-wrap .section-1 .list-check__item {
  align-items: center;
  font-size: 1.7rem;
  line-height: 1.4;
  font-weight: 600;
  gap: 2rem;
}
.city-wrap .section-1 .list-check__item .img {
  width: 4rem;
  height: 4rem;
}
.city-wrap .section-2 .grid {
  display: grid;
  gap: 2rem;
  grid: auto/1fr;
  margin-top: 6rem;
}
@media (min-width: 768px) {
  .city-wrap .section-2 .grid {
    display: grid;
    gap: 2rem;
    grid: auto/repeat(3, 1fr);
  }
}
.city-wrap .section-2__item {
  padding: 2.4rem 1.4rem;
  text-align: center;
  background-color: #fff;
}
.city-wrap .section-2__item .heading {
  margin: 1.5rem 0 0.7rem;
}
.city-wrap .section-2__number {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 4.7rem;
  height: 4.7rem;
  margin: 0 auto;
  border-radius: 50%;
  background: #dbe1ff;
  font-size: 1.7rem;
  line-height: 1;
  font-weight: 600;
  color: #496bfe;
}
.city-wrap .section-3 .grid {
  padding-top: 6rem;
  display: grid;
  gap: 2rem;
  grid: auto/1fr;
}
@media (min-width: 768px) {
  .city-wrap .section-3 .grid {
    display: grid;
    gap: 2rem;
    grid: auto/repeat(2, 1fr);
  }
}
.city-wrap .section-3__item {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: end;
  padding: 2rem;
  height: 30rem;
}
@media (min-width: 576px) {
  .city-wrap .section-3__item {
    height: 35rem;
  }
}
.city-wrap .section-3__item--1 {
  background-image: url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/cta-bg--1-tab-cFgBXFSF.png);
  background-size: cover;
  background-position: center bottom;
}
.city-wrap .section-3__item--2 {
  background-image: url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/cta-bg--1-tab-cFgBXFSF.png);
  background-size: cover;
  background-position: center bottom;
}
.city-wrap .section-3__header {
  padding: 1.4rem;
  background: #ffffff40;
  -webkit-backdrop-filter: blur(37.5px);
  backdrop-filter: blur(37.5px);
}
.city-wrap .section-3__header .heading {
  margin-bottom: 0.6rem;
}
.city-wrap .section-4 .grid {
  padding-top: 6rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.city-wrap .section-4__item {
  display: grid;
  gap: 1rem;
  grid: auto/1fr;
  align-items: center;
  padding: 2.7rem;
  background-color: #fff;
}
@media (min-width: 576px) {
  .city-wrap .section-4__item {
    display: grid;
    gap: 4rem;
    grid: auto/25rem 1fr;
  }
}
.city-wrap .section-4__item .heading {
  margin-top: 1.8rem;
  margin-bottom: 0.9rem;
}
@media (min-width: 576px) {
  .city-wrap .section-4__item .heading {
    margin-top: 0;
    margin-bottom: 0.9rem;
  }
}
.city-wrap .section-5 .grid {
  padding-top: 4rem;
  display: grid;
  gap: 2rem;
  grid: auto/1fr;
}
@media (min-width: 768px) {
  .city-wrap .section-5 .grid {
    grid: auto/repeat(3, 1fr);
  }
}
.city-wrap .section-5__item {
  border-top: 1px solid #d2d7e8;
  padding-top: 3rem;
}
.city-wrap .section-5__item .counter {
  margin-top: 2.5rem;
  font-size: 3.8rem;
  line-height: 1;
  font-weight: 500;
}
.hero-city {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: start;
  background-image: url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/cta-bg--1-tab-cFgBXFSF.png);
  background-size: cover;
  background-position: center bottom;
  padding: 5.2rem 3.2rem;
}
@media (min-width: 768px) {
  .hero-city {
    height: 50rem;
    padding: 3.2rem;
  }
}
.hero-city__counters {
  margin-top: 4rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  justify-content: start;
  align-items: start;
}
@media (min-width: 768px) {
  .hero-city__counters {
    display: flex;
    flex-direction: row;
    gap: 3rem;
    justify-content: start;
    align-items: start;
  }
}
.hero-city__counter {
  padding: 1.6rem;
  border-radius: 12px;
  background: #ffffff40;
  -webkit-backdrop-filter: blur(37.5px);
  backdrop-filter: blur(37.5px);
  font-size: 3.2rem;
  line-height: 1;
  font-weight: 500;
  color: #fff;
}
.hero-city__counter .counter {
  margin-bottom: 0.9rem;
}
.cta-3 {
  position: relative;
  overflow: hidden;
}
@media (min-width: 992px) {
  .cta-3 {
    overflow: visible;
  }
}
.cta-3 .container {
  overflow: visible;
  position: relative;
}
.cta-3 .grid {
  display: grid;
  gap: 0rem;
  grid: auto/1fr;
  align-items: center;
}
@media (min-width: 992px) {
  .cta-3 .grid {
    display: grid;
    gap: 2rem;
    grid: auto/1fr 45rem;
  }
}
@media (min-width: 1200px) {
  .cta-3 .grid {
    display: grid;
    gap: 10rem;
    grid: auto/1fr 55rem;
  }
}
.cta-3__person {
  margin-bottom: -1rem;
  margin-top: -4rem;
}
@media (min-width: 992px) {
  .cta-3__person {
    position: absolute;
    top: -4%;
    bottom: 0;
    right: 0;
    height: 104%;
    margin-bottom: 0;
    margin-top: 0;
  }
}
.cta-3 .list-check {
  gap: 1.9rem;
  margin-top: 1rem;
}
.cta-3 .list-check__item {
  font-weight: 500;
}
.cta-3 .list-check__item .img {
  transform: translateY(0);
}
.benefits-ppc .header {
  max-width: 45rem;
}
.benefits-ppc .grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(5, 1fr);
  gap: 0.8rem;
  margin-top: 7rem;
}
@media (min-width: 576px) {
  .benefits-ppc .grid {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .benefits-ppc .grid {
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
}
.benefits-ppc__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  height: 37rem;
  padding: 2rem;
  border-radius: 0.8rem;
}
.benefits-ppc__item:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(180deg, #fff0, #0000007c 90%);
}
.benefits-ppc__item .heading,
.benefits-ppc__item .text {
  z-index: 2;
}
.benefits-ppc__item:nth-of-type(1) {
  background: url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/ben1-wP5TjfZh.png)
    top right/cover no-repeat;
}
@media (min-width: 576px) {
  .benefits-ppc__item:nth-of-type(1) {
    grid-area: 1/1/2/3;
  }
}
@media (min-width: 768px) {
  .benefits-ppc__item:nth-of-type(1) {
    grid-area: 1/1/2/4;
  }
}
.benefits-ppc__item:nth-of-type(2) {
  background: url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/ben2-BjG3bSdn.png)
    top/cover no-repeat;
}
@media (min-width: 576px) {
  .benefits-ppc__item:nth-of-type(2) {
    grid-area: 1/3/2/5;
  }
}
@media (min-width: 768px) {
  .benefits-ppc__item:nth-of-type(2) {
    grid-area: 1/4/2/7;
  }
}
.benefits-ppc__item:nth-of-type(3) {
  background: #496bfe
    url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/ben3-nk1Oa_Di.png)
    right/cover no-repeat;
}
.benefits-ppc__item:nth-of-type(3):before {
  display: none;
}
@media (min-width: 576px) {
  .benefits-ppc__item:nth-of-type(3) {
    grid-area: 2/1/3/3;
  }
}
@media (min-width: 768px) {
  .benefits-ppc__item:nth-of-type(3) {
    grid-area: 2/1/3/3;
  }
}
.benefits-ppc__item:nth-of-type(4) {
  background: url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/ben4-CSro53EU.png)
    top/cover no-repeat;
}
@media (min-width: 576px) {
  .benefits-ppc__item:nth-of-type(4) {
    grid-area: 2/3/3/5;
  }
}
@media (min-width: 768px) {
  .benefits-ppc__item:nth-of-type(4) {
    grid-area: 2/3/3/5;
  }
}
.benefits-ppc__item:nth-of-type(5) {
  background: url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/ben5-DMpmBdFA.png)
    top/cover no-repeat;
}
@media (min-width: 576px) {
  .benefits-ppc__item:nth-of-type(5) {
    grid-area: 3/1/4/3;
  }
}
@media (min-width: 768px) {
  .benefits-ppc__item:nth-of-type(5) {
    grid-area: 2/5/3/7;
  }
}
.expect {
  position: relative;
  z-index: 5;
}
.expect .container {
  display: grid;
  gap: 5rem;
  grid: auto/1fr;
}
@media (min-width: 768px) {
  .expect .container {
    display: grid;
    gap: 5rem;
    grid: auto/1fr 1fr;
  }
}
@media (min-width: 992px) {
  .expect .container {
    gap: 10rem;
  }
}
.expect img {
  border-radius: 0.8rem;
}
.expect .accordion {
  margin-top: 3rem;
}
@media (min-width: 992px) {
  .expect .accordion {
    margin-top: 7rem;
  }
}
.expect .accordion__item {
  padding: 2rem;
  border: none;
  border-radius: 0.8rem;
}
.expect .accordion__item.active {
  background: #f3f3f6;
}
.for-you .header {
  display: flex;
  flex-direction: column;
  gap: 2.2rem;
}
@media (min-width: 768px) {
  .for-you .header {
    justify-content: space-between;
    flex-direction: row;
    gap: 4rem;
  }
}
.for-you .header__desc {
  max-width: 50rem;
}
.for-you .header__desc .btn {
  margin-top: 3rem;
}
.for-you .grid {
  display: grid;
  gap: 2rem;
  grid: 1;
  margin-top: 5rem;
}
@media (min-width: 576px) {
  .for-you .grid {
    display: grid;
    gap: 2rem;
    grid: 1fr / repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .for-you .grid {
    margin-top: 7rem;
  }
}
@media (min-width: 992px) {
  .for-you .grid {
    display: grid;
    gap: 2rem;
    grid: 1fr / repeat(4, 1fr);
  }
}
.for-you__item {
  padding: 2.8rem;
  background-color: #fff;
  border: 1px solid #d2d7e8;
}
.for-you__item .heading {
  margin: 4rem 0 1.5rem;
}
.program .grid {
  display: grid;
  gap: 2rem;
  grid: auto/repeat(1, 1fr);
  margin-top: 5rem;
}
@media (min-width: 576px) {
  .program .grid {
    display: grid;
    gap: 2rem;
    grid: auto/repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .program .grid {
    margin-top: 7rem;
    display: grid;
    gap: 2rem;
    grid: auto/repeat(3, 1fr);
  }
}
.program__item {
  display: flex;
  flex-direction: column;
  justify-content: end;
  height: 45rem;
  padding: 2.8rem;
  background-color: #fff;
  border: 1px solid #d2d7e8;
  background-image: url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/program1-rMWlpPhy.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 768px) {
  .program__item {
    height: 50rem;
  }
}
.program__item:nth-child(1) {
  background-image: url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/program1-rMWlpPhy.png);
}
.program__item:nth-child(2) {
  background-image: url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/program2-B4r0CoNd.png);
}
.program__item:nth-child(3) {
  background-image: url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/program3-D75ikD_3.png);
}
.program__item .heading {
  margin-bottom: 1.5rem;
}
.how-work .grid {
  display: grid;
  gap: 7rem;
  grid: auto/1fr;
}
@media (min-width: 992px) {
  .how-work .grid {
    display: grid;
    gap: 10rem;
    grid: auto/32rem 1fr;
  }
}
.how-work .col:nth-child(2) {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.how-work .col:nth-child(2) .list-check {
  margin: 2rem 0 4rem;
  gap: 1.4rem;
}
.how-work .col:nth-child(2) .heading {
  margin-top: 2rem;
}
.hero-program {
  overflow: hidden;
}
.hero-program .container {
  position: relative;
}
.hero-program .grid {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 1200px) {
  .hero-program .grid {
    display: grid;
    gap: 0rem;
    grid: auto/1fr 1fr;
  }
}
.hero-program .col {
  height: 100%;
}
.hero-program .col--1 {
  position: relative;
}
.hero-program .col--2 {
  padding: 0 1.5rem;
}
@media (min-width: 1200px) {
  .hero-program .col--2 {
    padding: 0;
  }
}
.hero-program .btn {
  margin-bottom: 3rem;
}
@media (min-width: 1200px) {
  .hero-program .btn {
    margin-bottom: 8rem;
  }
}
@media (min-width: 1200px) {
  .hero-program__img {
    position: absolute;
    bottom: 0;
    right: 5.5rem;
    min-width: 80rem;
    height: auto;
    max-width: 69rem;
  }
}
.hero-program .header {
  position: relative;
  max-width: 55rem;
}
.hero-program .list-check {
  margin: 4rem 0 5rem;
  gap: 2.5rem;
}
@media (min-width: 576px) {
  .hero-program .list-check {
    margin: 5rem 0 7rem;
  }
}
.hero-program .list-check__item {
  font-weight: 500;
}
.hero-program .list-check__item .img {
  transform: translateY(3px);
}
.hero-program .anim-loader {
  display: none;
  position: absolute;
}
@media (min-width: 1200px) {
  .hero-program .anim-loader {
    display: block;
  }
}
.hero-program .anim-loader--2 {
  right: -10rem;
  top: -19rem;
}
.what-is .container {
  position: relative;
}
@media (min-width: 768px) {
  .what-is .header {
    max-width: 40rem;
  }
}
.what-is .grid {
  display: grid;
  gap: 5rem;
  grid: auto/1fr;
  align-items: center;
}
@media (min-width: 768px) {
  .what-is .grid {
    display: grid;
    gap: 3rem;
    grid: auto/1fr 1fr;
  }
}
@media (min-width: 1200px) {
  .what-is .grid {
    grid: auto/50rem 1fr;
  }
}
.what-is .anim-loader {
  display: none;
  position: absolute;
}
@media (min-width: 1200px) {
  .what-is .anim-loader {
    display: block;
  }
}
.what-is .anim-loader--1 {
  left: -10rem;
  bottom: -16rem;
}
.what-is .anim-loader--2 {
  right: -10rem;
  top: -10rem;
}
.with-us {
  border-bottom: 0.1rem solid #d2d7e8;
}
.with-us .container {
  display: flex;
  flex-direction: row;
  gap: 0;
}
.with-us .container .col {
  flex: 1 1;
  padding: 8rem 0 6rem;
}
@media (min-width: 992px) {
  .with-us .container .col {
    padding: 14rem 0 5rem;
  }
}
.with-us .container .col .col-header {
  display: flex;
  flex-direction: row;
  gap: 5rem;
  justify-content: space-between;
  align-items: start;
  padding-left: 3rem;
}
.with-us .container .col .col-header .legend-chart {
  margin-top: 3.2rem;
}
.with-us .container .col:nth-of-type(1) {
  border-right: 0.1rem solid #d2d7e8;
}
.with-us .container .col:nth-of-type(2) {
  display: flex;
  flex-direction: column;
  gap: 7rem;
}
@media (min-width: 768px) {
  .with-us .header {
    max-width: 85%;
  }
}
@media (min-width: 992px) {
  .with-us .header .list-icon {
    margin-top: 1.6rem;
  }
}
.our-services .header .text {
  max-width: 40rem;
}
.our-services__list {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 5rem;
}
@media (min-width: 768px) {
  .our-services__list {
    margin-top: 7rem;
  }
}
.our-services__item {
  transition: height 0.3s;
  border-bottom: 0.1rem solid #ebebeb;
}
@media (max-width: 576px) {
  .our-services__item[data-base-mob="12"] {
    height: 12rem;
  }
}
@media (max-width: 576px) {
  .our-services__item[data-base-mob="15"] {
    height: 15rem;
  }
}
@media (min-width: 768px) {
  .our-services__item {
    height: 15rem;
  }
}
.our-services__item__header .wrapper {
  display: flex;
  flex-direction: row;
  gap: 2.5rem;
  justify-content: start;
  align-items: center;
}
.our-services__item__header .heading {
  font-weight: 500;
  transition: color 0.2s;
}
.our-services__item__header .text {
  max-width: 40rem;
  opacity: 0;
}
.our-services__item__header .btn,
.our-services__item__img {
  opacity: 0;
}
.our-services__item .container {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  justify-content: space-between;
  position: relative;
  z-index: 2;
  padding: 5rem 1.5rem;
}
@media (min-width: 992px) {
  .our-services__item .container {
    display: flex;
    flex-direction: row;
    gap: 12rem;
    justify-content: space-between;
    padding: 5rem 0 5rem 2rem;
  }
}
.our-services__item:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: #090909;
  background: #496bfe;
  background: linear-gradient(135deg, #496bfe, #090909 40%);
  transform: translateY(-100%);
  transition: transform 0.5s;
}
@media (min-width: 992px) {
  .our-services__item:before {
    background: linear-gradient(135deg, #496bfe, #090909 40%);
  }
}
@media (min-width: 1200px) {
  .our-services__item:before {
    background: linear-gradient(270deg, #496bfe, #090909 40%);
  }
}
.our-services__item:last-child {
  padding-bottom: 0;
}
.our-services__item.hover:before {
  transform: translateY(0);
}
.our-services__item.hover .our-services__item__header .heading {
  opacity: 1;
  color: #fff;
}
.our-services__item.hover .our-services__item__header .text,
.our-services__item.hover .our-services__item__header .btn {
  opacity: 1;
  transition: opacity 0.2s;
}
.our-services__item.hover .our-services__item__img {
  opacity: 1;
  transition: opacity 0.3s 0.3s;
}
.our-services .our-services__item img {
  -o-object-fit: contain;
  object-fit: contain;
}
.our-services .our-services__item--1 img {
  margin-right: 1.5rem;
}
@media (min-width: 992px) {
  .our-services .our-services__item--1 img {
    height: 24rem;
  }
}
.our-services .our-services__item--2 img {
  margin-right: 1.5rem;
}
@media (min-width: 992px) {
  .our-services .our-services__item--2 img {
    height: 25rem;
  }
}
.our-services .our-services__item--3 img {
  margin-right: 1.5rem;
}
@media (min-width: 992px) {
  .our-services .our-services__item--3 img {
    height: 23rem;
  }
}
.our-services .our-services__item--4 img {
  margin-right: 1.5rem;
}
@media (min-width: 992px) {
  .our-services .our-services__item--4 img {
    height: 22rem;
  }
}
.our-services .our-services__item--5 img {
  height: 22rem;
  margin-right: 1.5rem;
}
@media (min-width: 992px) {
  .our-services .our-services__item--5 img {
    height: 22rem;
  }
}
.cta {
  padding-top: 5rem;
  height: 80vh;
  padding-bottom: 70rem;
  background: url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/cta-bg--1-mob-CuLwDLqq.png);
  background-position: bottom center;
  background-size: cover;
}
@media (min-width: 768px) {
  .cta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: unset;
    padding-bottom: unset;
    height: 70vh;
    background: url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/cta-bg--1-tab-cFgBXFSF.png)
      center left/cover no-repeat;
  }
}
@media (min-width: 1200px) {
  .cta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: unset;
    height: 80vh;
    background: url(https://helloup.pl/wp-content/themes/helloup-seo-agency/assets/cta-bg--1-DVNc0T-Q.jpg)
      center right/cover no-repeat;
  }
}
.cta .container {
  width: 100%;
}
@media (min-width: 576px) {
  .cta .header {
    max-width: 65%;
  }
}
@media (min-width: 576px) {
  .cta .header .text {
    max-width: 50rem;
  }
}
.anim {
  padding: 7.5px 0;
  height: 883px;
  background-color: #14191c;
}
.anim-wrap {
  transition: opacity 0.3s;
}
.anim .trigs {
  display: flex;
  flex-direction: row;
  gap: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
}
.anim .trigs__trig {
  flex: 1 1;
}
.anim .lines {
  display: flex;
  gap: 15px;
  padding: 7.5px 0;
  transition: all 0.8s;
}
.anim .line {
  flex: 1 1;
  border: 2px solid #272727;
  border-radius: 0;
  height: 100px;
  transition: all 0.8s;
}
.anim .line--small {
  flex: unset;
  border: 2px solid #272727;
  flex-basis: 100px;
}
.anim .line--equal {
  flex: 1 1;
  padding-left: 0 !important;
}
.anim .line.border-gradniet {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 40px;
}
.anim .line.border-gradient-1 {
  background: linear-gradient(#272727, #272727) padding-box,
    linear-gradient(to bottom right, #1a1c1e, #12b76a) border-box;
  transition: all 0.8s;
}
.anim .line.border-gradient-1 .cursor-1 {
  right: -140px;
  bottom: -100px;
  opacity: 0;
  transition: right 0.8s, bottom 0.8s, opacity 0.8s;
}
.anim .line.border-gradient-1 .cont-1 {
  opacity: 0;
  transition: opacity 0.8s;
}
.anim .line.border-gradient-1.active {
  background: linear-gradient(#272727, #272727) padding-box,
    linear-gradient(to bottom right, #1a1c1e, #12b76a) border-box;
  border: 2px solid transparent;
}
.anim .line.border-gradient-1.active .cont-1 {
  opacity: 1;
}
.anim .line.border-gradient-1.active .cursor-1 {
  right: -105px;
  bottom: -64px;
  opacity: 1;
}
.anim .line.border-gradient-2 {
  background: linear-gradient(#272727, #272727) padding-box,
    linear-gradient(to bottom right, #1a1c1e, #ee46bc) border-box;
  transition: all 0.8s;
}
.anim .line.border-gradient-2 .cont-1 {
  opacity: 0;
  transition: opacity 0.8s;
}
.anim .line.border-gradient-2 .cursor-2 {
  right: -80px;
  bottom: -100px;
  opacity: 0;
  transition: right 0.8s, bottom 0.8s, opacity 0.8s;
}
.anim .line.border-gradient-2.active {
  background: linear-gradient(#272727, #272727) padding-box,
    linear-gradient(to right, #1a1c1e, #ee46bc) border-box;
  border: 2px solid transparent;
}
.anim .line.border-gradient-2.active .cont-1 {
  opacity: 1;
}
.anim .line.border-gradient-2.active .cursor-2 {
  right: -130px;
  bottom: -64px;
  opacity: 1;
}
.anim .line.border-gradient-3 {
  background: linear-gradient(#272727, #272727) padding-box,
    linear-gradient(to bottom left, #1a1c1e, #2e90fa) border-box;
  transition: all 0.8s;
}
.anim .line.border-gradient-3 .cont-1 {
  opacity: 0;
  transition: opacity 0.8s;
}
.anim .line.border-gradient-3 .cursor-3 {
  left: -80px;
  bottom: -100px;
  opacity: 0;
  transition: left 0.8s, bottom 0.8s, opacity 0.8s;
}
.anim .line.border-gradient-3.active {
  background: linear-gradient(#272727, #272727) padding-box,
    linear-gradient(to bottom left, #1a1c1e, #2e90fa) border-box;
  border: 2px solid transparent;
}
.anim .line.border-gradient-3.active .cont-1 {
  opacity: 1;
}
.anim .line.border-gradient-3.active .cursor-3 {
  left: -55px;
  bottom: -45px;
  opacity: 1;
}
.anim .line .cont-1 {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 22px;
  line-height: 1;
  color: #fff;
}
.anim .line .cursor {
  position: absolute;
  z-index: 2;
}
.anim .triggers {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 70px;
  padding: 60px 0;
}
.anim .triggers .trigger {
  font-size: 45px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  cursor: default;
  transition: color 0.8s;
}
.anim .triggers .trigger.hover {
  color: #fff;
}
.anim .triggers .dot {
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 50%;
}
.anim .stat-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0 !important;
  transition: all 0.8s;
}
.anim .stat-box .stat {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 21px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  opacity: 0;
  transition: opacity 0.8s;
}
.anim .stat-box.stat-box-1 {
  background: linear-gradient(#14191c, #14191c) padding-box,
    linear-gradient(to bottom, #1a1c1e, #ee46bc) border-box;
}
.anim .stat-box.stat-box-2 {
  background: linear-gradient(#14191c, #14191c) padding-box,
    linear-gradient(to bottom, #1a1c1e, #12b76a) border-box;
}
.anim .stat-box.stat-box-3 {
  background: linear-gradient(#14191c, #14191c) padding-box,
    linear-gradient(to bottom, #1a1c1e, #2e90fa) border-box;
}
.anim .stat-box.line--equal {
  transition-delay: 0.6s;
}
.anim .stat-box.line--equal.stat-box-1 {
  background: linear-gradient(#14191c, #14191c) padding-box,
    linear-gradient(to bottom, #1a1c1e, #ee46bc) border-box;
  border: 2px solid transparent;
}
.anim .stat-box.line--equal.stat-box-2 {
  background: linear-gradient(#14191c, #14191c) padding-box,
    linear-gradient(to bottom, #1a1c1e, #12b76a) border-box;
  border: 2px solid transparent;
}
.anim .stat-box.line--equal.stat-box-3 {
  background: linear-gradient(#14191c, #14191c) padding-box,
    linear-gradient(to bottom, #1a1c1e, #2e90fa) border-box;
  border: 2px solid transparent;
}
.anim .stat-box.line--equal .stat {
  opacity: 1;
  transition-delay: 0.6s;
}
.anim .lines {
  width: 100%;
  position: absolute;
  transform: translate(0);
  transition: all 0.8s;
}
.anim .lines--1 {
  top: 10px;
}
.anim .lines--1:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: inline-block;
  height: 110px;
  width: 250px;
  background: #fff;
  background: linear-gradient(280deg, #fff0, #14191c);
  z-index: 2;
}
.anim .lines--1:after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  display: inline-block;
  height: 110px;
  width: 150px;
  background: #fff;
  background: linear-gradient(90deg, #fff0, #14191c);
  z-index: 2;
}
.anim .lines--2 {
  top: 125px;
  z-index: 2;
}
.anim .lines--2:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: inline-block;
  height: 110px;
  width: 120px;
  background: #fff;
  background: linear-gradient(280deg, #fff0, #14191c);
  z-index: 2;
}
.anim .lines--2:after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  display: inline-block;
  height: 110px;
  width: 120px;
  background: #fff;
  background: linear-gradient(90deg, #fff0, #14191c);
  z-index: 2;
}
.anim .lines--3 {
  top: 240px;
}
.anim .lines--3:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: inline-block;
  height: 112px;
  width: 250px;
  background: #fff;
  background: linear-gradient(280deg, #fff0, #14191c);
  z-index: 2;
}
.anim .lines--3:after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  display: inline-block;
  height: 112px;
  width: 250px;
  background: #fff;
  background: linear-gradient(90deg, #fff0, #14191c);
  z-index: 2;
}
.anim .lines--4 {
  bottom: 240px;
}
.anim .lines--4:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: inline-block;
  height: 110px;
  width: 150px;
  background: #fff;
  background: linear-gradient(280deg, #fff0, #14191c);
  z-index: 2;
}
.anim .lines--4:after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  display: inline-block;
  height: 110px;
  width: 150px;
  background: #fff;
  background: linear-gradient(90deg, #fff0, #14191c);
  z-index: 2;
}
.anim .lines--5 {
  bottom: 125px;
  z-index: 2;
}
.anim .lines--5:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: inline-block;
  height: 110px;
  width: 250px;
  background: #fff;
  background: linear-gradient(280deg, #fff0, #14191c);
  z-index: 2;
}
.anim .lines--5:after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  display: inline-block;
  height: 110px;
  width: 450px;
  background: #fff;
  background: linear-gradient(90deg, #fff0, #14191c);
  z-index: 2;
}
.anim .lines--6 {
  bottom: 10px;
}
.anim .lines--6:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: inline-block;
  height: 115px;
  width: 250px;
  background: #fff;
  background: linear-gradient(280deg, #fff0, #14191c);
  z-index: 2;
}
.anim .lines--6:after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  display: inline-block;
  height: 115px;
  width: 80px;
  background: #fff;
  background: linear-gradient(90deg, #fff0, #14191c);
  z-index: 2;
}
.anim .triggers {
  position: absolute;
  top: 360px;
  width: 100%;
}
.anim .lines:before,
.anim .lines:after {
  height: 110px;
  transition: height 0.8s;
  margin-top: 3px;
}
.anim.flow-active {
  transition: all 0.8s;
}
.anim.flow-active .lines-top {
  transform: translate(0);
  transition: all 0.8s;
}
.anim.flow-active .lines-top--1 {
  transform: translateY(-180px);
}
.anim.flow-active .lines-top--2 {
  transform: translateY(-120px);
}
.anim.flow-active .lines-top--3 {
  transform: translateY(-60px);
}
.anim.flow-active .lines-bottom {
  transform: translate(0);
  transition: all 0.8s;
}
.anim.flow-active .lines-bottom--1 {
  transform: translateY(60px);
}
.anim.flow-active .lines-bottom--2 {
  transform: translateY(120px);
}
.anim.flow-active .lines-bottom--3 {
  transform: translateY(180px);
}
.anim.flow-active .lines:before,
.anim.flow-active .lines:after {
  height: 167px;
}
.anim.flow-active .line {
  height: 160px;
}
.anim .lines-top--1 .line {
  position: relative;
}
.anim .lines-top--1 .line:before {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: -5px;
  background: #fff;
  background: linear-gradient(0deg, #fff0 30%, #14191c);
  height: 80px;
  width: calc(100% + 8px);
  opacity: 1;
  transition: 0.8s;
}
.anim .lines-top--1 .line.stat-box.line--equal:before {
  opacity: 0;
}
.anim .lines-bottom--3 .line {
  position: relative;
}
.anim .lines-bottom--3 .line:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -5px;
  left: -5px;
  background: #fff;
  background: linear-gradient(180deg, #fff0 30%, #14191c);
  height: 90px;
  width: calc(100% + 8px);
  opacity: 1;
  transition: 0.8s;
}
.anim .line.stat-box.line--equal:before {
  opacity: 0;
}
.anim .anim-element-1 {
  max-width: 320px;
  min-width: 320px;
}
.anim .anim-element-1.line--equal {
  min-width: 0;
}
.anim .stat-big {
  opacity: 0;
  transition: 0.4s;
  transition-delay: 0s;
}
.anim .stat-big-title {
  display: flex;
  align-items: center;
  gap: 8px;
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}
.anim .stat-big-title span {
  transform: translateY(1px);
}
.anim .stat-big-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 55px 0 0 15px;
}
.anim .stat-big-number {
  font-size: 26px;
  font-weight: 400;
  color: #fff;
}
.anim .stat-big-number-name {
  font-size: 13px;
  font-weight: 400;
  color: #fff;
}
.anim .stat-big-img-1 {
  position: absolute;
  right: -3px;
}
.anim .stat-big-img-2 {
  max-width: 45%;
  margin-right: 16px;
}
.anim .stat-big-img-3 {
  position: absolute;
  top: 57px;
}
.anim .anim-element-2-a {
  position: relative;
  overflow: hidden;
  min-width: 0;
  background: linear-gradient(#14191c, #14191c) padding-box,
    linear-gradient(to top right, #1a1c1e, #ee46bc) border-box;
  transition: all 0.8s;
}
.anim.flow-active .anim-element-2-a {
  background: linear-gradient(#14191c, #14191c) padding-box,
    linear-gradient(to top right, #1a1c1e, #ee46bc) border-box;
  border: 2px solid transparent;
  min-width: 340px;
}
.anim .anim-element-2-b {
  position: relative;
  overflow: hidden;
  min-width: 0;
  background: linear-gradient(#14191c, #14191c) padding-box,
    linear-gradient(to right, #1a1c1e, #2e90fa) border-box;
  transition: all 0.8s;
}
.anim.flow-active .anim-element-2-b {
  background: linear-gradient(#14191c, #14191c) padding-box,
    linear-gradient(to right, #1a1c1e, #2e90fa) border-box;
  border: 2px solid transparent;
  min-width: 340px;
}
.anim .anim-element-2-c {
  position: relative;
  overflow: hidden;
  min-width: 0;
  background: linear-gradient(#14191c, #14191c) padding-box,
    linear-gradient(to bottom, #1a1c1e, #12b76a) border-box;
  transition: all 0.8s;
}
.anim.flow-active .anim-element-2-c {
  background: linear-gradient(#14191c, #14191c) padding-box,
    linear-gradient(to bottom, #1a1c1e, #12b76a) border-box;
  border: 2px solid transparent;
  min-width: 340px;
}
.anim.flow-active .stat-big {
  opacity: 1;
  transition: 0.8s;
  transition-delay: 0.4s;
}
.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.glide * {
  box-sizing: inherit;
}
.glide__track {
  overflow: hidden;
}
.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}
.glide__slides--dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.glide__slide a {
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.glide__arrows,
.glide__bullets {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.glide--rtl {
  direction: rtl;
}