/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-zajedno-na-putu-mobile-apps/block-zajedno-na-putu-mobile-apps.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.snnp-phones {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start; }

.snnp-nldu-title-text-block {
  padding: 100px 130px; }
  @media screen and (max-width: 1200px) {
    .snnp-nldu-title-text-block {
      padding: 90px 24px; } }
  @media screen and (max-width: 640px) {
    .snnp-nldu-title-text-block {
      padding: 25px 24px; } }
  @media screen and (min-width: 1921px) {
    .snnp-nldu-title-text-block {
      padding: 5.20833vw 6.77vw; } }

.snnp-nldu-title-text-block__title-box {
  display: flex;
  align-items: center; }
  @media screen and (max-width: 640px) {
    .snnp-nldu-title-text-block__title-box {
      flex-direction: column-reverse;
      align-items: flex-start;
      margin-bottom: 14px; } }

.ap_arrow-img {
  align-self: center;
  transform: translateY(-70px);
  margin: 0 10px; }
  @media screen and (max-width: 1000px) {
    .ap_arrow-img {
      transform: translateY(0) rotate(90deg);
      margin: 30px 0; } }

.ap_phones {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-top: 32px;
  width: 100%; }
  @media screen and (max-width: 1000px) {
    .ap_phones {
      flex-direction: column;
      align-items: center; } }

.ap_phone {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
  flex: 1; }

.ap_phone-img {
  width: 100%;
  height: auto; }

.ap_phone-text {
  width: 100%;
  max-width: 250px;
  margin-top: 50px; }
  @media screen and (max-width: 1250px) {
    .ap_phone-text {
      font-size: 13px; } }
  @media screen and (max-width: 1000px) {
    .ap_phone-text {
      margin-top: 15px; } }