@charset "UTF-8";
.content h2, .content h3, .content h4, .content h5, .content h6 {
  font: 700 14px/20px var(--Mont);
}

.section__title.little {
  font-size: 20px;
}

.wrap__main{
  padding: 0;
}
.wrap__main > *{
  overflow: hidden;
}
.wrap__main, .wrap__main > .adapt, .wrap__main > .condition {
  overflow: visible;
}
.breadcrumbs__custom {
  display: -ms-flexbox;
  display: flex;
  gap: 12px 24px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 32px 0 24px;
}
.breadcrumbs__custom a {
  font: 400 14px/16px var(--Lato);
  position: relative;
  color: var(--basic-300)
}
.breadcrumbs__custom a:last-child {
  color:var(--color-black)
}
.breadcrumbs__custom a:not(:last-child):after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
  width: 16px;
  height: 16px;
  transition: 0.2s ease;
  background: url(../img/b2b/arr-black.svg) center/16px 16px no-repeat;
}

.section__more {
  background: transparent;
  width: -moz-max-content;
  width: max-content;
  margin-top: auto!important;
  position: relative;
  padding-right: 18px;
  color: #777B94;
  transition: 0.2s ease;
  font: 600 12px/18px var(--Lato) !important;
}
.section__more:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 16px;
  height: 16px;
  transition: 0.2s ease;
  background: url(../img/b2b/arr.svg) center/16px 16px no-repeat;
}
.section__more:hover {
  color:var(--basic-700);
}
.section__subtitle.center {
  text-align: center;
}
.section__text.center {
  text-align: center;
}
.section__input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
  position: relative;
}

