/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/postcss-loader/dist/cjs.js!./src/styles/section/article.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
/*images*/
.article {
  margin-bottom: 7.0625rem; }
  .article .h2-title {
    margin-bottom: 2.5rem; }
    @media only screen and (min-width: 768px) {
      .article .h2-title {
        padding: 0 5.3125rem; } }
    @media only screen and (max-width: 767px) {
      .article .h2-title {
        font-size: 2.125rem; } }
  .article__description {
    margin-bottom: 3.125rem;
    font-size: 1.25rem;
    letter-spacing: -0.02813rem;
    line-height: 1.4;
    color: var(--color-text);
    font-weight: 500; }
    @media only screen and (min-width: 768px) {
      .article__description {
        padding: 0 7.8125rem; } }
  .article__content {
    margin: 0 auto;
    padding: 3.5625rem 4.0625rem 3.5625rem 4.9375rem;
    max-width: 66.25rem;
    background-color: #fff;
    border-radius: 3.25rem; }
    @media only screen and (max-width: 767px) {
      .article__content {
        margin-bottom: 2.5rem;
        padding: 1.25rem; } }
    .article__content h3 {
      font-family: var(--font-Nokio);
      font-size: 1.6875rem;
      line-height: 1.125;
      color: var(--color-text);
      font-weight: 700; }
      @media only screen and (max-width: 767px) {
        .article__content h3 {
          margin-bottom: 0.3125rem;
          font-size: 1.875rem; } }
    .article__content p {
      color: #000;
      letter-spacing: 0.00625rem;
      line-height: 1.4; }
      .article__content p:not(:last-child) {
        margin-bottom: 1.75rem; }
        .article__content p:not(:last-child):has(+ h3) {
          margin-bottom: 2.75rem; }
    .article__content a {
      color: #fa4238; }
      @media (hover: hover) {
        .article__content a:hover {
          text-decoration: underline; } }
      @media (hover: none) {
        .article__content a:active {
          text-decoration: underline; } }
    .article__content ol,
    .article__content ul {
      padding-left: 3.5625rem;
      list-style: none; }
      @media only screen and (max-width: 767px) {
        .article__content ol,
        .article__content ul {
          padding-left: 1.5625rem; } }
      .article__content ol:not(:last-child),
      .article__content ul:not(:last-child) {
        margin-bottom: 1.5rem; }
        .article__content ol:not(:last-child):has(+ h3),
        .article__content ul:not(:last-child):has(+ h3) {
          margin-bottom: 2.75rem; }
    .article__content li {
      color: #000;
      letter-spacing: 0.00625rem;
      position: relative; }
    .article__content ul li:before {
      content: "";
      position: absolute;
      top: 0.75rem;
      left: -1.6875rem;
      width: 0.4375rem;
      height: 0.4375rem;
      background-color: #fa4238;
      border-radius: 100%; }
    .article__content ol li {
      counter-increment: list-counter; }
      .article__content ol li:before {
        content: counter(list-counter) ".";
        position: absolute;
        top: 0;
        left: -1.6875rem;
        color: #fa4238; }
  .article__hint {
    margin: 3.3125rem auto 0;
    max-width: 65.9375rem;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #000;
    font-weight: 700;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .article__hint:has(+ .article__actions) {
        margin-bottom: 4.75rem; } }
    .article__hint a {
      color: #fa4238; }
      @media (hover: hover) {
        .article__hint a:hover {
          text-decoration: underline; } }
      @media (hover: none) {
        .article__hint a:active {
          text-decoration: underline; } }
  .article__actions {
    margin-top: 4.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.625rem; }
    @media only screen and (min-width: 768px) {
      .article__actions {
        padding-right: 0.5rem; } }
    @media only screen and (max-width: 767px) {
      .article__actions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    @media only screen and (min-width: 768px) {
      .article__actions .btn {
        padding-left: 1.3125rem;
        padding-right: 1.3125rem;
        min-width: 12.625rem; } }


/*# sourceMappingURL=section-article.css.map*/