/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
  scroll-behavior: smooth;

}

:root {
  --font: "Roboto", sans-serif;
  --white: #fff;
  --white80: rgba(255, 255, 255, 0.8);
  --white70: rgba(255, 255, 255, 0.70);
  --white40: #ffffff40;
  --main: #96ffff;
  --main20: rgba(150, 255, 255, 0.2);
  --main-grad: linear-gradient(237deg, #27f3f3 -100.8%, #0f617b 112.23%);
  --main-grad2: linear-gradient(232deg, #27f3f3 -24.82%, #0f617b 119.25%);
  --green: #83f181;
  --font-color: rgba(255, 255, 255, 0.7);
  --dark: #0c0c0c;
  --dark70: rgba(255, 255, 255, 0.70);
  --dark60: rgba(255, 255, 255, 0.6);
  --dark50: rgba(255, 255, 255, 0.5);
  --dark40: rgba(255, 255, 255, 0.4);
  --dark30: rgba(255, 255, 255, 0.3);
  --dark10: rgba(255, 255, 255, 0.1);
  --dark08: rgba(255, 255, 255, 0.08);
  --dark04: rgba(255, 255, 255, 0.02);
  --dark01: rgba(255, 255, 255, 0.01);
  --darkgrad: linear-gradient(232deg, #393939 -24.82%, #fff 129.71%);
}

body {
  background: var(--dark);
}

.container {
  width: 100%;
  max-width: 1127px;
  margin: 0 auto;
}

a {
  text-decoration: none;
}

.inv-banner {
  height: 834px;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 5;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.inv-footer-video {
  mask-image: url(../img/main-bg.webp);
  -webkit-mask-image: url(../img/main-bg.webp);
  -webkit-mask-box-image-repeat: stretch;
  -webkit-mask-position: center;
}

.inv-header {
  position: relative;
  z-index: 50;
  width: 100%;
  padding: 27px 0 0 0;
}

.inv-menu ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.inv-menu-item {
  color: var(--white);
  -webkit-transition: 0.3s color;
  -o-transition: 0.3s color;
  transition: 0.3s color;
  font: 400 21px/32px var(--font);
}

.inv-menu-item:hover {
  color: var(--main);
}

.inv-menu-item-active {
  color: var(--main);
}

.inv-title {
  font: 700 55px/66px var(--font);
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.inv-title-label {
  background: rgba(255, 255, 255, 0.10);
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  padding: 8px 16px;
  width: 176px;
  height: 38px;
  margin: 0 auto 24px;
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  border-radius: 100px;

}

.inv-banner-title {
  font: 500 65px/120% var(--font);
  max-width: 1248px;
  position: relative;
  z-index: 20;
}

.inv-title span {
  color: var(--main);
}

.inv-show-more {
  padding: 0 0 35px 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 20;
}

.inv-section {
  padding: 150px 0 209px 0;
}

.inv-section-about {
  position: relative;
  padding: 130px 0 221px 0;
  overflow: hidden;
}

.inv-section-about:after {
  position: absolute;
  background: rgba(187, 255, 251, 0.15);
  background-size: 562px 442px;
  width: 562px;
  height: 442px;
  -webkit-filter: blur(317.4803466796875px);
  filter: blur(317.4803466796875px);
  content: '';
  bottom: -350px;
  display: block;
  left: -20%;
}

.inv-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.inv-about-row {
  margin-top: 80px;
  gap: 25px;
}

.inv-about-item {
  -ms-flex-preferred-size: 255px;
  flex-basis: 255px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: var(--white);
  border-top: 1px solid var(--font-color);
}

.inv-about-title {
  padding: 15px 0 15px 12px;
  text-transform: uppercase;
  position: relative;
  font: 400 16px/17.6px var(--font);
}

.inv-about-title:before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background: var(--white);
  border-radius: 100px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}

.inv-about-summ,
.inv-project-summ {
  color: var(--main);
  margin-bottom: 10px;
  font: 700 45px/49.5px var(--font);
}

.inv-about-descr {
  font: 400 16px/19.2px var(--font);
  color: var(--font-color);
}

.inv-title-wrap {
  max-width: 593px;
  margin: 0 auto;
}

.inv-descr {
  color: var(--dark70);
  text-align: center;
  margin: 36px 0 40px 0;
  font: 400 16px/1.4 var(--font);
}

.inv-descr:after {
  display: block;
  content: "";
  background: url(../img/stroke.svg) no-repeat;
  background-size: contain;
  width: 440px;
  height: 2px;
  margin: 32px auto;
  text-align: center;
}

.inv-section-road-map {
  position: relative;
  overflow: hidden;
}

.inv-section-road-map:before {
  content: "";
  background: rgba(187, 255, 251, 0.15);

  -webkit-filter: blur(150px);

  filter: blur(150px);
  background-position-x: 100%;
  background-position-y: 100%;
  background-size: contain;
  width: 392px;
  height: 476px;
  display: block;
  position: absolute;
  top: 0;
  right: -10%;
}

.inv-roadmaps-row {

  padding-top: 34px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.inv-roadmap-decor {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

.inv-roadmaps-body {
  width: 100%;
  max-width: 568px;
  margin: 0 47px 0 61px;
}

.inv-roadmap-year {
  color: var(--white40);
  font-size: 18px;
  line-height: 25.2px;
}

.inv-roadmap-completed:after {
  content: '';
  width: 2px;
  height: 200%;
  left: -24px;
  top: 46%;
  background: var(--main);
  position: absolute;
}

.inv-roadmap-disabled:after, .inv-roadmap-in-progress:after {
  content: '';
  width: 2px;
  height: 130%;
  left: -24px;
  top: 46px;
  background: url(../img/dash.svg) no-repeat;
  background-size: auto;
  position: absolute;
}

.inv-roadmap-disabled.last:after {
  display: none;
}

.inv-roadmaps-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 22px;
  position: relative;
}


.inv-roadmap-plans {
  color: #fff;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: absolute;
  bottom: 8.5%;
  left: -94px;
  font-size: 23.136px;
  font-weight: 700;
  line-height: 140%;

}

.inv-roadmaps-title {
  color: var(--dark30);
  margin-bottom: 21px;
  font: normal 20px/22px var(--font);
}

.inv-roadmap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--dark08);
  padding: 24px 25px;
  border-radius: 20px;
  border: 1px solid #27f3f329;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 17px;
  position: relative;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: 0.3s opacity, 0.3s background-color;
  -o-transition: 0.3s opacity, 0.3s background-color;
  transition: 0.3s opacity, 0.3s background-color;
}

.inv-roadmap-in-progress, .inv-roadmap-disabled {
  border: none
}

.inv-roadmap:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100px;
  display: block;
  background: var(--darkgrad);
  position: absolute;
  left: -28px;
  opacity: 1;
  z-index: 3;
}

.inv-roadmap-completed,
.inv-roadmap-in-progress {
  opacity: 1;
  background: var(--dark08);
}

.inv-roadmap-completed:before,
.inv-roadmap-in-progress:before {
  opacity: 1;
  background: var(--main-grad2);
}

.inv-roadmap-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.inv-roadmap-icon svg {
  width: 25px;
  height: 25px;
}

.inv-roadmap-caption {
  color: var(--font-color);

}

.inv-roadmap-check {
  position: absolute;
  top: -10px;
  right: -10px;
  background: #424141;
  padding: 8px 16px;
  gap: 6px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
}

.inv-roadmap-in-progress .inv-roadmap-check {
  width: auto;
  color: var(--white);
  padding: 7px 9px;
  font: 700 14px/19.6px var(--font);
  text-align: center;
  right: -7%;
}

.inv-roadmap-in-progress:before {
  background: -o-radial-gradient(50% 50%, 80% 80%, #fff 18.75%, #47ffff 100%);
  background: radial-gradient(80% 80% at 50% 50%, #fff 18.75%, #47ffff 100%);
}

.inv-roadmap-disabled {
  background: var(--dark04);
  color: var(--white70);

}

.inv-roadmap-disabled .inv-roadmap-icon {
  opacity: .3;
}

.inv-roadmap-disabled .inv-roadmap-caption {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 400;
  opacity: .3;
}

.inv-section-regions {
  background: #0C0C0C url(../img/regions-bg.webp) no-repeat;
  background-size: auto;
}

.inv-map-container {
  position: relative;
}

.inv-map-point {
  position: absolute;
  cursor: pointer;
  opacity: 1;

}

.inv-map-point:hover {
  opacity: 1;
}

.inv-map-point:hover .inv-country-flag {
  opacity: 1;

}

.inv-map-point .inv-country-flag-active {
  opacity: 1;
}

.gb {

  left: 48.4%;
  top: 4%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.ie {

  left: 35.7%;
  top: 21.1%;
}

.pl {
  right: 5.9%;
  top: 23.3%;
  z-index: 5;
}

.lt {
  top: 13.8%;
  right: 0;
  z-index: 4;
}

.it {
  top: 52.3%;
  right: 15.4%;
}

.es {
  top: 60.3%;
  left: 35.6%;
}

.pt {
  top: 68.7%;
  left: 37.3%;
}

.us {
  bottom: 35.9%;
  left: 4.8%;
}

.sw {
  top: 4%;
  right: 6%;
}

.inv-country-flag {
  position: absolute;
  opacity: 0;
  bottom: 0;
  -webkit-transition: .5s opacity, .3s bottom;
  -o-transition: .5s opacity, .3s bottom;
  transition: .5s opacity, .3s bottom;
  width: 44px;
  height: 44px;
}

.inv-country-flag:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  width: 100%;
  height: 104px;
  background: url(../img/map-parts/map-flag-leg.svg) no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.inv-country-flag img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 24px;
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
}

.gb-flag {
  bottom: 60%;
  right: 22%;
}

.ie-flag {
  bottom: 100%;
  left: 10%;
}

.pl-flag {
  top: -36%;
  left: 27%;
}

.sw-flag {
  top: -100%;
  left: 25%;
}

.lt-flag {
  top: -55%;
  left: 43%;
}

.it-flag {
  top: -24%;
  left: 28%;
}

.es-flag {
  top: -7%;
  left: 38%;
}

.pt-flag {
  top: -90%;
  left: 20%;
}

.us-flag {
  top: -110%;
  left: 63px;
}

.inv-soon {
  position: absolute;
  background: #fff;
  color: #121111;
  text-align: center;
  font-size: 13.124px;
  font-style: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 52.723px;
  height: 32.9px;
  -webkit-transform: rotate(25.553deg);
  -ms-transform: rotate(25.553deg);
  transform: rotate(25.553deg);
  padding: 6.562px 8.437px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 9.374px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-weight: 700;
  line-height: 140%;
  border-radius: 93.74px;
  background: -o-linear-gradient(218deg, #FFF -24.82%, #E1ECEF 119.25%);
  background: linear-gradient(232deg, #FFF -24.82%, #E1ECEF 119.25%);
  top: -37%;
  right: -50%;
}

.inv-desktop-project {
  cursor: pointer;
  border-radius: 32px 32px 0 0;
  border-top: 1px solid #fff;
  background: #0C0C0C;
  padding: 48px 32px 80px;
  position: relative;
  -webkit-transition: max-height .1s ease-out, background-color .3s ease-out;
  -o-transition: max-height .1s ease-out, background-color .3s ease-out;
  transition: max-height .1s ease-out, background-color .3s ease-out;
  max-height: 180px;
  overflow: hidden;
  border-top: 1px solid rgba(255, 255, 255, .85);
}

.inv-desktop-project:after, .inv-desktop-project:before {
  content: "";
  position: absolute;
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.56), transparent);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.29)), to(transparent));
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.29), transparent);
  background-image: linear-gradient(rgba(255, 255, 255, 0.29), transparent);
  top: 30px;
  bottom: -1px;
  width: 1px;
}

