/* Generated by vite-plugin-svg-spritemap */
.blog-post {
  padding: 45px 0 70px;
}
.blog-post__container {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.blog-post__title {
  margin-bottom: 25px;
  font-weight: 500;
  font-size: 50px;
  line-height: 100%;
  letter-spacing: -0.04em;
  max-width: 974px;
}
.blog-post__body {
  max-width: 963px;
  font-size: 18px;
  font-weight: 600;
}
.blog-post__steps {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 25px;
  column-gap: 20px;
}
.post-step {
  padding: 25px;
  border-radius: 15px;
  background: #b3ceed;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.post-step__head {
  display: flex;
  align-items: center;
  gap: 15px;
}
.post-step__number {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 120%;
  color: #142142;
}
.post-step__title {
  font-weight: 500;
  font-size: 35px;
  line-height: 100%;
  letter-spacing: -0.06em;
}
.post-banner {
  position: relative;
  overflow: hidden;
  margin: 70px 0;
  padding: 85px 0;
}
.post-banner__container {
  position: relative;
  z-index: 2;
}
.post-banner__body {
  background-color: #fff;
  border-radius: 15px;
  padding: 35px;
  max-width: 731px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
  position: relative;
  overflow: hidden;
}
.post-banner__body::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 40%;
  width: 1622px;
  height: 663px;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 2471 1011' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.15' d='M765.357 582.237L1280.6 692.644L1202.43 741.543L745.867 640.368L658.089 991.545L14.1211 884.344L650.174 211.64L783.307 133.396L149.356 837.327L612.449 916.164L806.414 111.695L667.451 193.366L834.33 16.8711L830.017 11.4473L183.396 390.534L186.937 396.572L812.374 29.9043L645.771 206.108L133.383 507.245L136.93 513.28L628.493 224.382L0 889.09L663.312 999.512L751.006 648.676L1193.96 746.837L812.384 985.541L816.096 991.476L1203.71 748.997L1291.85 768.529L930.007 985.507L933.606 991.511L1301.79 770.732L2383.09 1010.35L2384.61 1003.52L1310.52 765.497L1392.83 716.142L1957.48 838.914L2137.85 516.905L2107.38 703.447L2024.07 854.019L2451.53 948.928L2453.05 942.094L2158.81 876.765L2211.26 530.186L2470.43 61.8076L2263.34 185.983L2276.12 101.57L1515.16 554.367L1898.67 134.106L1834.11 88.8086L1391.26 574.529L1509.92 90.5654L921.342 0L765.357 582.237ZM607.177 908.165L163.07 832.56L794.441 131.492L607.177 908.165ZM2151.96 875.244L2088.71 861.201L2114.1 705.774L2201.51 547.797L2151.96 875.244ZM2081.87 859.681L2034.73 849.214L2104.03 723.958L2081.87 859.681ZM2141.15 496.686L1953.91 830.973L1401.6 710.885L2182.65 242.531L2141.15 496.686ZM1363.81 709.833L1382.84 713.97L1300.58 763.295L1212.17 743.703L1292.04 693.744L1377.91 599.554L1365.1 651.802L1478.16 584.531L1363.81 709.833ZM2255.56 190.653L1391.61 708.713L1377.17 705.574L1498.89 572.192L2266.98 115.15L2255.56 190.653ZM1406.56 186.735L1287.16 686.892L774.025 576.935L898.51 112.275L1406.56 186.735ZM2204.52 527.896L2117.45 685.263L2147.86 499.032L2231.48 349.729L2204.52 527.896ZM1501.3 96.3203L1381.4 585.342L1296.33 678.646L1415.14 180.919L900.334 105.467L926.479 7.87207L1501.3 96.3203ZM1888.14 135.266L1494.42 566.706L1375.88 637.242L1387.77 588.741L1835.13 98.0771L1888.14 135.266ZM2214.27 510.284L2241.18 332.41L2346.59 144.229L2451.7 81.2021L2214.27 510.284ZM2234.45 330.102L2151.16 478.812L2190.51 237.816L2254.2 199.629L2234.45 330.102ZM2244.16 312.782L2261.98 194.96L2334.51 151.473L2244.16 312.782ZM765.357 582.237L1280.6 692.644L1202.43 741.543L745.867 640.368L658.089 991.545L14.1211 884.344L650.174 211.64L783.307 133.396L149.356 837.327L612.449 916.164L806.414 111.695L667.451 193.366L834.33 16.8711L830.017 11.4473L183.396 390.534L186.937 396.572L812.374 29.9043L645.771 206.108L133.383 507.245L136.93 513.28L628.493 224.382L0 889.09L663.312 999.512L751.006 648.676L1193.96 746.837L812.384 985.541L816.096 991.476L1203.71 748.997L1291.85 768.529L930.007 985.507L933.606 991.511L1301.79 770.732L2383.09 1010.35L2384.61 1003.52L1310.52 765.497L1392.83 716.142L1957.48 838.914L2137.85 516.905L2107.38 703.447L2024.07 854.019L2451.53 948.928L2453.05 942.094L2158.81 876.765L2211.26 530.186L2470.43 61.8076L2263.34 185.983L2276.12 101.57L1515.16 554.367L1898.67 134.106L1834.11 88.8086L1391.26 574.529L1509.92 90.5654L921.342 0L765.357 582.237ZM607.177 908.165L163.07 832.56L794.441 131.492L607.177 908.165ZM2151.96 875.244L2088.71 861.201L2114.1 705.774L2201.51 547.797L2151.96 875.244ZM2081.87 859.681L2034.73 849.214L2104.03 723.958L2081.87 859.681ZM2141.15 496.686L1953.91 830.973L1401.6 710.885L2182.65 242.531L2141.15 496.686ZM1363.81 709.833L1382.84 713.97L1300.58 763.295L1212.17 743.703L1292.04 693.744L1377.91 599.554L1365.1 651.802L1478.16 584.531L1363.81 709.833ZM2255.56 190.653L1391.61 708.713L1377.17 705.574L1498.89 572.192L2266.98 115.15L2255.56 190.653ZM1406.56 186.735L1287.16 686.892L774.025 576.935L898.51 112.275L1406.56 186.735ZM2204.52 527.896L2117.45 685.263L2147.86 499.032L2231.48 349.729L2204.52 527.896ZM1501.3 96.3203L1381.4 585.342L1296.33 678.646L1415.14 180.919L900.334 105.467L926.479 7.87207L1501.3 96.3203ZM1888.14 135.266L1494.42 566.706L1375.88 637.242L1387.77 588.741L1835.13 98.0771L1888.14 135.266ZM2214.27 510.284L2241.18 332.41L2346.59 144.229L2451.7 81.2021L2214.27 510.284ZM2234.45 330.102L2151.16 478.812L2190.51 237.816L2254.2 199.629L2234.45 330.102ZM2244.16 312.782L2261.98 194.96L2334.51 151.473L2244.16 312.782Z' fill='%23B3CEED'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.post-banner__title {
  position: relative;
  z-index: 2;
  font-weight: 500;
  font-size: 45px;
  line-height: 100%;
  letter-spacing: -0.04em;
  text-align: center;
}
.post-banner__text {
  position: relative;
  z-index: 2;
  max-width: 598px;
  font-size: 18px;
  line-height: 120%;
  text-align: center;
}
.post-banner__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 991.98px) {
  .blog-post__steps {
    grid-template-columns: auto;
  }
}
@media (max-width: 767.98px) {
  .blog-post__title {
    font-size: 35px;
    line-height: 100%;
    letter-spacing: -0.06em;
  }
  .post-step__title {
    font-size: 25px;
    line-height: 100%;
    letter-spacing: -0.08em;
  }
  .post-banner {
    margin: 50px 0;
    padding: 45px 0;
  }
  .post-banner__body {
    padding: 25px;
  }
  .post-banner__title {
    font-size: 30px;
    letter-spacing: -0.07em;
  }
}