/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[0].use[3]!./template-parts/block-text-card/block-text-card.scss ***!
  \*****************************************************************************************************************************************************************************************************************************/
.text-card {
  background-color: #f2f2f2; }
  .text-card .container {
    display: flex;
    justify-content: center; }
    .text-card .container .text-card-container {
      max-width: 1500px;
      display: flex;
      justify-content: space-between;
      padding: 100px 24px;
      align-items: center; }
      @media screen and (max-width: 991px) {
        .text-card .container .text-card-container {
          flex-direction: column; } }
      .text-card .container .text-card-container .section-title {
        font-size: 48px;
        margin-bottom: 24px; }
        @media screen and (max-width: 1200px) {
          .text-card .container .text-card-container .section-title {
            font-size: 32px; } }
        @media screen and (max-width: 767px) {
          .text-card .container .text-card-container .section-title {
            font-size: 24px; } }
      .text-card .container .text-card-container p {
        max-width: 550px; }
        @media screen and (min-width: 1921px) {
          .text-card .container .text-card-container p {
            max-width: 33vw; } }
      @media screen and (max-width: 767px) {
        .text-card .container .text-card-container {
          padding: 50px 24px; } }

.reversed .text-card-container {
  flex-direction: row-reverse; }

.text_card_background_on_off {
  background-color: #fff; }