.inv-desktop-project:after {
  left: 0px;

}

.inv-desktop-project:before {
  right: 0px;

}

.inv-desktop-project-summ {
  color: var(--main);
  text-align: left;
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  line-height: 70%; /* 31.5px */
  text-transform: uppercase;
  width: 333px;

}

.inv-summ-labels-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  margin-bottom: 30px;
}

.inv-desktop-project-descr {
  color: rgba(255, 255, 255, 0.60);
  font-size: 20px;
  width: 286px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 24px */
}

.inv-desktop-project-caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.inv-desktop-project-type-wrap {
  width: 181px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.inv-desktop-project-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 16px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.10);
  color: rgba(255, 255, 255, 0.60);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 28.8px */
  text-transform: uppercase;

}

.inv-desktop-project:hover {
  background: url(../img/desktop-project-bg.webp) no-repeat;
  background-size: auto;
  height: 100%;
  max-height: 332px;
  -webkit-transition: max-height 0.1s ease-in, background-out .3s ease-in;
  -o-transition: max-height 0.1s ease-in, background-out .3s ease-in;
  transition: max-height 0.1s ease-in, background-out .3s ease-in;
}

.inv-desktop-project-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--main);
  font-size: 14px;
  gap: 18px;
  line-height: 16.8px;
}

