.container {
  .cover {
    p {
      display: none;
    }

    .content {
      .title {
        margin-bottom: 0;
      }
    }
  }

  .quiz {
    background-color: white;
    top: -245px;
    padding-bottom: 0px;
  }

  @media (max-width: 1290px) {
    .quiz {
      top: -70px;
      padding-bottom: 70px;
    }
  }

  @media (max-width: 1190px) {
    .quiz {
      padding: 50px 0 30px;
    }
  }

  @media (max-width: 935px) {
    .quiz {
      top: -40px;
    }
  }

  @media (max-width: 580px) {
    .quiz {
      padding: 40px 25px 25px;
    }
  }

  .infog {
    .line {
      .block_1 {
        font-family: Lato-Black;
        p {
          font-size: 30px;
          line-height: 140%;
          padding: 70px 0 0;
          color: #87336f;
        }
      }

      .block_2 {
        font-size: 17px;
        line-height: 140%;
        width: 540px;

        .icon_infog_umbrella {
          position: absolute;
          width: 140px;
          top: 30px;
          right: 30px;
        }

        strong {
          color: #87336f;
          font-size: 30px;
          line-height: 130%;
          display: block;
          padding: 25px 0;
          max-width: 445px;
          font-family: Lato-Black;

          sup {
            font-size: 17px;
          }
        }

        .text {
          max-width: 480px;
        }
      }

      .block_3 {
        .flex {
          gap: 50px;
        }

        margin: 0;
      }
    }

    @media (max-width: 1290px) {
      .line {
        .block_1 {
          p {
            font-size: 25px;
          }
        }

        .block_2 {
          width: 450px;

          .icon_infog_umbrella {
            width: 110px;
          }

          strong {
            font-size: 25px;
          }
        }
      }
    }

    @media (max-width: 1190px) {
      .line {
        .block_1 {
          p {
            font-size: 22px;
            padding: 50px 0 0;
          }
        }

        .block_2 {
          font-size: 16px;

          .icon_infog_umbrella {
            width: 95px;
            top: 20px;
          }

          strong {
            font-size: 22px;
            padding: 20px 0;
          }
        }

        .block_3 {
          padding-bottom: 140px;
        }
      }
    }

    @media (max-width: 935px) {
      .line {
        .block_1 {
          p {
            font-size: 19px;
            padding: 40px 0 0;
          }
        }

        .block_2 {
          font-size: 13px;

          strong {
            font-size: 17px;
            line-height: 120%;
            max-width: 365px;

            sup {
              font-size: 11px;
            }
          }

          .icon_infog_umbrella {
            width: 75px;
          }
        }

        .block_3 {
          padding: 25px;
        }
      }
    }

    @media (max-width: 580px) {
      .line {
        .block_1 {
          p {
            font-size: 17px;
            line-height: 120%;
            padding: 30px 0 0;
          }
        }

        .block_3 {
          padding: 20px;
          .flex {
            display: block;

            p {
              margin-top: 20px;
            }
          }
        }
      }
    }
  }
}