/*--------------------------------------------Главный-блок--------------------------------------------*/
.block-realmain {
  max-width: 100%;
	height: 100vh;
	background-image: url(../img/index/block-realmain/loaded/realmain-main-l.webp);
	background-position: 0 50%;
	background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
}

.block-main-realmain {
	height: 100vh;
  min-height: 400px;
  position: relative;
}

.block-main-realmain .main {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5.333vh;
  width: 100%;
  height: 41vh;
  color: var(--color-background-primary);
  position: absolute;
	top: 27.333vh;
}

.block-main-realmain .main-text {
  display: flex;
  flex-direction: column;
  gap: 2.667vh;
  text-align: center;
  justify-content: center;
  align-items: center;
  max-width: 700px;
}

.block-main-realmain .main-text-title {
  font-size: var(--font-size-4xl);
  line-height: 110%;
	margin: 0;
	font-weight: 400;
}

.block-main-realmain .main-text-t {
  font-size: 16px;
  margin: 0;
  line-height: 140%;
}

.block-main-realmain .main-text-t .mobile {
  display: none;
}

.main-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 186px;
  height: 54px;
  border-radius: 28px;
  background-color: var(--color-background-primary);
  color: var(--color-foreground-primary);
  padding: 12px 12px 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  transition: background-color 0.3s ease, color 0.3s ease, opacity 0.8s ease, transform 0.8s ease !important;
}