.inv-desktop-project-cta span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.inv-desktop-project-cta svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.inv-desktop-project-content {
  margin-top: 40px;
  color: #FFF;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 33.75px */
}

.inv-projects-title {
  margin-bottom: 80px;
}

.inv-projects-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}

.inv-project {
  background: url(../img/project-bg.webp) no-repeat;
  background-size: cover;
  padding: 67px 0 36px 0;
}

.inv-project-row {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.inv-project-caption {
  width: 100%;
  max-width: 410px;
}

.inv-project-type {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 5px 10px;
  background: var(--dark10);
  border-radius: 100px;
  width: auto;
  font: 700 20px/24px var(--font);
  color: var(--dark60);
  text-transform: uppercase;
}

.inv-project-summ {
  margin: 25px 0;
  text-transform: uppercase;
}

.inv-project-descr {
  color: var(--dark60);
  font: 400 20px/24px var(--font);
  max-width: 286px;
}

.inv-project-editor {
  width: 100%;
  max-width: 430px;
}

.inv-editor-body {
  font: 400 25px/33.75px var(--font);
  color: var(--white);
}

.inv-stroke {
  margin: 85px 0 22px 0;
  background: url(../img/stroke.svg) no-repeat;
  width: 427px;
  height: 2px;
  background-size: contain;
}

.inv-editor-controls-wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0 40px;
  text-transform: uppercase;
  color: #27F3F3;
  font-weight: 400;
  font-size: 12px;
}