.section__input input,
.section__input textarea {
  padding: 9px 10px;
  border-radius: 4px;
  border-radius: 8px;
  border: 2px solid transparent; /* завжди займає 2px в лейауті — не змінюється ніколи */
  box-shadow: inset 0 0 0 1px #D7DAE4; /* default: тонка 1px лінія */
  font: 400 14px/20px var(--Lato);
  width: 100%;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.section__input input:-ms-input-placeholder,
.section__input textarea:-ms-input-placeholder {
  color: #9FA2B5;
}

.section__input input::placeholder,
.section__input textarea::placeholder {
  color: #9FA2B5;
}

/* HOVER — тонка 1px лінія, лише колір змінюється */
.section__input input:hover,
.section__input textarea:hover {
  box-shadow: inset 0 0 0 1px var(--primary-400); /* 1px — товщина не міняється */
}

/* FOCUS — товща 2px рамка */
.section__input input:focus,
.section__input textarea:focus {
  border-color: var(--primary-400); /* реальний border 2px стає видимим */
  box-shadow: inset 0 0 0 0px transparent; /* прибираємо тонку лінію, бо тепер border товстий */
}

.section__input textarea {
  height: 84px;
  resize: none;
}
.section__input label {
  color: #686C83;
  font: 400 14px/20px var(--Lato);
}
.section__input-row {
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.section__input-row #count {
}
/*.section__input-row #city {*/
/*  max-width: 178px;*/
/*}*/
.section__card-hover {
  color: white;
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.2s ease;
  background: linear-gradient(0.78deg, #2C2828 -74.26%, #2C2828 2.5%, rgba(9, 9, 11, 0) 76.93%);
  opacity: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.section__card-hover > * {
  line-height: 20px;
  color:white;
}

.scroll-block-desk {
  overflow-x: auto;
  padding-bottom: 18px;
}

.b2b__banner .container {
  max-width: 1472px;
}
.b2b__block {
  color: white;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(90deg, #07162F -74.26%, #051B3C 34.18%, rgba(9, 9, 11, 0) 79.37%);
}
.b2b__info {
  padding: 74px 60px 77px 60px;
  max-width: 900px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
}
.b2b__title {
  color:white;
  font: 700 32px/40px var(--Mont);
}
.b2b__subtitle {
  display: block;
  font: 500 18px/28px var(--Mont);

}
.b2b__subtitle.center {
  text-align: center;
}
.b2b__img {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}
.b2b__list {
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.b2b__list-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
  background: rgba(255, 255, 255, 0.0509803922);
  border-radius: 16px;
  padding: 16px;
  max-width: 232px;
  width: 100%;
}
.b2b__list-item img {
  width: 32px;
}
.b2b__list-item span {
  font: 700 14px/20px var(--Mont);
}
.b2b__button {
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-top: 24px;
}
.b2b__button > * {
  white-space: nowrap;
  text-align: center;
  border-radius: 4px;
  padding: 7px 16px;
  font: 700 14px/24px var(--Lato);
  text-transform: uppercase;
  color: white;
  transition: 0.2s ease;
}
.section__title.section__title-blue{
  color: #1A66DF;
}
.b2b__button-blue {
  background: var(--primary-400);
  border: 1px solid var(--primary-400);
  &:hover{
    transition: 0.2s ease;
    background: #1C5DC4 ;
    color: white;
  }
}
.b2b__button-white {
  border: 1px solid var(--color-white);
  &:hover {
    background: white;
    transition: 0.2s ease;
    color: var(--primary-400);
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  }
}
.b2b__why .container {
  padding-top: 60px;
  padding-bottom: 60px;
  max-width: 1248px;
}
.b2b__why-img {
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 374/680;
  position: relative;
}
.b2b__why-img:hover .section__card-hover {
  opacity: 1;
}
.b2b__why-block {
  gap: 24px;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
}
.b2b__why-block > * {
  width: calc((100% - 48px) / 3);
}
.b2b__why-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 24px;
}
.b2b__why-icon {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background: #E9F0FC;
}
.b2b__why-icon img {
  width: 32px;
  height: 32px;
}
.b2b__why-item {
  height: calc((100% - 24px) / 2);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid #F3F3FA;
}
.b2b__why-item .content > * {
  line-height: 20px;
  color: #31323D;
  margin: 0;
}
.b2b__why-title {
  color:#040C1A;
  font: 700 16px/24px var(--Mont);
}
.b2b__line {
  background: #F8FAFE;
}
.b2b__line .tab__content-item:not(:first-child) .section__card-hover{
  display: none;
}
.b2b__line .container {
  padding-top: 60px;
  padding-bottom: 60px;
}
.b2b__line .b2b__subtitle {
  max-width: 890px;
  margin: 8px auto 0;
  text-align: center;
  color: #444655;
}
.b2b__line-list {
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-top: 24px;
}
.b2b__line-img {
  aspect-ratio: 328/397;
  overflow: hidden;
  width: 100%;
  border-radius: 16px;
  position: relative;
}
.b2b__line-img:hover .section__card-hover {
  opacity: 1;
}
.b2b__line-item {
  border-radius: 16px;
  position: relative;
  width: 328px;
  min-width: 328px;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background: white;
}
.b2b__line-item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  border: 1px solid #F3F3FA;
  transition: 0.2s ease;
  pointer-events: none;
}
.b2b__line-item.popular:after {
  border: 3px solid #1C5DC4;
}
.b2b__line-item.popular:before {
  content: "Популярний";
  position: absolute;
  top: 20px;
  left: -35px;
  font: 600 12px/24px var(--Lato);
  padding: 4px 40px;
  color: white;
  z-index: 1;
  background: #1C5DC4;
  transform: rotate(-45deg);
  pointer-events: none;
}
.b2b__line-info {
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 4px;
}
.b2b__line-info p, .b2b__line-info > *, .b2b__line-info span {
  font: 400 14px/24px var(--Lato);
  margin: 0;
}
.b2b__line-info li {
  font: 400 14px/20px var(--Lato);
}
.b2b__line-info ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
  margin: 16px 0 46px;
}
.b2b__line-info li {
  padding-left: 28px;
  position: relative;
}
.b2b__line-info li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  transition: 0.2s ease;
  background: url(../img/b2b/check.svg) center/20px 20px no-repeat;
}
.b2b__line-info h2, .b2b__line-info h3, .b2b__line-info h4, .b2b__line-info h5, .b2b__line-info h6 {
  font: 700 16px/24px var(--Mont);
  color:#040C1A;
}

