main {
  overflow: hidden;
}

.stablebonds-wrapper {
  overflow: initial;
  contain: paint;
}

.stablebonds {
  overflow: initial;
  contain: paint;
}
@media screen and (min-width: 1080px) and (max-width: 1600px) {
  .stablebonds .ticker .button {
    padding-top: 44px;
    padding-bottom: 44px;
  }
}
.stablebonds .cards {
  display: flow-root;
  margin-bottom: 140px;
}
@media screen and (min-width: 640px) {
  .stablebonds .cards {
    margin-bottom: 200px;
  }
}
@media screen and (min-width: 1080px) {
  .stablebonds .cards {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1600px) {
  .stablebonds .cards {
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 1080px) {
  .stablebonds .cards .main-container {
    padding: 0 56px;
  }
}
@media screen and (max-width: 767px) {
  .stablebonds .cards .main-container {
    padding: 0 40px;
  }
}
.stablebonds .cards .desk {
  display: none;
}
@media screen and (min-width: 1600px) {
  .stablebonds .cards .desk {
    display: block;
  }
}
.stablebonds .cards .lapt {
  display: none;
}
@media screen and (min-width: 1080px) and (max-width: 1600px) {
  .stablebonds .cards .lapt {
    display: block;
  }
}
.stablebonds .cards .tab {
  display: none;
}
@media screen and (min-width: 768px) and (max-width: 1080px) {
  .stablebonds .cards .tab {
    display: block;
  }
}
.stablebonds .cards .mob {
  display: block;
}
@media screen and (min-width: 767px) {
  .stablebonds .cards .mob {
    display: none;
  }
}
.stablebonds .cards .cards__item {
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 639px) {
  .stablebonds .cards .cards__item {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 640px) {
  .stablebonds .cards .cards__item {
    min-height: 380px;
  }
}
@media screen and (min-width: 1080px) {
  .stablebonds .cards .cards__item {
    overflow: hidden;
    position: sticky;
    top: 0;
    min-height: 100vh;
  }
}
@media screen and (min-width: 1600px) {
  .stablebonds .cards .cards__item {
    padding: 100px 0;
  }
}
.stablebonds .cards .cards__item:not(:last-of-type) {
  margin-bottom: 120px;
}
@media screen and (min-width: 430px) {
  .stablebonds .cards .cards__item:not(:last-of-type) {
    margin-bottom: 140px;
  }
}
@media screen and (min-width: 640px) {
  .stablebonds .cards .cards__item:not(:last-of-type) {
    margin-bottom: 96px;
  }
}
@media screen and (min-width: 1080px) {
  .stablebonds .cards .cards__item:not(:last-of-type) {
    margin-bottom: 0;
  }
}
.stablebonds .cards .cards__item.prev .cards__text, .stablebonds .cards .cards__item.prev .cards__content {
  opacity: 0;
}
.stablebonds .cards .cards__item .cards__bg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 120px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1920px) {
  .stablebonds .cards .cards__item .cards__bg {
    left: 60px;
  }
}
@media screen and (max-width: 1600px) {
  .stablebonds .cards .cards__item .cards__bg {
    left: 80px;
  }
}
@media screen and (max-width: 1080px) {
  .stablebonds .cards .cards__item .cards__bg {
    left: 32px;
  }
}
@media screen and (max-width: 640px) {
  .stablebonds .cards .cards__item .cards__bg {
    left: 24px;
  }
}
@media screen and (min-width: 1360px) and (max-width: 1600px) {
  .stablebonds .cards .cards__item .cards__bg svg {
    width: 1280px;
    height: 600px;
  }
}
.stablebonds .cards .cards__item .cards__bg svg rect {
  fill: #191919 !important;
}
@media screen and (min-width: 1080px) {
  .stablebonds .cards .cards__item:nth-of-type(2n) .cards__bg svg rect {
    fill: #E4FF3F !important;
  }
  .stablebonds .cards .cards__item:nth-of-type(2n) .main-post__title, .stablebonds .cards .cards__item:nth-of-type(2n) .cards__subtitle, .stablebonds .cards .cards__item:nth-of-type(2n) .how__content-title {
    color: #000 !important;
  }
  .stablebonds .cards .cards__item:nth-of-type(2n) .cards__content li {
    color: #000;
  }
  .stablebonds .cards .cards__item:nth-of-type(2n) .cards__content li::before {
    color: #000;
  }
}
.stablebonds .cards .cards__subtitle {
  text-align: left !important;
}
.stablebonds .cards .cards__info {
  position: relative;
}
@media screen and (max-width: 639px) {
  .stablebonds .cards .cards__info {
    max-width: 280px;
  }
}
@media screen and (min-width: 1080px) {
  .stablebonds .cards .cards__info {
    display: flex;
    justify-content: space-between;
    height: 480px;
  }
}
@media screen and (min-width: 1600px) {
  .stablebonds .cards .cards__info {
    min-height: 592px;
  }
}
.stablebonds .cards .cards__text {
  transition: all 0.3s ease;
}
@media screen and (min-width: 1080px) {
  .stablebonds .cards .cards__text {
    width: 484px;
    padding-left: 100px;
    align-self: flex-start;
  }
}
@media screen and (min-width: 1600px) {
  .stablebonds .cards .cards__text {
    padding-left: 112px;
    width: 680px;
  }
}
.stablebonds .cards .cards__content {
  align-self: flex-end;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1080px) {
  .stablebonds .cards .cards__content {
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1080px) {
  .stablebonds .cards .cards__content {
    display: flex;
    gap: 16px;
  }
  .stablebonds .cards .cards__content .how__content-title, .stablebonds .cards .cards__content li {
    min-width: 320px;
    width: 320px;
  }
  .stablebonds .cards .cards__content .how__content-title + .how__content-text {
    min-width: 320px;
  }
}
.stablebonds .cards .cards__content h4::before {
  display: none;
}
@media screen and (max-width: 1080px) {
  .stablebonds .cards .cards__content h4 + .how__content-text ul, .stablebonds .cards .cards__content h4 + .how__content-text ol {
    -moz-column-count: 1;
         column-count: 1;
  }
}
.stablebonds .cards .cards__content ul, .stablebonds .cards .cards__content ol {
  list-style: none;
  counter-reset: my-counter;
}
@media screen and (min-width: 768px) and (max-width: 1080px) {
  .stablebonds .cards .cards__content ul, .stablebonds .cards .cards__content ol {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
}
.stablebonds .cards .cards__content li {
  counter-increment: my-counter;
  position: relative;
  padding-left: 44px;
}
@media screen and (min-width: 640px) {
  .stablebonds .cards .cards__content li {
    padding-left: 52px;
  }
}
@media screen and (min-width: 1600px) {
  .stablebonds .cards .cards__content li {
    padding-left: 72px;
  }
}
.stablebonds .cards .cards__content li:not(:last-of-type) {
  margin-bottom: 16px;
}
@media screen and (min-width: 1080px) {
  .stablebonds .cards .cards__content li:not(:last-of-type) {
    margin-bottom: 24px;
  }
}
.stablebonds .cards .cards__content li::before {
  content: "(" counter(my-counter, decimal-leading-zero) ")";
  position: absolute;
  top: 0;
  left: 0;
  color: #E4FF3F;
}

.how--stablebonds picture {
  position: relative;
  padding-left: 42px;
}
@media screen and (max-width: 639px) {
  .how--stablebonds picture {
    padding-right: 42px;
    width: 328px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 640px) {
  .how--stablebonds picture {
    padding-left: 33px;
  }
}
@media screen and (min-width: 1080px) {
  .how--stablebonds picture {
    padding-left: 50px;
  }
}
@media screen and (min-width: 1600px) {
  .how--stablebonds picture {
    padding-left: 73px;
  }
}
.how--stablebonds picture svg {
  position: absolute;
  left: 0;
  bottom: 43px;
  width: 83px;
  height: 83px;
}
@media screen and (min-width: 640px) {
  .how--stablebonds picture svg {
    bottom: 34px;
    width: 66px;
    height: 66px;
  }
}
@media screen and (min-width: 1080px) {
  .how--stablebonds picture svg {
    bottom: 50px;
    width: 98px;
    height: 98px;
  }
}
@media screen and (min-width: 1600px) {
  .how--stablebonds picture svg {
    bottom: 74px;
    width: 145px;
    height: 145px;
  }
}
.how--stablebonds img {
  width: 100%;
  max-width: 244px;
}
@media screen and (min-width: 640px) {
  .how--stablebonds img {
    max-width: 193px;
  }
}
@media screen and (min-width: 1080px) {
  .how--stablebonds img {
    max-width: 284px;
  }
}
@media screen and (min-width: 1600px) {
  .how--stablebonds img {
    max-width: 422px;
  }
}
@media screen and (min-width: 700px) {
  .how--stablebonds .how__body {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
@media screen and (min-width: 700px) {
  .how--stablebonds .how__content-text {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1600px) {
  .how--stablebonds .how__content-text {
    margin-bottom: 48px;
  }
}
@media screen and (max-width: 639px) {
  .how--stablebonds .header__button {
    margin-top: 0;
  }
}
.how--stablebonds .tab {
  display: none;
}
@media screen and (min-width: 700px) and (max-width: 1080px) {
  .how--stablebonds .tab {
    display: block;
  }
}
.how--stablebonds .mob {
  display: block;
}
@media screen and (min-width: 700px) {
  .how--stablebonds .mob {
    display: none;
  }
}/*# sourceMappingURL=stablebonds.css.map */