.inv-editor-controls {
  gap: 35px;
}

.inv-editor-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.inv-editor-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
  font: 400 18px/24.3px var(--font);
  color: var(--dark50);
}

.inv-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 13px 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
}

.inv-btn-main {
  color: var(--main);
  font: normal 18px/24.3px var(--font);
  background: var(--main20);
}

.inv-btn-main:hover {
  background: var(--main);
  color: #212121;
}

.inv-editor-body i {

  display: inline-block;
  width: 2.5px;
  -webkit-animation-name: blink;
  animation-name: blink;
  -webkit-animation-duration: 900ms;
  animation-duration: 900ms;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 1;
  margin-left: 0;
  position: relative;
}

.inv-editor-body i:after {
  content: '';
  width: 100%;
  height: 31px;
  background-color: #29a1ff;
  position: absolute;
  top: -24px;
  border-radius: 10px;
}

.inv-section-projects {
  padding-bottom: 100px;
}

.inv-section-jackpot {
  padding-top: 100px;
  padding-bottom: 0;
}

.inv-section-jackpot .inv-descr:after {
  display: none;
}

.inv-title-row {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.inv-adv-title {
  color: var(--white);
  font: 400 16px/17.6px var(--font);
  text-transform: uppercase;
  text-align: center;
}

.inv-adv-summ {
  text-align: center;
  color: var(--main);
  text-transform: uppercase;
  font: 700 45px/49.5px var(--font);
  margin-top: 12px;
}

.inv-section-jackpot {
  position: relative;
  overflow: hidden;
}

.inv-section-jackpot:before {
  content: "";
  background: url(../img/jackpot-left.webp) no-repeat;
  background-size: auto;
  display: block;
  height: 1747px;
  width: 860px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -18%;
  z-index: -1;
}

.inv-section-jackpot:after {
  content: "";
  background: url(../img/jackpot-right.webp) no-repeat;
  background-size: auto;
  display: block;
  height: 1747px;
  width: 860px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -18%;
  z-index: -1;
}

.inv-jackpot-report-caption {
  margin: 84px 0;
  text-align: center;
}

.inv-inner-title {
  color: var(--white);
  font: 700 30px/36px var(--font);
  text-transform: uppercase;
  text-align: center;
}

.inv-report-descr {
  margin: 15px auto 26px;
  font: normal 16px/19.2px var(--font);
  color: var(--dark30);
  text-transform: uppercase;
  width: 222px;
}

.inv-report-legend:before {
  width: 9px;
  height: 9px;
  background-color: var(--green);
  border-radius: 100px;
  content: "";
  display: block;
}

.inv-report-legend {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 7.53px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font: normal 16px/17.6px var(--font);
  color: var(--white);
  margin: 0 auto;
}

#myChart {
  -webkit-transition: .10s;
  -o-transition: .10s;
  transition: .10s;
}

.inv-graph {
  margin: 0 auto 92px auto;
}


.inv-jackpot-cta-row {
  gap: 40px;
  margin-top: 40px;
}

.inv-cta-block {
  -ms-flex-preferred-size: 538px;
  flex-basis: 538px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-radius: 8px;
  background-color: var(--dark04);
  padding: 50px 20px 20px 20px;
}

.inv-cta-title {
  color: var(--white);
  text-align: center;
  min-height: 60px;
  text-transform: uppercase;
  font: normal 30px/36px var(--font);
}

.inv-cta-title span {
  display: block;
  font: normal 20px/1.2 var(--font);
}

.inv-cta-list {
  text-align: center;
  list-style: none;
  margin: 32px 0 49px 0;
  font: normal 16px/19.2px var(--font);
  position: relative;
  color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 19px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.inv-cta-list li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  white-space: nowrap;
}

.inv-btn-action {
  background: var(--dark10);
  color: var(--white);
  padding: 0px 159.5px 0px 158px;
  height: 79px;
  width: 100%;
  font: normal 16px/19.2px var(--font);
  text-transform: uppercase;
  border-radius: 8px;
}

.inv-btn-action svg {
  width: 29.5px;
  height: 14.5px;
}

.inv-btn-action:hover {
  background: var(--white80);
  color: #212121;
}

.inv-btn-action:hover svg {
  -webkit-filter: invert(1);
  filter: invert(1);
}

.inv-vacancies-row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.inv-tab-controls {
  -ms-flex-preferred-size: 260px;
  flex-basis: 260px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 58px;
}

