.ctabs .container {
  display: flex;
  flex-direction: column;
  padding-top: 47px;
  padding-bottom: 113px; }
  @media (min-width: 1200px) {
    .ctabs .container {
      padding-bottom: 200px; } }
  @media (min-width: 1850px) {
    .ctabs .container {
      padding-bottom: 259px; } }

.ctabs_nav {
  display: flex;
  flex-wrap: wrap;
  margin-top: 35px; }
  @media (min-width: 1200px) {
    .ctabs_nav {
      margin-top: 0;
      margin-bottom: 36px;
      justify-content: center;
      gap: 20px; } }
  @media (min-width: 1850px) {
    .ctabs_nav {
      gap: 30px;
      margin-bottom: 63px; } }
  .ctabs_nav_item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px 32px;
    border-radius: 70px;
    border: 1px solid var(--red);
    background: var(--red-lighter);
    text-decoration: none;
    color: #3F3E3E;
    font-family: var(--font-secondary);
    font-size: 12px;
    line-height: 1;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.24px;
    text-align: center;
    margin: 0 0 23px;
    width: calc(50% - 5px); }
    @media (min-width: 1200px) {
      .ctabs_nav_item {
        width: auto;
        min-width: 173px;
        font-size: 16px;
        transition: all 0.5s;
        margin: 0;
        padding: 16px 32px; } }
    @media (min-width: 1850px) {
      .ctabs_nav_item {
        padding-top: 18.5px;
        padding-bottom: 18.5px; } }
    .ctabs_nav_item:nth-of-type(odd) {
      margin-right: auto; }
      @media (min-width: 1200px) {
        .ctabs_nav_item:nth-of-type(odd) {
          margin-right: 0; } }
    .ctabs_nav_item.active {
      background-color: var(--red);
      color: var(--real-white); }
    @media (min-width: 1200px) {
      .ctabs_nav_item:hover:not(:focus) {
        background-color: var(--red);
        color: var(--real-white); } }
    @media (min-width: 1200px) {
      .ctabs_nav_item:focus {
        opacity: 0.3; } }