.main-link-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background-color: var(--color-foreground-accent);
  border-radius: 50%;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.main-link-img div {
  width: 8px;
  height: 8px;
  background-image: url("../img/index/block-realmain/realmain-arrow.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.main-link:hover {
  background-color: var(--color-foreground-accent);
  color: var(--color-background-primary);
}

.main-link:hover .main-link-img {
  background-color: var(--color-background-primary);
}

.main-link:hover .main-link-img div {
  background-image: url("../img/index/block-realmain/realmain-arrow-dark.svg");
}

/*--------------------------------------------Блок-контейнеров--------------------------------------------*/
.block-containers {
  background-color: var(--color-background-page);
  max-width: 100%;
}

.block-main-containers {
  height: 100vh;
  min-height: 600px;
  position: relative;
  flex-direction: column;
}

.block-main-containers .title {
  font-size: var(--font-size-2xl);
  margin: calc((40vh - 72.81px) / 2) auto 0;
  text-align: center;
  line-height: 130%;
}

.block-main-containers .cards-my {
  display: flex;
  flex-wrap: wrap;
  width: 96%;
  justify-content: center;
  gap: 10px;
  margin: calc((40vh - 72.81px - 65px) / 2) auto;
  margin-bottom: 54px;
}

.block-main-containers .cards-my .par {
  height: fit-content;
  display: flex;
  gap: 10px;
}

.block-main-containers .card-my {
  min-width: 280px;
  height: fit-content;
  width: 23.047vw;
}

.block-main-containers .card-my-image {
  width: 100%;
	height: 36.333vh;
  max-height: 218px;
}

.block-main-containers .card-my-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.block-main-containers .all-text {
  display: flex;
  margin-left: 1.25vw;
  margin-top: 2.667vh;
  flex-direction: column;
  width: 90%;
}

.block-main-containers .card-my-text {
  display: flex;
  justify-content: space-between;
  height: 15.667vh;
  max-height: 90px;
  min-height: 75px;
  width: 100%;
}

.block-main-containers .card-my-text-t {
  font-size: var(--font-size-md);
  line-height: 125%;
  display: flex;
	width: calc(267px - 30px - 48px);
  color: var(--color-foreground-primary);
}

.block-main-containers .card-my-text-btn {
  display: flex;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--color-background-accent-muted);
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.block-main-containers .card-my-text-btn div {
  width: 8px;
  height: 8px;
  background-image: url(../img/index/block-containers/containers-arrow.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.block-main-containers .card-my-description {
  color: var(--color-foreground-secondary);
  font-size: var(--font-size-sm);
  line-height: 140%;
}

.block-main-containers .arr-hover:hover {
  background-color: var(--color-foreground-accent);
}

.block-main-containers .arr-hover:hover div {
  background-image: url(../img/index/block-containers/containers-arrow-dark.svg);
}

/*--------------------------------------------Блок-лизинга--------------------------------------------*/
.block-general_leazing {
  background-color: var(--color-background-page);
  max-width: 100%;
}

.block-main-general_leazing {
  width: 100%;
  height: 100vh;
  min-height: 600px;
  background-image: url("../img/index/block-general_leazing/loaded/block-general_leazing-main-l.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  color: var(--color-background-primary);
}

.block-main-general_leazing .main {
  z-index: 20;
  width: 100%;
}

.block-main-general_leazing .black {
  width: 100%;
  height: 100%;
  background: linear-gradient(#000 30%, #000 30%, #000 10%);
  opacity: 0.7;
  position: absolute;
}

.block-main-general_leazing .title-small {
  display: flex;
  width: fit-content;
  margin: 12.5vh auto 0;
  text-align: center;
  color: var(--color-background-tertiary);
  font-size: var(--font-size-sm);
  line-height: 140%;
}

.block-main-general_leazing .title {
  display: flex;
  margin: 2.833vh auto 0;
  text-align: center;
  font-size: var(--font-size-5xl);
  line-height: 105%;
  justify-content: center;
}

.block-main-general_leazing .text {
  display: flex;
  margin: 18.333vh auto 0;
  width: fit-content;
  text-align: center;
  font-size: 16px;
  line-height: 140%;
  color: var(--color-background-tertiary);
}

.block-main-general_leazing .cards-my {
  display: flex;
  width: fit-content;
  margin: 2vh auto 31.5px;
  gap: 12px;
  justify-content: center;
  padding: 0 32px;
  flex-wrap: wrap;
}

.block-main-general_leazing .par {
  height: fit-content;
  display: flex;
  gap: 12px;
}


.block-main-general_leazing .cards-my .card-my {
  display: flex;
  flex-direction: column;
  width: 22.578vw;
  min-height: 178px;
  justify-content: space-between;
  padding: 12px;
  background-color: var(--color-background-overlay-inverse);
  backdrop-filter: blur(100px);
  border-radius: 12px;
  min-width: 268px;
  height: 29.667vh;
  max-height: 220px;
}

.block-main-general_leazing .cards-my .card-my-4 {
  background-color: var(--color-foreground-accent);
  transition: background-color 0.3s ease, color 0.3s ease;
}

.block-main-general_leazing .cards-my .card-my-4:hover {
  background-color: var(--color-background-primary);
}

.block-main-general_leazing .cards-my .card-my-4:hover .card-my-title {
  color: var(--color-foreground-accent) !important;
}

.block-main-general_leazing .cards-my .card-my-4:hover .leazing-link-img {
  background-color: var(--color-foreground-accent);
}

.block-main-general_leazing .cards-my .card-my .card-my-title {
  font-size: var(--font-size-md);
  line-height: 125%;
}

.block-main-general_leazing .cards-my .card-my .card-my-t {
  font-size: var(--font-size-sm);
  line-height: 140%;
}

.block-main-general_leazing .leazing-link-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background-color: var(--color-background-primary);
  border-radius: 50%;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.block-main-general_leazing .leazing-link-img div {
  width: 8px;
  height: 8px;
  background-image: url("../img/index/block-general_leazing/general_leazing-arrow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.block-main-general_leazing .cards-my .card-my-4:hover .leazing-link-img div {
  background-image: url("../img/index/block-general_leazing/general_leazing-arrow-dark.svg");
}

/*--------------------------------------------Скролл_блок-этапов--------------------------------------------*/
.block-order_stages {
  background-color: var(--color-background-page);
  max-width: 100%;
}

.block-scroll {
  min-height: 600px;
  height: 100vh;
  width: calc(100% - 32px);
  max-width: 2560px;
  margin: 0 0 0 32px;
  padding-top: 50.5px;
}


.title-scroll {
  font-size: var(--font-size-2xl);
  display: flex;
  justify-content: space-between;
	padding-top: calc((100vh - 419px - 111.6px - 50.5px) / 2);
  align-items: center;
  line-height: 130%;
}

.scrollable {
  width: 100%;
  height: fit-content;
  overflow: hidden;
  position: relative;
  max-width: calc(2560px - 3%);
  margin: 32px auto;
}

.items-container {
  display: flex;
  height: 100%;
  user-select: none;
  transition: all 0.5s ease;
}

.item {
  display: flex;
  flex-direction: column;
  height: 419px;
  gap: 16px;
}

.item-cont {
  display: flex;
  gap: 16px;
  align-self: flex-end;
  width: 627px;
  margin-right: 48px;
}

.item-cont-circle {
  display: flex;
  flex-direction: column;
  align-self: end;
  gap: 12px;
  width: 161px;
  height: 128px;
  justify-content: space-between;
}

.item-cont-img {
  width: 462px;
  height: 303px;
}

.item-cont-img img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  object-position: left 0;
  object-fit: cover;
}

.item-cont-circle-t {
  display: flex;
  font-size: var(--font-size-xl);
  color: var(--color-foreground-primary);
  line-height: 120%;
}

.item-cont-circle-img {
  width: 36px;
  height: 36px;
}

.item-cont-circle-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.item-cont-des {
  font-size: var(--font-size-sm);
  color: var(--color-foreground-secondary);
  line-height: 140%;
  width: 460px;
}

/*--------------------------------------------Блок-о-компании--------------------------------------------*/
.block-about {
  background-color: var(--color-background-gray);
  max-width: 100%;
}

.block-main-about {
  width: 100%;
  min-height: fit-content;
  height: 100vh;
  min-height: 720px;
  position: relative;
  color: var(--color-background-primary);
}

.block-main-about .container-1 {
  width: 49.219vw;
  background-image: url("../img/index/block-about/loaded/about-main-l.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 10% 47%;
}

.block-main-about .container-1 img {
  height: 100%;
  width: 100%;
}

.block-main-about .container-2 {
  display: flex;
  flex-direction: column;
  gap: 48px;
  width: fit-content;
  align-items: start;
  padding-top: calc((100vh - 605px - 85px) / 2);
  margin: 85px auto;
}

.block-main-about .container-2_title {
  font-size: var(--font-size-3xl);
  line-height: 110%;
  width: 522px;
}

.block-main-about .blocks {
  display: flex;
  flex-wrap: wrap;
  width: calc(18.203vw + 20.078vw + 32px);
}

.block-main-about .block-main-mini {
  display: flex;
  flex-direction: column;
  gap: 24px;
	width: 20.078vw;
}

.block-main-about .block-main-mini:nth-child(2n) {
  margin-left: 32px;
  margin-bottom: 32px;
	width: 18.203vw;
}

.block-main-about .block-main-icon img {
  width: 20px;
  height: 20px;
}

.block-main-about .block-main-mini:nth-child(2n) .block-main-icon img {
  width: 20.01px;
  height: 18.01px;
}

.block-main-about .block-main-mini:nth-child(4n) .block-main-icon img {
  width: 19px;
  height: 19px;
}

.block-main-about .block-main-icon {
  width: 49px;
  height: 49px;
  background-color: var(--color-background-accent-muted);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.block-main-about .block-main-mini .block-main-text {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.block-main-about .block-main-mini .block-main-text-title {
  font-size: var(--font-size-lg);
  line-height: 110%;
  color: var(--color-background-primary);
}

.block-main-about .block-main-mini .block-main-text-t {
  font-size: var(--font-size-sm);
  line-height: 140%;
  color: var(--color-background-tertiary);
}

/*--------------------------------------------Блок-терминалов--------------------------------------------*/
.block-terminals {
  background-color: var(--color-background-page);
  max-width: 100%;
}

.block-main-terminals {
  width: 100%;
  position: relative;
  gap: 25.58px;
  height: calc(100vh + 22px);
  min-height: calc(600px + 22px);

  padding-top: 42px;
}

.block-main-terminals .cont {
  width: 894.42px;
  height: 515px;
  overflow: hidden;
  margin: calc((100vh - 515px - 80px - 5px) / 2) 0 0 calc((100% - 894.42px - 25.58px - 20.625vw) / 2);
}

.block-main-terminals .title {
  font-size: var(--font-size-2xl);
  line-height: 130%;
  display: flex;
  position: absolute;
  width: 485px;
  margin: calc((100vh - 80px - 515px) / 2) auto 0 32px;
  z-index: 100;
}

/* Сами терминалы */
.terms {
  display: flex;
  flex-direction: column;
  width: fit-content;
  height: calc(506px - 8px - 48px - 8px);
  padding: 8px;
  border-radius: 32px 32px 0 0;
  backdrop-filter: blur(120px);
  color: var(--color-foreground-primary);
  background-color: var(--color-background-accent-muted);
  padding-bottom: 0;
  margin-top: calc((100vh - 495px - 42px) / 2);
}

.scroll {
  overflow-x: auto;
  display: flex;
  flex-direction: column;
  width: 20.625vw;
  gap: 4px;
  padding-right: 0;
}

.terminal-t {
  display: flex;
  gap: 4px;
  height: 28px;
  align-items: center;
}

.terms-item {
  display: flex;
  flex-direction: column;
  background-color: var(--color-background-primary);
  border-radius: 24px;
  padding: 16px;
  transition: transform 0.5s ease;
  width: 20.625vw;
}

.terminal-t-el {
  display: flex;
  width: fit-content;
  font-size: var(--font-size-xs);
  color: var(--color-foreground-accent);
  background-color: var(--color-background-accent-secondary);
  line-height: 125%;
  padding: 4px 8px;
  border-radius: 9999px;
}

.terms-title {
  position: relative;
  text-align: left;
  margin-top: 14px;
  font-size: var(--font-size-sm);
  line-height: 140%;

  cursor: pointer;
}

.terms-title:after {
  position: absolute;
  content: url("../img/index/block-terminals/terminals-close.svg");
  width: 12px;
  height: 7px;
  right: 0;
  vertical-align: middle;
}

.terms-description {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out, visibility 0.3s ease-in-out,
    margin 0.4s ease-in-out;
  gap: 12px;
  max-height: 0;
  color: #13161c;
  font-size: var(--font-size-xs);
  line-height: 125%;
  background-color: var(--color-background-primary);
}

/* Активности с аккордеоном */
.terms-title.active {
  color: var(--color-foreground-accent);
}

.terms-title.active:after {
  content: url("../img/index/block-terminals/terminals-open.svg");
}

.terms-description.active {
  max-height: 500px;
  margin-top: 12px;
}

.pin.active {
  background-image: url("../img/index/block-terminals/pin-active.svg");
  width: 35px !important;
  height: 41px !important;
  background-size: contain;

  transform: translate(-7px, -20px);
  z-index: 200;
}

.terms-item.inactive {
  opacity: 30%;
  transition: opacity 0.3s ease;
}

.terms-item.inactive .terms-title {
  cursor: default;
}

/* Карта */
.map {
  position: relative;
  background-image: url("../img/index/block-terminals/map.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: calc(894.42px + 28px);
  height: calc(515px + 28px);
  background-size: contain;
}

/* Точки на карте */
.pin {
  width: 22.6px !important;
  height: 26.36px !important;
  position: absolute;
  background-image: url("../img/index/block-terminals/pin.svg");
  background-repeat: no-repeat;
  background-size: contain;
  top: 0px;
  left: 0px;
  cursor: pointer;
  border: none;
  background-color: transparent;
  transition: all 0.4s ease-in-out;
}

.pin:hover {
  scale: 1.1;
}

/* Москва */
.pin-1 {
  top: 271px;
  left: 82px;
  background-image: url("../img/index/block-terminals/pin/pin-1.svg");
}

.pin-1.active {
  background-image: url("../img/index/block-terminals/pin-active/pin-active-1.svg");
}

/* СПб */
.pin-2 {
  top: 217px;
  left: 94px;
  background-image: url("../img/index/block-terminals/pin/pin-2.svg");
}

.pin-2.active {
  background-image: url("../img/index/block-terminals/pin-active/pin-active-2.svg");
}

/* Екатеринбург */
.pin-3 {
  top: 350px;
  left: 243px;
  background-image: url("../img/index/block-terminals/pin/pin-3.svg");
}

.pin-3.active {
  background-image: url("../img/index/block-terminals/pin-active/pin-active-3.svg");
}

/* Новосибирск */
.pin-4 {
  top: 406px;
  left: 346px;
  background-image: url("../img/index/block-terminals/pin/pin-4.svg");
}

.pin-4.active {
  background-image: url("../img/index/block-terminals/pin-active/pin-active-4.svg");
}

/* Казань */
.pin-5 {
  top: 319px;
  left: 173px;
  background-image: url("../img/index/block-terminals/pin/pin-5.svg");
}

.pin-5.active {
  background-image: url("../img/index/block-terminals/pin-active/pin-active-5.svg");
}

/* Красноярск */
.pin-6 {
  top: 415px;
  left: 446px;
  background-image: url("../img/index/block-terminals/pin/pin-6.svg");
}

.pin-6.active {
  background-image: url("../img/index/block-terminals/pin-active/pin-active-6.svg");
}

/* Новороссийск */
.pin-7 {
  top: 376px;
  left: 7px;
  background-image: url("../img/index/block-terminals/pin/pin-7.svg");
}

.pin-7.active {
  background-image: url("../img/index/block-terminals/pin-active/pin-active-7.svg");
}

/* Ростов-На-Дону */
.pin-8 {
  top: 374px;
  left: 42px;
  background-image: url("../img/index/block-terminals/pin/pin-8.svg");
}

.pin-8.active {
  background-image: url("../img/index/block-terminals/pin-active/pin-active-8.svg");
}

/* Воронеж */
.pin-9 {
  top: 317px;
  left: 60px;
  background-image: url("../img/index/block-terminals/pin/pin-9.svg");
}

.pin-9.active {
  background-image: url("../img/index/block-terminals/pin-active/pin-active-9.svg");
}

/* Иркутск */
.pin-10 {
  top: 448px;
  left: 540px;
  background-image: url("../img/index/block-terminals/pin/pin-10.svg");
}

.pin-10.active {
  background-image: url("../img/index/block-terminals/pin-active/pin-active-10.svg");
}

/* Челябинск */
.pin-11 {
  top: 385px;
  left: 218px;
  background-image: url("../img/index/block-terminals/pin/pin-11.svg");
}

.pin-11.active {
  background-image: url("../img/index/block-terminals/pin-active/pin-active-11.svg");
}

/* Находка */
.pin-12 {
  top: 453px;
  left: 774px;
  background-image: url("../img/index/block-terminals/pin/pin-12.svg");
}

.pin-12.active {
  background-image: url("../img/index/block-terminals/pin-active/pin-active-12.svg");
}

/* Краснодар */
.pin-13 {
  top: 394px;
  left: 15px;
  background-image: url("../img/index/block-terminals/pin/pin-13.svg");
}

.pin-13.active {
  background-image: url("../img/index/block-terminals/pin-active/pin-active-13.svg");
}

/* Нижний Новгород */
.pin-14 {
  top: 285px;
  left: 104px;
  background-image: url("../img/index/block-terminals/pin/pin-14.svg");
}

.pin-14.active {
  background-image: url("../img/index/block-terminals/pin-active/pin-active-14.svg");
}

/* Благовещенск */
.pin-15 {
  top: 402px;
  left: 703px;
  background-image: url("../img/index/block-terminals/pin/pin-15.svg");
}

.pin-15.active {
  background-image: url("../img/index/block-terminals/pin-active/pin-active-15.svg");
}

/* Омск */
.pin-16 {
  top: 408px;
  left: 291px;
  background-image: url("../img/index/block-terminals/pin/pin-16.svg");
}

.pin-16.active {
  background-image: url("../img/index/block-terminals/pin-active/pin-active-16.svg");
}

/* Самара */
.pin-17 {
  top: 362px;
  left: 160px;
  background-image: url("../img/index/block-terminals/pin/pin-17.svg");
}

.pin-17.active {
  background-image: url("../img/index/block-terminals/pin-active/pin-active-17.svg");
}

/* Тольятти */
.pin-18 {
  top: 352px;
  left: 150px;
  background-image: url("../img/index/block-terminals/pin/pin-18.svg");
}

.pin-18.active {
  background-image: url("../img/index/block-terminals/pin-active/pin-active-18.svg");
}

/* Батайск */
.pin-19 {
  top: 386px;
  left: 52px;
  background-image: url("../img/index/block-terminals/pin/pin-19.svg");
}

.pin-19.active {
  background-image: url("../img/index/block-terminals/pin-active/pin-active-19.svg");
}

/* Владивосток */
.pin-20 {
  top: 447px;
  left: 792px;
  background-image: url("../img/index/block-terminals/pin/pin-20.svg");
}

.pin-20.active {
  background-image: url("../img/index/block-terminals/pin-active/pin-active-20.svg");
}

/* Кнопки */
.look-all {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	background-color: var(--color-background-accent-muted);
	padding: 16px 8px 16px 8px;
	border-radius: 0 0 32px 32px;
	font-size: var(--font-size-sm);
	line-height: 140%;
	z-index: 30;
	position: absolute;
	left: 0px;
	height: calc(48px + 8px + 8px);
	color: var(--color-foreground-primary);
	bottom: calc(-48px - 8px - 8px);
	font-weight: 500;
}


.look-all-img {
  cursor: pointer;
}

.look-all-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: var(--color-background-primary);
  border-radius: 50%;

}

.look-all-img img {
  width: 8.89px;
  height: 7.78px;
}

.overlay {
	display: none;
}

/* Адаптация на большие экраны (> 1280)*/
@media screen and (min-width: 1440px) {
  /*--------------------------------------------Главный-блок--------------------------------------------*/
  .block-realmain {
    background-position: 1% 49%;
    min-height: 500px;
  }

  .block-main-realmain {
    min-height: 500px;
  }

  .block-main-realmain .main {
		height: 40.571vh;
		top: 28.286vh;
  }

  .block-main-realmain .main-text-title {
    font-size: var(--font-size-5xl);
    line-height: 105%;
  }

  .block-main-realmain .main-text-t {
    font-size: var(--font-size-md);
    width: 575px;
    line-height: 125%;
  }

  .main-link {
    width: 198px;
    font-size: var(--font-size-md);
    line-height: 125%;
  }

  /*--------------------------------------------Блок-контейнеров--------------------------------------------*/
  .block-main-containers {
    min-height: 780px;
    position: relative;
  }

  .block-main-containers .title {
    font-size: var(--font-size-3xl);
    margin: calc((40vh - 118.78px) / 2) auto 0;
    line-height: 110%;
    width: 46%;
  }

  .block-main-containers .title br {
    display: none;
  }

  .block-main-containers .cards-my {
    margin-top: calc((40vh - 18.78px - 130px) / 2);
  }

	.block-main-containers .card-my {
    max-width: 360px;
    height: 27.949vh;
    width: 23vw;
    max-height: 267px;
	}

  .block-main-containers .card-my-image {
    max-height: 27.949vh;
    min-height: 218px;
    max-height: 267px;
  }

  .block-main-containers .all-text {
    margin-left: 1.111vw;
    margin-top: 4.103vh;
    flex-direction: column;
    width: 90%;
}

	.block-main-containers .card-my-text {
    min-height: calc(46px + 48px);
    max-height: 90px;
    height: calc(5.897vh + 6.154vh);;
	}

  .block-main-containers .card-my-text-t {
    font-size: var(--font-size-lg);
    line-height: 110%;
		width: calc(331.19px - 30px - 48px);
  }

  /*--------------------------------------------Блок-лизинга--------------------------------------------*/
  .block-main-general_leazing {
    min-height: 797px;
  }

  .block-main-general_leazing .title-small {
    margin: 13.174vh auto 0;
    font-size: var(--font-size-md);
    line-height: 125%;
  }

  .block-main-general_leazing .title {
    font-size: var(--font-size-6xl);
		line-height: 110%;
    width: 50%;
  }

  .block-main-general_leazing .text {
    margin: 184px auto 0;
    font-size: var(--font-size-md);
    line-height: 125%;
  }

	.block-main-general_leazing .cards-my {
    padding: 0 64px;
    flex-wrap: nowrap;
	}

  .block-main-general_leazing .cards-my .card-my {
    height: 24.09vh;
    padding: 16px 12px;
		width: 22.222vw;
    max-height: 225px;
  }

  /*--------------------------------------------Скролл_блок-этапов--------------------------------------------*/
  .block-scroll {
		min-height: 751px;
    padding-top: 96px;
  }

  .title-scroll {
    font-size: var(--font-size-3xl);
    line-height: 110%;
    padding-top: calc((100vh - 447px - 139.59px - 96px) / 2);
  }

  .scrollable {
    margin: 64px auto;
  }

  .item {
    height: 447px;
    gap: 24px;
  }

  .item-cont {
    width: 823px;
    gap: 24px;
    margin-right: 96px;
  }

  .item-cont-circle {
    width: 205px;
    height: 154px;
  }

  .item-cont-img {
    width: 610px;
    height: 343px;
  }

  .item-cont-img img {
    border-radius: 20px;
  }

  .item-cont-circle-t {
    font-size: var(--font-size-2xl);
    line-height: 130%;
  }

  .item-cont-des {
    width: 600px;
  }

  /*--------------------------------------------Блок-о-компании--------------------------------------------*/
  .block-main-about {
    min-height: 762px;
  }

  .block-main-about .container-1 {
    width: 49.306vw;
  }

  .block-main-about .container-2 {
		margin: 96px auto;
    padding-top: calc((100vh - 667px - 96px) / 2);
  }

  .block-main-about .blocks {
    width: calc(14.722vw * 2 + 96px);
  }

  .block-main-about .container-2_title {
    font-size: var(--font-size-4xl);
    width: 602px;
  }

  .block-main-about .block-main-mini {
    width: 14.722vw;
  }

  .block-main-about .block-main-mini:nth-child(2n) {
		margin-left: 96px;
		width: 14.722vw;
  }

  /*------------------------------------------Блок-с-терминалами--------------------------------------------*/  
  /* Сами терминалы */
  .terms {
    display: flex;
    flex-direction: column;
    width: fit-content;
    height: calc(506px - 8px - 48px - 8px);
    padding: 8px;
    border-radius: 32px 32px 0 0;
    backdrop-filter: blur(120px);
    color: var(--color-foreground-primary);
    background-color: var(--color-background-accent-muted);
    padding-bottom: 0;
    margin-top: calc((100vh - 592px - 48px - 24px - (68px - 48px)) / 2);
  }
  
  .block-main-terminals {
    height: calc(100vh + 22px);
    gap: 84px;
    width: fit-content;
    margin: 0 !important;
    padding-top: 48px;
  }

  .block-main-terminals .title {
    font-size: var(--font-size-3xl);
    line-height: 110%;
    margin: calc((100vh - 547px - 174px) / 2) 0 0 calc((100vw - 950px - 84px - 18.333vw) / 2);
  }

  .block-main-terminals .cont {
    margin: calc((100vh - 547px - 174px / 2) / 2 - 5px) 0 0 calc((100vw - 950px - 84px - 18.333vw) / 2);
    width: 950px;
    height: 547px;
  }

  /* Карта */
  .map {
    width: calc(950px + 30px);
    height: calc(547px + 30px);
  }

  /* Точки на карте */
  .pin {
    width: 24px !important;
    height: 28px !important;
  }

  /* Москва */
  .pin-1 {
    top: 290px;
    left: 91px;
  }

  /* СПб */
  .pin-2 {
    top: 229px;
    left: 101px;
  }

  /* Екатеринбург */
  .pin-3 {
    top: 366px;
    left: 262px;
  }

  /* Новосибирск */
  .pin-4 {
    top: 429px;
    left: 367px;
  }

  /* Казань */
  .pin-5 {
    top: 326px;
    left: 187px;
  }

  /* Красноярск */
  .pin-6 {
    top: 437px;
    left: 473px;
  }

  /* Новороссийск */
  .pin-7 {
    top: 398px;
    left: 7px;
  }

  /* Ростов-На-Дону */
  .pin-8 {
    top: 395px;
    left: 46px;
  }

  /* Воронеж */
  .pin-9 {
    top: 337px;
    left: 57px;
  }

  /* Иркутск */
  .pin-10 {
    top: 480px;
    left: 575px;
  }

  /* Челябинск */
  .pin-11 {
    top: 409px;
    left: 231px;
  }

  /* Находка */
  .pin-12 {
    top: 478px;
    left: 838px;
  }

  /* Краснодар */
  .pin-13 {
    top: 419px;
    left: 14px;
  }

  /* Нижний Новгород */
  .pin-14 {
    top: 304px;
    left: 116px;
  }

  /* Благовещенск */
  .pin-15 {
    top: 426px;
    left: 747px;
  }

  /* Омск */
  .pin-16 {
    top: 434px;
    left: 310px;
  }

  /* Самара */
  .pin-17 {
    top: 373px;
    left: 186px;
  }

  /* Тольятти */
  .pin-18 {
    top: 365px;
    left: 168px;
  }

  /* Батайск */
  .pin-19 {
    top: 406px;
    left: 58px;
  }

  /* Владивосток */
  .pin-20 {
    top: 484px;
    left: 822px;
  }

  /* Сами терминалы */
  .terms {
    height: calc(592px - 8px - 48px - 8px);
  }

  .scroll {
    width: 18.333vw;
  }

  .terms-item {
    width: 18.333vw;
  }


  .look-all {
    height: calc(48px + 8px * 2);
    bottom: -65px;
    line-height: 20px;
    font-weight: 600;
  }

  .look-all-img {
    width: 48px;
    height: 48px;
  }

  .look-all-img img {
    width: 13.33px;
    height: 11.67px;
  }
}

@media screen and (min-width: 1920px) {
  /*--------------------------------------------Главный-блок--------------------------------------------*/
  .block-realmain {
    background-position: 1% 50%;
    min-height: 600px;
  }

  .block-main-realmain {
    min-height: 600px;
  }

  .block-main-realmain .main {
    height: 40.667vh;
    top: 20vh;
    gap: 7.111vh;
  }

  .block-main-realmain .main-text {
    max-width: 880px;
  }

  .block-main-realmain .main-text-title {
    font-size: var(--font-size-6xl);
    line-height: 90.2px;
  }

  .block-main-realmain .main-text-t {
    font-size: var(--font-size-xl);
    width: 680px;
    line-height: 26.4px;
  }

  .main-link {
    width: 217px;
    font-size: var(--font-size-xl);
    line-height: 26.4px;
    font-weight: 400;
  }

  /*--------------------------------------------Блок-контейнеров--------------------------------------------*/
  .block-main-containers {
    min-height: 819px;
  }

  .block-main-containers .title {
    font-size: var(--font-size-4xl);
    margin: calc((40vh - 148.5px) / 2) auto 0;
    line-height: 49.5px;
    width: 700px;
  }

  .block-main-containers .cards-my {
    margin-top: calc((40vh - 148.5px - 65px) / 2);
    gap: 1.042vw;
  }

  .block-main-containers .cards-my .par {
    gap: 1.042vw;
  }

  .block-main-containers .card-my {
    max-width: 413px;
    width: 21.51vw;
  }

  .block-main-containers .card-my-image {
    max-height: 26.618vh;
    min-height: 218px;
    max-height: 267px;
  }

  .block-main-containers .all-text {
    min-height: 140px;
    height: 17.094vh;
  }

  .block-main-containers .card-my-text {
    max-height: 150px;
    height: calc(11.477vh);
  }

  .block-main-containers .card-my-text-t {
    font-size: var(--font-size-xl);
    line-height: 26.4px;
    width: fit-content;
  }

  .block-main-containers .card-my-description {
    font-size: var(--font-size-md);
    line-height: 22.5px;
  }

  /*--------------------------------------------Блок-лизинга--------------------------------------------*/
  .block-main-general_leazing {
    min-height: 900px;
  }

  .block-main-general_leazing .cards-my {
    width: 1792px;
    padding: 0;
  }

  .block-main-general_leazing .title {
    width: 700px;
  }

  .block-main-general_leazing .text {
    margin: 28.889vh auto 0;
    font-size: var(--font-size-xl);
    line-height: 26.4px;
  }

  .block-main-general_leazing .cards-my .card-my {
    height: 24.111vh;
    padding: 19px;
		width: 439px;
    max-height: 300px;
  }

  .block-main-general_leazing .cards-my .card-my .card-my-title {
    font-size: var(--font-size-xl);
    line-height: 26.4px;
  }

  .block-main-general_leazing .cards-my .card-my .card-my-t {
    font-size: var(--font-size-md);
    line-height: 22.5px;
  }

  /*--------------------------------------------Скролл_блок-этапов--------------------------------------------*/
  .block-scroll {
    min-height: 796px;
		width: calc(100% - 48px);
    margin: 0 0 0 calc((100% - 100% - 48px) / 2);

  }


  .title-scroll {
    font-size: var(--font-size-4xl);
    line-height: 110%;
    padding-top: 0;
    margin: calc((100vh - 490px - 139.5px - 96px) / 2) 48px 0;
    width: 100%;
  }

	.scrollable {
		margin: 64px 48px;
	}

  .item {
    height: 490px;
    gap: 32px;
  }

  .item-cont {
    width: 885px;
    gap: 32px;
    margin-right: 48px;
  }

  .item-cont-circle {
    width: 264px;
    height: 180px;
  }

  .item-cont-circle-img {
    width: 48px;
    height: 48px;
  }

  .item-cont-circle-t {
    font-size: var(--font-size-3xl);
    line-height: 110%;
  }

  .item-cont-des {
    font-size: var(--font-size-md);
    line-height: 125%;
  }

  /*--------------------------------------------Блок-о-компании--------------------------------------------*/
  .block-main-about {
    min-height: 907px;
  }

  .block-main-about .container-1 {
    width: 50vw;
  }

  .block-main-about .container-2 {
    margin: 80px -49px 0 100px;
    gap: 3.333vw;
		width: 41.667vw;
    padding-top: calc((100vh - 773px - 80px) / 2);
  }

  .block-main-about .container-2_title {
    font-size: var(--font-size-5xl);
    line-height: 65px;
    width: 100%;

    max-width: 898px;
  }

  .container-2_title br {
    display: none;
  }

  .block-main-about .blocks {
    width: 100%;
  }

  .block-main-about .block-main-mini {
    width: 13.646vw;
    max-width: 435px;
  }

  .block-main-about .block-main-mini:nth-child(2n) {
    margin-right: 200px;
    margin-right: 0;
  }

  .block-main-about .block-main-mini:nth-child(2n) {
    width: 14.583vw;
  }

  .block-main-about .block-main-mini:nth-child(4n) {
    width: 11.042vw;
  }

  .block-main-about .block-main-mini .block-main-text-title {
    font-size: var(--font-size-xl);
    line-height: 26.4px;
  }

  .block-main-about .block-main-icon {
    width: 64px;
    height: 64px;
    border-radius: 13.06px;
  }

  .block-main-about .block-main-icon img {
    width: 26.12px;
    height: 26.12px;
    object-fit: cover;
  }

  .block-main-about .block-main-mini:nth-child(2n) .block-main-icon img {
    width: 26.13px;
    height: 23.53px;
  }

  .block-main-about .block-main-mini:nth-child(4n) .block-main-icon img {
    width: 24.82px;
    height: 24.82px;
  }

  /*------------------------------------------Блок-с-терминалами--------------------------------------------*/
  .block-main-terminals {
    height: calc(100vh + 22px);
    min-height: calc(900px + 22px);
    gap: 71px;
    margin: 0 auto !important;
    padding-top: 96px;
  }

  .block-main-terminals .title {
    font-size: var(--font-size-5xl);
    width: 738px;
    line-height: 105%;
		margin: calc((100vh - 746.8px - 96px - 204.75px) / 2) 0 0 0;
  }

  .block-main-terminals .cont {
    margin: calc((100vh - 746.8px - 96px - 204.75px) / 2) 0 0 0;
    width: 1297px;
    height: 746.8px;
  }

  .terms {
    margin-top: calc((100vh - 746.8px - 96px - 204.75px) / 2 - 11px);
  }

  /* Карта */
  .map {
    width: calc(1297px + 40px);
    height: calc(746.8px + 40px);
  }

	.pin.active {
		width: 68px !important;
		height: 80px !important;
		transform: translate(-15px, -45px);
	}

  /* Точки на карте */
  .pin {
    width: 32.77px !important;
    height: 38.23px !important;
  }

  /* Москва */
  .pin-1 {
    top: 385px;
    left: 142px;
  }

  /* СПб */
  .pin-2 {
    top: 311px;
    left: 136px;
  }

  /* Екатеринбург */
  .pin-3 {
    top: 480px;
    left: 355px;
  }

  /* Новосибирск */
  .pin-4 {
    top: 596px;
    left: 501px;
  }

  /* Казань */
  .pin-5 {
    top: 438px;
    left: 228px;
  }

  /* Красноярск */
  .pin-6 {
    top: 604px;
    left: 650px;
  }

  /* Новороссийск */
  .pin-7 {
    top: 552px;
    left: 15px;
  }

  /* Ростов-На-Дону */
  .pin-8 {
    top: 537px;
    left: 62px;
  }

  /* Воронеж */
  .pin-9 {
    top: 458px;
    left: 88px;
  }

  /* Иркутск */
  .pin-10 {
    top: 652px;
    left: 782px;
  }

  /* Челябинск */
  .pin-11 {
    top: 557px;
    left: 317px;
  }

  /* Находка */
  .pin-12 {
    top: 651px;
    left: 1146px;
  }

  /* Краснодар */
  .pin-13 {
    top: 575px;
    left: 22px;
  }

  /* Нижний Новгород */
  .pin-14 {
    top: 405px;
    left: 172px;
  }

  /* Благовещенск */
  .pin-15 {
    top: 580px;
    left: 1020px;
  }

  /* Омск */
  .pin-16 {
    top: 591px;
    left: 422px;
  }

  /* Самара */
  .pin-17 {
    top: 503px;
    left: 225px;
  }

  /* Тольятти */
  .pin-18 {
    top: 482px;
    left: 200px;
  }

  /* Батайск */
  .pin-19 {
    top: 552px;
    left: 79px;
  }

  /* Владивосток */
  .pin-20 {
    top: 657px;
    left: 1124px;
  }

  /* Сами терминалы */
  .terms {
    height: calc(676px - 8px - 48px - 8px);
  }

  .scroll {
    width: 355px;
  }

  .terms-item {
    width: 355px;
  }

  .look-all {
    bottom: -64px;
  }
}


/* Адаптация на маленькие экраны (< 1280)*/
@media screen and (max-width: 1200px) {
    /*--------------------------------------------Блок-контейнеров--------------------------------------------*/
    .block-main-containers {
      height: fit-content;
    }

    .block-main-containers .title {
      margin: 96px auto 0;
    }

    .block-main-containers .cards-my {
      margin: 64px auto;
      margin-bottom: 96px;
  }
    /*--------------------------------------------Блок-лизинга--------------------------------------------*/
    .block-main-general_leazing {
      height: 1024px;
    }
  
    .block-main-general_leazing .title-small {
      margin: 60px auto 0;
    }
  
    .block-main-general_leazing .cards-my {
      padding: 0;
      flex-wrap: wrap;
    }
  
    .block-main-general_leazing .title {
      width: 335px;
      font-size: var(--font-size-4xl);
      line-height: 110%;
    }
  
    .block-main-general_leazing .text {
      margin: 251px auto 0;
    }
  
    .block-main-general_leazing .cards-my .card-my {
      height: 249px;
      padding: 12px;
      width: 45.052vw;
      min-width: 0;
    }
    
  /*--------------------------------------------Блок-о-компании--------------------------------------------*/
  .block-main-about {
    height: fit-content;
    flex-direction: column;
    padding: 0;
  }

  .block-main-about .container-1 {
    width: 100%;
    height: 370px;
  }

  .block-main-about .container-2 {
    margin: 0;
    gap: 6.25vw;
    padding: 64px calc((100% - 36.979vw - 38.021vw - 8.333vw) / 2);
    width: 100%;
  }

  .block-main-about .blocks {
    gap: 4.688vw 8.333vw;
    justify-content: space-between;
    width: 100%;
  }

  .block-main-about .container-2_title {
    font-size: var(--font-size-2xl);
    line-height: 130%;
    width: 60%;
  }

  .block-main-about .block-main-mini {
    width: 38.021vw;
  }

  .block-main-about .block-main-mini:nth-child(2n) {
    margin-left: 0;
    margin-bottom: 0;
    width: 36.979vw;
  }

  .block-main-about .block-main-mini .block-main-text-title {
    font-size: var(--font-size-md);
    line-height: 125%;
		font-weight: 500;
  }

  /*-------------------------------------------Блок-с-терминалами-------------------------------------------*/
  .block-terminals {
    max-width: 100%;
  }
  
  .block-main-terminals {
    height: fit-content;
    gap: 125px;
    flex-direction: column;
    max-width: 100%;
  }

  .block-main-terminals .cont {
    width: 100%;
    max-width: 100%;
    height: 584px;
    margin: 127px 0 0 0;
    overflow: hidden;
  }

  .block-main-terminals .title {
    margin: 48px auto 0 32px;
  }

  /* Карта */
  .map {
    width: calc(84.417vw + 2.5vw);
    height: calc(48.583vw + 2.5vw);
    top: 0;
    left: calc((100% - 84.417vw) / 2);;

    touch-action: none; /* Запретить прокрутку */
  }

  .pin.active {
    width: 36px !important;
    height: 42px !important;
    transform: translate(-5px, -10px);
  }

  /* Точки на карте */
  .pin {
    width: 25.58px !important;
    height: 29.84px !important;
  }

  /* Москва */
  .pin-1 {
    top: 25.583vw;
    left: 8.25vw;
  }

  /* СПб */
  .pin-2 {
    top: 20.25vw;
    left: 8.667vw;
  }

  /* Екатеринбург */
  .pin-3 {
    top: 32.667vw;
    left: 22.75vw;
  }

  /* Новосибирск */
  .pin-4 {
    top: 38vw;
    left: 31.917vw;
  }

  /* Казань */
  .pin-5 {
    top: 29.583vw;
    left: 15.833vw;
  }

  /* Красноярск */
  .pin-6 {
    top: 39vw;
    left: 41.75vw;
  }

  /* Новороссийск */
  .pin-7 {
    top: 35.583vw;
    left: 0.583vw;
  }

  /* Ростов-На-Дону */
  .pin-8 {
    top: 34.75vw;
    left: 3.833vw;
  }

  /* Воронеж */
  .pin-9 {
    top: 30.167vw;
    left: 5.333vw;
  }

  /* Иркутск */
  .pin-10 {
    top: 42.5vw;
    left: 51.083vw;
  }

  /* Челябинск */
  .pin-11 {
    top: 36.333vw;
    left: 20.417vw;
  }

  /* Находка */
  .pin-12 {
    top: 42.417vw;
    left: 74.583vw;
  }

  /* Краснодар */
  .pin-13 {
    top: 37.5vw;
    left: 1.167vw;
  }

  /* Нижний Новгород */
  .pin-14 {
    top: 26.917vw;
    left: 10.333vw;
  }

  /* Благовещенск */
  .pin-15 {
    top: 38vw;
    left: 66.25vw;
  }

  /* Омск */
  .pin-16 {
    top: 38.583vw;
    left: 27.333vw;
  }

  /* Самара */
  .pin-17 {
    top: 33.5vw;
    left: 16.5vw;
  }

  /* Тольятти */
  .pin-18 {
    top: 32.5vw;
    left: 14.5vw;
  }

  /* Батайск */
  .pin-19 {
    top: 36vw;
    left: 4.917vw;
  }

  /* Владивосток */
  .pin-20 {
    top: 42.917vw;
    left: 72.917vw;
  }

  /* Сами терминалы */
  .terms {
    position: relative;
    flex-direction: row;
    height: 120px;
    margin: 0 0 0 32px;
    border-radius: 24px 0 0 24px;
    z-index: 300;
    padding: 12px;
    padding-right: 0;

    margin-bottom: calc(48px + 22px);
  }

  .scroll {
    overflow-x: auto;
    flex-direction: row;
    width: calc(25vw * 3 + 1vw * 2);
    height: 120px;
    gap: 8px;
  }

  .terms-item {
    min-width: 25vw;
    padding: 16px 12px;
    gap: 0;
    height: 96px;
  }

  .look-all {
    right: -154px !important;
    left: auto;
    width: calc(134px + 12px + 8px);
    bottom: 0;
    height: 120px;
    border-radius: 0 24px 24px 0;
    padding: 0 12px 0 8px;
  }

  .look-all-img {
    width: 32px;
    height: 32px;
  }

  .terms-description {
    position: absolute;
    width: 25vw;
    bottom: 60px;
    left: 12px;
    padding: 12px;
    border-radius: 16px;
    max-height: 0;
    visibility: hidden;
  }

  .terms-description.active {
    max-height: 500px !important;
    height: auto !important;
    visibility: visible;
  }

  .cont {
    position: relative;
  }
  
  .terms {
    position: relative;
  }

  .overlay {
    position: absolute;
    top: 27.083vw;
    left: 0;
    width: fit-content;
    background-color: rgba(23, 98, 186, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    flex-direction: column;
    gap: 12px;
    border-radius: 16px;
    backdrop-filter: blur(4px);
    align-items: center;
    justify-content: center;
  }

  .overlay-start {
    width: 246px;
    height: 88px;
    left: calc((100vw - 246px) / 2) !important;
    padding: 16px;
  }

  .overlay-start-dop {
    width: 100vw;
    height: 100vw;
    top: 0;
    left: 0;
    background-color: transparent;
  }

  .overlay-end{
    width: 108px;
    height: 84px;
    left: calc((100vw - 108px) / 2) !important;
    padding: 16px 12px;
  }

  .message {
    color: white;
    text-align: center;
    font-size: var(--font-size-xs);
    line-height: 100%;
  }

  .overlay-end {
    display: none;
    left: calc((100dvw - 246px) / 2);
  }
}

@media screen and (max-width: 1000px) {
  /*-------------------------------------------Блок-с-терминалами-------------------------------------------*/
  .block-main-terminals {
    gap: 95px;
  }

  .block-main-terminals .cont {
    margin: 157px 0 0 0;
  }
  
  /* Сами терминалы */
  .terms {
		flex-direction: row;
		height: 120px;
		margin: 0 0 0 32px;
		border-radius: 24px 0 0 24px;
		z-index: 300;
		padding: 12px;
		padding-right: 0;
  }

  .scroll {
		overflow-x: auto;
		flex-direction: row;
		width: calc(263px* 2 + 12px);
		height: 120px;
		gap: 8px;
  }

  .terms {
    margin-bottom: calc(48px + 22px);
	}

  .terms-item {
		min-width: 263px;
		padding: 16px 12px;
		gap: 0;
		height: 96px;
  }

  .look-all {
		right: -154px !important;
		left: auto;
		width: calc(134px + 12px + 8px);
		bottom: 0;
		height: 120px;
		border-radius: 0 24px 24px 0;
		padding: 0 12px 0 8px;
  }

  .look-all-img {
    width: 32px;
    height: 32px;
  }

  .terms-description {
    position: absolute;
    width: 263px;
    bottom: 60px;
    left: 12px;
    padding: 12px;
    border-radius: 16px;
    max-height: 0;
    visibility: hidden;
  }

  .terms-description.active {
    max-height: 500px !important;
    height: auto !important;
    visibility: visible;
  }
}

/* Адаптация на маленькие экраны (< 800)*/
@media screen and (max-width: 800px) {
  /*--------------------------------------------Главный-блок--------------------------------------------*/
  .block-realmain {
    background-position: 0 0;
  }

  .block-main-realmain .main {
    height: 24.023vh;
    top: 24.805vh;
    gap: 3.125vh;
  }

  .block-main-realmain .main-text-title {
    font-size: var(--font-size-4xl);
    line-height: 110%;
  }

  .block-main-realmain .main-text-t {
    font-size: 16px;
    line-height: 140%;
  }

  .main-link {
    width: 186px;
  }

  /*--------------------------------------------Блок-контейнеров--------------------------------------------*/
  .block-main-containers .title {
    font-size: var(--font-size-2xl);
    margin: 96px auto 0;
    line-height: 130%;
  }

  .block-main-containers .cards-my {
    gap: 24px;
    flex-direction: column;
    width: 100%;
    margin-bottom: 0;
  }

  .block-main-containers .cards-my .par {
    flex-direction: column;
    gap: 0;
}

  .block-main-containers .card-my {
    max-width: 100%;
    width: 100%;
    height: fit-content;
    margin-bottom: 24px;
  }

  .block-main-containers .card-my-image {
    height: 218px;
    display: flex;
  }

  .block-main-containers .card-my-text {
    height: 30px;
    min-height: 30px;
  }

  .block-main-containers .all-text {
    height: 58px;
    margin: 12px 16px 0;
    width: calc(100% - 16px * 2);
    gap: 8px;
  }

  .block-main-containers .card-my-text-t {
    width: fit-content;
  }

  .block-main-containers .card-my-description {
    margin-block-end: 0em;
    margin-block-start: 0em;
  }

  /*--------------------------------------------Скролл_блок-этапов--------------------------------------------*/

  .block-scroll {
    height: 1024px;
    width: calc(100% - 24px);
		margin: 0 0 0 24px;
  }

  .title-scroll {
    font-size: var(--font-size-2xl);
    line-height: 130%;
    padding-top: 206.5px;
  }

  .item {
    height: 543px;
    gap: 16px;
  }

  .item-cont {
    flex-direction: column;
    width: 397px;
    gap: 16px;
    margin-right: 32px;
  }

  .item-cont-img {
    width: 397px;
    height: 277px;
  }

  .item-cont-circle {
    align-self: start;
    width: 135px;
    height: 115.5px;
  }

  .item-cont-circle-t {
    font-size: var(--font-size-md);
    line-height: 125%;
  }

  .item-cont-des {
    font-size: var(--font-size-sm);
    line-height: 140%;
    width: 313px;
  }

  /*-------------------------------------------Блок-с-терминалами-------------------------------------------*/
  .block-main-terminals {
    gap: 175px;
    flex-direction: column;
    max-width: 100vw !important;
  }

  .block-main-terminals .cont {
    width: 100vw;
		height: 479px;
		margin: 182px 0 0 0;
  }

  /* Карта */
  .map {
    width: calc(1012.52px + 30px);
    height: calc(583px + 30px);

		top: calc(-182px + 48px);
		left: 44px;

		touch-action: none; /* Запретить прокрутку */
  }

	.pin.active {
		width: 36px !important;
		height: 42px !important;
		transform: translate(-5px, -10px);
	}

  /* Точки на карте */
  .pin {
    width: 25.58px !important;
    height: 29.84px !important;
  }

  /* Москва */
  .pin-1 {
    top: 306.95px;
    left: 99px;
  }

  /* СПб */
  .pin-2 {
    top: 243px;
    left: 104px;
  }

  /* Екатеринбург */
  .pin-3 {
    top: 392px;
    left: 273px;
  }

  /* Новосибирск */
  .pin-4 {
    top: 456px;
    left: 383px;
  }

  /* Казань */
  .pin-5 {
    top: 355px;
    left: 190px;
  }

  /* Красноярск */
  .pin-6 {
    top: 468px;
    left: 501px;
  }

  /* Новороссийск */
  .pin-7 {
    top: 427px;
    left: 7px;
  }

  /* Ростов-На-Дону */
  .pin-8 {
    top: 417px;
    left: 46px;
  }

  /* Воронеж */
  .pin-9 {
    top: 362px;
    left: 64px;
  }

  /* Иркутск */
  .pin-10 {
    top: 510px;
    left: 613px;
  }

  /* Челябинск */
  .pin-11 {
    top: 436px;
    left: 245px;
  }

  /* Находка */
  .pin-12 {
    top: 509px;
    left: 895px;
  }

  /* Краснодар */
  .pin-13 {
    top: 450px;
    left: 14px;
  }

  /* Нижний Новгород */
  .pin-14 {
    top: 323px;
    left: 124px;
  }

  /* Благовещенск */
  .pin-15 {
    top: 456px;
    left: 795px;
  }

  /* Омск */
  .pin-16 {
    top: 463px;
    left: 328px;
  }

  /* Самара */
  .pin-17 {
    top: 402px;
    left: 187px;
  }

  /* Тольятти */
  .pin-18 {
    top: 390px;
    left: 169px;
  }

  /* Батайск */
  .pin-19 {
    top: 432px;
    left: 59px;
  }

  /* Владивосток */
  .pin-20 {
    top: 515px;
    left: 875px;
  }

  /* Сами терминалы */
  .terms {
		flex-direction: row;
		height: 120px;
		margin: 0 0 calc(48px + 22px) 4.167vw;
		border-radius: 24px 0 0 24px;
		z-index: 300;
		padding: 12px;
		padding-right: 0;
  }

  .scroll {
		overflow-x: auto;
		flex-direction: row;
    width: calc(34.245vw * 2 + 12px);
		height: 120px;
		gap: 8px;
  }

  .terms-item {
		min-width: 34.245vw;
		padding: 16px 12px;
		gap: 0;
		height: 96px;
  }

  .look-all {
		right: -154px !important;
		left: auto;
		width: calc(134px + 12px + 8px);
		bottom: 0;
		height: 120px;
		border-radius: 0 24px 24px 0;
		padding: 0 12px 0 8px;
  }

  .look-all-img {
    width: 32px;
    height: 32px;
  }

  .terms-description {
    position: absolute;
    width: 34.245vw;
    bottom: 60px;
    left: 12px;
    padding: 12px;
    border-radius: 16px;
    max-height: 0;
    visibility: hidden;
  }

  .terms-description.active {
    max-height: 500px !important;
    height: auto !important;
    visibility: visible;
  }

	.cont {
		position: relative;
	}
	

	.overlay {
		position: absolute;
		top: 40%;
		left: 0;
		width: fit-content;
		background-color: rgba(23, 98, 186, 0.2);
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 1000;
		flex-direction: column;
		gap: 12px;
		border-radius: 16px;
		backdrop-filter: blur(4px);
		align-items: center;
		justify-content: center;
	}

	.overlay-start {
		width: 246px;
		height: 88px;
		left: calc((100vw - 246px) / 2) !important;
		padding: 16px;
	}

  .overlay-start-dop {
		width: 100vw;
		height: 100vw;
    top: 0;
    left: 0;
    background-color: transparent;
	}

	.overlay-end{
		width: 108px;
		height: 84px;
		left: calc((100vw - 108px) / 2) !important;
		padding: 16px 12px;
	}

	.message {
		color: white;
		text-align: center;
		font-size: var(--font-size-xs);
		line-height: 100%;
	}

	.overlay-end {
		display: none;
		left: calc((100dvw - 246px) / 2);
	}

  /* Кнопка возврата */
  .btn-up-my {
    display: flex !important;
  }
}


@media screen and (max-width: 660px) {
  .block-main-containers .title {
      font-size: var(--font-size-xl);
      margin: 96px auto 0;
      line-height: 120%;
      width: 360px;
  }

  
  .block-main-containers .title br {
    display: none;
  }
}

@media screen and (max-width: 730px) {
  /*------------------------------------------Блок-с-терминалами--------------------------------------------*/
	.terms {
		height: 60px;
		margin: 0 0 0 2vw;
		padding-right: 5px;
		padding: 8px;

    margin-bottom: calc(24px + 22px);
	}

	.scroll {
		width: 40vw;
		height: 68px;

    min-width: 192px;
	}

	.terms-item {
		min-width: 40vw;
		padding: 12px;
		gap: 0;
		height: calc(60px - 8px * 2);

	}

	.terms-description {
		width: 40vw;
		gap: 7px;
		bottom: 36px;
		padding: 12px 12px 16px 12px;
		border-radius: 16px 16px 0 0;
		left: 8px;
    min-width: 192px;
	}

	.terminal-t {
		display: none !important;
	}

	.terms-title {
    margin: 0;
	}

  .look-all {
    height: 60px;
    width: 32.78vw;
    right: -32.78vw !important;
    padding: 0;
    gap: 4%;
    font-size: var(--font-size-xs);
    padding-right: 6px;
    text-align: center;
	}

	.look-all-img {
		height: 24px;
    width: 24px;
	}

	.look-all-img img {
    width: 7px;
    height: 6px;
	}

  .container-2_title {
    min-width: 264px;
  }

  .container-2_title br {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  /*--------------------------------------------Главный-блок--------------------------------------------*/
  .block-main-realmain .main {
    top: 17.344vh;
    height: 45.938vh;
    width: 328px;
    margin: 0 calc((100% - 328px) / 2);
  }

  .block-main-realmain .main-text-title {
    font-size: var(--font-size-3xl);
    width: 100%;
    line-height: 110%;
  }

  .block-main-realmain .main-text-t {
    font-size: var(--font-size-sm);
    width: 100%;
    line-height: 140%;
  }

  .block-main-realmain .main-text-t .mobile {
    display: block;
  }

  .main-link {
    width: 149px;
    font-size: var(--font-size-sm);
    line-height: 140%;
    padding: 8px 8px 8px 16px;
		height: 46px;
  }

  /*--------------------------------------------Блок-контейнеров--------------------------------------------*/
  .block-main-containers {
    height: fit-content;
    gap: 32px;
  }

  .block-main-containers .title {
    font-size: var(--font-size-xl);
    margin: 96px auto 0;
    line-height: 120%;
    width: 360px;
  }

  .block-main-containers .title br {
    display: none;
  }

  .block-main-containers .cards-my {
    margin: 0 auto;
    margin-bottom: 24px;
  }

  .block-main-containers .card-my {
    height: fit-content;
  }

  .block-main-containers .card-my-text {
    height: fit-content;
  }

  .block-main-containers .all-text {
    height: fit-content;
  }

  .block-main-containers .card-my-text-t {
    width: 70%;
  }
  /*--------------------------------------------Блок-лизинга--------------------------------------------*/
  .block-main-general_leazing {
    height: 1040px;
  }

  .block-main-general_leazing .title-small {
    margin: 76px auto 0;
  }

  .block-main-general_leazing .title {
    width: 208px;
    font-size: var(--font-size-2xl);
    line-height: 130%;
  }

  .block-main-general_leazing .text {
    margin: 48px auto 0;
  }

  .block-main-general_leazing .cards-my {
		width: 91.12%;
  }

  .block-main-general_leazing .par {
    flex-direction: column;
  }

  .block-main-general_leazing .cards-my .card-my {
    height: 168.25px;
    width: 100%;
  }

  /*--------------------------------------------Скролл_блок-этапов--------------------------------------------*/
  .block-scroll {
    height: 640px;
    width: calc(100% - 16px);
		margin: 0 0 0 16px;
  }

  .title-scroll {
    font-size: var(--font-size-xl);
    line-height: 120%;
    padding-top: 32px;
  }

  .item {
    height: fit-content;
    gap: 12px;
  }

  .item-cont {
    width: 242px;
    gap: 12px;
  }

  .item-cont-img {
    width: 229px;
    height: 191px;
  }

  .item-cont-img img {
    object-position: 5% 1px;
  }

	.item-cont-img-1 img {
		object-position: 45% 1px;
	}

	.item-cont-img-2 img {
		object-position: 36% 1px;
	}

  .item-cont-circle-img {
    width: 28px;
    height: 28px;
  }

  .item-cont-circle {
    flex-direction: row;
    justify-content: flex-start;
    height: 68px;
    align-items: center;
    width: 100%;
  }

  .item-cont-circle-t {
    font-size: 16px;
    line-height: 140%;
    width: 60%;
  }

  .item-cont-des {
    width: 242px;
  }

  /*--------------------------------------------Блок-о-компании--------------------------------------------*/
  .block-main-about {
    height: 1390px;
  }

  .block-main-about .container-2 {
    height: 892px;
    padding: 64px 16px 0;
  }

  .block-main-about .blocks {
    gap: 24px;
  }

  .block-main-about .container-2_title {
    width: 80%;
  }

  .container-2_title br {
    display: none;
  }

  .block-main-about .block-main-mini {
    width: 100%;
  }

  .block-main-about .block-main-mini:nth-child(2n) {
    width: 100%;
  }

  /*------------------------------------------Блок-с-терминалами--------------------------------------------*/

  .block-main-terminals {
    gap: 80px;
  }

  .block-main-terminals .cont {
    width: 100vw;
		height: 318px;
		overflow: hidden;
		margin: 160px 0 0;
	}


  .block-main-terminals .title {
    width: 336px;
		margin: 25px auto 0 32px;
  }

  /* Карта */
  .map {
    width: calc(807.59px + 25px);
    height: calc(465px + 25px);
		top: -134px;
		left: 32px;

		touch-action: none; /* Запретить прокрутку */
  }

	.pin.active {
		width: 25px !important;
		height: 28.5px !important;
		transform: translate(-2px, -5px);
	}

  /* Точки на карте */
  .pin {
		width: 20.4px !important;
		height: 23.8px !important;
  }

  /* Москва */
  .pin-1 {
		top: 239px;
		left: 88px;
  }

  /* СПб */
  .pin-2 {
		top: 195px;
		left: 77px;
  }

  /* Екатеринбург */
  .pin-3 {
		top: 296px;
		left: 223px;
  }

  /* Новосибирск */
  .pin-4 {
		top: 372px;
		left: 316px;
  }

  /* Казань */
  .pin-5 {
    top: 279px;
    left: 143px;
  }

  /* Красноярск */
  .pin-6 {
    top: 375px;
    left: 406px;
  }

  /* Новороссийск */
  .pin-7 {
		top: 345px;
		left: 3px;
  }

  /* Ростов-На-Дону */
  .pin-8 {
		top: 335px;
		left: 35px;
  }

  /* Воронеж */
  .pin-9 {
		top: 287px;
		left: 53px;
  }

  /* Иркутск */
  .pin-10 {
		top: 408px;
		left: 493px;
  }

  /* Челябинск */
  .pin-11 {
		top: 345px;
		left: 200px;
  }

  /* Находка */
  .pin-12 {
    top: 402px;
    left: 713px;
  }

  /* Краснодар */
  .pin-13 {
		top: 359px;
		left: 18px;
  }

  /* Нижний Новгород */
  .pin-14 {
		top: 254px;
		left: 105px;
  }

  /* Благовещенск */
  .pin-15 {
		top: 362px;
		left: 636px;
  }

  /* Омск */
  .pin-16 {
		top: 369px;
		left: 264px;
  }

  /* Самара */
  .pin-17 {
    top: 316px;
    left: 172px;
  }

  /* Тольятти */
  .pin-18 {
		top: 303px;
		left: 158px;
  }

  /* Батайск */
  .pin-19 {
		top: 344px;
		left: 47px;
  }

  /* Владивосток */
  .pin-20 {
		top: 408px;
		left: 703px;
  }

	.overlay {
		top: 38%;
	}

  .overlay-start-dop {
    top: 0;
	}

	.overlay-start {
		left: calc((100dvw - 246px) / 2) !important;
	}

	
	.overlay-end{
		left: calc((100dvw - 108px) / 2) !important;
	}

  .terms-item {
    min-width: 192px;
	}

/* Может, вообще уберем */
  /* .look-all-small {
		display: flex;
  } */
}


@media screen and (max-width: 359px) {
  /*--------------------------------------------Блок-контейнеров--------------------------------------------*/
	.block-main-containers .title {
		width: 94%;
		margin-top: 70px;
	}

	/*--------------------------------------------Блок-о-компании--------------------------------------------*/
	.block-main-about .container-2 {
		padding: 40px 16px 0;
	}

	/*--------------------------------------------Блок-терминалов--------------------------------------------*/
	.block-main-terminals .title {
		font-size: var(--font-size-xl);
		line-height: 120%;
		width: 80%;
	}
}


@media screen and (min-width: 2560px) {
  .block-scroll {
      min-height: 796px;
      width: calc(100% - 48px);
      margin: 0 0 0 calc((100vw - 2560px - 48px) / 2);
  }
}