.inv-tab-control {
  font: normal 35px/42px var(--font);
  color: var(--white);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: 0.3s color, 0.3s border-bottom-color;
  -o-transition: 0.3s color, 0.3s border-bottom-color;
  transition: 0.3s color, 0.3s border-bottom-color;
  border-bottom: 1px solid transparent;
}

.inv-tab-control:hover {
  color: var(--main);
  cursor: pointer;
  border-bottom-color: var(--main-grad2);
}

.inv-tab-control-active {
  color: var(--main);
  border-bottom-color: var(--main-grad2);
}

.inv-tabs {
  -ms-flex-preferred-size: 776px;
  flex-basis: 776px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  overflow-x: hidden;
}

.inv-tab {
  background: var(--dark01);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  border-radius: 20px;
  display: none;
  padding: 38px 64px;
}

.inv-tab-active {
  display: block;
}

.inv-tabs:before {
  content: "";
  background: url(../img/blured-frames.webp) no-repeat;
  background-size: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 388px;
}

.inv-tab h2 {
  color: var(--white);
  margin-bottom: 15px;
}

.inv-tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 0 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 35px;
}

.inv-tab li {
  font: 400 16px/22.4px var(--font);
  color: var(--font-color);
}

.inv-footer {
  position: relative;
  padding: 40px 0 67px 0;
  background: #121111;
  z-index: 3;
}

.inv-footer-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 5;
}

.inv-footer-video-overlay {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: var(--dark);
  opacity: 0.75;
  z-index: 10;
}

.inv-footer-row {
  position: relative;
  z-index: 50;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 7px 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid var(--dark40);
}

.inv-footer-title {
  font: normal 20px/32px var(--font);
  color: var(--dark40);
}

.inv-mail {
  color: var(--white);
  font: normal 20px/32px var(--font);
}

.inv-footer-base-row {
  padding: 30px 0;
  position: relative;
  z-index: 25;
}

.inv-footer-caption {
  -ms-flex-preferred-size: 231px;
  flex-basis: 231px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.inv-footer-menus {
  -ms-flex-preferred-size: 470px;
  flex-basis: 470px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.inv-footer-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 8px;
}

.inv-menu-title {
  color: var(--white);
  margin-bottom: 12px;
  font: 700 20px/32px var(--font);
}

.inv-footer-menu a {
  color: var(--white);
  font: 400 20px/32px var(--font);
}

.inv-footer-menu a:hover {
  color: var(--main);

}

.inv-footer-menu .inv-tab-control {
  border-bottom: none;
}

.inv-footer-menu .inv-tab-control:hover {
  border-bottom: none !important;
}

.inv-footer-caption,
.inv-footer-caption a {
  font: 400 20px/32px var(--font);
  color: var(--white);
}

.inv-regions-map {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  height: 804px;
}

.inv-menu-mobile {
  display: none;
}

.inv-menu-mobile svg {
  -webkit-transition: .3s opacity;
  -o-transition: .3s opacity;
  transition: .3s opacity;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 12px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.inv-menu-mobile .inv-menu-mobile-open {
  visibility: visible;
  opacity: 1;


}

.inv-menu-mobile .inv-menu-mobile-close {
  visibility: hidden;

  opacity: 0;

}

.inv-menu-mobile-active .inv-menu-mobile-close {
  visibility: visible;
  opacity: 1;

}

.inv-menu-mobile-active .inv-menu-mobile-open {
  visibility: hidden;
  opacity: 0;

}

.inv-mobile-controls {
  display: none;
}

.inv-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
}

.inv-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1000;
  width: 100%;
  max-width: 393px;
  padding: 24px;
  background: #232222;
  border-radius: 20px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
}

.inv-modal-active {
  opacity: 1;
  visibility: visible;
}

.inv-modal-form {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 27px;
}

.inv-modal-form-only-mail .inv-input-group:nth-child(2) {
  display: none !important;
}

.inv-modal-close {
  position: absolute;
  top: 16px;
  right: 16px;


}

.inv-modal-close svg {
  cursor: pointer;
  -webkit-transition: .3s color;
  -o-transition: .3s color;
  transition: .3s color;
  color: var(--white70);
}

.inv-modal-close:hover svg {
  color: var(--main);
}

.inv-modal-title {
  text-align: center;
  color: var(--white);
  font: 700 20px/30px var(--font);
  margin-bottom: 27px;
}

.inv-input-group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

.inv-input-group label {
  color: var(--white);
  font: 500 18px/24px var(--font);
}

.inv-input {
  outline: none !important;
  padding: 12px 50px 12px 16px;
  font-size: 18px;
  line-height: 20px;
  border-radius: 10px;
  border: 1px solid rgba(229, 229, 229, 0.3);
  background: rgba(12, 12, 12, 0.2);
  color: rgba(255, 255, 255, 0.5);
}