.ctabs_content {
  order: -1;
  display: none;
  width: 100%;
  max-width: 337px;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 1200px) {
    .ctabs_content {
      order: 1;
      max-width: 100%; } }
  .ctabs_content.active {
    display: block; }
    @media (min-width: 1200px) {
      .ctabs_content.active {
        display: flex; } }
  .ctabs_content_item {
    margin-bottom: 13px;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: var(--real-white);
    text-decoration: none;
    width: 100%; }
    @media (min-width: 1200px) {
      .ctabs_content_item {
        width: 558px;
        border-radius: 24px;
        margin-bottom: 0; } }
    @media (min-width: 1850px) {
      .ctabs_content_item {
        width: 894px; } }
    .ctabs_content_item:before {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      background-image: url("../../assets/images/mask.png");
      background-repeat: no-repeat;
      background-position: right top;
      background-size: contain; }
    .ctabs_content_item:after {
      content: '';
      display: block;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      border: 1px solid var(--red);
      background-color: var(--red-lighter);
      background-image: url("../../assets/images/ico-arrow-red.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 28px auto;
      position: absolute;
      top: 0px;
      right: 17px;
      transform: rotate(-45deg);
      z-index: 2; }
      @media (min-width: 1200px) {
        .ctabs_content_item:after {
          transition: all 0.5s;
          background-color: var(--red);
          background-image: url("../../assets/images/ico-arrow-white-thin.svg");
          background-size: 22px auto;
          transform: rotate(0deg); } }
      @media (min-width: 1850px) {
        .ctabs_content_item:after {
          width: 70px;
          height: 70px;
          right: 37px;
          top: 5px;
          background-size: 37px auto; } }
    .ctabs_content_item_text {
      position: absolute;
      bottom: 20px;
      left: 50%;
      width: calc(100% - 34px);
      transform: translateX(-50%);
      z-index: 2;
      display: flex;
      flex-direction: column; }
      @media (min-width: 1200px) {
        .ctabs_content_item_text {
          width: calc(100% - 56px); } }
      @media (min-width: 1850px) {
        .ctabs_content_item_text {
          width: calc(100% - 130px); } }
      .ctabs_content_item_text strong {
        font-family: var(--font-secondary);
        font-size: 24px;
        line-height: 1;
        font-style: normal;
        font-weight: 400;
        margin-bottom: 6px; }
        @media (min-width: 1200px) {
          .ctabs_content_item_text strong {
            font-size: 22px;
            margin-bottom: 12px; } }
        @media (min-width: 1850px) {
          .ctabs_content_item_text strong {
            font-size: 38px;
            margin-bottom: 18px; } }
      .ctabs_content_item_text span {
        font-size: 13px;
        line-height: 1.5;
        font-style: normal;
        font-weight: 400;
        text-align: left;
        text-wrap: balance; }
        @media (min-width: 1200px) {
          .ctabs_content_item_text span {
            font-size: 12px; } }
        @media (min-width: 1850px) {
          .ctabs_content_item_text span {
            font-size: 18px; } }
        .ctabs_content_item_text span + span {
          display: none; }
          @media (min-width: 1200px) {
            .ctabs_content_item_text span + span {
              display: block;
              margin-top: 33px;
              margin-bottom: -52px;
              transition: all 0.5s; } }
          @media (min-width: 1850px) {
            .ctabs_content_item_text span + span {
              margin-top: 48px;
              margin-bottom: -82px; } }
    .ctabs_content_item picture {
      width: 100%; }
    .ctabs_content_item_image {
      display: block;
      width: 100%;
      height: 300px;
      object-fit: cover;
      object-position: center;
      position: relative;
      z-index: 0;
      mask: url("../../assets/images/mask-ctabs-m.webp") no-repeat center bottom; }
      @media (min-width: 1200px) {
        .ctabs_content_item_image {
          height: 314px;
          transform-origin: center;
          transform: scale(1);
          transition: all 0.5s; } }
      @media (min-width: 1850px) {
        .ctabs_content_item_image {
          height: 501px; } }
      @media (min-width: 1200px) {
        .ctabs_content_item_image {
          mask: url("../../assets/images/mask-ctabs-t.webp") no-repeat center bottom; } }
      @media (min-width: 1850px) {
        .ctabs_content_item_image {
          mask: url("../../assets/images/mask-ctabs-d.webp") no-repeat center bottom; } }
    @media (min-width: 1850px) {
      .ctabs_content_item:hover .ctabs_content_item_text {
        bottom: 52px; } }
    @media (min-width: 1200px) {
      .ctabs_content_item:hover .ctabs_content_item_text span + span {
        margin-top: 20px;
        margin-bottom: 0; } }
    @media (min-width: 1200px) {
      .ctabs_content_item:hover .ctabs_content_item_image {
        transform: scale(1.15); } }
    @media (min-width: 1200px) {
      .ctabs_content_item:hover:after {
        background-color: var(--red-lighter);
        background-image: url("../../assets/images/ico-arrow-red.svg");
        background-size: 28px auto;
        transform: rotate(-45deg); } }
    @media (min-width: 1850px) {
      .ctabs_content_item:hover:after {
        background-size: 37px auto; } }
  .ctabs_content_media {
    width: 100%;
    height: 194px;
    display: block;
    border-radius: 12px;
    position: relative;
    overflow: hidden; }
    @media only screen and (max-width: 576px) {
      .ctabs_content_media {
        display: none; } }
    @media (min-width: 1200px) {
      .ctabs_content_media {
        order: -1;
        width: calc(100% - 575px);
        height: 314px;
        margin-right: auto;
        border-radius: 25px; } }
    @media (min-width: 1850px) {
      .ctabs_content_media {
        width: calc(100% - 914px);
        height: 501px; } }
    .ctabs_content_media_image {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0%;
      left: 0%;
      transform: translate(0%, 0%) scale(1);
      transition: all 0.5s; }
      @media (min-width: 1200px) {
        .ctabs_content_media_image {
          height: 314px;
          transform-origin: center;
          transform: scale(1);
          transition: all 0.5s; } }
      @media (min-width: 1850px) {
        .ctabs_content_media_image {
          height: 788px; } }
    @media (min-width: 1200px) {
      .ctabs_content_media.hover .ctabs_content_media_image {
        transform: scale(1.15); } }