.adapt {
  position: relative;
}
.adapt .b2b__subtitle{
  color: #444655;
}
.adapt .container {
  padding-top: 108px;
  max-width: 1370px;
}
.adapt__sticky {
  position: sticky;
  top: 58px;
}

.adapt__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
  margin-top: 24px;
  align-items: center;
}
.adapt__item {
  width: 100%;
  padding: 66px;
  min-height: 448px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 16px;
  top: 142px;
  overflow: hidden;
  position: sticky;
  margin-top: 30vh;
  z-index: 1;
  transition: transform 0.3s ease;
}
.adapt__item:nth-child(1) {
  z-index: 1;
  margin-top: 0;
  width: calc(100% - 200px);
}
.adapt__item:nth-child(2) {
  z-index: 2;
  top: 172px;
  width: calc(100% - 160px);
}
.adapt__item:nth-child(3) {
  z-index: 3;
  top: 202px;
  width: calc(100% - 120px);
}
.adapt__item:nth-child(4) {
  z-index: 4;
  top: 232px;
  width: calc(100% - 80px);
}
.adapt__item:nth-child(5) {
  z-index: 5;
  top: 262px;
  width: calc(100% - 40px);
}
.adapt__item:nth-child(6) {
  z-index: 6;
  top: 292px;
}
.adapt__item::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}
.adapt__item:nth-child(odd)::before {
  background: linear-gradient(90deg, #1A66DF -74.26%, #051B3C 51.34%, rgba(9, 9, 11, 0) 124.92%);
}
.adapt__item:nth-child(even)::before {
  background: linear-gradient(90deg, #07162F -74.26%, #051B3C 51.34%, rgba(9, 9, 11, 0) 124.92%);
}
.adapt__img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.adapt__text.content {
  max-width: 482px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  position: relative;
  z-index: 2;
  -ms-flex-direction: column;
      flex-direction: column;
  color: white;
}
.adapt__text.content > h3 {
  color:white;
  font: 700 20px/32px var(--Mont);
}
.adapt__text.content > p, .adapt__text.content li {
  font: 400 16px/24px var(--Lato);
  color: white;
  margin: 0;
}
.adapt__text.content ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
  margin-top: 8px;
  padding-left: 28px;
}
.adapt__text.content li {
  position: relative;
}
.adapt__text.content li:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -28px;
  width: 20px;
  height: 20px;
  transition: 0.2s ease;
  background: url(../img/b2b/check-blue.svg) center/20px 20px no-repeat;
}

.custom .container {
  padding-top: 60px;
  padding-bottom: 60px;
  max-width: 1218px;
}
.custom__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
  margin-top: 24px;
}
.custom .b2b__subtitle {
  max-width: 816px;
  margin: 8px auto 0;
  color: #444655;
}
.custom__item {
  width: calc(50% - 12px);
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  position: relative;
}
.custom__item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: 1px solid #F3F3FA;
  transition: 0.2s ease;
  pointer-events: none;
}
.custom__img {
  aspect-ratio: 217/192;
  height: 100%;
  min-width: 217px;
  width: 217px;
  overflow: hidden;
  border-radius: 8px;
}
.custom__info {
  gap: 12px;
  padding: 20px;
}
.custom__info > h3{
  color:#040C1A;
}
.custom__info > p{
  color:#31323D;
}
.custom__info > * {
  line-height: 20px !important;
}