.inv-input:focus {
  border-color: #96ffff !important;
  caret-color: #96ffff;
}


.inv-input::-webkit-input-placeholder {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.15);
  line-height: 20px;
}


.inv-input::-moz-placeholder {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.15);
  line-height: 20px;
}


.inv-input:-ms-input-placeholder {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.15);
  line-height: 20px;
}


.inv-input::-ms-input-placeholder {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.15);
  line-height: 20px;
}


.inv-input::placeholder {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.15);
  line-height: 20px;
}

.inv-message {
  opacity: 0;
  visibility: hidden;
  color: #d52a2a;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
}

.inv-message-shown {
  opacity: 1;
  visibility: visible;
}

.inv-textarea {
  height: 100px;
  resize: none;
}

.inv-counter-wrap {
  font: 300 12px/16px var(--font);
  color: rgba(255, 255, 255, 0.3);
}

.swiper-button-disabled {
  opacity: 0.45;
}

.inv-modal-ok {
  border-radius: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  background: #232222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s opacity;
  -o-transition: .3s opacity;
  transition: .3s opacity;
}

.inv-modal-ok-active {
  opacity: 1;
  visibility: visible;
}

.inv-modal-ok svg {
  width: 100px;
  height: 100px;
  color: var(--main);
}

.inv-modal-ok-message {
  font: 700 24px/32px var(--font);
  color: var(--white);
  width: 70%;
  text-align: center;
}

.mobile-only {
  display: none;
}

.inv-jackpot-cta {
  margin-top: 92px;
}
.inv-banner-show-more-fixed {
  display: none;
  -webkit-transition: .3s opacity;
  -o-transition: .3s opacity;
  transition: .3s opacity;
}

@media (max-width: 1865px) {
  .inv-section-jackpot:after {
    right: -25%;
  }

  .inv-section-jackpot:before {
    left: -25%;
  }
}

@media (max-width: 1660px) {
  .inv-section-jackpot:before {
    left: -28%;
  }

  .inv-section-jackpot:after {
    right: -28%;
  }
}

@media (max-width: 1600px) {
  .inv-section-jackpot:after {
    right: -32%;
  }

  .inv-section-jackpot:before {
    left: -32%;
  }
}

@media (max-width: 1560px) {
  .inv-section-jackpot:after {
    right: -35%;
  }

  .inv-section-jackpot:before {
    left: -35%;
  }
}

@media (max-width: 1480px) {
  .inv-section-jackpot:after {
    right: -39%;
  }

  .inv-section-jackpot:before {
    left: -39%;
  }
}

@media (max-width: 1366px) {
  .inv-section-jackpot {
    background-size: 1440px;
  }

  .inv-section-jackpot:after {
    display: none;

  }

  .inv-section-jackpot:before {
    display: none;
  }

  .inv-btn {
    white-space: nowrap;
  }

  .inv-section-jackpot:before {
    left: -38%;
  }

  .inv-section-jackpot:after {
    right: -38%;
  }
}

@media (max-width: 1190px) {
  .inv-section-jackpot {
    background: transparent;
  }

  .inv-map-point {
    display: none;
  }

  .inv-section-jackpot:before {
    display: none;
  }

  .inv-section-jackpot:after {
    display: none;
  }

  .container {
    padding: 0 24px;
    max-width: 100%;
  }

  .inv-banner-title {
    max-width: 100%;
    padding: 0 24px;
  }

  .inv-about-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .inv-about-item {
    -ms-flex-preferred-size: 400px;
    flex-basis: 400px;
  }
}

