/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-color-two-row-block/block-color-two-row-block.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.color-two-row-block {
  margin: 60px 0; }
  @media screen and (min-width: 1921px) {
    .color-two-row-block {
      margin: 3.12vw 0; } }
  @media screen and (max-width: 640px) {
    .color-two-row-block {
      margin: 20px 0; } }
  .color-two-row-block__container {
    max-width: 1690px;
    width: 100%;
    padding: 0 24px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 640px) {
      .color-two-row-block__container {
        flex-direction: column; } }
    @media screen and (min-width: 1921px) {
      .color-two-row-block__container {
        max-width: 88.02vw;
        padding: 0 1.25vw; } }
  .color-two-row-block__item {
    max-width: 50%;
    width: 100%;
    padding: 89px 64px;
    margin-right: 50px;
    background: linear-gradient(90deg, #6d294a 0%, #b7779d 100%); }
    @media screen and (max-width: 1200px) {
      .color-two-row-block__item {
        padding: 42px 24px;
        margin-right: 24px; } }
    @media screen and (max-width: 640px) {
      .color-two-row-block__item {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 24px; } }
    @media screen and (min-width: 1921px) {
      .color-two-row-block__item {
        margin-right: 2.6vw;
        padding: 4.63vw 3.33vw; } }
  .color-two-row-block__item-right {
    background: linear-gradient(90deg, #78191b 1.02%, #bd585b 100%);
    margin-right: 0; }
    @media screen and (min-width: 1921px) {
      .color-two-row-block__item-right {
        margin-right: 0; } }
  .color-two-row-block__title {
    position: relative;
    font-size: 24px;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 24px;
    color: #fff; }
    @media screen and (min-width: 1200px) {
      .color-two-row-block__title {
        font-size: 32px; } }
    @media screen and (min-width: 1441px) {
      .color-two-row-block__title {
        font-size: 48px; } }
    @media screen and (min-width: 1921px) {
      .color-two-row-block__title {
        font-size: 2.5vw;
        margin-bottom: 1.25vw; } }
  .color-two-row-block__text {
    font-size: 20px;
    color: #fff;
    line-height: 1.6;
    margin-bottom: 0; }
    @media screen and (min-width: 1921px) {
      .color-two-row-block__text {
        font-size: 1.04vw; } }