.solution .container {
  padding-top: 60px;
  padding-bottom: 60px;
  max-width: 1320px;
}
.solution__head {
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.solution__head .section__title {
  max-width: calc(30% - 40px);
  width: 100%;
}
.solution__head .section__subtitle {
  max-width: calc(66.666% - 8px);
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}
.solution__icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background: #E9F0FC;
}
.solution__icon img {
  width: 24px;
  height: 24px;
}
.solution__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
  margin: 24px 0;
}
.solution__item {
  width: calc((100% - 48px) / 3);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
  border-radius: 8px;
  position: relative;
  padding: 24px;
}
.solution__item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: 1px solid #F3F3FA;
  transition: 0.2s ease;
  pointer-events: none;
}
.solution__text {
  gap: 8px;
}
.solution__text * {
  line-height: 20px !important;
}
.solution__text h3{
  color:#040C1A;
}
.solution__text p{
  color:#31323D;
}
.solution__text ul {
  padding-left: 15px;
}
.solution__text h2, .solution__text h3, .solution__text h4, .solution__text h5, .solution__text h6 {
  font-size: 16px;
}
.solution__advantages {
  background: #F0F5FD;
  border-radius: 16px;
  padding: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
}
.solution__advantages-block {
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.solution__advantages-block .section__subtitle {
  max-width: 559px;
  width: 100%;
  margin : 0 30px 0 0;
}
.solution__advantages-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
  padding: 22px 16px;
  border-radius: 16px;
  background: #E1EBFB;
  max-width: 267px;
  width: 100%;
}
.solution__advantages-item .section__text {
  margin: 0;
}
.solution__advantages-item h4 {
  font: 700 16px/24px var(--Mont);
  color: var(--primary-400);
}

.bill {
  background: #0A2959;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.bill .section__text{
  color: #FFFFFF;
  margin: 0;
}
.bill .container {
  padding-top: 60px;
  padding-bottom: 60px;
  max-width: 1200px;
}
.bill .section__title {
  color: #FFFFFF;
}
#bill__block{}
.bill__block {
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.bill__info {
  color: white;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
  max-width: 484px;
  width: 100%;
}
.bill__btn {
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-top: 8px;
}
.bill__form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}
.bill__form-block {
  max-width: 564px;
  width: 100%;
  padding: 32px;
  background: #FFFFFF;
  border-radius: 16px;
}
.bill__form-title {
  font: 700 16px/24px var(--Mont);
}
.bill__form .section__btn {
  width: 100%;
}
.bill__form-privacy {
  margin-top: -8px;
  margin-bottom: 0;
  text-align: center;
  color: #686C83;
  font: 400 14px/20px var(--Lato);
}
.bill .b2b__button {
  margin-top: 8px;
}
.bill__call {
  position: relative;
  padding-left: 44px;
  min-width: 193px;
}
.bill__call:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  width: 20px;
  height: 20px;
  transition: 0.2s ease;
  background: url(../img/b2b/call.svg) center/20px 20px no-repeat;
}
.bill__count {
  position: relative;
}
.section__input-row > * {
  width: calc(50% - 8px);
}
.bill__count-arr {
  position: absolute;
  bottom: 2px;
  right: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.bill__count-arr > * {
  background: none;
  width: 18px;
  height: 18px;
  padding: 0;
  position: relative;
}
.bill__count-arr > *:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 18px;
  height: 18px;
  transition: 0.2s ease;
  background: url(../img/b2b/arr-count.svg) center/18px 18px no-repeat;
}
.bill__count-arr .bill__count-minus:after {
  transform: translate(-50%, -50%) rotate(-180deg);
}

