/* Start:/local/templates/main/assets/main.css?176241407714436*/
@import url("https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap");

:root {
  --link-color: #fff;
  --link-hover: #f04923;
  --border-color: #fff;
  --Text-Black: #1e1e1e;
  --Text-Gray: #6b6b6b;
  --Orange: #f04923;
}
body {
  font-family: "Geologica";
  color: var(--Text-Black, #1e1e1e);
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
}

h1 {
  font-size: 146px;
  font-style: normal;
  font-weight: 300;
  line-height: 146px;
}
h2 {
  font-size: 116px;
  font-style: normal;
  font-weight: 300;
  line-height: 116px;
}
h3 {
  font-size: 66px;
  font-style: normal;
  font-weight: 300;
  line-height: 66px;
}

h4 {
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
}

h5 {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

h6 {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.h4-light {
  font-size: 36px;
  font-style: normal;
  font-weight: 300;
  line-height: 36px;
}

.text-m {
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
}

.text-m-regular {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.subtitle {
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
}

@media (max-width: 1200px) {
  h1 {
    font-size: 66px;
    line-height: 66px;
  }
  h2 {
    font-size: 96px;
    line-height: 96px;
  }
  h3 {
    font-size: 56px;
    line-height: 56px;
  }
  h4 {
    font-size: 36px;
    line-height: 36px;
  }
  h5 {
    font-size: 20px;
    line-height: 24px;
  }

  .text-m {
    font-size: 16px;
    line-height: 20px;
  }

  .h4-light {
    font-size: 26px;
    line-height: 26px;
  }

  .subtitle {
    font-size: 22px;
    line-height: 26px;
  }
}
@media (max-width: 744px) {
  h1 {
    font-size: 56px;
    line-height: 56px;
  }
  h2 {
    font-size: 64px;
    line-height: 64px;
  }
  h4 {
    font-size: 26px;
    line-height: 26px;
  }
  .text-m-regular {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 554px) {
  h1 {
    font-size: 42px;
    line-height: 42px;
  }
  h2 {
    font-size: 42px;
    line-height: 42px;
  }
  h3 {
    font-size: 46px;
    line-height: 46px;
  }
}
@media (max-width: 426px) {
  h1 {
    font-size: 36px;
    line-height: 36px;
  }
}
@media (max-width: 375px) {
  h1 {
    font-size: 36px;
    line-height: 36px;
  }
  h2 {
    font-size: 34px;
    line-height: 34px;
  }
  h3 {
    font-size: 30px;
    line-height: 30px;
  }
  h4 {
    font-size: 20px;
    line-height: 20px;
  }

  h5 {
    font-size: 18px;
    line-height: 22px;
  }

  .text-m {
    font-size: 14px;
    line-height: 18px;
  }

  .h4-light {
    font-size: 20px;
    line-height: 20px;
  }

  .subtitle {
    font-size: 18px;
    line-height: 22px;
  }
  .text-m-regular {
    font-size: 14px;
    line-height: 18px;
  }
}

.filter-gray {
  filter: invert(22%) sepia(8%) saturate(140%) hue-rotate(227deg)
    brightness(98%) contrast(90%);
}

.filter-orange {
  filter: invert(37%) sepia(39%) saturate(5177%) hue-rotate(349deg)
    brightness(97%) contrast(93%);
}

.main-screen-card {
  max-width: 420px;
  height: 436px;
  display: flex;
  padding: 36px;
  color: black;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  background-color: rgba(255, 255, 255);
  clip-path: polygon(
    93.102% 1.612%,
    93.102% 1.612%,
    92.77% 1.316%,
    92.416% 1.048%,
    92.043% 0.809%,
    91.653% 0.599%,
    91.248% 0.419%,
    90.83% 0.27%,
    90.4% 0.153%,
    89.961% 0.069%,
    89.514% 0.017%,
    89.062% 0%,
    3.81% 0%,
    3.81% 0%,
    3.192% 0.048%,
    2.605% 0.187%,
    2.059% 0.41%,
    1.56% 0.708%,
    1.116% 1.075%,
    0.735% 1.502%,
    0.425% 1.983%,
    0.194% 2.51%,
    0.05% 3.074%,
    0% 3.67%,
    0% 96.33%,
    0% 96.33%,
    0.05% 96.926%,
    0.194% 97.49%,
    0.425% 98.017%,
    0.735% 98.498%,
    1.116% 98.925%,
    1.56% 99.292%,
    2.059% 99.59%,
    2.605% 99.813%,
    3.192% 99.952%,
    3.81% 100%,
    96.19% 100%,
    96.19% 100%,
    96.808% 99.952%,
    97.395% 99.813%,
    97.941% 99.59%,
    98.44% 99.292%,
    98.884% 98.925%,
    99.265% 98.498%,
    99.575% 98.017%,
    99.806% 97.49%,
    99.95% 96.926%,
    100% 96.33%,
    100% 10.537%,
    100% 10.537%,
    99.982% 10.101%,
    99.929% 9.671%,
    99.841% 9.247%,
    99.719% 8.833%,
    99.565% 8.43%,
    99.378% 8.04%,
    99.16% 7.665%,
    98.912% 7.306%,
    98.634% 6.965%,
    98.326% 6.645%,
    93.102% 1.612%
  );
}

.info-card {
  display: flex;
  margin-right: 24px;
  max-width: 372px;
  padding: 46px 36px 26px 36px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 20px;
  background-color: rgba(255, 255, 255);
  clip-path: polygon(
    7.551% 3.51%,
    7.551% 3.51%,
    7.927% 2.866%,
    8.326% 2.282%,
    8.747% 1.761%,
    9.186% 1.304%,
    9.644% 0.912%,
    10.116% 0.588%,
    10.601% 0.333%,
    11.096% 0.149%,
    11.6% 0.038%,
    12.111% 0%,
    95.699% 0%,
    95.699% 0%,
    96.397% 0.105%,
    97.058% 0.408%,
    97.676% 0.893%,
    98.239% 1.544%,
    98.74% 2.343%,
    99.17% 3.275%,
    99.52% 4.324%,
    99.781% 5.471%,
    99.944% 6.702%,
    100% 8%,
    100% 92%,
    100% 92%,
    99.944% 93.298%,
    99.781% 94.529%,
    99.52% 95.677%,
    99.17% 96.725%,
    98.74% 97.657%,
    98.239% 98.457%,
    97.676% 99.107%,
    97.058% 99.592%,
    96.397% 99.895%,
    95.699% 100%,
    4.301% 100%,
    4.301% 100%,
    3.603% 99.895%,
    2.942% 99.592%,
    2.324% 99.107%,
    1.761% 98.457%,
    1.26% 97.657%,
    0.83% 96.725%,
    0.48% 95.677%,
    0.219% 94.529%,
    0.056% 93.298%,
    0% 92%,
    0% 22.515%,
    0% 22.515%,
    0.02% 21.564%,
    0.08% 20.625%,
    0.18% 19.702%,
    0.317% 18.799%,
    0.492% 17.92%,
    0.703% 17.069%,
    0.949% 16.25%,
    1.23% 15.467%,
    1.545% 14.724%,
    1.892% 14.026%,
    7.551% 3.51%
  );
}
@media (max-width: 744px) {
  .main-screen-card {
    padding: 26px;
    max-width: 431px;
    height: 238px;

    clip-path: polygon(
      94.763% 1.968%,
      94.763% 1.968%,
      94.547% 1.607%,
      94.317% 1.28%,
      94.075% 0.987%,
      93.822% 0.731%,
      93.559% 0.512%,
      93.287% 0.33%,
      93.008% 0.187%,
      92.723% 0.084%,
      92.432% 0.021%,
      92.139% 0%,
      2.784% 0%,
      2.784% 0%,
      2.333% 0.066%,
      1.904% 0.257%,
      1.505% 0.563%,
      1.14% 0.973%,
      0.815% 1.477%,
      0.537% 2.064%,
      0.311% 2.725%,
      0.142% 3.448%,
      0.036% 4.224%,
      0% 5.042%,
      0% 94.958%,
      0% 94.958%,
      0.036% 95.776%,
      0.142% 96.552%,
      0.311% 97.275%,
      0.537% 97.936%,
      0.815% 98.523%,
      1.14% 99.027%,
      1.505% 99.437%,
      1.904% 99.743%,
      2.333% 99.934%,
      2.784% 100%,
      97.216% 100%,
      97.216% 100%,
      97.667% 99.934%,
      98.096% 99.743%,
      98.495% 99.437%,
      98.86% 99.027%,
      99.184% 98.523%,
      99.463% 97.936%,
      99.689% 97.275%,
      99.858% 96.552%,
      99.964% 95.776%,
      100% 94.958%,
      100% 14.234%,
      100% 14.234%,
      99.988% 13.701%,
      99.954% 13.176%,
      99.897% 12.659%,
      99.818% 12.153%,
      99.717% 11.661%,
      99.596% 11.184%,
      99.454% 10.725%,
      99.293% 10.287%,
      99.112% 9.871%,
      98.912% 9.479%,
      94.763% 1.968%
    );
  }

  .info-card {
    max-width: 319px;
  }
}

@media (max-width: 375px) {
  .main-screen-card {
    max-width: 100%;
    height: fit-content;
    gap: 12px;
    clip-path: polygon(
      95.109% 2.043%,
      95.109% 2.043%,
      94.825% 1.668%,
      94.522% 1.328%,
      94.202% 1.025%,
      93.868% 0.759%,
      93.521% 0.531%,
      93.162% 0.342%,
      92.794% 0.194%,
      92.417% 0.087%,
      92.034% 0.022%,
      91.646% 0%,
      3.67% 0%,
      3.67% 0%,
      3.074% 0.068%,
      2.51% 0.266%,
      1.983% 0.582%,
      1.502% 1.007%,
      1.075% 1.528%,
      0.708% 2.136%,
      0.41% 2.82%,
      0.187% 3.568%,
      0.048% 4.371%,
      0% 5.217%,
      0% 94.783%,
      0% 94.783%,
      0.048% 95.629%,
      0.187% 96.432%,
      0.41% 97.18%,
      0.708% 97.864%,
      1.075% 98.472%,
      1.502% 98.993%,
      1.983% 99.418%,
      2.51% 99.734%,
      3.074% 99.932%,
      3.67% 100%,
      96.33% 100%,
      96.33% 100%,
      96.925% 99.932%,
      97.49% 99.734%,
      98.017% 99.418%,
      98.498% 98.993%,
      98.925% 98.472%,
      99.292% 97.864%,
      99.59% 97.18%,
      99.813% 96.432%,
      99.952% 95.629%,
      100% 94.783%,
      100% 11.887%,
      100% 11.887%,
      99.985% 11.337%,
      99.939% 10.794%,
      99.864% 10.259%,
      99.76% 9.737%,
      99.629% 9.228%,
      99.469% 8.735%,
      99.283% 8.261%,
      99.071% 7.808%,
      98.833% 7.378%,
      98.57% 6.973%,
      95.109% 2.043%
    );
  }

  .info-card {
    padding: 36px 36px 26px 36px;
    gap: 16px;
  }
}

.regions-name {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 10px;
  align-self: stretch;
  flex-wrap: wrap;

  color: var(--Text-Gray, #6b6b6b);
}

@media (max-width: 375px) {
  .regions-name {
    gap: 6px;

    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 18px;
  }
}

.info-card__number {
  font-size: 86px;
  font-style: normal;
  font-weight: 300;
  line-height: 60px;
}

@media (max-width: 744px) {
  .info-card__number {
    font-size: 66px;
    line-height: 66px;
  }
}

@media (max-width: 375px) {
  .info-card__number {
    font-size: 56px;
    font-style: normal;
    font-weight: 300;
    line-height: 42px;
  }
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  gap: 8px;
  padding: 16px 26px;
  border-radius: 12px;
  cursor: pointer;
  background: var(--White, #fff);
  color: var(--Text-Black, #1e1e1e);
  transition: background 0.25s ease, color 0.25s ease, filter 0.25s ease;
}

.btn:hover {
  color: var(--White, #fff);
  background: var(--Orange, #f04923);
}

.btn:hover img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(1deg)
    brightness(103%) contrast(101%);
}

.btn:disabled {
  cursor: default;
  filter: contrast(0.4);
}

.btn--accent {
  background: var(--Orange, #f04923);
  color: var(--White, #fff);
}
.btn--accent:hover {
  background: var(--White, #fff);
  color: var(--Text-Black, #1e1e1e);
}

.btn--green {
  background: var(--Orange, #f04923);
  color: var(--White, #fff);
}
.btn--green:hover {
  background: var(--Green, #004746);
}

.btn img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(152deg)
    brightness(101%) contrast(104%);
  transition: filter 0.25s ease;
}

.btn:hover img,
.btn--green:hover img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(152deg)
    brightness(101%) contrast(104%);
}

.btn--accent:hover img {
  filter: invert(37%) sepia(39%) saturate(5177%) hue-rotate(349deg)
    brightness(97%) contrast(93%);
}

.link-base {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  font-style: normal;
  --border-color: #bdbfc6;
  border-bottom: 1px solid var(--border-color);
  transition: border-bottom-color 0.25s ease, color 0.25s ease;
}
footer .link-base {
  font-size: 16px;
}
.link-base:hover {
  color: var(--link-hover);
  border-bottom-color: var(--link-hover);
  cursor: pointer;
}
button.link-with-icon {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: default;
}
.link-with-icon {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 400;
  transition: color 0.25s ease, filter 0.25s ease;
}
.link-with-icon span {
  border-bottom: 1px solid var(--border-color);
  transition: color 0.25s ease, border-bottom-color 0.25s ease;
}
.link-with-icon:is(:hover, :focus-visible) {
  color: var(--link-hover);
  cursor: pointer;
}
.link-with-icon:is(:hover, :focus-visible) span {
  color: var(--link-hover);
  border-bottom-color: var(--link-hover);
}
.link-with-icon--black {
  --border-color: #bdbfc6;
}

@media (max-width: 744px) {
  .link-with-icon,
  .link-base {
    font-size: 16px;
    line-height: 20px;
  }
  .link-with-icon img {
    width: 16px;
  }
}

@media (max-width: 375px) {
  .link-with-icon,
  .link-base {
    font-size: 14px;
    line-height: 18px;
  }
  .link-with-icon img {
    width: 16px;
  }
}

.back-link {
  display: inline-flex;
  gap: 8px;
  cursor: pointer;
  transition: color 0.25s ease, filter 0.25s ease;
}
.back-link:hover {
  color: var(--Orange, #f04923);
}

.back-link img {
  transition: filter 0.25s ease;
}
.back-link:hover img {
  filter: invert(37%) sepia(39%) saturate(5177%) hue-rotate(349deg)
    brightness(97%) contrast(93%);
}

@media (max-width: 744px) {
  .btn,
  .btn-accent {
    font-size: 16px;
    padding: 12px 26px;
  }

  .link {
    font-size: 16px;
    line-height: 20px;
  }
}

@media (max-width: 375px) {
  .btn,
  .btn-accent {
    font-size: 16px;
    padding: 16px 26px;
  }

  .link {
    font-size: 14px;
    line-height: 18px;
  }
}

.section {
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  min-height: 1200px;
  grid-auto-rows: 1fr;
}
@media (min-width: 744px) {
  .section {
    grid-template-columns: repeat(2, 1fr);
    min-height: 850px;
  }
}

.cards-wrapper {
  width: 100%;
}
.cards-inner {
  display: flex;
  justify-content: flex-start;
  gap: 23px;
  padding: 0 232px;
}
@media (max-width: 1440px) {
  .cards-inner {
    padding: 0 64px;
  }
}
@media (max-width: 1200px) {
  .cards-inner {
    padding: 0 44px;
  }
}
.card {
  position: relative;
  flex-shrink: 0;
  min-height: 233px;
}
.card-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.card-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  padding: 40px;
  box-sizing: border-box;
  height: 100%;
}
@media (min-width: 744px) {
  .card {
    flex: 1 1 0;
    min-width: 200px;
    max-width: 470px;
  }
}

@media (max-width: 743px) {
  .cards-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .card {
    flex: 0 0 431px;
  }
}

@media (max-width: 374px) {
  .cards-inner {
    padding: 0px 24px;
  }
  .card {
    flex: 0 0 289px;
    min-height: 185px;
  }
  .card-content {
    padding: 26px;
    height: 185px;
  }
}

/* End */


/* Start:/local/templates/main/assets/modal-window.css?17610162014386*/
body.modal-open {
  overflow: hidden;
}

.modal-overlay {
  display: none;
  position: fixed;
  flex-direction: column;
  gap: 16px;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.modal-overlay.active {
  display: flex;
}

.modal-content {
  height: fit-content;
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 66px;
  border-radius: 8px;
  max-width: 726px;
  height: 606px;
  flex-shrink: 0;
  gap: 26px;
  margin: 0px 44px;
  clip-path: polygon(
    100% 88.246%,
    100% 88.246%,
    99.99% 88.559%,
    99.959% 88.869%,
    99.908% 89.173%,
    99.838% 89.471%,
    99.749% 89.761%,
    99.641% 90.042%,
    99.515% 90.312%,
    99.371% 90.57%,
    99.21% 90.815%,
    99.032% 91.046%,
    92.529% 98.839%,
    92.529% 98.839%,
    92.337% 99.053%,
    92.132% 99.245%,
    91.917% 99.418%,
    91.691% 99.569%,
    91.457% 99.698%,
    91.214% 99.805%,
    90.966% 99.89%,
    90.712% 99.951%,
    90.453% 99.988%,
    90.191% 100%,
    3.306% 100%,
    3.306% 100%,
    2.77% 99.948%,
    2.261% 99.798%,
    1.787% 99.558%,
    1.353% 99.236%,
    0.968% 98.84%,
    0.638% 98.379%,
    0.369% 97.86%,
    0.169% 97.291%,
    0.043% 96.682%,
    0% 96.04%,
    0% 11.754%,
    0% 11.754%,
    0.01% 11.441%,
    0.041% 11.131%,
    0.092% 10.827%,
    0.162% 10.529%,
    0.252% 10.239%,
    0.359% 9.958%,
    0.485% 9.688%,
    0.629% 9.43%,
    0.79% 9.185%,
    0.968% 8.955%,
    7.471% 1.161%,
    7.471% 1.161%,
    7.663% 0.948%,
    7.868% 0.755%,
    8.083% 0.582%,
    8.309% 0.431%,
    8.543% 0.302%,
    8.785% 0.195%,
    9.034% 0.11%,
    9.288% 0.049%,
    9.547% 0.012%,
    9.809% 0%,
    96.694% 0%,
    96.694% 0%,
    97.23% 0.052%,
    97.739% 0.202%,
    98.213% 0.442%,
    98.647% 0.764%,
    99.032% 1.16%,
    99.362% 1.621%,
    99.631% 2.14%,
    99.831% 2.709%,
    99.957% 3.318%,
    100% 3.96%,
    100% 88.246%
  );
}

.close-modal-btn {
  width: 66px;
  cursor: pointer;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(152deg)
    brightness(101%) contrast(104%);
}

.close-modal-btn:hover {
  filter: invert(32%) sepia(74%) saturate(2886%) hue-rotate(351deg)
    brightness(100%) contrast(89%);
}

@media (max-width: 744px) {
  .modal-content {
    height: fit-content;
    max-width: 656px;
    min-height: 498px;
    padding: 56px;
  }
  .close-modal-btn {
    width: 56px;
  }
}

@media (max-width: 375px) {
  .modal-content {
    width: 327px;
    margin: 0 24px;
    gap: 16px;
    padding: 46px 36px;
    padding-top: 26px;
    clip-path: polygon(
      100% 93.218%,
      100% 93.218%,
      99.985% 93.423%,
      99.939% 93.624%,
      99.864% 93.822%,
      99.76% 94.016%,
      99.628% 94.205%,
      99.469% 94.388%,
      99.283% 94.564%,
      99.07% 94.732%,
      98.833% 94.891%,
      98.57% 95.041%,
      90.62% 99.242%,
      90.62% 99.242%,
      90.335% 99.381%,
      90.032% 99.507%,
      89.713% 99.62%,
      89.379% 99.719%,
      89.032% 99.803%,
      88.673% 99.873%,
      88.304% 99.928%,
      87.928% 99.968%,
      87.545% 99.992%,
      87.157% 100%,
      3.67% 100%,
      3.67% 100%,
      3.074% 99.975%,
      2.51% 99.901%,
      1.983% 99.784%,
      1.502% 99.627%,
      1.075% 99.433%,
      0.708% 99.208%,
      0.41% 98.954%,
      0.187% 98.676%,
      0.048% 98.378%,
      0% 98.065%,
      0% 6.782%,
      0% 6.782%,
      0.015% 6.577%,
      0.061% 6.376%,
      0.136% 6.178%,
      0.24% 5.984%,
      0.372% 5.795%,
      0.531% 5.612%,
      0.717% 5.436%,
      0.93% 5.268%,
      1.167% 5.109%,
      1.43% 4.958%,
      9.38% 0.758%,
      9.38% 0.758%,
      9.665% 0.619%,
      9.968% 0.493%,
      10.287% 0.38%,
      10.621% 0.281%,
      10.968% 0.197%,
      11.327% 0.127%,
      11.695% 0.072%,
      12.072% 0.032%,
      12.455% 0.008%,
      12.843% 0%,
      96.33% 0%,
      96.33% 0%,
      96.925% 0.025%,
      97.49% 0.099%,
      98.017% 0.216%,
      98.498% 0.373%,
      98.925% 0.567%,
      99.292% 0.792%,
      99.59% 1.046%,
      99.813% 1.324%,
      99.952% 1.622%,
      100% 1.935%,
      100% 93.218%
    );
  }
}

/* End */
/* /local/templates/main/assets/main.css?176241407714436 */
/* /local/templates/main/assets/modal-window.css?17610162014386 */