@media (max-width: 1160px) {
  .inv-vacancies-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .inv-tab-controls {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    margin-bottom: 24px;
  }

  .inv-tabs {
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    width: 100%;
  }

  .inv-jackpot-cta-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (max-width: 1120px) {
  .inv-desktop-project-summ {
    font-size: 35px;
    width: 280px;
  }

  .inv-roadmap-decor {
    display: none;
  }

  .inv-roadmaps-body {
    max-width: 100%;
    margin: 0 auto;
  }

  .inv-roadmaps-row {
    max-width: 100%;
    padding: 0 25px;
  }

  .inv-roadmap-in-progress .inv-roadmap-check {
    right: -10px;
  }
}

@media (max-width: 1078px) {
  .inv-section {
    padding: 80px 0;
  }
}

@media (max-width: 1024px) {
  .inv-descr:after {
    width: 100%;
  }

  .inv-projects-list {
    gap: unset;
  }

  .inv-title-wrap {
    max-width: 100%;
    padding: 0 28px;
  }

  .inv-projects-list {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
  }


  .inv-mobile-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 124px;
    width: 100%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 40px auto 0;
  }

  .inv-about-item {
    -ms-flex-preferred-size: 320px;
    flex-basis: 320px;
  }

  .inv-menu-mobile {
    position: fixed;
    top: 22px;
    right: 22px;
    display: block;
    gap: 8px;
    background: #0c0c0c;
    padding: 16px 15px;
    border-radius: 100px;
    z-index: 560;
    color: var(--white);
    -webkit-transition: .3s left;
    -o-transition: .3s left;
    transition: .3s left;
  }

  .inv-menu-mobile svg {
    width: 15px;
    height: 12px;
  }

  .inv-header-menu {
    position: fixed;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    top: 0;
    height: 100vh;
    left: -100%;
    width: 100%;
    padding: 97px 24px 20px;
    background: #0C0C0C url(../img/mobile-main-bg.webp) no-repeat;
    background-size: cover;
    background-position: center center;
    gap: 5px;
    border-radius: 0 0 30px 30px;
    -webkit-transition: 0.3s left;
    -o-transition: 0.3s left;
    transition: 0.3s left;
    z-index: 550;
  }

  .inv-header-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;

  }

  .inv-header-menu li {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    display: block;
  }

  body.inv-overflow-stop {
    overflow-y: hidden;
  }

  .inv-header-menu li a {


    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 133.333% */
    letter-spacing: 0.107px;
  }

  .inv-header-menu-opened {
    left: 0;
  }

  .inv-menu-item {
    -ms-flex-preferred-size: calc(50% - 5px);
    flex-basis: calc(50% - 5px);
    height: 35px;
    font-size: 16px;
    line-height: 32px;
  }
}