.ergonomic .container {
  padding-top: 60px;
  padding-bottom: 60px;
  max-width: 1320px;
}
.ergonomic__block {
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.ergonomic .section__title {
  text-wrap: balance;
}
.ergonomic__subtitle {
  font: 400 16px/24px var(--Lato);
  margin: 0;
}
.ergonomic__img {
  width: calc(50% - 12px);
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(0.78deg, #2C2828 -74.26%, #2C2828 2.5%, rgba(9, 9, 11, 0) 76.93%);
}
.ergonomic__img img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.ergonomic__img-text {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 32px 24px;
  color: white;
}
.ergonomic__list-item  .section__text{
  margin: 0;
}
.ergonomic__img-text > * {
  line-height: 20px !important;
}
.ergonomic__img-text > h3 {

  font: 700 16px/24px var(--Mont);
}
.ergonomic__img-text > *{
  color: white;
}
.ergonomic__title {
  color: #1A66DF;
  font: 700 28px/36px var(--Mont);
}
.ergonomic__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(50% - 12px);
  gap: 24px;
}
.ergonomic__list-item {
  width: calc(50% - 12px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 24px 24px 44px;
  gap: 8px;
  border-radius: 16px;
  background: #E1EBFB;
}

.scientific .container {
  padding-top: 60px;
  padding-bottom: 60px;
  max-width: 1370px;
}
.scientific__block {
  margin-top: 24px;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.scientific__block > * {
  width: calc(50% - 12px);
}
.scientific__img {
  border-radius: 16px;
  overflow: hidden;
}
.scientific .section__more {
  margin: 0!important;
}
.scientific__text {
  padding: 24px;
  border-radius: 16px;
  background: #F8FAFE;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
  -ms-flex-pack: center;
      justify-content: center;
}
.scientific__text p {
  font: 400 16px/24px var(--Lato);
  margin: 0;
  color:#31323D;
}

.condition .container {
  max-width: 1440px;
}
.condition__block {
  padding: 60px 128px;
  background: #E1EBFB;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-radius: 16px;
}
.condition__list {
  max-width: 653px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
}
.condition__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
  padding: 20px;
  border-radius: 8px;
  background: #F0F5FD;
  border: 1px solid #F0F5FD;
}
.condition__item-head {
  display: -ms-flexbox;
  display: flex;

  gap: 8px;
}
.condition__item-text{
  gap: 8px;
  display: flex;
  flex-direction: column;

}
.condition__item-head h3 {
  font: 700 16px/24px var(--Mont);
  color: #040C1A;
}
.condition .section__text {
  color: #31323D;
  margin: 0;
}
.condition__icon {
  width: 32px;
  min-width: 32px;
  height: 32px;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background: #004095;
}
.condition__icon img {
  width: 16px;
  height: 16px;
}
.condition__info {
  top: 20px;
  position: sticky;
  max-width: 395px;
  width: 100%;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.condition__info .b2b__subtitle {
  color: #444655;
  margin-top: 8px;
}

.commercial {
  padding: 60px 80px;
  border-radius: 16px;
  background: #1A66DF;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 60px;
  gap: 40px;
}
.commercial__head {
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.commercial__head > * {
  color: white;
  width: 100%;
}
.commercial__head .section__title {
  max-width: calc(50% - 48px);
}
.commercial__head .section__subtitle {
  max-width: calc(50% - 8px);
  margin: 0;
}
.commercial__form {
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  border-radius: 16px;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 16px;
  width: 100%;
  background: #fff;
}
.commercial__form > * {
  width: calc((100% - 48px) / 4);
}

.case .container {
  max-width: 1440px;
  padding-top: 60px;
  padding-bottom: 60px;
}
.case .b2b__subtitle {
  color: #444655;
  margin-top: 8px;
}
.case__list {
  margin-top: 24px;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.case__list {
  padding-bottom: 44px;
}
.case__item {
  width: 328px;
  min-width: 328px;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
.case__item:not(:nth-child(1)):after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: 1px solid #F3F3FA;
  transition: 0.2s ease;
  pointer-events: none;
}
.case__item:nth-child(1) {
  overflow: visible;
  background-color: #004095;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.0509803922);
  color: #fff;
  padding: 60px 32px;
}
.case__img {
  aspect-ratio: 327/246;
}
.case__info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 12px;
  padding: 20px 20px 26px;
}
.case__info * {
  line-height: 20px !important;
}
.case__info p{
  color:#31323D;
}
.case__title {
  color:#040C1A;
  font: 700 14px/20px var(--Mont);
}
.case__logo {
  margin: 24px 0;
}
.case__quote-text {
  position: relative;
  font: 400 16px/24px var(--Lato);
  color: white;
  margin: 0;
}
.case__quote-text:after {
  content: "";
  position: absolute;
  top: -49px;
  right: -15px;
  width: 49px;
  height: 36px;
  transition: 0.2s ease;
  background: url(../img/b2b/quotes.svg) center/49px 36px no-repeat;
}
.case__quote:after {
  content: "";
  position: absolute;
  bottom: 32px;
  left: 32px;
  width: 114px;
  height: 18px;
  transition: 0.2s ease;
  background: url(../img/b2b/stars.svg) center/114px 18px no-repeat;
}
.case__quote:before {
  content: "";
  position: absolute;
  bottom: -35px;
  right: 25px;
  width: 49px;
  height: 63px;
  transition: 0.2s ease;
  background: url(../img/b2b/triangle.svg) center/49px 63px no-repeat;
}

.example {
  background: #F8FAFE;
}
.example .container {
  padding-top: 60px;
  padding-bottom: 60px;
  max-width: 1440px;
}
.example .example__slider {
  width: 100%;
}
.example .b2b__subtitle {
  color: #444655;
  margin: 8px auto 0;
  max-width: 1008px;
}
.example .example__slider-wrap {
  position: relative;
}
.example .example__slider {
  overflow: hidden;
  margin-top: 24px;
  height: 369px;
}
.example .swiper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.example .example__img {
  overflow: hidden;
  border-radius: 16px;
}
.example .swiper-slide {
  /*border-radius: 16px;*/
  overflow: hidden;
  transition: transform 0.4s ease, opacity 0.4s ease;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  filter: grayscale(100%);
}
.example .swiper-slide .example__img {
  width: 100%;
  aspect-ratio: 322/212;
  border-radius: 16px;
}
.example .swiper-slide-active {
  transform: scale(2.04);
  z-index: 2;
  filter: grayscale(0);
}
.example .swiper-slide-active .example__img {
  width: 100%;
  border-radius: 16px;
  aspect-ratio: 668/369;
}
.example .swiper-pagination {
  position: relative;
  margin-top: 24px;
}

.b2b__bill-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  text-align: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  width: 100%;
}
.b2b__bill-content .section__btn {
  margin-top: 16px;
}

label.error {
  position: absolute;
  bottom: -18px;
  left: 0;
  color: red;
  font: 400 12px/18px var(--Lato);
}



.modal {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
.modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 24px;
  height:24px;
  cursor: pointer;
  z-index: 5;
}
.modal__close:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  transition: 0.2s ease;
  background: url(../img/x.svg) center/100% 100% no-repeat;
}
.modal__wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.modal__wrap:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: #2C28284D;
  top: 0;
  left: 0;
}
.modal__content {
  max-width: 650px;
  width: 100%;
  overflow: hidden;
  border-radius: 16px;
  background-color: white;
  position: absolute;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  max-height: 95vh;
  transform: translate(-50%, -50%);
  z-index: 6;
}

.modal__overflow {
  padding: 32px;
  width: 100%;
  max-height: 95vh;
  overflow: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.modal__overflow::-webkit-scrollbar {
  background-color: transparent;
  width: 4px;
}
.modal__overflow::-webkit-scrollbar-thumb {
  background-color: var(--primary-500);
}



.modal__title {
  font: 700 20px/32px var(--Mont);
  text-align: center;
}
.modal__subtitle {
  font: 400 16px/24px var(--Lato);
  text-align: center;
  margin: 0;

}
.modal .section__btn {
  margin-top:16px;
}
#count::-webkit-outer-spin-button,
#count::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#count {
  -moz-appearance: textfield;
}
.b2b__line .tab{
  margin-top: 24px;
}
.b2b__line .tab__header{
  justify-content: center;
  flex-wrap: wrap;
}


@media (max-width: 1280px) {
  .condition__block {
    padding: 60px 30px;
    gap: 20px;
  }
  .commercial {
    padding: 60px 30px;
  }
}
@media (max-width: 1170px) {
  .bill__block {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
  }
  .bill__info {
    max-width: 100%;
  }
}
@media (max-width: 991px) {
  .example .example__slider {
    height: 30vw;
  }
  .b2b__block {
    background: linear-gradient(90.78deg, #07162F -74.26%, #051B3C 34.18%, rgba(9, 9, 11, 0) 90.37%);
  }
  .custom__item{
    min-width: 328px ;
    width: 328px ;
    flex-direction: column;
  }
  .custom__list{
    flex-wrap: unset;
  }
  .custom__img{
    width: 100%;
    aspect-ratio: 328/298;

  }


  .solution__advantages-block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
  }
  .solution__advantages-block .section__subtitle {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
  .solution__advantages-item {
    width: calc(50% - 8px);
    max-width: 100%;
  }
  .case__logo .trust__list {
    max-height: auto !important;
  }
  .commercial__head {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 20px;
  }
  .commercial__head > * {
    max-width: 100% !important;
  }
  .commercial {
    gap: 20px;
  }


  .adapt__item:nth-child(1) {

    width: calc(100% - 100px);
  }
  .adapt__item:nth-child(2) {

    width: calc(100% - 80px);
  }
  .adapt__item:nth-child(3) {

    width: calc(100% - 60px);
  }
  .adapt__item:nth-child(4) {

    width: calc(100% - 40px);
  }
  .adapt__item:nth-child(5) {

    width: calc(100% - 20px);
  }
  .case_list {
    overflow-x: auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-height: unset;
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .b2b__info {
    padding: 40px;
  }
  .b2b__title {
    font-size: 28px;
    line-height: 32px;
  }
  .b2b__why-block{
    gap:16px;
    margin-top: 16px;
  }
  .b2b__why-img{
    margin-top: 16px;
  }
  .b2b__why-block > *{
    width:auto;
  }
  .b2b__why-img .section__card-hover{
    opacity: 1!important;
  }
  .b2b__why-img{
    aspect-ratio: 388/526;
  }
  .b2b__why-list{

    gap:16px;
    flex-direction: row;
  }
  .b2b__why-item{
    height: auto;
    width: 298px;
    min-width: 298px;
  }
  .solution__head {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 8px;
  }
  .solution__head > * {
    max-width: 100% !important;
  }
  .solution__list {
    gap: 16px;
  }
  .solution__item {
    width: calc(50% - 8px);
  }
  .condition__block {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .condition__info {
    position: relative;
    top: 0;
  }
  .commercial__form {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .commercial__form > * {
    width: 100%;
  }
  .commercial {
    padding: 24px;
  }
  .solution__advantages {
    padding:  24px;
  }
  .modal__content{
    max-width: 90vw;
  }
}
@media (max-width: 666px) {
  .wrap__main .container {
    padding: 40px 12px;
  }
  .adapt__sticky {
    top: 40px;
  }
  .adapt__item {
    padding: 24px;
    min-height: 500px;
    align-items: flex-start;

  }
  .adapt__item:nth-child(odd)::before {
    background: linear-gradient(180deg, #1A66DF -74.26%, #051B3C 51.34%, rgba(9, 9, 11, 0) 109.66%);
  }
  .adapt__item:nth-child(even)::before {
    background: linear-gradient(180deg, #07162F -74.26%, #051B3C 44.47%, rgba(9, 9, 11, 0) 124.92%);

  }
  .b2b__subtitle {
    font: 400 16px/24px var(--Lato);
  }
  .b2b__info {
    padding: 24px;
  }
  .b2b__title {
    font-size: 20px;
    line-height: 32px;
  }
  .breadcrumbs__custom {
    padding-top: 0;
  }
  .b2b__button {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
  .b2b__button > * {
    width: 100%;
  }
  .b2b__list {
    flex-wrap: wrap;
  }
  .b2b__list-item{
    width: calc(50% - 6px);
  }

  .ergonomic__block {
    gap: 16px;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .ergonomic__img {
    width: 100%;
  }
  .ergonomic__list {
    width: 100%;
    gap: 16px;
  }
  .ergonomic__list-item {
    width: calc(50% - 8px);
    padding: 24px 20px;
  }
  .ergonomic__img-text {
    padding-top: 80px;
  }
  .scientific__block {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .scientific__block > * {
    width: 100%;
  }
  .scientific__img  {
    aspect-ratio: 388/176;
  }

  .custom__item {
    -ms-flex-align: center;
        align-items: center;
  }
  .b2b__why-item{
    border-radius: 16px;
  }
  .custom__img{
    border-radius: 16px;
  }
  .custom__item:after{
    border-radius: 16px;
  }
.custom__item{
  .content h2, .content h3, .content h4, .content h5, .content h6{
    font-size: 16px;
    line-height: 24px;
  }
}
  .custom__info{
    padding: 20px;
    gap:4px;
  }
  .case__list {
    padding-bottom: 32px;
  }
  .case__quote:before {
    bottom: -28px;
  }
  .b2b__block {
    background: linear-gradient(90deg, #07162F -74.26%, #051B3C 51.34%, rgba(9, 9, 11, 0) 124.92%);
  }
  .adapt__item{
    top:136px;
    width: 100%!important;
  }


  .adapt__item:nth-child(1) {
   top: 136px;

  }
  .adapt__item:nth-child(2) {
    top: 164px;

  }
  .adapt__item:nth-child(3) {
    top: 192px;

  }
  .adapt__item:nth-child(4) {
    top: 220px;

  }
  .adapt__item:nth-child(5) {
    top: 248px;
  }
  .adapt__item:nth-child(6) {
    top: 276px;
  }

  .solution .section__title, .custom .section__title, .scientific .section__title, .commercial .section__title,.bill .section__title,.b2b__why .section__title,.b2b__line .section__title,.adapt .section__title, .ergonomic .section__title, .bill__info .section__title {
    font-size: 20px;
    line-height: 32px;
    text-wrap: balance;

  }
  .custom .b2b__subtitle{
    font: 500 18px / 28px var(--Mont);
  }
  .ergonomic__img{
    aspect-ratio: 388/288;
    overflow: hidden;
  }
  .adapt__list{
    margin-top: 16px;
  }
  .b2b__why-img{
   border-radius: 16px;
  }

  .section__card-hover{
  opacity: 1;
  }

  .solution__list{
    flex-wrap: nowrap;
    margin: 24px -40px 24px 0 ;
  }
  .solution__item{
    width: 290px;
    min-width: 290px;
  }

  .commercial {
    border-radius: 16px;
  }
  .solution__advantages {
    border-radius: 16px;
  }
  .solution__item:after{
    border-radius: 16px;
  }
  .solution__advantages-item{
    padding: 16px;
  }
  .case .b2b__subtitle, .condition__info .b2b__subtitle{
    font: 500 18px / 28px var(--Mont);
  }
  .case__item{
    border-radius: 16px;
  }
  .condition__block {
    padding: 24px;
    border-radius: 16px;
  }
  .condition__item{
    border-radius: 16px;
  }
  .commercial{
    gap:16px;
  }
  .commercial__head{
    gap:8px;
  }
  .bill .container{
    padding: 24px;
  }
  .bill .section__text{
    font: 400 16px / 24px var(--Lato);
  }
  .bill__form-block {
    padding: 20px ;
  }
}
@media (max-width: 500px) {
  .custom__img {
    aspect-ratio: 217/300;
  }
}
@media (max-width: 480px) {
  .custom__item {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .example .example__slider {
    height: 42vw;
  }
  .custom__img {
    aspect-ratio: 217/192;
    width: 100%;
  }

  .condition__item-head {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-direction: column;
        flex-direction: column;
  }


}
@media (max-width: 425px) {
  .b2b__line .tab__header .tab__header-item{
    width: 100%;
  }
}