@charset "UTF-8";
main {
  background: rgb(235, 239, 243);
  font-family: "PF Centro Sans Pro";
}

p {
  text-align: left;
}

section {
  margin-bottom: 64px;
}

.left {
  padding-left: 110px;
}

h1 {
  font-weight: 300;
  font-style: Light;
  font-size: 64px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin-bottom: 29px;
  line-height: 120%;
}
h1 span {
  font-weight: 500;
  font-size: 112px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 120%;
}

h2 {
  font-weight: 700;
  font-style: Bold;
  font-size: 48px;
  line-height: 120%;
  margin-bottom: 32px;
}

h3 {
  color: rgb(60, 60, 67);
}

.ban-neo img {
  width: 100%;
}

.main-part {
  display: flex;
  gap: 24px;
  flex-direction: column;
}

.btn {
  font-size: 16px;
}

.main-ban {
  position: relative;
}
.main-ban img {
  width: 100%;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.main-ban__cont {
  position: absolute;
  font-weight: 400;
  font-size: 32px;
  top: 18%;
  left: 5%;
  color: rgb(236, 236, 236);
}
.main-ban__cont p {
  font-weight: 400;
  font-size: 32px;
  letter-spacing: 0.02em;
  line-height: 9%;
}

.main-block,
.el-block {
  display: flex;
  gap: 24px;
}

.el-block {
  background: rgb(255, 255, 255);
  padding: 40px 24px;
  border-radius: 8px;
  letter-spacing: 0.02em;
  /*max-width: 416px;*/
  max-width: 100%;
  background: rgb(255, 255, 255);
  padding: 40px 24px;
  border-radius: 8px;
  letter-spacing: 0.02em;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.el-block__cont {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.el-block__cont h3 {
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
}
.el-block__cont p {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: rgb(137, 137, 137);
}
.el-block__img {
  height: 110px;
}
.el-block__wid {
  max-width: 174px;
}
.el-block_pad {
  padding: 32px 12px 12px 24px;
  max-width: 100%;
}

.performance__text {
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0.02em;
}
.performance__text ul li {
  margin-left: 30px;
  list-style: disc;
}
.performance__text p {
  margin-top: 24px;
  margin-bottom: 12px;
  line-height: 120%;
}

.platforms {
  margin: 64px 0;
}
.platforms__btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 48px;
}
.platforms__btn h3 {
  font-weight: 500;
  font-style: Medium;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: 0.02em;
  font-variant: small-caps;
}

.ad-servers h2 {
  margin-top: 48px;
}

.grid-ad {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.grid-ad__block {
  border-radius: 8px;
  padding: 24px;
  background: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: space-between;
}
.grid-ad__block p {
  font-weight: 500;
  font-style: Medium;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
  vertical-align: middle;
}
.grid-ad__block img {
  /*max-width: 194px;*/
  height: 108px;
}
.grid-ad__block:first-child {
  background: linear-gradient(0deg, #8F8F8F, #8F8F8F), conic-gradient(from -66.07deg at 99.62% 99.49%, #1D1C1C -74.46deg, rgba(78, 78, 78, 0) 22.06deg, #1D1C1C 285.54deg, rgba(78, 78, 78, 0) 382.06deg);
  display: flex;
  grid-row: span 2;
  grid-column: span 2;
  align-items: normal;
  padding: 40px 24px 24px 24px;
}
.grid-ad__block:first-child img {
  max-width: 370px;
  height: 100%;
}
.grid-ad__block:first-child div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.grid-ad__block:first-child p {
  font-weight: 500;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: 0.02em;
  vertical-align: middle;
}
.grid-ad__text p {
  color: #fff;
}
.grid-ad__neo:first-child {
  background: rgb(255, 255, 255);
  grid-row: span 2;
  grid-column: span 2;
  height: 578px;
  padding-left: 24px;
  padding-top: 32px;
}
.grid-ad__neo:first-child h3 {
  font-weight: 500;
  font-style: Medium;
  font-size: 48px;
  line-height: 120%;
  letter-spacing: 0.02em;
}
.grid-ad__neo {
  border-radius: 8px;
  padding: 16px;
  background: rgb(255, 255, 255);
  position: relative;
}
.grid-ad__neo h3 {
  font-weight: 500;
  font-style: Medium;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
  margin-bottom: 4px;
}
.grid-ad__neo p {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: rgb(137, 137, 137);
}
.grid-ad__neo div h3 {
  font-weight: 500;
  font-style: Medium;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
  margin-bottom: 8px;
}
.grid-ad__neo div p {
  max-width: 438px;
}
.grid-ad__neo img {
  /*height: 119px;*/
  margin: 0 auto;
}
.grid-ad__wr h3 {
  font-weight: 500;
  font-style: Medium;
  font-size: 48px;
  line-height: 120%;
  letter-spacing: 0.02em;
}
.grid-ad__wr a {
  position: absolute;
  bottom: 3%;
  left: 3%;
}
.grid-ad__wr p {
  color: rgb(137, 137, 137);
}

.grid-ad .grid-ad__neo .grid-ad__pic {
  position: absolute;
  right: 3%;
  height: 296px;
  width: 390px;
}

.flex-bl {
  display: flex;
  gap: 24px;
  /*padding-top: 140px;*/
  margin-top: 120px;
  margin-bottom: 64px;
  height: 216px;
  align-items: flex-end;
}

.el-block_col {
  flex-direction: column;
  gap: 8px;
  /*max-width: 400px;*/
  width: 100%;
  align-items: normal;
}
.el-block_col h3 {
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
}
.el-block_col p {
  color: rgb(103, 103, 103);
  font-weight: 300;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: 0.02em;
}

.solution {
  position: relative;
}
.solution img {
  width: 100%;
}
.solution__text {
  position: absolute;
  top: 25%;
  left: 2%;
  color: rgb(236, 236, 236);
}
.solution__text p:first-child {
  font-weight: 200;
  font-style: Thin;
  font-size: 48px;
  line-height: 120%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.solution__text p:last-child {
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0.02em;
}
.solution__text h2 {
  font-weight: 500;
  font-style: Medium;
  font-size: 68px;
  line-height: 120%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: rgb(236, 236, 236);
  margin-bottom: 0;
}
.solution__text_pad {
  top: 18%;
}
.solution a {
  position: absolute;
  bottom: 5%;
  left: 2%;
  padding: 8px 24px;
}

.consultation {
  display: flex;
  gap: 16px;
}
.consultation__item {
  background: linear-gradient(132.92deg, #4C4C4C 3.37%, #171718 100%), conic-gradient(from -63.43deg at 99.3% 100%, #1D1C1C -40.99deg, rgba(78, 78, 78, 0) 22.06deg, #1D1C1C 319.01deg, rgba(78, 78, 78, 0) 382.06deg);
  border-radius: 8px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 800px;
}
.consultation__text h3 {
  font-weight: 500;
  font-style: Medium;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: 0.02em;
  margin-bottom: 12px;
  color: rgb(255, 255, 255);
}
.consultation__text p {
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: rgb(233, 233, 233);
}

.btn_con {
  background: linear-gradient(132.92deg, #FDFDFD 3.37%, #D9D9D9 100%);
  color: rgb(0, 0, 0);
  padding: 12px 24px;
  max-width: 217px;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
}

.feed-form {
  background: rgb(255, 255, 255);
  border-radius: 8px;
  padding: 24px;
  /*max-width: 850px;
  width: 100%;*/
}
.feed-form p:first-child {
  font-weight: 500;
  font-style: Medium;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: 0.02em;
}
.feed-form__row {
  display: flex;
  gap: 16px;
  margin-bottom: 12px;
}
.feed-form__item {
  width: 100%;
}
.feed-form__item input {
  width: 100%;
  border: none;
  background: rgb(255, 255, 255);
  height: 48px;
  border-bottom: 1px solid rgba(75, 75, 75, 0.4);
  letter-spacing: 0.016em;
  font-size: 14px;
  padding: 5px;
}
.feed-form__col {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
}
.feed-form_neo {
  max-width: 100%;
  width: 100%;
}

.feedback__par {
  margin-bottom: 32px;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0.02em;
  margin-top: 12px;
}

.po img {
  width: 100%;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}
.po__wr {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.po__block {
  display: none;
  background: rgb(255, 255, 255);
  padding: 28px 20px;
  border-radius: 20px;
  width: 100%;
  max-width: 472px;
  right: 3%;
}
.po__block img {
  margin-bottom: 16px;
  width: auto;
}
.po__block p:nth-child(2) {
  margin-bottom: 8px;
}
.po__block p:nth-child(3) {
  color: rgb(51, 51, 51);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0.02em;
  vertical-align: middle;
}

.mongrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

/*Необайт*/
.translator {
  margin-bottom: 96px;
}

.bas-text {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.wr-trans {
  display: flex;
  gap: 24px;
}

.block-neo {
  background: rgb(255, 255, 255);
  border-radius: 8px;
  padding: 40px 28px;
  letter-spacing: 0.02em;
}
.block-neo p:first-child {
  color: rgb(60, 60, 67);
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 8px;
}
.block-neo p:last-child {
  color: rgb(137, 137, 137);
  font-weight: 400;
  font-size: 20px;
}

.ban-neo__mob, .ban-neo__375 {
  display: none;
}

.sol-neo {
  background: linear-gradient(132.92deg, #4C4C4C 3.37%, #171718 100%), conic-gradient(from -54.83deg at 86.07% 86.53%, #1D1C1C -40.99deg, rgba(78, 78, 78, 0) 22.06deg, #1D1C1C 319.01deg, rgba(78, 78, 78, 0) 382.06deg);
  color: rgb(255, 255, 255);
  border-radius: 12px;
  padding: 40px 24px;
}
.sol-neo h2 {
  font-size: 64px;
  letter-spacing: 0.04em;
  color: rgb(255, 255, 255);
  margin-bottom: 8px;
}
.sol-neo__text {
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.02em;
  font-size: 24px;
  max-width: 635px;
  width: 100%;
}

.neo-projects {
  display: flex;
  gap: 16px;
  margin-top: 48px;
}
.neo-projects__item {
  width: 100%;
  border-radius: 8px;
  background: rgb(255, 255, 255);
  color: rgb(75, 75, 75);
  position: relative;
  height: 385px;
}
.neo-projects__item_gray {
  background: linear-gradient(217.55deg, #616161 27.3%, #171718 81.84%), conic-gradient(from -54.83deg at 86.07% 86.53%, #1D1C1C -40.99deg, rgba(78, 78, 78, 0) 22.06deg, #1D1C1C 319.01deg, rgba(78, 78, 78, 0) 382.06deg);
  border: 1px solid rgba(211, 211, 211, 0.2);
  color: rgb(236, 236, 236);
}
.neo-projects__text {
  padding: 40px 24px;
}
.neo-projects__text h3 {
  font-weight: 500;
  font-size: 42px;
  line-height: 120%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.neo-projects__text p {
  font-weight: 300;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0.02em;
}
.neo-projects__text_bg {
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  padding: 40px 24px;
  background: rgba(255, 255, 255, 0.2);
  border-bottom-right-radius: 8px;
  border-top-left-radius: 8px;
  max-width: 90%;
  width: 100%;
  z-index: 1;
}
.neo-projects__text_bg h3 {
  color: rgb(236, 236, 236);
}
.neo-projects__text_bg_serv {
  max-width: 400px;
}
.neo-projects__text_par p {
  max-width: 310px;
  width: 100%;
}
.neo-projects__img {
  position: absolute;
  right: 0;
  top: 0;
}
.neo-projects__img_2 {
  top: 48px;
}

.btn_neo {
  display: none;
}

.main-ban__mob, .main-ban__375 {
  display: none;
}

.neo-projects__item_gray_serv {
  display: none;
}

.btn_con:hover {
  background-color: #616161;
  color: #FDFDFD;
  transition: 500ms ease-in-out;
}

.btn_hid {
  max-width: 200px;
  margin-left: 24px;
  margin-bottom: 24px;
}

.feed-form_black {
  width: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background: linear-gradient(132.92deg, #4C4C4C 3.37%, #171718 100%), conic-gradient(from -63.43deg at 99.3% 100%, #1D1C1C -40.99deg, rgba(78, 78, 78, 0) 22.06deg, #1D1C1C 319.01deg, rgba(78, 78, 78, 0) 382.06deg);
}
.feed-form_black input {
  background: none;
}
.feed-form_black input:not(:-moz-placeholder) {
  color: #fff;
}
.feed-form_black input:not(:placeholder-shown) {
  color: #fff;
}

.feed-form_black .feed-form__col input {
  background: linear-gradient(132.92deg, #FDFDFD 3.37%, #D9D9D9 100%);
  color: rgb(0, 0, 0);
}

.consultation__item {
  position: relative;
}

input {
  outline: none;
}

input:focus {
  outline: 1px solid rgb(162, 162, 167) !important; /* Задаем свой цвет и толщину */
  border-radius: 4px;
}

/*Блок интерактивный*/
.po__card {
  position: relative;
}

.po__item {
  position: absolute;
  width: calc(100% - 80px);
  height: 93%;
  top: 7%;
  left: 35px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
  grid-template-rows: 108fr 304fr 232fr;
}

.po__btn {
  background: rgba(255, 255, 255, 0.1019607843);
  border-radius: 8px;
  animation-timing-function: ease-in-out;
  animation-duration: 300ms;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-color: rgba(255, 255, 255, 0.062745098);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  cursor: pointer;
  height: 100%;
  position: relative;
  z-index: 1;
}

.po__flex {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}
.po__flex p {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 2%;
  vertical-align: middle;
  color: #FFFFFF;
}
.po__flex img {
  width: 24px;
}

.po__hid {
  display: none;
  background: rgb(255, 255, 255);
  padding: 28px 20px;
  border-radius: 20px;
  position: absolute;
  width: 100%;
  z-index: 5;
}
.po__hid img {
  width: auto;
  margin-bottom: 24px;
}
.po__hid p:nth-child(2) {
  margin-bottom: 12px;
}
.po__hid p {
  font-size: 20px;
}

.po-close {
  position: absolute;
  right: 2%;
  top: 5%;
}

.po__btn:nth-child(3) .po__hid {
  left: calc(100% + 6px);
  top: 0;
  width: 80%;
}

.po__btn:nth-child(4) .po__hid {
  right: calc(100% + 6px);
  top: 0;
  width: 80%;
}

.po__btn:nth-child(5) .po__hid {
  bottom: calc(100% + 6px);
}

.po__btn:last-child .po__hid {
  bottom: calc(100% + 6px);
}

.po__btn:first-child .po__hid {
  top: calc(100% + 6px);
}

.po__btn:nth-child(2) .po__hid {
  top: calc(100% + 6px);
}

.grid-ad__hid {
  display: none;
}

.el-block_col_serv {
  position: relative;
  min-height: 216px;
  flex-direction: row;
  /*align-items: flex-start;*/
}

.el-block_col_serv:hover {
  flex-direction: column;
}

.el-block_col_serv:hover .el-block__text {
  transition: all 0.3s ease;
  display: block;
}

.el-block_col_serv:hover.el-block_col_serv img {
  transition: all 0.3s ease;
  position: relative;
  top: 0;
  left: 0;
  width: 48px;
}

.el-block__flex {
  display: flex;
  flex-direction: column-reverse;
  gap: 4px;
}

.el-block__text {
  display: none;
}

.el-block__int {
  display: flex;
  gap: 27px;
}

.el-block_col_serv img {
  position: absolute;
  top: -50%;
  left: 20%;
  z-index: 5;
  pointer-events: none;
}

.main-block_hid {
  display: none;
}

.vl-d_hid {
  display: none;
}

.flex-bl_sw {
  display: none;
}

.swiper-scrollbar {
  display: none;
}

.swiper .swiper-scrollbar .swiper-scrollbar-drag {
  border: 4px solid var(--Main-red, rgb(228, 0, 0));
  /* width: 138px !important; */
  border-radius: 4px;
  border: 4px solid var(--Main-red, rgb(228, 0, 0));
  height: 2px;
  position: absolute;
  left: -3px;
  top: -4px;
}

.btn_catalog {
  display: none;
}

.grid-ad__text a {
  max-width: 180px;
}

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); /* прозрачный черный фон */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999; /* поверх всего */
}

/* Само окно */
.modal {
  padding: 10px;
  border-radius: 8px;
  position: relative;
  max-width: 100%;
  max-height: 90%;
  overflow: auto;
}

.no-scroll {
  overflow: hidden;
  height: 100%;
}

.vl-d_hid {
  display: none;
}

body.no-scroll {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.swiper {
  display: none;
}/*# sourceMappingURL=style-neo.css.map */