@media (max-width: 768px) {
  .inv-banner{ height: 90vh}
  .inv-footer-video {
    -webkit-mask-position: bottom;
  }
  .inv-tabs:before {
    background: url(../img/background-vacancy-mob.webp) no-repeat;
    background-size: auto;
  }

  .inv-jackpot-cta-row {
    gap: 20px;
  }

  .inv-cta-title {
    font: 700 20px/120% var(--font);
    min-height: unset;
  }

  .inv-roadmap-plans {
    display: none;
  }

  .inv-btn-action {
    height: 60px;
    font-size: 14px;
    line-height: 120%;
    padding: 21px;
  }

  .inv-cta-title span {
    font: 400 16px/120% var(--font);
  }

  .inv-descr {
    font-size: 14px;
    line-height: 1.4;
    margin: 20px 0 40px 0;
  }

  .inv-cta-block {
    max-width: 100%;
    padding: 40px 20px 20px 20px;
  }

  .inv-cta-list {
    margin: 32px 0;
  }

  .inv-cta-list li {
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
  }

  .inv-title {
    font: 700 35px/42px var(--font);
  }

  .inv-banner-title {
    font: 700 45px/50px var(--font);
  }

  .inv-footer-base-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .inv-footer-menus {
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-bottom: 80px;
  }

  .inv-footer-caption {
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
  }

  .inv-project-row {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
    display: block;
    gap: 20px;
    padding: 0;
  }

  .inv-project-caption {
    max-width: 100%;
  }

  .inv-project-descr {
    max-width: 100%;
  }

  .inv-project-editor {
    max-width: 100%;
  }

  .inv-editor-body {
    min-height: 130px;
    font: normal 16px/21px var(--font);
  }

  .inv-stroke {
    max-width: 100%;
    width: 100%;

    background-size: cover;
  }

  .mobile-only {
    display: block;
  }

  .desktop-only {
    display: none;
  }


  .inv-project {

    padding: 40px 16px 16px;
    max-width: calc(100% - 66px);
    border-radius: 20px;
    background: url(../img/mobile-project-bg.webp) no-repeat;
    background-position: center center;
    background-size: cover;
  }

  .inv-project-type {
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
  }

  .inv-project.swiper-slide-prev, .inv-project.swiper-slide-next {
    opacity: .5;
  }

  .inv-project .inv-btn-main {
    font-size: 14px;
    padding: 7px 20px;
    line-height: 135%;
  }

  .inv-section-projects {
    padding: 0 24px;
  }

  .inv-editor-controls {
    gap: 12px;
  }

  .inv-editor-control svg {
    width: 15px;
    height: 15px;
  }

  .inv-editor-message {
    font: 400 12px/16.3px var(--font);
  }

  .inv-editor-message svg {
    width: 9px;
    height: 5px;
  }

  .inv-project-summ {
    font: 700 35px/24.5px var(--font);
  }

  .inv-project-descr {
    font: 400 14px/16px var(--font);
    margin-bottom: 10px;
    line-height: 1.2;
    height: 34px;
  }

  .inv-project-summ {
    margin: 18px 0;
  }

  .inv-jackpot-report-caption {
    margin: 120px 0 47px 0;
  }

  .inv-tab-control {
    font-size: 20px;
  }

  .inv-tab {
    padding: 30px 15px;
  }

  .inv-tab h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 24.3px;
  }

  .inv-adv-title {
    font-size: 14px;
    text-align: center;
  }

  .inv-adv-summ {
    font-size: 35px;
  }

  .inv-modal {
    max-width: 90%;
  }

  .inv-regions-map {
    height: auto;
  }

  .inv-graph img {
    height: auto;
  }

  .inv-editor-body {
    height: 140px;
    min-height: 140px;
  }

  .inv-editor-body i:after {
    height: 24px;
    top: -18px;
  }

  .inv-stroke {
    margin-top: 0;
  }

  .inv-mobile-controls {
    max-height: 68px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .swiper-pagination-bullet {
    background: var(--dark60);
  }

  .inv-roadmap-completed:after {
    height: 180%;
  }
  /**
  Banner
   */

  .inv-banner-show-more-fixed {
    display: block;
    position: fixed;
    bottom: 35px;
    z-index: 10;
    background: transparent;
    border: none;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media (max-width: 568px) {
  .inv-section-about .container{
    padding: 0;
  }
  .inv-about-row {
    margin-top: 60px;
    padding: 0 59.5px;
  }
  .inv-about-descr {
    font: 400 16px/1.2 var(--font)
  }
  .inv-about-summ {
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
  }
  .inv-title-wrap .inv-title {
    margin-bottom: 36px;
  }
  .inv-descr {
    position: relative;
  }
  .inv-descr:after {
    display: block;
    content: "";
    background-size: auto;
    position: absolute;
    left: 0;
    height: 2px;
    margin: 36px auto;
    text-align: center;
    width: 100%;
    background-position: center;

  }
  .inv-roadmaps-row {
    margin-top: 62px;
  }
  .inv-map-container {
    margin-top: 51px;
  }
  .inv-section-regions {
    position: relative;
  }

  .inv-banner-title {

    font: 600 32px/1.25 var(--font) !important;
  }

  .inv-section-jackpot .container {
    padding: 0;
  }

  .inv-title {
    font-size: 25px;
    line-height: 1.2;
  }

  .inv-about-summ,
  .inv-project-summ {
    font-size: 35px;
    line-height: 1.2;
  }

  .inv-section {
    padding: 80px 0;
  }

  .inv-section-about {
    background-size: cover;
  }

  .inv-footer-title,
  .inv-mail {
    font-size: 14px;
  }

  .inv-menu-title {
    font-size: 14px;
    line-height: 1.2;
  }

  .inv-footer-menu a {
    font-size: 14px;
    line-height: 1.2;
  }

  .inv-footer-caption,
  .inv-footer-caption a {
    font-size: 14px;
  }

  .inv-section-road-map:before {
    display: none;
  }

  .inv-roadmap {
    font-size: 16px;
    padding: 24px 25px;
  }

  .inv-section-jackpot {
    padding: 0;
  }

  .inv-roadmap-check {
    display: none;
  }

  .inv-roadmaps-column {
    gap: 22px;
  }

  .inv-roadmaps-column:before {
    height: 531px;
  }

  .inv-roadmaps-column:after {
    top: 565px;
    height: 360px;
    background-size: cover;
  }

  .inv-section-projects {
    padding: 80px 0 128px 0;
  }

  .inv-projects-title {
    margin-bottom: 40px;
  }

  .inv-vacancies {
    padding: 0;
  }
  .inv-section-jackpot .inv-title-wrap .inv-title {
    margin-bottom: 20px;
  }
  .inv-title-row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .inv-adv-title {
    font-size: 12px;
  }
  .inv-inner-title {
    font: 700 20px/1.2 var(--font)
  }
  .inv-report-descr {
    font: 700 14px/1.2 var(--font)
  }
  .inv-jackpot-cta-row {
    margin-top: 20px;
    padding: 0 16px;
  }
  .inv-graph {
    margin-bottom: 100px;
  }
  .inv-vacancies .inv-title-wrap .inv-title {
    margin-bottom: 20px;
  }
  .inv-vacancies-row {
    margin-top: 62px;
  }
  .inv-tab-controls {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    gap: 30px;
    margin: 22px 0 45px;
  }
  .inv-tab-control {
    font:500 20px/1.2 var(--font);
  }
  .inv-footer {
    margin-top: 100px;
    padding: 15px 0 59px 0;
  }
  .inv-footer-base-row {
    padding: 10px 0;
  }
  .inv-menu-title {
    line-height: 2.28;
    margin-bottom: 5px;
  }
  .inv-footer-menu {
    gap: 4px;
  }
  .inv-footer-menu a {
    line-height: 1.75;
  }
  .inv-footer-caption {
    font-size: 12px;
    line-height: 2;
  }

}

@media (max-width: 400px) {
  .inv-roadmaps-column:after {
    top: 565px;
    height: 375px;
    background-size: cover;
  }
}