/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-mobile-app-blue-back/block-mobile-app-blue-back.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
.kartica-app-banner {
  background: #0178c0;
  color: #fff; }
  @media screen and (max-width: 991px) {
    .kartica-app-banner {
      padding: 100px 0; } }
  @media screen and (max-width: 767px) {
    .kartica-app-banner {
      padding: 80px 0; } }
  @media screen and (max-width: 576px) {
    .kartica-app-banner {
      padding: 50px 0; } }

.kartica-app-banner__container {
  max-width: 1429px;
  margin: 0 auto;
  position: relative;
  padding: 111px 15px 81px; }
  @media screen and (max-width: 1599px) {
    .kartica-app-banner__container {
      padding: 111px 15px; } }
  @media screen and (max-width: 991px) {
    .kartica-app-banner__container {
      padding: 0 15px; } }
  @media screen and (min-width: 1199px) {
    .kartica-app-banner__container {
      max-width: 1459px;
      min-height: 511px;
      display: flex; } }
  @media screen and (min-width: 1921px) {
    .kartica-app-banner__container {
      padding: 5.78125vw 0.78125vw 4.21875vw;
      max-width: 74.42708vw;
      min-height: 26.614vw; } }

@media screen and (max-width: 991px) {
  .kartica-app-banner__row .kartica-app-banner__col:last-child {
    position: relative;
    margin-top: -125px;
    order: -1; } }

@media screen and (max-width: 767px) {
  .kartica-app-banner__row .kartica-app-banner__col:last-child {
    margin-top: -100px; } }

@media screen and (max-width: 576px) {
  .kartica-app-banner__row .kartica-app-banner__col:last-child {
    margin-top: -70px; } }

@media screen and (min-width: 991px) {
  .kartica-app-banner__row .kartica-app-banner__col:last-child {
    position: static; } }

@media screen and (min-width: 1199px) {
  .kartica-app-banner__row {
    width: 100%;
    align-items: center; } }

.kartica-app-banner__title {
  letter-spacing: -0.5px;
  max-width: 640px; }
  @media screen and (min-width: 1921px) {
    .kartica-app-banner__title {
      letter-spacing: -0.02604166vw;
      max-width: 33.333vw; } }

.kartica-app-banner__link {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }
  .kartica-app-banner__link img,
  .kartica-app-banner__link svg {
    border-radius: 6px;
    background: #000;
    width: 100%; }
    @media screen and (min-width: 1921px) {
      .kartica-app-banner__link img,
      .kartica-app-banner__link svg {
        border-radius: 0.3125vw;
        width: 11.09375vw;
        height: 3.125vw; } }

.kartica-app-banner__link-wrapper {
  margin-top: 52px;
  display: flex; }
  @media screen and (max-width: 991px) {
    .kartica-app-banner__link-wrapper {
      justify-content: center; } }
  .kartica-app-banner__link-wrapper .kartica-app-banner__link-wrap:last-child .kartica-app-banner__link-text {
    opacity: 0; }
  .kartica-app-banner__link-wrapper .kartica-app-banner__link-wrap:not(:last-child) {
    margin-right: 80px; }
    @media screen and (max-width: 767px) {
      .kartica-app-banner__link-wrapper .kartica-app-banner__link-wrap:not(:last-child) {
        margin-right: 50px; } }
    @media screen and (max-width: 576px) {
      .kartica-app-banner__link-wrapper .kartica-app-banner__link-wrap:not(:last-child) {
        margin-right: 30px; } }
    @media screen and (min-width: 1921px) {
      .kartica-app-banner__link-wrapper .kartica-app-banner__link-wrap:not(:last-child) {
        margin-right: 4.16666vw; } }
  @media screen and (max-width: 767px) {
    .kartica-app-banner__link-wrapper {
      margin-top: 30px; } }
  @media screen and (min-width: 1921px) {
    .kartica-app-banner__link-wrapper {
      margin-top: 2.70833vw; } }

.kartica-app-banner__link-wrap {
  max-width: 213px;
  position: relative; }
  @media screen and (min-width: 1921px) {
    .kartica-app-banner__link-wrap {
      max-width: 11.09375vw; } }

.kartica-app-banner__link-text {
  letter-spacing: -0.15px;
  line-height: 1.7;
  margin-bottom: 18px;
  padding-bottom: 75px;
  width: 350px; }
  @media screen and (max-width: 780px) {
    .kartica-app-banner__link-text {
      width: auto; } }
  @media screen and (min-width: 1921px) {
    .kartica-app-banner__link-text {
      letter-spacing: -0.0078125vw;
      margin-bottom: 0.9375vw;
      padding-bottom: 3.125vw; } }

@media screen and (max-width: 1299px) {
  .kartica-app-banner__img-wrap {
    width: calc(50% - 30px); }
    .kartica-app-banner__img-wrap img {
      margin: 0 0 0 auto; } }

@media screen and (max-width: 991px) {
  .kartica-app-banner__img-wrap {
    width: 60%;
    margin: 0 auto 50px; }
    .kartica-app-banner__img-wrap img {
      margin: 0 auto; } }

@media screen and (max-width: 767px) {
  .kartica-app-banner__img-wrap {
    width: 80%;
    margin: 0 auto 30px; } }

@media screen and (max-width: 400px) {
  .kartica-app-banner__img-wrap {
    width: 100%; } }

@media screen and (min-width: 991px) {
  .kartica-app-banner__img-wrap {
    top: -48px;
    right: 15px;
    position: absolute; } }

@media screen and (min-width: 1921px) {
  .kartica-app-banner__img-wrap {
    top: -2.5vw;
    right: 0.78125vw; }
    .kartica-app-banner__img-wrap img {
      width: 32.6041666vw;
      height: 26.6145833vw; } }