@font-face {
  font-family: Neue;
  src: url('../fonts/NeueHaasDisplayBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: #f7f7f7;
  --font-family--neu-has: Neue, Arial, sans-serif;
  --black: black;
  --basic-text: 14px;
  --pod-naslov: 60px;
  --corner-radius: 40px;
  --padding: 2em;
  --manji-padding: 1em;
  --gray-950: #262626;
  --font-family--inter: Inter, sans-serif;
  --brand-color2: #3c2260;
  --brand-color1: #e32a6a;
  --gray-900: #3d3d3d;
  --veci-padding: 6em;
  --gray-50: #f6f6f6;
  --brand-color3: #ffb0cc;
  --gray-700: #4f4f4f;
  --gray-200: #d1d1d1;
  --brand-color4: #fadaa3;
  --white-600: #fff9;
  --black-400: #0006;
  --brand-100: #e6e4f1;
  --white-800: #fffc;
  --white-200: #fff3;
  --gray-100: #e7e7e7;
  --gray-400: #888;
  --gray-500: #6d6d6d;
  --brand-50: #ffdce8;
  --glavni-naslov: 80px;
  --margin--margin-top: 60px;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

p {
  margin-bottom: 10px;
}

.body {
  background-color: var(--white);
  font-family: var(--font-family--neu-has);
  color: var(--black);
  font-size: var(--basic-text);
  line-height: 120%;
}

.hero-section {
  padding-bottom: var(--pod-naslov);
  border-bottom-left-radius: var(--corner-radius);
  border-bottom-right-radius: var(--corner-radius);
  background-image: url('../images/661167f6d8f513f946598ff6_Gradient-Fill-1-1.png');
  background-position: 80% 0;
  background-size: auto;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.header {
  padding-right: var(--padding);
  padding-left: var(--padding);
  border-radius: 0px 0px var(--corner-radius) var(--corner-radius);
  background-color: #0000;
  border: 0 solid #000;
  border-bottom: 1px solid #0000;
  position: fixed;
  inset: 0 0 auto;
}

.header:where(.w-variant-64f96017-ba69-f125-6b20-5ef291023b09) {
  background-color: #0000;
}

.container {
  margin-top: var(--manji-padding);
  margin-bottom: var(--manji-padding);
  background-color: #0000;
  width: 100%;
  max-width: 85%;
}

.menu-toggle:where(.w-variant-64f96017-ba69-f125-6b20-5ef291023b09) {
  filter: brightness(0%) saturate() invert(8%) sepia(5%) saturate(72%) hue-rotate(314deg) brightness(95%) contrast(83%);
}

.toggle-text {
  color: var(--white);
  font-size: 28px;
  font-weight: 800;
  line-height: 120%;
}

.toggle-text:where(.w-variant-64f96017-ba69-f125-6b20-5ef291023b09) {
  color: var(--gray-950);
}

.menu-toggle-div {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  justify-content: flex-end;
  align-items: center;
  display: none;
}

.brand-link {
  padding-left: 0;
}

.logo {
  max-width: 20%;
}

.logo:where(.w-variant-64f96017-ba69-f125-6b20-5ef291023b09) {
  filter: saturate(0%) invert();
}

.nav-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-logo-div {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.page-label {
  background-color: var(--brand-color2);
  color: var(--white);
  text-transform: uppercase;
  border-radius: 100px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 900;
  line-height: 100%;
}

.menu-open {
  padding: 0;
}

.menu-open.w--open {
  background-color: #0000;
}

.home-hero-detail-div {
  grid-column-gap: var(--manji-padding);
  grid-row-gap: var(--manji-padding);
  flex-flow: column;
  display: flex;
}

.sub-heading {
  font-family: var(--font-family--neu-has);
  color: var(--brand-color1);
  -webkit-text-stroke-color: var(--white);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  line-height: 120%;
}

.sub-heading.client-review-text {
  color: var(--gray-950);
}

.white-text {
  color: var(--white);
}

.h1-heading {
  color: var(--gray-950);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 100%;
}

.h1-heading.home-hero-heading {
  color: var(--brand-color2);
  max-width: 50%;
  font-size: 60px;
  font-weight: 700;
}

.h1-heading.project-hero-heading-text {
  color: var(--brand-color2);
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.h1-heading.project-hero-heading {
  max-width: 600px;
}

.h1-heading.home-hero-heading-2 {
  color: var(--brand-color1);
  max-width: 40%;
  font-size: 60px;
  font-weight: 700;
}

.h1-heading.project-hero-heading-team {
  color: var(--brand-color2);
  text-align: left;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.large-paragraph {
  color: var(--gray-900);
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
}

.large-paragraph.home-hero-paragraph {
  color: var(--white);
  max-width: 400px;
}

.large-paragraph.bold-text {
  color: var(--gray-900);
  font-weight: 600;
}

.large-paragraph.bold-text.faq-heading {
  white-space: normal;
}

.large-paragraph.footer-text-link {
  font-family: var(--font-family--inter);
  color: var(--gray-900);
  text-transform: none;
  text-decoration: none;
}

.large-paragraph.footer-text-link.w--current {
  color: var(--gray-900);
}

.large-paragraph.product-review-text {
  max-width: 900px;
}

.section {
  margin-top: var(--veci-padding);
  padding-top: var(--veci-padding);
  padding-bottom: var(--veci-padding);
  border-radius: 8px;
}

.section.bg-gray {
  margin-top: var(--manji-padding);
  background-color: var(--gray-50);
}

.section.bg-blue {
  border-radius: var(--corner-radius);
  background-color: var(--brand-color2);
}

.section.bg-blue.position-relative {
  margin-right: var(--padding);
  margin-left: var(--padding);
  border-radius: var(--corner-radius);
  max-width: 100%;
}

.section.bg-blue.position-relative-copy {
  margin-right: var(--padding);
  margin-left: var(--padding);
  border-radius: var(--corner-radius);
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: auto;
  padding-top: 3em;
  padding-bottom: 3em;
  display: flex;
}

.section.team-section {
  background-image: linear-gradient(#1c26e666, #1c26e666), url('../images/team-background.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding: 30px;
}

.section.footer {
  border-radius: var(--corner-radius) var(--corner-radius) 0px 0px;
  background-color: var(--brand-color3);
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.section.blog-section {
  padding-top: 20px;
}

.our-ecosystem-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.our-ecosystem-heading-div {
  max-width: 35%;
}

.our-ecosystem-heading-div.team {
  max-width: 50%;
}

.h2-heading {
  font-family: var(--font-family--neu-has);
  color: var(--brand-color2);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
}

.h2-heading.semibold-text {
  font-weight: 600;
}

.h2-heading.normal-text {
  font-weight: 400;
}

.h2-heading.white-text {
  color: var(--brand-color1);
  font-size: var(--corner-radius);
  text-decoration: none;
}

.h2-heading.service-heading-text {
  color: var(--white);
  font-size: 40px;
}

.h2-heading.project-heading-text {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}

.h2-heading.light-text {
  color: var(--brand-color1);
  font-weight: 200;
}

.h2-heading.h2-zasto {
  color: var(--brand-color2);
  font-size: 40px;
}

.h2-heading.white-text-copy {
  color: var(--white);
  max-width: 55%;
  font-size: 40px;
}

.h2-heading.management {
  font-family: var(--font-family--neu-has);
  color: var(--white);
  margin-top: 20px;
  font-size: 60px;
}

.h2-heading.management.flow {
  margin-top: 0;
  font-size: 30px;
}

.our-ecosystem-detail-div {
  max-width: 50%;
}

.h3-heading {
  font-family: var(--font-family--neu-has);
  color: var(--brand-color2);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 34px;
  font-weight: 700;
  line-height: 120%;
}

.h3-heading.our-ecosystem-heading-text {
  max-width: 880px;
  margin-top: 18px;
}

.h3-heading.blog-heading-text {
  color: var(--brand-color1);
  max-width: 465px;
}

.h3-heading.cheers {
  color: var(--brand-color1);
  font-size: 40px;
}

.h3-heading.contact {
  color: var(--white);
  font-size: 30px;
}

.our-ecosystem-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto;
  margin-top: 60px;
}

.our-ecosystem-card {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-flow: column;
  display: flex;
}

.our-ecosystem-icon-div {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.our-ecosystem-icon {
  border-radius: 12px;
  max-width: 20%;
}

.our-ecosystem-count-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.large-text {
  color: var(--gray-950);
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
}

.large-text.our-ecosystem-count-text {
  max-width: 230px;
}

.large-text.newsletter-sub-heading {
  color: var(--brand-color2);
  font-size: var(--padding);
  font-weight: 500;
}

.large-text.contact-number-text {
  color: var(--gray-700);
}

.brand-700-text {
  color: var(--brand-color2);
}

.gray-200-line {
  background-color: var(--gray-200);
  width: 100%;
  height: 1px;
}

.paragraph {
  font-family: var(--font-family--inter);
  color: var(--brand-color2);
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.paragraph.our-ecosystem-paragraph {
  max-width: 410px;
}

.paragraph.proven-number-paragraph {
  max-width: 265px;
}

.paragraph.white-800-color {
  color: var(--gray-950);
}

.paragraph.white-800-color.how-we-work-paragraph {
  max-width: 450px;
}

.paragraph.white-800-color.process-paragraph {
  max-width: 380px;
}

.paragraph.white-800-color.team-paragraph {
  max-width: 450px;
}

.paragraph.white-800-color.newsletter-text {
  max-width: 334px;
  margin-top: 12px;
  margin-bottom: 32px;
}

.paragraph.white-800-color.copyright-text-link {
  text-decoration: none;
}

.paragraph.white-800-color.template-text-link {
  text-transform: uppercase;
  text-decoration: none;
}

.paragraph.white-800-color.social-media-link {
  color: var(--brand-color1);
  font-size: var(--manji-padding);
  text-decoration: none;
}

.paragraph.faq-paragraph {
  max-width: 370px;
}

.paragraph.faq-ans {
  font-family: var(--font-family--inter);
  color: var(--brand-color2);
  max-width: 580px;
}

.paragraph.blog-paragraph {
  font-family: var(--font-family--inter);
  max-width: 370px;
}

.paragraph.social-media-link {
  color: var(--brand-color1);
  text-decoration: none;
}

.paragraph.project-paragraph {
  max-width: 630px;
}

.paragraph.project-detail-hero-paragraph {
  max-width: 600px;
  margin-bottom: 24px;
}

.paragraph.bold-text {
  color: var(--gray-950);
  font-weight: 600;
}

.paragraph.project-text {
  max-width: 630px;
  margin-bottom: 24px;
}

.paragraph.success-message-text {
  color: var(--black);
}

.paragraph.hero-template-paragraph {
  max-width: 635px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph.template-paragraph {
  margin-top: 24px;
  margin-bottom: 24px;
}

.paragraph.template-link {
  font-weight: 600;
  transition: all .3s;
}

.paragraph.template-link:hover {
  color: var(--brand-color2);
}

.paragraph.white-text {
  color: var(--white);
}

.paragraph.cheers {
  color: var(--white);
  font-size: 16px;
  font-weight: 400;
}

.paragraph.cheers.team {
  color: var(--brand-color2);
}

.text-link {
  color: var(--brand-color2);
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
}

.common-heading-div {
  grid-column-gap: var(--manji-padding);
  grid-row-gap: var(--manji-padding);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.common-heading-div.text-center {
  justify-content: flex-start;
  align-items: center;
}

.common-button {
  background-color: var(--brand-color2);
  font-family: var(--font-family--inter);
  color: var(--brand-color4);
  background-image: url('../images/button-arrow.svg');
  background-position: 88%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 8px;
  padding: 14px 50px 14px 24px;
  font-size: 16px;
  line-height: 120%;
  transition: all .3s;
  box-shadow: 0 9px 9px #00000021, 0 2px 5px #00000026;
}

.common-button:hover {
  background-position: 92%;
}

.common-button.white-button {
  background-color: var(--white);
  color: var(--brand-color2);
  background-image: url('../images/white-button-arrow.svg');
}

.common-button.back-button {
  background-image: url('../images/back-button-arrow.svg');
  background-position: 14%;
  padding-left: 50px;
  padding-right: 24px;
}

.common-button.back-button:hover {
  background-position: 10%;
}

.common-button.large-button {
  background-position: 90%;
}

.common-button.large-button:hover {
  background-position: 92%;
}

.common-button.large-button.white-button {
  background-color: var(--white);
}

.proven-number-grid {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 8em;
}

.proven-number-grid.manage {
  margin-top: var(--veci-padding);
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

.proven-number-grid.manage.flow {
  margin-top: 4em;
}

.proven-number-grid.manage.flow._2 {
  grid-row-gap: var(--veci-padding);
  grid-template-columns: 1fr;
  margin-top: 0;
}

.proven-number-grid.manage.flow._3 {
  grid-row-gap: var(--veci-padding);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  margin-top: 0;
}

.proven-number-grid.manage.delete2x2 {
  grid-template-rows: auto auto;
}

.proven-number-grid.manage.delete1x1 {
  grid-template-rows: auto;
}

.proven-number-grid.manage.delete2x4 {
  grid-template-rows: auto auto auto auto;
}

.proven-number-grid.manage.delete2x3 {
  grid-row-gap: 4rem;
}

.proven-number-card {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.proven-number-detail-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.position-relative {
  position: relative;
}

.join-with-us-grid {
  grid-column-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

.join-with-us-div {
  height: 50vh;
  position: relative;
  overflow: hidden;
}

.join-with-us-div._2 {
  border-radius: var(--corner-radius);
}

.join-with-us-card {
  z-index: 1;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
  position: relative;
}

.join-with-us-heading-span {
  color: var(--white-600);
  display: block;
}

.company-logo-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.company-logo-image-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.join-with-us-image-div {
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 65%;
  display: flex;
  position: relative;
}

.join-with-us-image {
  border-radius: 4px;
  width: 100%;
  height: 100%;
}

.join-with-image-overlay {
  background-color: var(--black-400);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  border-radius: 4px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.join-with-us-small-image-div {
  border-radius: 4px;
  width: 85%;
  height: 85%;
  position: absolute;
  overflow: hidden;
}

.join-with-us-small-image {
  object-fit: cover;
  border-radius: 4px;
  position: absolute;
  inset: -75px auto auto;
}

.join-with-image-gradient-overlay {
  background-image: linear-gradient(180deg, transparent 49%, var(--white));
  border-radius: 4px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.join-with-us-icon-01 {
  border-radius: 100px;
  max-width: 30%;
  position: absolute;
  inset: 43px auto auto -27px;
}

.join-with-us-icon-02 {
  border-radius: 100px;
  max-width: 30%;
  position: absolute;
  inset: auto -4em 1em auto;
}

.join-with-us-shape-image {
  position: absolute;
  inset: 0% auto auto 0%;
}

.service-heading-div {
  grid-column-gap: var(--padding);
  grid-row-gap: var(--padding);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.service-grid {
  margin-top: var(--pod-naslov);
  grid-column-gap: var(--padding);
  grid-row-gap: var(--padding);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.service-card {
  padding: var(--padding) var(--padding) var(--veci-padding);
  grid-column-gap: var(--padding);
  grid-row-gap: var(--padding);
  background-color: var(--brand-color3);
  border-radius: 16px;
  flex-flow: column;
  height: 525px;
  display: flex;
  position: relative;
}

.service-icon-box {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
}

.service-detail-div {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.small-paragraph {
  color: var(--gray-700);
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
}

.small-paragraph.project-label-text {
  color: var(--brand-color1);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}

.small-paragraph.process-number {
  color: var(--brand-100);
  font-weight: 700;
  line-height: 100%;
}

.small-paragraph.author-name {
  color: var(--gray-900);
  text-transform: uppercase;
  font-weight: 600;
}

.small-paragraph.author-name.white-text.max-width {
  max-width: 185px;
}

.small-paragraph.author-name.white-text.small-text {
  text-transform: lowercase;
}

.small-paragraph.white-800-color.newsletter-paragraph {
  color: var(--brand-color2);
  font-size: var(--manji-padding);
  max-width: 200px;
  font-weight: 800;
}

.small-paragraph.social-media-heading-text {
  color: var(--brand-color2);
  font-size: var(--padding);
  text-transform: uppercase;
  font-weight: 800;
}

.small-paragraph.nav-bottom-text {
  color: var(--brand-color2);
  font-size: var(--padding);
  text-transform: none;
  font-weight: 600;
}

.small-paragraph.client-count-text {
  color: var(--white);
  font-weight: 700;
}

.small-paragraph.product-contact-text {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 900;
}

.small-paragraph.contact-location-text {
  max-width: 200px;
  font-weight: 600;
}

.small-paragraph.white-text {
  color: var(--white);
}

.service-list-detail-div {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.service-list-detail-div.cheers {
  margin-right: auto;
  margin-bottom: var(--veci-padding);
  width: 80%;
  margin-left: auto;
  display: block;
}

.service-list-div {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-center {
  text-align: center;
}

.project-card-link {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  text-decoration: none;
  display: flex;
}

.project-image-div {
  z-index: 2;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.project-image {
  z-index: 10;
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.collection-item {
  margin-top: 60px;
}

.arrow-box {
  background-color: var(--white);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
  position: absolute;
  box-shadow: 0 2px 3px #00000040, 0 16px 32px -4px #0003, 0 4px 4px -4px #0c0c0d0d;
}

.project-info-div {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.project-label-div {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.project-label {
  border: .5px solid var(--brand-color2);
  background-color: var(--white);
  border-radius: 8px;
  padding: 8px 16px;
}

.how-we-work-grid {
  grid-column-gap: 30px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.how-we-work-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.white-800-color {
  color: var(--white-800);
}

.how-we-work-process-div {
  border-top: 1px #3c22603d;
  padding-top: 20px;
  padding-bottom: 20px;
}

.process-detail-div {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-top: 5px;
  display: flex;
}

.process-heading-div {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.h4-heading {
  color: var(--brand-color1);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
}

.h4-heading.white-text {
  color: var(--white);
}

.h4-heading.white-text.team-heading {
  font-weight: 500;
}

.h4-heading.brand-700-text {
  color: var(--brand-color2);
}

.h4-heading.license-heading {
  margin-bottom: 32px;
}

.process-count-div {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.process-count-box {
  z-index: 1;
  border: 2px solid var(--brand-color1);
  background-color: var(--brand-color2);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  display: flex;
  position: relative;
}

.process-line {
  background-color: var(--brand-color2);
  border-radius: 100px;
  width: 2px;
  height: 65%;
  position: absolute;
  inset: 43% 0% 0% 18px;
  transform: translate(0, -50%);
}

.process-image {
  border-radius: 12px;
  transform: rotate(10deg);
}

.testimonial-wrapper {
  margin-top: 60px;
}

.testimonial-slider-wrapper {
  background-color: #0000;
  height: auto;
}

.testimonial-slider {
  width: 32%;
  margin-right: 24px;
}

.team-slider-arrow {
  display: none;
}

.team-slider-nav {
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: 24px;
  padding-top: 0;
  font-size: 10px;
  display: flex;
  position: static;
  bottom: -60px;
}

.testimonial-card {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--gray-50);
  border-radius: 8px;
  flex-flow: column;
  padding: 24px;
  display: flex;
}

.testimonial-review-div {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonial-detail-div {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  display: flex;
}

.testimonial-user-info-div {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonial-user-image {
  border-radius: 100px;
  width: 49px;
  min-width: 49px;
  height: 49px;
  min-height: 49px;
}

.testimonial-info {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  display: flex;
}

.hide {
  display: none;
}

.team-wrapper {
  background-color: var(--black-400);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 8px;
  padding: 50px 30px;
}

.team-grid {
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 80px;
}

.team-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.team-detail-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.team-line {
  background-color: var(--white-200);
  width: 100%;
  height: 1px;
}

.faq-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
}

.accordion {
  background-color: #0000;
  width: 100%;
  display: block;
  overflow: hidden;
}

.accordion-toggle {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--white);
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 12px;
  display: flex;
}

.accordion-list {
  background-color: #0000;
  margin-top: 20px;
  padding-bottom: 10px;
  position: static;
}

.accordion-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.faq-toggle-div {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.faq-toggle-01 {
  width: 18px;
  min-width: 18px;
}

.faq-toggle-02 {
  width: 18px;
  min-width: 18px;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: rotate(90deg);
}

.accordion-div {
  border-bottom: 1px none var(--gray-200);
  padding-bottom: 15px;
}

.blog-heading-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.blog-link-card {
  width: 100%;
  text-decoration: none;
}

.blog-thumb-image-div {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog-thumb-image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: 50% 80%;
  width: 100%;
}

.author-detail-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.author-image {
  border-radius: 100px;
  width: 48px;
  height: 48px;
}

.author-info-div {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  display: flex;
}

.footer-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.newsletter-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.newsletter-detail-div {
  width: 100%;
  max-width: 385px;
}

.newsletter-form-block {
  margin-bottom: 0;
}

.newsletter-input {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: black black var(--white-200);
  color: var(--white);
  background-color: #0000;
  margin-bottom: 0;
  padding: 16px 25px 35px 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
}

.newsletter-input:focus {
  border-bottom-color: var(--white-200);
}

.newsletter-input::placeholder {
  color: var(--white-800);
}

.newsletter-button {
  background-color: var(--brand-color2);
  background-image: url('../images/button-arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 34px;
  height: 34px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.newsletter-form {
  position: relative;
}

.footer-detail-div {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-link-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bottom-footer-div {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.copyright-div {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  display: flex;
}

.template-link-div {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.social-media-div {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.social-media-link-div {
  grid-column-gap: var(--padding);
  grid-row-gap: var(--padding);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-menu-wrapper {
  left: auto;
  top: var(--manji-padding);
  right: var(--manji-padding);
  bottom: var(--manji-padding);
  border-radius: var(--corner-radius);
  background-color: var(--brand-100);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 432px;
  height: 93vh;
  margin-top: 20px;
  padding: 32px;
  display: inline-flex;
  position: absolute;
  overflow: hidden;
  box-shadow: 0 1px 6px #00000040;
}

.nav-menu {
  background-color: #0000;
  border-radius: 4px;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.nav-link {
  grid-column-gap: var(--manji-padding);
  grid-row-gap: var(--manji-padding);
  color: var(--gray-950);
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 36px;
  font-weight: 600;
  line-height: 120%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.nav-link.w--current {
  grid-column-gap: var(--manji-padding);
  grid-row-gap: var(--manji-padding);
  padding-bottom: 0;
}

.nav-link-wrapper {
  grid-column-gap: var(--manji-padding);
  grid-row-gap: var(--manji-padding);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.nav-link-text {
  color: var(--brand-color2);
}

.nav-link-text-div {
  overflow: hidden;
}

.nav-line-div {
  background-color: var(--brand-color1);
  width: 100%;
  height: 4px;
}

.nav-bottom-div {
  grid-column-gap: var(--corner-radius);
  grid-row-gap: var(--corner-radius);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.logo-icon {
  max-width: 10%;
}

.nav-info-div {
  grid-column-gap: var(--manji-padding);
  grid-row-gap: var(--manji-padding);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.menu-close.w--open {
  padding: 0;
  position: absolute;
  inset: 0% 0% auto auto;
}

.menu-close-div {
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.common-hero-section {
  padding-top: var(--veci-padding);
  background-color: var(--white-800);
  border-radius: 8px;
  padding-bottom: 60px;
  position: relative;
  overflow: visible;
}

.common-hero-section.bg-white {
  background-color: var(--white);
}

.project-hero-wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  text-align: center;
  flex-flow: column;
  display: flex;
}

.project-hero-wrapper.team {
  margin-top: var(--veci-padding);
}

.project-hero-heading-div {
  z-index: 1;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.project-client-detail-div {
  z-index: 1;
  grid-column-gap: 12px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.client-image-div {
  display: flex;
}

.client-image {
  border: 4px solid var(--gray-50);
  border-radius: 100px;
  width: 44px;
  height: 44px;
}

.client-image.margin {
  margin-left: -14px;
}

.client-count-div {
  border: 4px solid var(--gray-50);
  background-color: var(--gray-950);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin-left: -14px;
  display: flex;
}

.client-review-div {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.project-hero-image-01 {
  border-radius: 14px;
  position: absolute;
  inset: -25% auto auto 0;
}

.project-hero-image-02 {
  z-index: 0;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 14px;
  position: absolute;
  top: -40%;
  left: auto;
  right: -2%;
}

.project-hero-image-03 {
  border-radius: 16px;
  position: absolute;
  inset: auto auto -5% 30px;
}

.project-hero-image-04 {
  border-radius: 16px;
  position: absolute;
  inset: auto 5% 5% auto;
}

.project-heading-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.project-detail-hero-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.project-detail-heading-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.project-info-wrapper {
  margin-top: 60px;
}

.project-info {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid var(--gray-100);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.project-info.line-bottom {
  border-bottom: 1px solid var(--gray-100);
}

.project-heading-detail-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.projects-image-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 60px;
  margin-bottom: 60px;
  display: flex;
}

.projects-image-div {
  border-radius: 16px;
  overflow: hidden;
}

.project-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: .6fr 1fr;
  place-items: end stretch;
  margin-bottom: 60px;
}

.project-detail-div {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.projects-info-div {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.product-detail-div {
  border-top: 1px solid var(--gray-200);
  padding-top: 40px;
  padding-bottom: 40px;
}

.product-result-count-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.product-review-div {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-left: 4px solid var(--brand-color2);
  flex-flow: column;
  padding-left: 40px;
  display: flex;
}

.product-review-image-div {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.product-contact-div {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.blog-grid {
  grid-template-rows: auto;
}

.blog-hero-detail-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.blog-main-image-div {
  border-radius: 16px;
  overflow: hidden;
}

.blog-main-image {
  width: 100%;
}

.blog-detail-div {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.rich-text h2 {
  color: var(--gray-950);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 500;
  line-height: 120%;
}

.rich-text p {
  color: var(--gray-700);
  margin-top: 32px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.contact-grid {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: .5fr;
  grid-auto-flow: column;
}

.contact-detail-div {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.contact-line {
  background-color: var(--gray-200);
  width: 100%;
  height: 1px;
}

.contact-form-div {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: var(--gray-50);
  border-radius: 16px;
  flex-flow: column;
  padding: 40px;
  display: flex;
}

.contact-form-block {
  margin-bottom: 0;
}

.contact-form {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.input {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: black black var(--gray-200);
  color: var(--gray-950);
  background-color: #0000;
  margin-bottom: 0;
  padding: 16px 25px 28px 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
}

.input:focus {
  border-bottom-color: var(--gray-200);
}

.input::placeholder {
  color: var(--gray-400);
}

.input.select-input {
  height: 45px;
  padding-top: 0;
  padding-bottom: 0;
}

.input.text-area {
  height: 100px;
  padding-top: 12px;
}

.success-message {
  background-color: var(--brand-color3);
  border-radius: 8px;
}

._404-section {
  grid-column-gap: 81px;
  grid-row-gap: 81px;
  background-image: linear-gradient(#0000, #1c26e633);
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  padding-top: 80px;
  display: flex;
}

._404-logo-div {
  text-align: center;
}

.dark-logo {
  width: 200px;
}

._404-detail-div {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  flex-flow: column;
  margin-bottom: 40px;
  display: flex;
}

._404-button-div {
  text-align: center;
}

._404-image {
  width: 100%;
}

._404-footer-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

._404-footer {
  background-color: var(--brand-color2);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding-top: 25px;
  padding-bottom: 25px;
}

._404-contact-div {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.template-hero-section {
  background-color: var(--gray-50);
  border-radius: 8px;
  padding-top: 120px;
  padding-bottom: 120px;
}

.license-name-link-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.license-image {
  border-radius: 18px;
  width: 100%;
}

.template-detail-div {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.template-detail-div.margin {
  margin-bottom: 60px;
}

.typhography-div {
  border-top: 1px solid var(--gray-100);
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.button-style-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-top: 1px solid var(--gray-100);
  border-bottom: 1px solid var(--gray-100);
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.color-palette-grid {
  border-top: 1px solid var(--gray-100);
  border-bottom: 1px solid var(--gray-100);
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  padding-top: 32px;
  padding-bottom: 32px;
}

.color-box {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  box-shadow: 0 0 4px 0 var(--gray-100);
  border-radius: 8px;
  flex-flow: column;
  padding: 24px;
  display: flex;
}

.color-box.white {
  background-color: var(--white);
}

.color-box.white-800 {
  background-color: var(--white-800);
}

.color-box.white-600 {
  background-color: var(--white-600);
}

.color-box.white-200 {
  background-color: var(--white-200);
}

.color-box.black {
  background-color: var(--black);
}

.color-box.black-400 {
  background-color: var(--black-400);
}

.color-box.gray-950 {
  background-color: var(--gray-950);
}

.color-box.gray-900 {
  background-color: var(--gray-900);
}

.color-box.gray-700 {
  background-color: var(--gray-700);
}

.color-box.gray-500 {
  background-color: var(--gray-500);
}

.color-box.gray-400 {
  background-color: var(--gray-400);
}

.color-box.gray-200 {
  background-color: var(--gray-200);
}

.color-box.gray-100 {
  background-color: var(--gray-100);
}

.color-box.gray-50 {
  background-color: var(--gray-50);
}

.color-box.brand-800 {
  background-color: var(--brand-color1);
}

.color-box.brand-700 {
  background-color: var(--brand-color2);
}

.color-box.brand-400 {
  background-color: var(--brand-color3);
}

.color-box.brand-100 {
  background-color: var(--brand-100);
}

.color-box.brand-50 {
  background-color: var(--brand-50);
}

.footer-logo {
  width: 240px;
}

.univerzalno-dugme {
  margin-top: 3em;
}

.univerzalno-dugme.cheers {
  width: 80%;
  margin: 0 auto 6em;
}

.univerzalno-dugme.kartice {
  padding-left: var(--padding);
  margin-top: 0;
  position: absolute;
  inset: auto auto 5% 0%;
}

.template-dot {
  z-index: 999999;
  width: 40px;
  height: 40px;
  position: absolute;
  inset: -18% -4% auto auto;
}

.buy-template-main-div {
  z-index: 99999999;
  width: 363px;
  height: 77px;
  position: fixed;
  inset: auto 35px 35px auto;
}

.hidden-code {
  display: none;
}

.template-popup-div {
  z-index: 999999999;
}

.webflow-logo {
  height: 46px;
}

.buy-template-link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  opacity: 1;
  transform: scale3d(1none, 1none, 1none) translate(0px, 20px);
  color: #000000b3;
  transform-style: preserve-3d;
  background-color: #fff;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 363px;
  min-height: 77px;
  padding: 14px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  box-shadow: 0 1px 3.3px #00000040, 0 4px 12.6px #00000040;
}

.template-text.template-link-text {
  color: #146ef5;
  margin-top: 4px;
  text-decoration: underline;
}

.navlinks {
  padding-left: 0;
}

.navlinks:where(.w-variant-64f96017-ba69-f125-6b20-5ef291023b09) {
  color: var(--white);
}

.navlinks.w--current {
  color: var(--brand-color2);
}

.text-block {
  font-family: var(--font-family--inter);
  text-transform: none;
  font-size: 1.2em;
}

.nav-linkovi {
  grid-column-gap: var(--manji-padding);
  grid-row-gap: var(--manji-padding);
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-left: auto;
  display: flex;
}

.h2-naslov {
  color: var(--brand-color1);
  font-size: var(--pod-naslov);
  max-width: 50%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 100%;
}

.h2-naslov.home-hero-heading {
  color: var(--white);
  max-width: 70%;
  font-size: 80px;
  font-weight: 700;
}

.h2-naslov.project-hero-heading-text {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.h2-naslov.project-hero-heading {
  max-width: 600px;
}

.h-logoicon {
  padding-bottom: var(--padding);
  max-width: 7%;
}

.h-container {
  z-index: 2;
  padding-bottom: var(--manji-padding);
  flex-flow: column;
  width: 80%;
  max-width: 1320%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button_layout {
  grid-column-gap: .6em;
  grid-row-gap: .6em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button_layout.reversed {
  flex-flow: row-reverse;
}

.button-group {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button_icon {
  aspect-ratio: 1;
  width: .9rem;
  padding: 0;
}

.svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible !important;
}

.button_slot {
  width: 100%;
  height: 100%;
  padding: 0;
}

.button_text {
  color: var(--brand-color4);
  text-transform: uppercase;
  font-size: 1.25em;
}

.button_text.reversed-2 {
  font-family: var(--font-family--neu-has);
  color: var(--brand-color2);
}

.button_text.reversed-2.card {
  font-size: 1em;
}

.button_text.cheers {
  font-family: var(--font-family--neu-has);
  color: var(--brand-color2);
}

.button_text.cheers.team {
  color: var(--brand-color4);
}

.button_text.management {
  font-family: var(--font-family--neu-has);
}

.button_content {
  padding: var(--padding);
  background-color: var(--brand-color2);
  color: #fff;
  border-radius: .8em;
  font-size: .7rem;
  transition: all .2s;
}

.button_content:hover {
  background-color: var(--brand-color1);
}

.button_content.secondary {
  color: #5610cf;
  background-color: #e8daff;
}

.button_content.secondary:hover {
  color: #fff;
  background-color: #5610cf;
}

.button_content._2 {
  padding: var(--manji-padding) var(--padding);
}

.button_content.cheers {
  background-color: var(--brand-color3);
}

.button_content.cheers.team {
  background-color: var(--brand-color2);
}

.button_wrap {
  font-size: .5rem;
  display: inline-block;
}

.button_wrap.medium, .button_wrap.small {
  font-size: .9rem;
}

.path {
  color: var(--brand-color4);
}

.path.cheers {
  color: var(--brand-color2);
}

.path.cheers.team {
  color: var(--brand-color4);
}

.sub-heading-2 {
  font-family: var(--font-family--neu-has);
  color: var(--brand-color1);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
}

.h3-heading-2 {
  color: #3d3d3d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
}

.h3-heading-2.our-ecosystem-heading-text {
  margin-top: var(--basic-text);
  font-family: var(--font-family--inter);
  color: var(--white);
  font-size: 20px;
  font-weight: 400;
}

.h3-heading-2.our-ecosystem-heading-text.team {
  color: var(--brand-color2);
}

.h3-heading-2.our-ecosystem-heading-text-copy {
  font-family: var(--font-family--inter);
  color: var(--white);
  margin-top: var(--basic-text);
  font-size: 22px;
  font-family: var(--font-family--inter);
  font-size: 20px;
}

.h3-heading-2.our-ecosystem-heading-text-copy.cheers {
  color: var(--white);
  font-size: 16px;
}

.h3-heading-2.our-ecosystem-heading-text-copy.cheers.team {
  color: var(--brand-color2);
}

.h3-heading-2.our-ecosystem-heading-text-copy {
  margin-top: var(--basic-text);
  font-family: var(--font-family--inter);
  color: var(--brand-color2);
  font-size: 24px;
}

.paragraph-2 {
  color: #4f4f4f;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.paragraph-2.our-ecosystem-paragraph {
  max-width: 410px;
}

.h2-heading-2 {
  font-family: var(--font-family--neu-has);
  color: var(--brand-color1);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}

.h2-heading-2.semibold-text {
  font-weight: 600;
}

.h2-heading-2.normal-text {
  color: var(--brand-color1);
  font-weight: 400;
}

.h2-heading-2.team {
  font-family: Neue, Arial, sans-serif;
  font-size: 60px;
}

.text-link-2 {
  color: #1c26e6;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
}

.gray-200-line-2 {
  background-color: #d1d1d1;
  width: 100%;
  height: 1px;
}

.large-text-2 {
  color: #262626;
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
}

.large-text-2.our-ecosystem-count-text {
  max-width: 230px;
}

.our-ecosystem-wrapper-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: none;
}

.button_content_small {
  padding: var(--manji-padding) var(--padding);
  background-color: var(--brand-color2);
  color: #fff;
  border-radius: .8em;
  transition: all .2s;
}

.button_content_small:hover {
  background-color: var(--brand-color1);
}

.button_content_small.secondary {
  padding-top: var(--padding);
  padding-bottom: var(--padding);
  color: #5610cf;
  background-color: #e8daff;
}

.button_content_small.secondary:hover {
  background-color: var(--brand-color1);
  color: var(--white);
}

.button_content_small.secondary.management {
  padding-top: var(--manji-padding);
  padding-bottom: var(--manji-padding);
}

.button_content_small.secondary.kartice {
  padding: var(--manji-padding);
}

.path-copy {
  color: var(--brand-color2);
  -webkit-text-stroke-color: var(--brand-color2);
}

.u-section-work {
  margin-top: var(--veci-padding);
  padding-top: var(--veci-padding);
  padding-bottom: var(--veci-padding);
  border-radius: var(--corner-radius);
  background-color: var(--brand-color1);
  max-width: 100%;
}

.u-section-work.bg-gray {
  background-color: var(--gray-50);
}

.u-section-work.bg-blue {
  background-color: var(--brand-color2);
}

.u-section-work.bg-blue.position-relative {
  border-radius: var(--corner-radius);
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.u-section-work.team-section {
  background-image: linear-gradient(#1c26e666, #1c26e666), url('../images/team-background.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding: 30px;
}

.u-section-work.footer {
  background-image: url('../images/footer-background.webp');
  background-position: 50%;
  background-size: cover;
}

.u-section-work.blog-section {
  padding-top: 20px;
}

.u-c-zasto {
  margin-top: var(--pod-naslov);
  width: 100%;
  max-width: 100%;
}

.testimonials {
  margin-top: var(--veci-padding);
  margin-right: var(--padding);
  margin-left: var(--padding);
  padding-top: var(--veci-padding);
  padding-bottom: var(--veci-padding);
  border-radius: 8px;
}

.testimonials.bg-gray {
  background-color: var(--gray-50);
}

.testimonials.bg-blue {
  border-radius: var(--corner-radius);
  background-color: var(--brand-color2);
}

.testimonials.bg-blue.position-relative, .testimonials.bg-blue.position-relative-copy {
  margin-right: var(--padding);
  margin-left: var(--padding);
  border-radius: var(--corner-radius);
  max-width: 100%;
}

.testimonials.team-section {
  background-image: linear-gradient(#1c26e666, #1c26e666), url('../images/team-background.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding: 30px;
}

.testimonials.footer {
  background-image: url('../images/footer-background.webp');
  background-position: 50%;
  background-size: cover;
}

.testimonials.blog-section {
  padding-top: 20px;
}

.faq {
  z-index: 2;
  padding-top: var(--veci-padding);
  padding-bottom: var(--veci-padding);
  border-radius: var(--corner-radius);
  background-color: var(--brand-100);
  position: relative;
}

.faq.bg-gray {
  background-color: var(--gray-50);
}

.faq.bg-blue {
  border-radius: var(--corner-radius);
  background-color: var(--brand-color2);
}

.faq.bg-blue.position-relative, .faq.bg-blue.position-relative-copy {
  margin-right: var(--padding);
  margin-left: var(--padding);
  border-radius: var(--corner-radius);
  max-width: 100%;
}

.faq.team-section {
  background-image: linear-gradient(#1c26e666, #1c26e666), url('../images/team-background.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding: 30px;
}

.faq.footer {
  background-image: url('../images/footer-background.webp');
  background-position: 50%;
  background-size: cover;
}

.faq.blog-section {
  padding-top: 20px;
}

.common-heading-div-copy {
  grid-column-gap: var(--manji-padding);
  grid-row-gap: var(--manji-padding);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 80%;
  display: flex;
}

.marquee {
  grid-column-gap: 1em;
  width: 100%;
  margin-bottom: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  overflow: hidden;
}

.marquee-content {
  grid-column-gap: 1rem;
  flex: none;
  justify-content: space-around;
  min-width: 100%;
  display: flex;
}

.marquee-content.scroll.reverse {
  grid-column-gap: 1em;
}

.marquee-image {
  max-width: 2%;
}

.marquee-image.hide-mobile {
  max-width: 10%;
}

.marqueesekcija {
  margin-top: var(--veci-padding);
}

.marqueetext {
  color: var(--brand-color2);
  font-size: var(--corner-radius);
  justify-content: center;
  align-items: center;
  display: flex;
}

.flipcard-wrapper {
  position: relative;
}

.flipcard-front {
  grid-column-gap: var(--padding);
  grid-row-gap: var(--padding);
  border-radius: var(--corner-radius);
  backface-visibility: hidden;
  color: #fff;
  flex-flow: column;
  display: flex;
  position: static;
}

.flipcard-title {
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 56px;
  line-height: 62px;
}

.flipcard-subtitle {
  max-width: 215px;
  font-weight: 700;
  line-height: 21px;
}

.flipcard-more {
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.flipcard-back {
  padding: var(--padding) var(--padding) var(--veci-padding);
  grid-column-gap: var(--padding);
  grid-row-gap: var(--padding);
  border-radius: var(--corner-radius);
  backface-visibility: hidden;
  transform-style: preserve-3d;
  flex-direction: column;
  align-items: stretch;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.flipcard-back-title {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #90ca5a, #d7d65a 50%, #dac355);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 28px;
  font-size: 44px;
  line-height: 48px;
}

.flipcard-less {
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.flipcard-nazad {
  z-index: -2;
  padding: var(--padding) var(--padding) var(--veci-padding);
  grid-column-gap: var(--padding);
  grid-row-gap: var(--padding);
  border-radius: var(--corner-radius);
  backface-visibility: hidden;
  color: #fff;
  flex-flow: column;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block {
  grid-column-gap: var(--manji-padding);
  grid-row-gap: var(--manji-padding);
  flex-flow: column;
  display: flex;
}

.cardicon {
  color: var(--brand-color2);
  max-width: 6%;
  position: absolute;
  inset: auto 10% 10% auto;
  transform: rotate(45deg);
}

.zastocontainer {
  margin-top: var(--padding);
  margin-bottom: var(--padding);
  width: 100%;
  max-width: 85%;
}

.marqueesekcija2 {
  margin-bottom: 4em;
}

.zastomisekcija {
  margin-top: var(--veci-padding);
  padding-top: var(--veci-padding);
  border-radius: 8px;
}

.zastomisekcija.bg-gray {
  background-color: var(--gray-50);
}

.zastomisekcija.bg-blue {
  border-radius: var(--corner-radius);
  background-color: var(--brand-color2);
}

.zastomisekcija.bg-blue.position-relative, .zastomisekcija.bg-blue.position-relative-copy {
  margin-right: var(--padding);
  margin-left: var(--padding);
  border-radius: var(--corner-radius);
  max-width: 100%;
}

.zastomisekcija.team-section {
  background-image: linear-gradient(#1c26e666, #1c26e666), url('../images/team-background.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding: 30px;
}

.zastomisekcija.footer {
  border-radius: var(--corner-radius) var(--corner-radius) 0px 0px;
  background-color: var(--brand-color3);
  margin-left: 0;
  margin-right: 0;
}

.zastomisekcija.blog-section {
  padding-top: 20px;
}

.rasputin {
  z-index: 1;
  object-fit: fill;
  width: 125%;
  max-width: none;
  position: absolute;
  inset: 0% 0% 0% -20%;
}

.collection-list-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.container-2 {
  width: 100%;
  max-width: 1320px;
  padding-left: 20px;
  padding-right: 20px;
}

.h2-heading-3 {
  color: var(--brand-color2);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 500;
  line-height: 120%;
}

.paragraph-3 {
  font-family: var(--font-family--inter);
  color: var(--gray-900);
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.paragraph-3.project-paragraph {
  color: var(--gray-900);
  max-width: 630px;
}

.project-label-2 {
  border: .5px solid var(--brand-color2);
  border-radius: 8px;
  padding: 8px 16px;
}

.h3-heading-3 {
  color: var(--brand-color2);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.small-paragraph-2 {
  font-family: var(--font-family--inter);
  color: #4f4f4f;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
}

.small-paragraph-2.project-label-text {
  color: var(--brand-color1);
  text-transform: uppercase;
  font-weight: 600;
}

.small-paragraph-2.process-number {
  color: #dae9ff;
  font-weight: 700;
}

.arrow-box-2 {
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
  position: absolute;
  box-shadow: 0 2px 3px #00000040, 0 16px 32px -4px #0003, 0 4px 4px -4px #0c0c0d0d;
}

.kolekcija {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.project-image-copy {
  z-index: 10;
  object-fit: cover;
  object-position: 50% 50%;
  z-index: 10;
  object-fit: cover;
  object-position: 50% 100%;
  inset: 0%;
  width: 125%;
  max-width: none;
  position: absolute;
  inset: 0%;
}

.proejct-image-4 {
  z-index: 10;
  object-fit: cover;
  object-position: 50% 100%;
  width: 130%;
  max-width: none;
  position: absolute;
  inset: 0% 0% 0% -6%;
}

.project-image-copy {
  z-index: 10;
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.project-image5 {
  z-index: 10;
  object-fit: cover;
  object-position: 50% 100%;
  width: 175%;
  max-width: none;
  position: absolute;
  inset: 0% 0% 0% -22%;
}

.project-image7 {
  z-index: 10;
  object-fit: cover;
  object-position: 50% 100%;
  width: 150%;
  max-width: none;
  position: absolute;
  inset: 0% 0% 0% -51%;
}

.project-image8 {
  z-index: 10;
  object-fit: cover;
  object-position: 50% 100%;
  width: 150%;
  max-width: none;
  position: absolute;
  inset: -28% 0% 0% -28%;
}

.project-image10 {
  z-index: 10;
  object-fit: cover;
  object-position: 50% 100%;
  width: 150%;
  max-width: none;
  position: absolute;
  inset: 0% 0% 0% -23%;
}

.project-image11 {
  z-index: 10;
  object-fit: cover;
  object-position: 50% 100%;
  width: 110%;
  max-width: none;
  position: absolute;
  inset: 0%;
}

.project-image12 {
  z-index: 10;
  object-fit: cover;
  object-position: 50% 100%;
  width: 110%;
  max-width: none;
  position: absolute;
  inset: 0% 0% 0% -7%;
}

.project-image14 {
  z-index: 10;
  object-fit: cover;
  object-position: 50% 100%;
  width: 110%;
  max-width: none;
  position: absolute;
  inset: 0%;
}

.project-image16 {
  z-index: 10;
  object-fit: cover;
  object-position: 50% 100%;
  width: 110%;
  max-width: none;
  position: absolute;
  inset: 0% 0% 0% -6%;
}

.project-image17 {
  z-index: 10;
  object-fit: cover;
  object-position: 50% 100%;
  width: 130%;
  max-width: none;
  position: absolute;
  inset: 0% 0% 0% -14%;
}

.project-image18 {
  z-index: 10;
  object-fit: cover;
  object-position: 50% 100%;
  width: 200%;
  max-width: none;
  position: absolute;
  inset: 0% 0% 0% -40%;
}

.project-image-copy-copy {
  z-index: 10;
  object-fit: cover;
  object-position: 50% 50%;
  width: 130%;
  max-width: none;
  position: absolute;
  inset: 0%;
}

.project-image-copy-copy-copy {
  z-index: 10;
  object-fit: cover;
  object-position: 50% 100%;
  width: 140%;
  max-width: none;
  position: absolute;
  inset: -1% 0% 0% -18%;
}

.wrap_2-buttons {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section_bg-image {
  padding: var(--veci-padding) 0% 0px;
  border-radius: var(--corner-radius);
  background-image: url('../images/pexels-kampus-8171204.jpg');
  background-position: 50% 600%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.button {
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
  border-radius: 5px;
}

.button.secondary {
  color: #1a1a1a;
  background-color: #0000;
  border: 1px solid #000;
}

.grid_1-2 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.content-wrap_bg-blur {
  padding-top: var(--veci-padding);
  padding-bottom: var(--veci-padding);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #eee2ffba;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.p {
  font-family: var(--font-family--inter);
  color: #1a1a1a;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
}

.divider {
  color: #000;
  background-color: #e4e4e4;
  border-top: 1px dashed #000;
  border-bottom: 1px dashed #000;
  padding: 30px 5%;
}

.container-3 {
  padding-right: var(--padding);
  padding-left: var(--padding);
  width: 90%;
  max-width: none;
}

.h2-cta {
  color: var(--brand-color2);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neue, Arial, sans-serif;
  font-size: 44px;
  font-weight: 500;
}

.h2-cta.team {
  font-family: Neue, Arial, sans-serif;
}

.cta-div {
  padding-top: var(--padding);
  height: 70vh;
}

.paragraf-cta {
  font-family: var(--font-family--inter);
  color: #1a1a1a;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
}

.univerzalno-dugme-cta {
  margin-top: 2em;
}

.cta-spot-wrappers {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70vh;
  display: flex;
}

.cta-spot {
  opacity: 1;
  filter: none;
  mix-blend-mode: hard-light;
  background-color: #fc440f;
  border-radius: 50%;
  width: 50vw;
  height: 50vw;
  position: absolute;
  inset: 1% 0% auto auto;
}

.cta-spot._2 {
  background-color: var(--brand-100);
  inset: -25% 0% auto auto;
  box-shadow: 0 0 20px 13px #f8f8f824;
}

.cta-spot._1 {
  background-color: var(--brand-100);
  filter: none;
  inset: auto auto -25% 0%;
  box-shadow: 0 0 50px 20px #d8d6e2;
}

.magnetic-container-2 {
  z-index: 10;
  border-radius: 100%;
  justify-content: center;
  align-items: flex-start;
  width: 400px;
  height: 400px;
  display: flex;
  position: relative;
}

.magnetic-move {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.button-text-2 {
  z-index: 10;
  color: var(--brand-100);
  font-size: var(--pod-naslov);
  font-weight: 600;
  text-decoration: none;
  position: relative;
}

.s-cta {
  width: 100%;
  height: 120vh;
  margin-top: -10em;
  margin-bottom: -20em;
  position: relative;
  overflow: hidden;
}

.magnetic-circle {
  z-index: 0;
  background-color: var(--brand-color1);
  color: var(--brand-color1);
  border-radius: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
}

.cta-inner {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.lines-wrapper {
  z-index: 1;
  justify-content: space-around;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.magnetic-text-wrapper {
  z-index: 10;
  color: var(--brand-color3);
  cursor: pointer;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.magnetic-button {
  border: 0px solid var(--brand-color1);
  color: var(--brand-color3);
  text-align: center;
  letter-spacing: 1px;
  cursor: pointer;
  border-radius: 100%;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.content-wrapper {
  margin-left: auto;
  margin-right: auto;
  padding-left: 9vw;
  padding-right: 9vw;
}

.line {
  opacity: .13;
  background-color: #fff;
  width: 1px;
  height: 100%;
}

.link-block {
  text-decoration: none;
}

.section_bg-image-trening {
  border-radius: var(--corner-radius);
  background-image: url('../images/2f6cd60bd03baef3fe8788d6d95fba69.jpg');
  background-position: 50% 40%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 0 0% 0;
  display: flex;
}

.cta-div-trening {
  height: 70vh;
  margin-top: -5em;
  margin-bottom: -5em;
}

.section-teambuilding-heading {
  padding-top: var(--veci-padding);
  padding-bottom: var(--veci-padding);
  border-radius: 8px;
  margin-top: 4em;
}

.section-teambuilding-heading.bg-gray {
  margin-top: var(--manji-padding);
  background-color: var(--gray-50);
}

.section-teambuilding-heading.bg-blue {
  border-radius: var(--corner-radius);
  background-color: var(--brand-color2);
}

.section-teambuilding-heading.bg-blue.position-relative {
  margin-right: var(--padding);
  margin-left: var(--padding);
  border-radius: var(--corner-radius);
  max-width: 100%;
}

.section-teambuilding-heading.bg-blue.position-relative-copy {
  margin-right: var(--padding);
  margin-left: var(--padding);
  border-radius: var(--corner-radius);
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: auto;
  padding-top: 3em;
  padding-bottom: 3em;
  display: flex;
}

.section-teambuilding-heading.team-section {
  background-image: linear-gradient(#1c26e666, #1c26e666), url('../images/team-background.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding: 30px;
}

.section-teambuilding-heading.footer {
  border-radius: var(--corner-radius) var(--corner-radius) 0px 0px;
  background-color: var(--brand-color3);
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.section-teambuilding-heading.blog-section {
  padding-top: 20px;
}

.section-teambuilding-heading.cheers {
  margin-top: var(--veci-padding);
  border-radius: var(--corner-radius);
  background-color: var(--brand-color2);
  flex-flow: column;
  display: flex;
  position: relative;
}

.section-teambuilding-heading.cheers.team {
  background-color: var(--brand-color3);
}

.section-odabir {
  margin-bottom: var(--veci-padding);
  border-radius: 8px;
  width: 100%;
}

.section-odabir.bg-gray {
  margin-top: var(--manji-padding);
  background-color: var(--gray-50);
}

.section-odabir.bg-blue {
  border-radius: var(--corner-radius);
  background-color: var(--brand-color2);
}

.section-odabir.bg-blue.position-relative {
  margin-right: var(--padding);
  margin-left: var(--padding);
  border-radius: var(--corner-radius);
  max-width: 100%;
}

.section-odabir.bg-blue.position-relative-copy {
  margin-right: var(--padding);
  margin-left: var(--padding);
  border-radius: var(--corner-radius);
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: auto;
  padding-top: 3em;
  padding-bottom: 3em;
  display: flex;
}

.section-odabir.team-section {
  background-image: linear-gradient(#1c26e666, #1c26e666), url('../images/team-background.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding: 30px;
}

.section-odabir.footer {
  border-radius: var(--corner-radius) var(--corner-radius) 0px 0px;
  background-color: var(--brand-color3);
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.section-odabir.blog-section {
  padding-top: 20px;
}

.kolekcija-team {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.kolekcija-team.cheers {
  display: block;
}

.collection-item-team {
  margin-top: 0;
}

.our-ecosystem-wrapper-team {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.our-ecosystem-detail-div-team {
  text-align: left;
  max-width: 70%;
}

.h2-heading-team {
  font-family: var(--font-family--neu-has);
  color: var(--brand-color2);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
}

.h2-heading-team.semibold-text {
  font-weight: 600;
}

.h2-heading-team.normal-text {
  color: var(--brand-color1);
  font-weight: 400;
}

.h2-heading-team.cheers {
  color: var(--white);
}

.h2-heading-team.cheers._1 {
  font-family: var(--font-family--neu-has);
  color: var(--brand-color1);
  font-size: 20px;
}

.h2-heading-team.cheers._2 {
  margin-top: var(--manji-padding);
}

.h2-heading-team.cheers.team {
  color: var(--brand-color2);
}

.container-team {
  margin-bottom: var(--manji-padding);
  width: 100%;
  max-width: 85%;
}

.project-image-div-team {
  z-index: 2;
  background-color: var(--brand-color2);
  background-image: url('../images/pexels-anastasia-shuraeva-6232536.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40vh;
  padding-top: 4em;
  padding-bottom: 4em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.project-image-div-team.secondary {
  background-color: var(--brand-color3);
}

.project-image-div-team.secondary.third {
  background-image: url('../images/pexels-adria-masi-461420600-17636747.jpg');
  background-position: 100% 85%;
}

.project-image-div-team.cheers {
  background-color: #3c226000;
  width: 20%;
}

.univerzalno-dugme-team {
  margin-top: 0;
  font-family: Neue, Arial, sans-serif;
}

.h3-heading-3-team {
  color: var(--brand-100);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 120%;
}

.h3-heading-3-team.secondary {
  color: var(--brand-color2);
}

.project-hero-image-24 {
  border-radius: 16px;
  position: absolute;
  inset: auto 5% 5% auto;
}

.container-2-copy {
  width: 85%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.cheersimage {
  width: 20%;
  max-width: none;
  position: absolute;
  inset: 25% 10% 0% auto;
}

.cheersimageteam {
  width: 30%;
  max-width: none;
  position: absolute;
  inset: 35% 10% 0% auto;
}

.sub-heading-3 {
  color: #4f4f4f;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  line-height: 120%;
}

.h3-heading-4 {
  color: #3d3d3d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
}

.h3-heading-4.our-ecosystem-heading-text {
  font-family: var(--font-family--inter);
  max-width: 880px;
  margin-top: 18px;
}

.h3-heading-4.our-ecosystem-heading-sadrzaj {
  font-family: var(--font-family--inter);
  color: var(--white);
  max-width: 880px;
  margin-top: 0;
  font-size: 16px;
  font-weight: 400;
}

.h3-heading-4.our-ecosystem-heading-sadrzaj.sekond {
  color: var(--brand-color1);
}

.h3-heading-4.our-ecosystem-heading-text {
  max-width: 880px;
  margin-top: 14px;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 400;
}

.our-ecosystem-detail-div-2 {
  width: 60%;
}

.paragraph-4 {
  color: #4f4f4f;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.paragraph-4.our-ecosystem-paragraph {
  font-family: var(--font-family--neu-has);
  color: var(--brand-color1);
  max-width: 410px;
  font-size: 20px;
}

.paragraph-4.proven-number-paragraph {
  color: var(--white);
  max-width: 265px;
}

.paragraph-4.white-800-color.process-paragraph {
  max-width: 380px;
}

.paragraph-4.white-800-color.how-we-work-paragraph {
  max-width: 450px;
}

.paragraph-4.our-ecosystem-paragraph {
  font-family: var(--font-family--neu-has);
  color: var(--brand-color1);
  max-width: 410px;
  font-weight: 700;
}

.h2-heading-4 {
  font-family: var(--font-family--neu-has);
  color: var(--brand-color2);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 700;
  line-height: 120%;
}

.h2-heading-4.semibold-text {
  font-family: var(--font-family--neu-has);
  color: var(--white);
  font-size: 26px;
  font-weight: 600;
}

.h2-heading-4.semibold-text.kount {
  color: var(--brand-color2);
}

.h2-heading-4.normal-text {
  font-weight: 400;
}

.h2-heading-4.white-text {
  color: #fff;
}

.our-ecosystem-heading-div-2 {
  width: 35%;
}

.text-link-3 {
  color: #1c26e6;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
}

.section-2 {
  border-radius: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 80px;
  padding-bottom: 80px;
}

.our-ecosystem-wrapper-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.large-text-3 {
  color: #262626;
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
}

.large-text-3.our-ecosystem-count-text {
  max-width: 230px;
}

.container-4 {
  width: 100%;
  max-width: none;
  padding-left: 20px;
  padding-right: 20px;
}

.common-button-2 {
  color: #fff;
  background-color: #1c26e6;
  background-image: url('../images/button-arrow.svg');
  background-position: 88%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 8px;
  padding: 14px 50px 14px 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  transition: all .3s;
  box-shadow: 0 9px 9px #00000021, 0 2px 5px #00000026;
}

.common-button-2:hover {
  background-position: 92%;
}

.sub-heading-4 {
  padding-bottom: var(--pod-naslov);
  font-family: var(--font-family--neu-has);
  color: var(--brand-color2);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
}

.section-3 {
  border-radius: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 80px;
  padding-bottom: 80px;
}

.section-3.bg-gray {
  background-color: #f6f6f6;
}

.section-3.bg-blue {
  background-color: #1c26e6;
}

.section-3.bg-blue.position-relative {
  margin: var(--veci-padding) var(--padding) var(--pod-naslov);
  padding-top: var(--veci-padding);
  padding-bottom: var(--veci-padding);
  background-color: var(--brand-color2);
}

.common-heading-div-2 {
  grid-column-gap: var(--manji-padding);
  grid-row-gap: var(--manji-padding);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.container-5 {
  width: 100%;
  max-width: 1320px;
  padding-left: 20px;
}

.container-5.vrednosti {
  padding-left: 0;
}

.large-paragraph-2 {
  color: #4f4f4f;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
}

.large-paragraph-2.bold-text {
  color: #3d3d3d;
  font-weight: 600;
  font-family: var(--font-family--neu-has);
  font-weight: 600;
}

.hero-section-management {
  padding-bottom: var(--pod-naslov);
  border-bottom-left-radius: var(--corner-radius);
  border-bottom-right-radius: var(--corner-radius);
  background-image: linear-gradient(#ee5e5e00, #fff 86%), url('../images/blog-covers-IAMAI_1.png');
  background-position: 0 0, 80% 0;
  background-size: auto, auto;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sekcija-druga-pozadina {
  padding-top: var(--veci-padding);
  border-radius: var(--corner-radius);
  background-color: var(--brand-color2);
  margin-bottom: -5em;
  padding-bottom: 11em;
}

.moduli {
  margin-top: var(--veci-padding);
  grid-column-gap: var(--manji-padding);
  grid-row-gap: var(--manji-padding);
  flex-flow: column;
  justify-content: center;
  width: 100%;
  display: flex;
}

.hero-section-flow {
  padding-bottom: var(--pod-naslov);
  border-bottom-left-radius: var(--corner-radius);
  border-bottom-right-radius: var(--corner-radius);
  background-image: linear-gradient(#ee5e5e00, #fff 86%), url('../images/failing-change-managment-process.png');
  background-position: 0 0, 80% 0;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-section-levelup {
  padding-bottom: var(--pod-naslov);
  border-bottom-left-radius: var(--corner-radius);
  border-bottom-right-radius: var(--corner-radius);
  background-image: linear-gradient(#ee5e5e00 37%, #fff), url('../images/1728404302796.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.project-image-copy-copy-copy-copy {
  z-index: 10;
  object-fit: cover;
  object-position: 50% 100%;
  width: 140%;
  max-width: none;
  position: absolute;
  inset: -1% 0% 0% -18%;
}

.hero-section-tiff {
  padding-bottom: var(--pod-naslov);
  border-bottom-left-radius: var(--corner-radius);
  border-bottom-right-radius: var(--corner-radius);
  background-image: linear-gradient(#ee5e5e00, #fff 86%), url('../images/importance-of-feedback-in-the-workplace.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-section-stress {
  padding-bottom: var(--pod-naslov);
  border-bottom-left-radius: var(--corner-radius);
  border-bottom-right-radius: var(--corner-radius);
  background-image: linear-gradient(#ee5e5e00 30%, #fff 86%), url('../images/11-Simple-practices-to-help-reduce-stress-and-boost-employee-wellbeing-at-work.jpg');
  background-position: 0 0, 100% 0;
  background-size: auto, auto;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-section-me-in-motion {
  padding-bottom: var(--pod-naslov);
  border-bottom-left-radius: var(--corner-radius);
  border-bottom-right-radius: var(--corner-radius);
  background-image: linear-gradient(#ee5e5e00 30%, #fff 86%), url('../images/juggling-emotions-concept-man-looks-600nw-2131076447.webp');
  background-position: 0 0, 100% 0;
  background-size: auto, auto;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-section-vibe-check {
  padding-bottom: var(--pod-naslov);
  border-bottom-left-radius: var(--corner-radius);
  border-bottom-right-radius: var(--corner-radius);
  background-image: linear-gradient(#ee5e5e00 16%, #fff 86%), url('../images/TVP-Article-Main-Image-Template-1.png');
  background-position: 0 0, 100% 0;
  background-size: auto, auto;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-section-impact-mode {
  padding-bottom: var(--pod-naslov);
  border-bottom-left-radius: var(--corner-radius);
  border-bottom-right-radius: var(--corner-radius);
  background-image: linear-gradient(#ee5e5e00 5%, #fff 86%), url('../images/organizational-success_hu404dd6d494b6bd584b22bc99d94f54ae_1306906_960x0_resize_q80_h2_box_3.webp');
  background-position: 0 0, 100% 0;
  background-size: auto, auto;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-section-psiholo-ka {
  padding-bottom: var(--pod-naslov);
  border-bottom-left-radius: var(--corner-radius);
  border-bottom-right-radius: var(--corner-radius);
  background-image: linear-gradient(#ee5e5e00 13%, #fff 86%), url('../images/psych-contract-resized-min.jpg');
  background-position: 0 0, 100% 0;
  background-size: auto, auto;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-section-growth-mindset {
  padding-bottom: var(--pod-naslov);
  border-bottom-left-radius: var(--corner-radius);
  border-bottom-right-radius: var(--corner-radius);
  background-image: linear-gradient(#ee5e5e00 13%, #fff 86%), url('../images/istockphoto-2169700558-612x612.jpg');
  background-position: 0 0, 100% 0;
  background-size: auto, auto;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-section-change-management {
  padding-bottom: var(--pod-naslov);
  border-bottom-left-radius: var(--corner-radius);
  border-bottom-right-radius: var(--corner-radius);
  background-image: linear-gradient(#ee5e5e00 13%, #fff 86%), url('../images/change_management_process.png');
  background-position: 0 0, 100% 0;
  background-size: auto, auto;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-section-time-menagement {
  padding-bottom: var(--pod-naslov);
  border-bottom-left-radius: var(--corner-radius);
  border-bottom-right-radius: var(--corner-radius);
  background-image: linear-gradient(#ee5e5e00 13%, #fff 86%), url('../images/istockphoto-1997688917-612x612.jpg');
  background-position: 0 0, 100% 0;
  background-size: auto, auto;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-section-delegiranje {
  padding-bottom: var(--pod-naslov);
  border-bottom-left-radius: var(--corner-radius);
  border-bottom-right-radius: var(--corner-radius);
  background-image: linear-gradient(#ee5e5e00 13%, #fff 86%), url('../images/roles-responsibilities-teamwork-resource-management-600nw-2496896225.webp');
  background-position: 0 0, 100% 0;
  background-size: auto, auto;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-section-asertivna-komunikacija {
  padding-bottom: var(--pod-naslov);
  border-bottom-left-radius: var(--corner-radius);
  border-bottom-right-radius: var(--corner-radius);
  background-image: linear-gradient(#ee5e5e00 13%, #fff 84%), url('../images/asertivna-komunikacija.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-section-feedback {
  padding-bottom: var(--pod-naslov);
  border-bottom-left-radius: var(--corner-radius);
  border-bottom-right-radius: var(--corner-radius);
  background-image: linear-gradient(#ee5e5e00 13%, #fff 84%), url('../images/Performance-reviews-how-to-deliver-feedback-effectively.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.link-block-2 {
  text-decoration: none;
}

.dd {
  margin-top: 16px;
  display: flex;
}

.ms_r {
  padding-top: var(--manji-padding);
  grid-column-gap: var(--manji-padding);
  grid-row-gap: .5em;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  line-height: 24px;
  display: flex;
}

.ms_r._1 {
  grid-column-gap: .75em;
  grid-row-gap: .55em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1.1em;
  display: grid;
}

.ms_r._1.less {
  grid-column-gap: 0em;
  grid-row-gap: .25em;
  flex-flow: column;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 0;
  display: grid;
}

.ms_r._3 {
  grid-column-gap: .75em;
  grid-row-gap: .55em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1.1em;
  display: grid;
}

.sub-but_bis {
  background-color: var(--brand-color1);
  text-transform: uppercase;
  border-radius: 15px;
  padding: 1em 2.6em;
  font-size: 1.1em;
  position: static;
  inset: 0% 0% auto auto;
}

.field_label {
  margin-bottom: .45em;
  font-size: .97em;
  font-weight: 600;
}

.radio_button_field {
  justify-content: flex-start;
  align-items: center;
  margin-right: 0;
  padding-left: 0;
  display: flex;
}

.b-pricing_form {
  z-index: 1;
  grid-column-gap: var(--padding);
  grid-row-gap: var(--padding);
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.custom_html_checkbox {
  flex: none;
  width: 25px;
  height: 25px;
}

.switch_dot {
  background-color: #fff;
  border-radius: 100vw;
  width: 24px;
  height: 24px;
}

.bpr_r1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.para_1-lghtgrey {
  color: #9c9898;
}

.ms_p._2 {
  padding-bottom: var(--padding);
}

.switch {
  cursor: pointer;
  background-color: #e4e4e4;
  border-radius: 100vw;
  width: 64px;
  height: 32px;
  padding: 4px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.success_message {
  background-color: #ececec;
  padding: 1.67em;
  font-size: 1.2em;
}

.text_area {
  width: 100%;
}

.pricing_switch {
  color: var(--brand-color2);
  font-size: var(--glavni-naslov);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1.1;
}

.cal-wrapper {
  position: relative;
}

.ms_form_contains {
  padding: var(--padding) 0px 0px;
  color: #060622;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: block;
}

.text-block-11 {
  color: var(--brand-color2);
  font-size: 2.4em;
  font-weight: 600;
  line-height: 1.1;
}

.pc_r2-copy {
  text-align: center;
  display: flex;
}

.business_pricing_calculator_wrapper {
  width: 100%;
}

.container-6 {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.text-field-4 {
  display: none;
}

.para_1-grey {
  color: var(--gray-950);
}

.b-pricing-right {
  z-index: 1;
  padding-right: var(--padding);
  padding-left: var(--padding);
  background-color: #fff0;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 40%;
  height: 100%;
  display: flex;
  position: sticky;
  top: 10em;
}

.heading_5 {
  font-size: 1.2em;
  font-weight: 600;
}

.custom {
  text-align: center;
  margin-top: 5em;
  display: block;
}

.cal-pane {
  padding: 1em;
}

.radio-button {
  background-color: #eee;
  border-style: none;
  border-radius: 0%;
  width: 25px;
  height: 25px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 1.07em;
  transition: opacity .2s;
}

.radio-button:hover {
  background-color: #ccc;
}

.radio-button.w--redirected-checked {
  background-color: #006838;
  background-image: url('../images/check.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60% 50%;
  border: 1px #006838;
  border-radius: 0%;
}

.radio-button.w--redirected-focus {
  box-shadow: none;
  transition-property: none;
}

.radio-button.w--redirected-focus-visible {
  transition-property: none;
}

.text-field-3 {
  padding-right: var(--manji-padding);
  background-color: var(--brand-100);
  color: var(--brand-color2);
  border-radius: 15px;
  margin-bottom: 0;
}

.text-field-3:hover {
  color: var(--brand-color1);
}

.ms_r-copy {
  grid-row-gap: .5em;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  margin-top: 0;
  margin-left: 1.1em;
  line-height: 24px;
  display: block;
}

.ms_r-copy.last {
  margin-left: 0;
  display: block;
}

.cal-target {
  justify-content: space-between;
  align-items: center;
  font-size: 1.67em;
  font-weight: 600;
  display: flex;
}

.radio-button-label1 {
  margin-bottom: 0;
  font-size: 1.1em;
}

.bpl_r1 {
  margin-bottom: 1.67em;
  display: none;
}

.bpl_r1.is--hidden {
  display: block;
}

.bpr_r2 {
  text-align: center;
  margin-top: 1.67em;
}

.bpr_r3 {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin-top: 2.22em;
  margin-bottom: 5em;
  display: flex;
  position: relative;
}

.bpr_r3.mob {
  display: none;
}

.heading2_wrapper {
  text-align: center;
  width: 54.17em;
  margin-left: auto;
  margin-right: auto;
}

.b-pricing-left {
  padding: var(--corner-radius) var(--corner-radius) var(--glavni-naslov);
  border-radius: var(--corner-radius);
  background-color: var(--brand-color2);
  background-image: linear-gradient(#3c2260f0, #3c2260f0), url('../images/beli-znak-bez-pozadine.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 60%;
  width: 100%;
  height: 100%;
  position: static;
}

.container-calculator {
  margin-bottom: var(--manji-padding);
  width: 100%;
  max-width: 80%;
}

.text-field-5 {
  display: none;
}

.h4-heading-2 {
  color: #3d3d3d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
}

.h4-heading-2.white-text {
  color: #fff;
}

.testimonial-card-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--brand-100);
  border-radius: 8px;
  flex-flow: column;
  padding: 24px;
  display: flex;
}

.common-heading-div-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.how-we-work-div-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.process-line-2 {
  background-color: #6a8cff;
  border-radius: 100px;
  width: 2px;
  height: 65%;
  position: absolute;
  inset: 46% 0% 0% 18px;
  transform: translate(0, -50%);
}

.process-image-2 {
  border-radius: 12px;
  transform: rotate(10deg);
  box-shadow: -10px 6px 12px #0000001a, -3px 1px 7px #00000026;
}

.common-button-3 {
  color: #fff;
  background-color: #1c26e6;
  background-image: url('../images/button-arrow.svg');
  background-position: 88%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 8px;
  padding: 14px 50px 14px 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
  transition: all .3s;
  box-shadow: 0 9px 9px #00000021, 0 2px 5px #00000026;
}

.common-button-3:hover {
  background-position: 92%;
}

.common-button-3.large-button {
  background-position: 90%;
}

.common-button-3.large-button:hover {
  background-position: 92%;
}

.common-button-3.large-button.white-button {
  background-color: #fff;
}

.common-button-3.white-button {
  color: #1c26e6;
  background-color: #fff;
  background-image: url('../images/white-button-arrow.svg');
}

.how-we-work-process-div-2 {
  border-top: 1px solid #fff3;
  padding-top: 20px;
  padding-bottom: 20px;
}

.common-heading-div-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.process-count-box-2 {
  z-index: 1;
  background-color: #1a24b9;
  border: 2px solid #6a8cff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  display: flex;
  position: relative;
}

.join-with-us-heading-span-2 {
  color: #fff9;
  display: block;
}

.join-with-us-image-2 {
  border-radius: 4px;
  width: 100%;
}

.join-with-us-card-2 {
  z-index: 1;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  position: relative;
}

.join-with-image-overlay-2 {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: #1c26e680;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.join-with-us-icon-3 {
  border-radius: 100px;
  position: absolute;
  inset: auto -13px 20px auto;
  box-shadow: -3px -3px 4px #00000036, -1px -1px 2px #00000040;
}

.join-with-us-small-image-div-2 {
  border-radius: 4px;
  width: 85%;
  height: 85%;
  position: absolute;
}

.join-with-image-gradient-overlay-2 {
  background-image: linear-gradient(#0000, #1c26e6);
  border-radius: 4px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.join-with-us-grid-2 {
  grid-column-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
}

.join-with-us-small-image-2 {
  border-radius: 4px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.common-heading-div-5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.join-with-us-icon-4 {
  border-radius: 100px;
  position: absolute;
  inset: 43px auto auto -27px;
  box-shadow: 4px 4px 6px #00000042, 1px 1px 3px #0000004a;
}

.testimonial {
  width: 100%;
  max-width: 1320px;
  padding-left: 20px;
  padding-right: 20px;
}

.bold-text-8 {
  font-family: var(--font-family--inter);
  font-weight: 400;
}

.bold-text-9 {
  font-family: var(--font-family--neu-has);
}

.bold-text-10 {
  font-weight: 400;
}

.bold-text-11 {
  font-family: var(--font-family--inter);
  font-weight: 400;
}

.section-about-us {
  margin: var(--veci-padding) var(--padding) var(--pod-naslov);
  padding-top: var(--veci-padding);
  padding-bottom: var(--veci-padding);
  background-color: var(--brand-color2);
  border-radius: 8px;
}

.section-about-us.bg-gray {
  margin-top: var(--manji-padding);
  background-color: var(--gray-50);
}

.section-about-us.bg-blue {
  border-radius: var(--corner-radius);
  background-color: var(--brand-color2);
}

.section-about-us.bg-blue.position-relative {
  margin-right: var(--padding);
  margin-left: var(--padding);
  border-radius: var(--corner-radius);
  max-width: 100%;
}

.section-about-us.bg-blue.position-relative-copy {
  margin-right: var(--padding);
  margin-left: var(--padding);
  border-radius: var(--corner-radius);
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: auto;
  padding-top: 3em;
  padding-bottom: 3em;
  display: flex;
}

.section-about-us.team-section {
  background-image: linear-gradient(#1c26e666, #1c26e666), url('../images/team-background.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding: 30px;
}

.section-about-us.footer {
  border-radius: var(--corner-radius) var(--corner-radius) 0px 0px;
  background-color: var(--brand-color3);
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.section-about-us.blog-section {
  padding-top: 20px;
}

.our-ecosystem-wrapper-about {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.our-ecosystem-heading-div-about {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 50%;
  display: flex;
}

.our-ecosystem-heading-div-about.team {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  max-width: 100%;
}

.our-ecosystem-detail-div-about {
  max-width: 50%;
}

.our-ecosystem-detail-div-about.team {
  max-width: 100%;
}

.sub-heading-2-copy {
  font-family: var(--font-family--neu-has);
  color: var(--brand-color1);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
}

.bold-text-12, .bold-text-13 {
  font-weight: 400;
}

.section-3-white {
  border-radius: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 80px;
  padding-bottom: 80px;
}

.section-3-white.bg-gray {
  background-color: #f6f6f6;
}

.section-3-white.bg-blue {
  background-color: #1c26e6;
}

.section-3-white.bg-blue.position-relative {
  margin: var(--veci-padding) var(--padding) var(--pod-naslov);
  padding-top: var(--veci-padding);
  padding-bottom: var(--veci-padding);
  background-color: var(--white-800);
}

.h3-heading-2-white {
  color: #3d3d3d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
}

.h3-heading-2-white.our-ecosystem-heading-text {
  margin-top: var(--basic-text);
  font-family: var(--font-family--neu-has);
  color: var(--brand-color2);
  font-size: 24px;
  font-weight: 400;
}

.h3-heading-2-white.our-ecosystem-heading-text-copy {
  font-family: var(--font-family--inter);
  color: var(--gray-900);
  margin-top: var(--basic-text);
  font-size: 22px;
  font-family: var(--font-family--inter);
  font-size: 20px;
}

.h3-heading-2-white.our-ecosystem-heading-text-copy.cheers {
  color: var(--white);
  font-size: 16px;
}

.h3-heading-2-white.our-ecosystem-heading-text-copy.cheers.team {
  color: var(--brand-color2);
}

.h3-heading-2-white.our-ecosystem-heading-text-copy {
  margin-top: var(--basic-text);
  font-family: var(--font-family--inter);
  font-size: 24px;
}

.process-line-3 {
  background-color: #6a8cff;
  border-radius: 100px;
  width: 2px;
  height: 65%;
  position: absolute;
  inset: 46% 0% 0% 18px;
  transform: translate(0, -50%);
}

.h2-heading-5 {
  font-family: var(--font-family--neu-has);
  color: var(--brand-color1);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 500;
  line-height: 120%;
}

.h2-heading-5.white-text {
  color: #fff;
}

.h2-heading-5.semibold-text {
  font-weight: 600;
}

.h2-heading-5.normal-text {
  font-weight: 400;
}

.small-paragraph-3 {
  color: #4f4f4f;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
}

.small-paragraph-3.process-number {
  color: #dae9ff;
  font-weight: 700;
}

.common-heading-div-6 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.process-count-box-3 {
  z-index: 1;
  background-color: #1a24b9;
  border: 2px solid #6a8cff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  display: flex;
  position: relative;
}

.text-link-4 {
  color: #1c26e6;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
}

.our-ecosystem-icon-2 {
  border-radius: 12px;
  box-shadow: 0 3px 4px -1px #2a2a2a24, 0 1px 1px #2a2a2a14;
}

.our-ecosystem-wrapper-3 {
  margin-top: var(--padding);
  margin-right: var(--padding);
  margin-bottom: var(--veci-padding);
  padding-bottom: var(--veci-padding);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.large-text-4 {
  color: #262626;
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
}

.large-text-4.our-ecosystem-count-text {
  font-family: var(--font-family--neu-has);
  max-width: 230px;
  font-weight: 700;
}

.h3-heading-2-white-copy {
  color: #3d3d3d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
}

.h3-heading-2-white-copy.our-ecosystem-heading-text {
  margin-top: var(--basic-text);
  font-family: var(--font-family--neu-has);
  color: var(--brand-color2);
  font-size: 24px;
  font-weight: 400;
}

.h3-heading-2-white-copy.our-ecosystem-heading-text-copy {
  font-family: var(--font-family--inter);
  color: var(--gray-900);
  margin-top: var(--basic-text);
  font-size: 22px;
  font-family: var(--font-family--inter);
  font-size: 20px;
}

.h3-heading-2-white-copy.our-ecosystem-heading-text-copy.cheers {
  color: var(--white);
  font-size: 16px;
}

.h3-heading-2-white-copy.our-ecosystem-heading-text-copy.cheers.team {
  color: var(--brand-color2);
}

.h3-heading-2-white-copy.our-ecosystem-heading-text-copy {
  margin-top: var(--basic-text);
  font-family: var(--font-family--inter);
  font-size: 24px;
}

.paragraph-2-about {
  padding-bottom: var(--manji-padding);
  color: #4f4f4f;
  margin-bottom: 0;
  font-size: 23px;
  font-weight: 500;
  line-height: 140%;
}

.paragraph-2-about.our-ecosystem-paragraph {
  max-width: 410px;
}

.our-ecosystem-heading-div-4 {
  max-width: 35%;
}

.our-ecosystem-wrapper-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.h2-heading-6 {
  color: #3c2260;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 50px;
  font-weight: 500;
  line-height: 120%;
}

.h2-heading-6.normal-text {
  color: #e32a6a;
  font-weight: 400;
}

.container-7 {
  width: 100%;
  max-width: 80%;
  margin-top: 1em;
  margin-bottom: 1em;
}

.our-ecosystem-detail-div-4 {
  max-width: 50%;
}

.sub-heading-5 {
  color: #e32a6a;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  line-height: 120%;
}

.service-list-div-about, .service-list-div-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.button_content-kontakt {
  padding: var(--padding);
  background-color: var(--brand-color2);
  color: #fff;
  border-radius: .8em;
  font-size: .7rem;
  transition: all .2s;
}

.button_content-kontakt:hover {
  background-color: var(--brand-color1);
}

.button_content-kontakt.secondary {
  color: #5610cf;
  background-color: #e8daff;
}

.button_content-kontakt.secondary:hover {
  color: #fff;
  background-color: #5610cf;
}

.button_content-kontakt._2 {
  padding: var(--manji-padding) var(--padding);
}

.button_content-kontakt.cheers {
  background-color: var(--brand-color3);
}

.button_content-kontakt.cheers.team {
  background-color: var(--brand-color2);
}

.button_text-kontakt {
  color: var(--brand-color4);
  text-transform: uppercase;
  font-size: 1.25em;
}

.button_text-kontakt.reversed-2, .button_text-kontakt.cheers {
  font-family: var(--font-family--neu-has);
  color: var(--brand-color2);
}

.button_text-kontakt.cheers.team {
  color: var(--brand-color4);
}

.button_text-kontakt.management {
  font-family: var(--font-family--neu-has);
}

.univerzalno-dugme-kontakt {
  margin-top: 2em;
}

.univerzalno-dugme-kontakt.cheers {
  width: 80%;
  margin: 0 auto 6em;
}

.service-heading-div-card {
  grid-column-gap: var(--padding);
  grid-row-gap: var(--padding);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.sub-heading-card {
  font-family: var(--font-family--neu-has);
  color: var(--white);
  -webkit-text-stroke-color: var(--white);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  line-height: 120%;
}

.sub-heading-card.client-review-text {
  color: var(--gray-950);
}

.bold-text-15 {
  color: var(--brand-color1);
}

.h3-heading-2-card {
  font-family: var(--font-family--inter);
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 120%;
}

.h3-heading-2-card.our-ecosystem-heading-text {
  margin-top: var(--basic-text);
  font-family: var(--font-family--inter);
  color: var(--white);
  font-size: 20px;
  font-weight: 400;
}

.h3-heading-2-card.our-ecosystem-heading-text-copy {
  font-family: var(--font-family--inter);
  color: var(--white);
  margin-top: var(--basic-text);
  font-size: 22px;
  font-family: var(--font-family--inter);
  font-size: 20px;
}

.h3-heading-2-card.our-ecosystem-heading-text-copy.cheers {
  color: var(--white);
  font-size: 16px;
}

.h3-heading-2-card.our-ecosystem-heading-text-copy.cheers.team {
  color: var(--brand-color2);
}

.h3-heading-2-card.our-ecosystem-heading-text-copy {
  margin-top: var(--basic-text);
  font-family: var(--font-family--inter);
  color: var(--brand-color2);
  font-size: 24px;
}

.our-ecosystem-card-about {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-flow: column;
  display: flex;
}

.our-ecosystem-grid-about {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto;
  margin-top: 60px;
}

.h2-heading-4-menagement {
  font-family: var(--font-family--neu-has);
  color: var(--brand-color2);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 700;
  line-height: 120%;
}

.h2-heading-4-menagement.semibold-text {
  font-family: var(--font-family--neu-has);
  color: var(--white);
  font-size: 26px;
  font-weight: 600;
}

.h2-heading-4-menagement.semibold-text.kount {
  color: var(--brand-color2);
}

.h2-heading-4-menagement.normal-text {
  font-weight: 400;
}

.h2-heading-4-menagement.white-text {
  color: #fff;
}

.h3-heading-2-team {
  color: #3d3d3d;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
}

.h3-heading-2-team.our-ecosystem-heading-text {
  margin-top: var(--basic-text);
  font-family: var(--font-family--inter);
  color: var(--white);
  font-size: 20px;
  font-weight: 400;
}

.h3-heading-2-team.our-ecosystem-heading-text-copy {
  font-family: var(--font-family--inter);
  color: var(--white);
  margin-top: var(--basic-text);
  font-size: 22px;
  font-family: var(--font-family--inter);
  font-size: 20px;
}

.h3-heading-2-team.our-ecosystem-heading-text-copy.cheers {
  color: var(--white);
  font-size: 16px;
}

.h3-heading-2-team.our-ecosystem-heading-text-copy.cheers.team {
  padding-right: var(--pod-naslov);
  color: var(--brand-color2);
}

.h3-heading-2-team.our-ecosystem-heading-text-copy {
  margin-top: var(--basic-text);
  font-family: var(--font-family--inter);
  color: var(--brand-color2);
  font-size: 24px;
}

.our-ecosystem-detail-div-team-in-action {
  padding-right: var(--veci-padding);
  text-align: left;
  max-width: 70%;
}

.service-list-div-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.paragraph-about {
  font-family: var(--font-family--inter);
  color: var(--brand-color2);
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.paragraph-about.our-ecosystem-paragraph {
  max-width: 410px;
}

.paragraph-about.proven-number-paragraph {
  max-width: 265px;
}

.paragraph-about.white-800-color {
  color: var(--gray-950);
}

.paragraph-about.white-800-color.how-we-work-paragraph {
  max-width: 450px;
}

.paragraph-about.white-800-color.process-paragraph {
  max-width: 380px;
}

.paragraph-about.white-800-color.team-paragraph {
  max-width: 450px;
}

.paragraph-about.white-800-color.newsletter-text {
  max-width: 334px;
  margin-top: 12px;
  margin-bottom: 32px;
}

.paragraph-about.white-800-color.copyright-text-link {
  text-decoration: none;
}

.paragraph-about.white-800-color.template-text-link {
  text-transform: uppercase;
  text-decoration: none;
}

.paragraph-about.white-800-color.social-media-link {
  color: var(--brand-color1);
  font-size: var(--manji-padding);
  text-decoration: none;
}

.paragraph-about.faq-paragraph {
  max-width: 370px;
}

.paragraph-about.faq-ans {
  font-family: var(--font-family--inter);
  color: var(--brand-color2);
  max-width: 580px;
}

.paragraph-about.blog-paragraph {
  font-family: var(--font-family--inter);
  max-width: 370px;
}

.paragraph-about.social-media-link {
  color: var(--brand-color1);
  text-decoration: none;
}

.paragraph-about.project-paragraph {
  max-width: 630px;
}

.paragraph-about.project-detail-hero-paragraph {
  max-width: 600px;
  margin-bottom: 24px;
}

.paragraph-about.bold-text {
  color: var(--gray-950);
  font-weight: 600;
}

.paragraph-about.project-text {
  max-width: 630px;
  margin-bottom: 24px;
}

.paragraph-about.success-message-text {
  color: var(--black);
}

.paragraph-about.hero-template-paragraph {
  max-width: 635px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-about.template-paragraph {
  margin-top: 24px;
  margin-bottom: 24px;
}

.paragraph-about.template-link {
  font-weight: 600;
  transition: all .3s;
}

.paragraph-about.template-link:hover {
  color: var(--brand-color2);
}

.paragraph-about.white-text {
  color: var(--white);
}

.paragraph-about.cheers {
  color: var(--white);
  font-size: 18px;
  font-weight: 400;
}

.paragraph-about.cheers.team {
  color: var(--brand-color2);
}

.paragraph-copy {
  font-family: var(--font-family--inter);
  color: var(--brand-color2);
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}

.paragraph-copy.our-ecosystem-paragraph {
  max-width: 410px;
}

.paragraph-copy.proven-number-paragraph {
  max-width: 265px;
}

.paragraph-copy.white-800-color {
  color: var(--gray-950);
}

.paragraph-copy.white-800-color.how-we-work-paragraph {
  max-width: 450px;
}

.paragraph-copy.white-800-color.process-paragraph {
  max-width: 380px;
}

.paragraph-copy.white-800-color.team-paragraph {
  max-width: 450px;
}

.paragraph-copy.white-800-color.newsletter-text {
  max-width: 334px;
  margin-top: 12px;
  margin-bottom: 32px;
}

.paragraph-copy.white-800-color.copyright-text-link {
  text-decoration: none;
}

.paragraph-copy.white-800-color.template-text-link {
  text-transform: uppercase;
  text-decoration: none;
}

.paragraph-copy.white-800-color.social-media-link {
  color: var(--brand-color1);
  font-size: var(--manji-padding);
  text-decoration: none;
}

.paragraph-copy.faq-paragraph {
  max-width: 370px;
}

.paragraph-copy.faq-ans {
  font-family: var(--font-family--inter);
  color: var(--brand-color2);
  max-width: 580px;
}

.paragraph-copy.blog-paragraph {
  font-family: var(--font-family--inter);
  max-width: 370px;
}

.paragraph-copy.social-media-link {
  color: var(--brand-color1);
  text-decoration: none;
}

.paragraph-copy.project-paragraph {
  max-width: 630px;
}

.paragraph-copy.project-detail-hero-paragraph {
  max-width: 600px;
  margin-bottom: 24px;
}

.paragraph-copy.bold-text {
  color: var(--gray-950);
  font-weight: 600;
}

.paragraph-copy.project-text {
  max-width: 630px;
  margin-bottom: 24px;
}

.paragraph-copy.success-message-text {
  color: var(--black);
}

.paragraph-copy.hero-template-paragraph {
  max-width: 635px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-copy.template-paragraph {
  margin-top: 24px;
  margin-bottom: 24px;
}

.paragraph-copy.template-link {
  font-weight: 600;
  transition: all .3s;
}

.paragraph-copy.template-link:hover {
  color: var(--brand-color2);
}

.paragraph-copy.white-text {
  color: var(--white);
}

.paragraph-copy.cheers {
  color: var(--white);
  font-size: 18px;
  font-weight: 400;
}

.paragraph-copy.cheers.team {
  color: var(--brand-color2);
  font-size: 20px;
}

.our-ecosystem-wrapper-team-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.common-heading-div-copy {
  grid-column-gap: var(--manji-padding);
  grid-row-gap: var(--manji-padding);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.common-heading-div-copy.text-center {
  justify-content: flex-start;
  align-items: center;
}

.blog-thumb-image-copy, .blog-thumb-image-copy-copy {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: 50% 80%;
  width: 100%;
}

.blog_container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  display: grid;
}

.blog-thumb-image-copy-copy-copy {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: 50% 80%;
  width: 100%;
}

.h3-heading-3-copy {
  color: var(--brand-color2);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 700;
  line-height: 120%;
}

.contactsekcija {
  margin-top: var(--veci-padding);
  justify-content: center;
  align-items: center;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.radio-button-field {
  padding-top: var(--manji-padding);
  padding-right: var(--manji-padding);
  padding-left: var(--manji-padding);
  border-bottom-width: 2px;
  border-bottom-color: var(--brand-color1);
  flex: 1;
  display: flex;
}

.radio-button-field._2 {
  flex: 0 auto;
}

.radiodugmecontact {
  background-color: var(--brand-100);
  border-radius: 20px;
  width: 25px;
  height: 25px;
  margin-top: 0;
  margin-left: 0;
}

.radiodugmecontact:active {
  background-color: var(--brand-color1);
}

.radiodugmecontact.w--redirected-checked {
  border-color: var(--brand-color1);
  background-color: var(--brand-color1);
}

.bodycontact {
  background-color: var(--brand-100);
  font-family: var(--font-family--neu-has);
  color: var(--black);
  font-size: var(--basic-text);
  line-height: 120%;
}

.radio-button-label {
  padding-left: var(--manji-padding);
  font-family: var(--font-family--inter);
  color: var(--white);
  font-size: 18px;
}

.servisi {
  padding-left: var(--manji-padding);
  font-family: var(--font-family--inter);
  color: var(--white);
  width: 80%;
  font-size: 18px;
}

.servisi._2 {
  padding-left: 0;
}

.code-embed, .custom_css_checkbox {
  display: none;
}

.div-block-2 {
  z-index: 0;
  border: 5px solid var(--brand-color1);
  border-radius: var(--corner-radius);
  display: block;
  position: absolute;
  inset: 0%;
}

.text-field-6 {
  display: none;
}

.image {
  z-index: 1;
  border-radius: var(--corner-radius);
  position: absolute;
  inset: -14% 0% 0%;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.link-block-3 {
  text-decoration: none;
}

.h2-heading-5-about {
  font-family: var(--font-family--neu-has);
  color: var(--brand-color1);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 500;
  line-height: 120%;
}

.h2-heading-5-about.white-text {
  color: #fff;
}

.h2-heading-5-about.semibold-text {
  font-weight: 600;
}

.h2-heading-5-about.normal-text {
  font-weight: 400;
}

.btn_wr {
  display: block;
}

.fifty_fifty-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.fifty_fifty_img_wr {
  width: 100%;
  max-width: 26rem;
  padding-top: 35rem;
  position: relative;
}

.text-color-white {
  font-family: var(--font-family--neu-has);
  color: var(--brand-color2);
  margin-bottom: 10px;
  font-size: 44px;
  font-weight: 700;
}

.padding-global {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.padding-global.padding-m-0 {
  margin-top: var(--veci-padding);
  margin-right: var(--pod-naslov);
  margin-bottom: var(--padding);
  padding: var(--veci-padding) 0rem var(--padding);
}

.container-large {
  width: 100%;
  max-width: 67.25rem;
  margin-left: auto;
  margin-right: auto;
}

.container-large.position-relative {
  max-width: 75rem;
}

.title-small {
  opacity: .6;
  color: #171d2f;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.25rem;
}

.title-small.is-neon {
  opacity: 1;
  font-family: var(--font-family--neu-has);
  color: var(--brand-color1);
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
}

.gradient-glow-vector {
  z-index: 0;
  opacity: .3;
  filter: blur(140px);
  transform-style: preserve-3d;
  border-radius: 50%;
  width: 15.6875rem;
  height: 45.6875rem;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: rotateX(-18deg)rotateY(-22deg)rotateZ(-28deg);
}

.button-2 {
  color: #171d2f;
  text-align: center;
  background-color: #bde162;
  border: 2px solid #0000;
  padding: .875rem 2.90625rem;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.375rem;
  transition: border-color .4s, color .4s, background-color .4s;
}

.button-2:hover {
  color: #bde162;
  background-color: #0000;
  border-color: #bde162;
}

.button-2.is-medium {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.fifty_fifty_comp {
  background-color: #171d2f;
}

.fifty_fifty_comp.padding-section-large-xx {
  background-color: var(--white-800);
  margin-right: 0;
  padding-left: 0;
  position: relative;
  overflow: hidden;
}

.image_fit {
  border-radius: var(--manji-padding);
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.body_one {
  opacity: .8;
  color: #fff;
  font-weight: 400;
  line-height: 1.25rem;
}

.body_one.text-lighter {
  font-family: var(--font-family--inter);
  color: var(--brand-color2);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}

.fifty_fifty-grid-right {
  width: 100%;
  max-width: 26rem;
}

.fifty_fifty-grid-left {
  z-index: 1;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 33.1875rem;
  display: grid;
  position: relative;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.div-block-3 {
  padding-left: 0;
}

.image_fit-2, .image_fit-3 {
  border-radius: var(--manji-padding);
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.our-ecosystem-wrapper-teambuilding {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.textarea_2 {
  margin-top: var(--manji-padding);
  background-color: var(--brand-100);
  color: var(--brand-color2);
  border: 1px #000;
  border-radius: 5px;
  width: 100%;
}

@media screen and (min-width: 1920px) {
  .hero-section {
    background-size: cover;
    justify-content: center;
    align-items: flex-start;
  }

  .container {
    max-width: 85%;
  }

  .h1-heading.home-hero-heading, .h1-heading.home-hero-heading-2 {
    font-size: 100px;
  }

  .section.bg-blue.position-relative-copy {
    padding-top: 5em;
  }

  .our-ecosystem-heading-div {
    max-width: 35%;
  }

  .h2-heading.service-heading-text, .h2-heading.h2-zasto {
    font-size: 44px;
  }

  .h2-heading.white-text-copy {
    max-width: 65%;
    font-size: 65px;
  }

  .paragraph.cheers {
    font-size: 21px;
  }

  .proven-number-grid.manage.flow._3 {
    grid-template-rows: auto auto auto;
  }

  .join-with-us-grid {
    grid-row-gap: 0px;
  }

  .join-with-us-div {
    position: relative;
    overflow: hidden;
  }

  .join-with-us-image-div {
    height: 50%;
  }

  .join-with-image-overlay {
    aspect-ratio: 16 / 9;
  }

  .how-we-work-grid {
    grid-template-columns: .5fr 1fr;
  }

  .h4-heading {
    font-size: 44px;
  }

  .process-count-div {
    grid-column-gap: var(--padding);
    grid-row-gap: var(--padding);
    justify-content: flex-start;
    align-items: center;
  }

  .h-container {
    padding-top: var(--veci-padding);
    padding-bottom: 0;
  }

  .h3-heading-2.our-ecosystem-heading-text {
    font-size: 24px;
  }

  .h3-heading-2.our-ecosystem-heading-text-copy {
    font-size: 30px;
  }

  .h2-heading-2 {
    font-size: 44px;
  }

  .u-section-work {
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
  }

  .arrow-box-2 {
    z-index: 12;
  }

  .project-image18 {
    width: 300%;
    left: -95%;
  }

  .project-image-copy-copy {
    width: 200%;
    left: -35%;
  }

  .content-wrap_bg-blur {
    padding-top: var(--padding);
    padding-bottom: var(--veci-padding);
    flex-flow: row;
    display: flex;
  }

  .h2-cta {
    margin-top: var(--manji-padding);
    font-size: 60px;
  }

  .paragraf-cta {
    font-size: 20px;
  }

  .section-teambuilding-heading.bg-blue.position-relative-copy {
    padding-top: 5em;
  }

  .section-odabir {
    width: 100%;
    display: flex;
  }

  .section-odabir.bg-blue.position-relative-copy {
    padding-top: 5em;
  }

  .our-ecosystem-wrapper-team {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
  }

  .our-ecosystem-detail-div-team {
    max-width: 40%;
  }

  .h2-heading-team {
    font-size: 44px;
  }

  .container-2-copy {
    width: 85%;
    max-width: none;
  }

  .cheersimage {
    top: 20%;
  }

  .cheersimageteam {
    width: 20%;
  }

  .h3-heading-4.our-ecosystem-heading-text {
    font-size: 30px;
  }

  .h2-heading-4.semibold-text {
    font-size: 28px;
  }

  .section-3 {
    flex: 1;
  }

  .hero-section-management, .hero-section-flow, .hero-section-levelup {
    background-size: cover;
    justify-content: center;
    align-items: flex-start;
  }

  .project-image-copy-copy-copy-copy {
    width: 200%;
  }

  .hero-section-tiff, .hero-section-stress, .hero-section-me-in-motion, .hero-section-vibe-check, .hero-section-impact-mode, .hero-section-psiholo-ka, .hero-section-growth-mindset, .hero-section-change-management, .hero-section-time-menagement, .hero-section-delegiranje, .hero-section-asertivna-komunikacija, .hero-section-feedback {
    background-size: cover;
    justify-content: center;
    align-items: flex-start;
  }

  .section-about-us.bg-blue.position-relative-copy {
    padding-top: 5em;
  }

  .our-ecosystem-heading-div-about {
    max-width: 35%;
  }

  .h3-heading-2-white.our-ecosystem-heading-text, .h3-heading-2-white.our-ecosystem-heading-text-copy, .h3-heading-2-white.our-ecosystem-heading-text-copy, .h3-heading-2-white-copy.our-ecosystem-heading-text, .h3-heading-2-white-copy.our-ecosystem-heading-text-copy, .h3-heading-2-white-copy.our-ecosystem-heading-text-copy {
    font-size: 30px;
  }

  .our-ecosystem-heading-div-4 {
    max-width: 35%;
  }

  .h2-heading-6 {
    font-size: 70px;
  }

  .container-7 {
    max-width: 85%;
  }

  .h3-heading-2-card.our-ecosystem-heading-text {
    font-size: 24px;
  }

  .h3-heading-2-card.our-ecosystem-heading-text-copy {
    font-size: 30px;
  }

  .h2-heading-4-menagement.semibold-text {
    font-size: 28px;
  }

  .h3-heading-2-team.our-ecosystem-heading-text {
    font-size: 24px;
  }

  .h3-heading-2-team.our-ecosystem-heading-text-copy {
    font-size: 30px;
  }

  .paragraph-about.cheers, .paragraph-copy.cheers {
    font-size: 21px;
  }

  .paragraph-copy.cheers.team {
    font-size: 24px;
  }

  .our-ecosystem-wrapper-team-copy {
    justify-content: space-between;
    align-items: flex-start;
  }

  .image {
    z-index: 1;
    position: absolute;
    inset: -30% 0% 0%;
  }

  .container-large.position-relative {
    max-width: 77rem;
  }

  .fifty_fifty-grid-left {
    margin-left: 0;
  }
}

@media screen and (max-width: 991px) {
  .hero-section {
    background-size: cover;
    padding-bottom: 50px;
    overflow: hidden;
  }

  .toggle-text {
    font-family: var(--font-family--inter);
  }

  .menu-toggle-div {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .home-hero-detail-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .sub-heading {
    padding-left: 0;
  }

  .h1-heading {
    font-size: 50px;
  }

  .h1-heading.home-hero-heading {
    font-size: 62px;
  }

  .h1-heading.project-hero-heading-text {
    max-width: 500px;
  }

  .h1-heading.home-hero-heading-2 {
    font-size: 62px;
  }

  .h1-heading.project-hero-heading-team {
    max-width: 500px;
  }

  .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.team-section {
    padding: 20px;
  }

  .section.blog-section {
    padding-top: 10px;
  }

  .our-ecosystem-wrapper {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
  }

  .our-ecosystem-heading-div {
    flex-flow: wrap;
    max-width: 70%;
    display: flex;
  }

  .h2-heading, .h2-heading.service-heading-text {
    font-size: 36px;
  }

  .h2-heading.project-heading-text {
    max-width: 400px;
  }

  .h2-heading.h2-zasto, .h2-heading.white-text-copy {
    font-size: 36px;
  }

  .our-ecosystem-detail-div {
    max-width: 100%;
  }

  .h3-heading {
    font-size: 28px;
  }

  .our-ecosystem-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 50px;
  }

  .our-ecosystem-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .our-ecosystem-count-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .paragraph.white-800-color.newsletter-text {
    margin-bottom: 28px;
  }

  .paragraph.template-paragraph {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .common-heading-div {
    padding-bottom: var(--padding);
    grid-column-gap: var(--manji-padding);
    grid-row-gap: var(--manji-padding);
    padding-left: 0;
  }

  .proven-number-grid {
    grid-column-gap: 60px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 50px;
  }

  .proven-number-grid.manage.flow {
    grid-row-gap: 5em;
    grid-template-columns: 1fr;
  }

  .proven-number-card {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .join-with-us-grid {
    grid-row-gap: var(--manji-padding);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    height: auto;
  }

  .join-with-us-div {
    border-radius: 10px;
    height: 40vh;
  }

  .company-logo-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .company-logo-image-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
  }

  .join-with-us-image-div {
    height: 50vh;
  }

  .join-with-us-small-image-div {
    height: 35vh;
  }

  .join-with-us-icon-01 {
    left: -15px;
  }

  .service-heading-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .service-grid {
    grid-row-gap: var(--padding);
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 50px;
  }

  .service-card {
    padding: 20px 20px 20px var(--padding);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    height: 400px;
  }

  .small-paragraph.project-label-text {
    font-size: 12px;
  }

  .service-list-detail-div.cheers {
    z-index: 2;
    position: relative;
  }

  .project-card-link {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .project-image {
    width: 200%;
    max-width: none;
    left: -44%;
  }

  .collection-item {
    margin-top: 50px;
  }

  .arrow-box {
    width: 60px;
    height: 60px;
  }

  .arrow-icon {
    width: 28px;
  }

  .project-label {
    padding-left: 12px;
    padding-right: 12px;
  }

  .how-we-work-grid {
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .h4-heading.license-heading {
    margin-bottom: 28px;
  }

  .testimonial-wrapper {
    margin-top: 50px;
  }

  .testimonial-slider {
    width: 48%;
    margin-right: 4%;
  }

  .testimonial-card {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .team-wrapper {
    padding: 20px;
  }

  .team-grid {
    margin-top: 60px;
  }

  .team-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .faq-grid {
    grid-row-gap: 50px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .accordion {
    padding-right: 0;
  }

  .accordion-div {
    border-bottom-style: none;
  }

  .blog-heading-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .blog-thumb-image-div {
    margin-bottom: 25px;
  }

  .footer-wrapper {
    grid-column-gap: var(--padding);
    grid-row-gap: var(--padding);
    flex-flow: column;
  }

  .newsletter-wrapper {
    grid-column-gap: var(--veci-padding);
    grid-row-gap: var(--veci-padding);
    flex-flow: wrap;
  }

  .footer-detail-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    order: -1;
  }

  .footer-link-div {
    display: none;
  }

  .bottom-footer-div {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: wrap-reverse;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .social-media-div {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .nav-link {
    font-size: 30px;
  }

  .project-hero-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .project-hero-heading-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .project-hero-image-01, .project-hero-image-02, .project-hero-image-03, .project-hero-image-04 {
    display: none;
  }

  .project-heading-div, .project-detail-hero-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .project-info {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .project-heading-detail-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .projects-image-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .project-grid {
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-bottom: 50px;
  }

  .project-detail-div {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .product-detail-div {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .product-review-div {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .product-contact-div {
    margin-top: 25px;
  }

  .blog-hero-detail-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .rich-text h2 {
    font-size: 38px;
  }

  .rich-text p {
    margin-top: 28px;
  }

  .contact-grid {
    grid-column-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .contact-detail-div {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
  }

  .contact-line {
    display: none;
  }

  .contact-form-div {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  ._404-section {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    height: 95vh;
    padding-top: 60px;
  }

  .dark-logo {
    width: 180px;
  }

  ._404-detail-div {
    margin-bottom: 30px;
  }

  ._404-contact-div {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .template-hero-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .license-name-link-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 20px;
  }

  .template-detail-div.margin {
    margin-bottom: 50px;
  }

  .typhography-div, .button-style-div, .color-palette-grid {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .footer-logo {
    width: 200px;
  }

  .nav-linkovi {
    display: none;
  }

  .h2-naslov {
    font-size: 50px;
  }

  .h2-naslov.home-hero-heading {
    font-size: 62px;
  }

  .h2-naslov.project-hero-heading-text {
    max-width: 500px;
  }

  .button_content {
    font-size: .5rem;
  }

  .button_content._2 {
    font-size: .7rem;
  }

  .h3-heading-2 {
    font-size: 28px;
  }

  .h3-heading-2.our-ecosystem-heading-text {
    font-size: 16px;
  }

  .h3-heading-2.our-ecosystem-heading-text.team {
    margin-top: 14px;
    font-size: 20px;
  }

  .h3-heading-2.our-ecosystem-heading-text-copy {
    font-size: 20px;
  }

  .h2-heading-2 {
    font-size: 36px;
  }

  .u-section-work {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .u-section-work.team-section {
    padding: 20px;
  }

  .u-section-work.blog-section {
    padding-top: 10px;
  }

  .testimonials {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .testimonials.team-section {
    padding: 20px;
  }

  .testimonials.blog-section {
    padding-top: 10px;
  }

  .faq {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .faq.team-section {
    padding: 20px;
  }

  .faq.blog-section {
    padding-top: 10px;
  }

  .common-heading-div-copy {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .zastomisekcija {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .zastomisekcija.team-section {
    padding: 20px;
  }

  .zastomisekcija.blog-section {
    padding-top: 10px;
  }

  .rasputin {
    width: 225%;
    left: -60%;
  }

  .h2-heading-3 {
    font-size: 36px;
  }

  .project-label-2 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .h3-heading-3 {
    font-size: 20px;
    line-height: 110%;
  }

  .small-paragraph-2.project-label-text {
    font-size: 8px;
  }

  .arrow-box-2 {
    width: 60px;
    height: 60px;
  }

  .proejct-image-4 {
    width: 250%;
    left: -60%;
  }

  .project-image5 {
    width: 325%;
    left: -61%;
  }

  .project-image7 {
    width: 250%;
    left: -86%;
  }

  .project-image8 {
    width: 250%;
    top: -10%;
    left: -78%;
  }

  .project-image10 {
    width: 300%;
    left: -85%;
  }

  .project-image11 {
    width: 225%;
    left: -55%;
  }

  .project-image12 {
    width: 200%;
    left: -48%;
  }

  .project-image14 {
    width: 210%;
    top: -5%;
    left: -50%;
  }

  .project-image16 {
    width: 200%;
    left: -48%;
  }

  .project-image17 {
    width: 220%;
    left: -21%;
  }

  .project-image18 {
    width: 400%;
    position: static;
    left: -20%;
  }

  .project-image-copy-copy {
    width: 250%;
    left: -39%;
  }

  .project-image-copy-copy-copy {
    width: 300%;
    left: -98%;
  }

  .section_bg-image {
    background-position: 100% 0;
    background-size: 150%;
  }

  .grid_1-2 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .content-wrap_bg-blur {
    border-radius: var(--corner-radius);
    overflow: hidden;
  }

  .container-3 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .h2-cta {
    text-align: center;
    font-size: 30px;
  }

  .paragraf-cta {
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .link-block {
    width: 100%;
  }

  .bold-text-2 {
    font-size: 20px;
    line-height: 100%;
  }

  .section-teambuilding-heading {
    padding-top: var(--padding);
    padding-bottom: 0;
  }

  .section-teambuilding-heading.team-section {
    padding: 20px;
  }

  .section-teambuilding-heading.blog-section {
    padding-top: 10px;
  }

  .section-teambuilding-heading.cheers {
    padding-top: var(--veci-padding);
  }

  .section-odabir {
    width: auto;
    padding-top: 0;
  }

  .section-odabir.team-section {
    padding: 20px;
  }

  .section-odabir.blog-section {
    padding-top: 10px;
  }

  .kolekcija-team {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
  }

  .collection-item-team {
    margin-top: 50px;
  }

  .our-ecosystem-wrapper-team {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
  }

  .our-ecosystem-detail-div-team {
    max-width: 100%;
  }

  .h2-heading-team {
    font-size: 36px;
  }

  .h3-heading-3-team {
    font-size: 30px;
    line-height: 110%;
  }

  .project-hero-image-24 {
    display: none;
  }

  .container-2-copy {
    max-width: none;
  }

  .cheersimage {
    z-index: 1;
    top: 61%;
  }

  .h3-heading-4 {
    font-size: 28px;
  }

  .h2-heading-4 {
    font-size: 36px;
  }

  .section-2, .section-3 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .common-heading-div-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .container-5.vrednosti {
    margin-right: var(--padding);
    margin-left: var(--padding);
  }

  .hero-section-management, .hero-section-flow, .hero-section-levelup {
    background-size: cover;
    padding-bottom: 50px;
    overflow: hidden;
  }

  .project-image-copy-copy-copy-copy {
    width: 300%;
  }

  .hero-section-tiff, .hero-section-stress, .hero-section-me-in-motion, .hero-section-vibe-check, .hero-section-impact-mode, .hero-section-psiholo-ka, .hero-section-growth-mindset, .hero-section-change-management, .hero-section-time-menagement, .hero-section-delegiranje, .hero-section-asertivna-komunikacija, .hero-section-feedback {
    background-size: cover;
    padding-bottom: 50px;
    overflow: hidden;
  }

  .ms_r._1 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .ms_r._3 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .b-pricing_form {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .business_pricing_calculator_wrapper {
    margin-top: 4.67em;
  }

  .container-6 {
    padding-left: 6em;
    padding-right: 6em;
  }

  .b-pricing-right {
    width: 95%;
    padding-left: 2.6em;
    padding-right: 2.6em;
  }

  .b-pricing-left {
    width: 95%;
    margin-right: 0;
  }

  .testimonial-card-2 {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
  }

  .common-heading-div-3, .common-heading-div-4 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .join-with-us-grid-2 {
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .common-heading-div-5 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .join-with-us-icon-4 {
    left: -15px;
  }

  .section-about-us {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-about-us.team-section {
    padding: 20px;
  }

  .section-about-us.blog-section {
    padding-top: 10px;
  }

  .our-ecosystem-wrapper-about {
    margin-right: var(--padding);
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    flex-flow: column;
  }

  .our-ecosystem-heading-div-about {
    flex-flow: wrap;
    max-width: 70%;
    display: flex;
  }

  .our-ecosystem-heading-div-about.team {
    grid-column-gap: .65em;
    grid-row-gap: .65em;
    flex-flow: column;
  }

  .our-ecosystem-detail-div-about {
    max-width: 100%;
  }

  .section-3-white {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .h3-heading-2-white {
    font-size: 28px;
  }

  .h3-heading-2-white.our-ecosystem-heading-text-copy {
    font-size: 20px;
  }

  .h2-heading-5 {
    font-size: 36px;
  }

  .common-heading-div-6 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .our-ecosystem-wrapper-3 {
    margin-left: var(--padding);
  }

  .h3-heading-2-white-copy {
    font-size: 28px;
  }

  .h3-heading-2-white-copy.our-ecosystem-heading-text-copy {
    font-size: 20px;
  }

  .our-ecosystem-heading-div-4 {
    flex-flow: wrap;
    max-width: 70%;
    display: flex;
  }

  .our-ecosystem-wrapper-4 {
    grid-column-gap: 4em;
    grid-row-gap: 4em;
  }

  .h2-heading-6 {
    font-size: 36px;
  }

  .our-ecosystem-detail-div-4 {
    max-width: 100%;
  }

  .button_content-kontakt {
    font-size: .5rem;
  }

  .button_content-kontakt._2 {
    font-size: .7rem;
  }

  .service-heading-div-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .sub-heading-card {
    padding-left: 0;
  }

  .h3-heading-2-card {
    font-size: 28px;
  }

  .h3-heading-2-card.our-ecosystem-heading-text {
    font-size: 16px;
  }

  .h3-heading-2-card.our-ecosystem-heading-text-copy {
    font-size: 20px;
  }

  .our-ecosystem-card-about {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .our-ecosystem-grid-about {
    margin-top: 50px;
    margin-right: var(--pod-naslov);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .h2-heading-4-menagement {
    font-size: 36px;
  }

  .h3-heading-2-team {
    font-size: 28px;
  }

  .h3-heading-2-team.our-ecosystem-heading-text {
    font-size: 16px;
  }

  .h3-heading-2-team.our-ecosystem-heading-text-copy {
    font-size: 20px;
  }

  .our-ecosystem-detail-div-team-in-action {
    max-width: 100%;
  }

  .paragraph-about.white-800-color.newsletter-text {
    margin-bottom: 28px;
  }

  .paragraph-about.template-paragraph {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .paragraph-copy.white-800-color.newsletter-text {
    margin-bottom: 28px;
  }

  .paragraph-copy.template-paragraph {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .our-ecosystem-wrapper-team-copy {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    grid-column-gap: 0em;
    grid-row-gap: 0em;
  }

  .common-heading-div-copy {
    padding-bottom: var(--padding);
    grid-column-gap: var(--manji-padding);
    grid-row-gap: var(--manji-padding);
    padding-left: 0;
  }

  .h3-heading-3-copy {
    font-size: 20px;
    line-height: 110%;
  }

  .contactsekcija {
    margin-right: var(--manji-padding);
    margin-left: var(--manji-padding);
    width: auto;
  }

  .div-block-2 {
    display: block;
  }

  .h2-heading-5-about {
    font-size: 36px;
  }

  .fifty_fifty-grid {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .padding-global {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .fifty_fifty-grid-right {
    flex: 1;
  }

  .fifty_fifty-grid-left {
    flex: 1;
    margin-left: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .our-ecosystem-wrapper-teambuilding {
    margin-right: var(--padding);
    grid-column-gap: 4em;
    grid-row-gap: 4em;
    flex-flow: column;
  }

  .our-ecosystem-wrapper-teambuilding.team {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
  }
}

@media screen and (max-width: 767px) {
  .hero-section {
    height: 91vh;
    padding-bottom: 40px;
  }

  .header {
    margin-top: 0;
  }

  .toggle-text {
    font-size: 24px;
  }

  .page-label {
    display: none;
  }

  .home-hero-detail-div {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .h1-heading {
    font-size: 40px;
  }

  .h1-heading.home-hero-heading {
    font-size: 36px;
  }

  .h1-heading.project-hero-heading-text {
    max-width: 400px;
  }

  .h1-heading.home-hero-heading-2 {
    font-size: 40px;
  }

  .h1-heading.project-hero-heading-team {
    max-width: 400px;
  }

  .section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .h2-heading {
    font-size: 32px;
  }

  .h2-heading.white-text {
    font-size: var(--padding);
  }

  .h3-heading {
    font-size: 24px;
  }

  .our-ecosystem-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .our-ecosystem-card {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .our-ecosystem-count-div {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .large-text {
    margin-bottom: 0;
  }

  .paragraph.white-800-color.newsletter-text {
    margin-bottom: 25px;
  }

  .paragraph.template-paragraph {
    margin-top: 18px;
    margin-bottom: 18px;
  }

  .common-heading-div {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .proven-number-grid {
    grid-column-gap: 16px;
    margin-top: 40px;
  }

  .proven-number-grid.manage {
    grid-template-columns: 1fr;
  }

  .proven-number-grid.manage.flow {
    grid-row-gap: 5em;
    grid-template-columns: 1fr;
    margin-bottom: 15em;
  }

  .proven-number-grid.manage.delete2x4 {
    margin-bottom: var(--veci-padding);
  }

  .proven-number-card {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .company-logo-div, .company-logo-image-div {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .join-with-us-icon-01 {
    left: -15px;
  }

  .service-heading-div {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .service-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .service-card {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    padding: 25px;
  }

  .small-paragraph.project-label-text {
    font-size: 14px;
  }

  .small-paragraph.process-number {
    font-size: 10px;
  }

  .small-paragraph.author-name.white-text.max-width {
    text-align: center;
  }

  .small-paragraph.white-800-color.newsletter-paragraph {
    max-width: none;
  }

  .small-paragraph.social-media-heading-text {
    font-size: var(--padding);
  }

  .project-card-link {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .collection-item {
    margin-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .project-label {
    padding-left: 14px;
    padding-right: 14px;
  }

  .process-detail-div {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .process-heading-div {
    flex-flow: column;
  }

  .h4-heading {
    font-size: 22px;
  }

  .h4-heading.license-heading {
    margin-bottom: 25px;
  }

  .process-count-div {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .process-count-box {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
  }

  .process-line {
    height: 67%;
    top: 36%;
    left: 14px;
  }

  .process-image {
    width: 100%;
    transform: none;
  }

  .testimonial-wrapper {
    margin-top: 40px;
  }

  .testimonial-slider {
    width: 100%;
    margin-right: 3%;
  }

  .team-slider-nav {
    margin-top: 20px;
  }

  .testimonial-card {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    padding: 20px;
  }

  .team-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .team-grid {
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 50px;
  }

  .team-card {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .faq-grid {
    grid-row-gap: 40px;
  }

  .accordion-list {
    padding-left: 10px;
  }

  .accordion-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .blog-heading-div {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .blog-thumb-image-div {
    margin-bottom: 20px;
  }

  .newsletter-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .newsletter-detail-div {
    max-width: none;
  }

  .footer-link-div {
    grid-row-gap: 18px;
    flex-flow: wrap;
  }

  .social-media-link-div {
    grid-row-gap: 14px;
    flex-flow: wrap;
  }

  .nav-menu-wrapper {
    max-width: 415px;
  }

  .nav-link {
    font-size: 26px;
  }

  .nav-bottom-div {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .project-hero-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .project-hero-heading-div, .project-heading-div, .project-detail-hero-wrapper {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .project-info {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .project-heading-detail-div {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .projects-image-wrapper {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    flex-flow: wrap;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .projects-image-div {
    border-radius: 12px;
  }

  .project-grid {
    grid-row-gap: 25px;
    margin-bottom: 40px;
  }

  .project-detail-div {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .product-detail-div {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .product-result-count-div {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .product-review-div {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    padding-left: 20px;
  }

  .product-contact-div {
    margin-top: 20px;
  }

  .blog-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .blog-hero-detail-div {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .rich-text h2 {
    font-size: 32px;
  }

  .rich-text p {
    margin-top: 25px;
  }

  .contact-detail-div {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: wrap;
  }

  .contact-form-div {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 30px;
  }

  .contact-form {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  ._404-section {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    height: 92vh;
    padding-top: 50px;
  }

  ._404-detail-div {
    margin-bottom: 25px;
  }

  ._404-image-div {
    display: none;
  }

  ._404-footer-div {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    flex-flow: column;
  }

  ._404-contact-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .template-hero-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .license-name-link-div {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    flex-flow: wrap;
    margin-bottom: 18px;
  }

  .license-image {
    border-radius: 16px;
  }

  .template-detail-div.margin {
    margin-bottom: 40px;
  }

  .typhography-div {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .button-style-div {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .color-palette-grid {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .process-image-div {
    width: auto;
    height: 100%;
    margin-top: 18px;
    margin-left: 40px;
  }

  .template-popup-div {
    display: none;
  }

  .h2-naslov, .h2-naslov.home-hero-heading {
    font-size: 40px;
  }

  .h2-naslov.project-hero-heading-text {
    max-width: 400px;
  }

  .h3-heading-2 {
    font-size: 24px;
  }

  .h3-heading-2.our-ecosystem-heading-text-copy {
    font-size: 16px;
  }

  .h2-heading-2 {
    font-size: 32px;
  }

  .large-text-2 {
    margin-bottom: 0;
  }

  .u-section-work, .testimonials, .faq {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .marquee-image.hide-mobile {
    display: block;
  }

  .zastomisekcija {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .rasputin {
    width: 300%;
    left: -115%;
  }

  .h2-heading-3 {
    font-size: 32px;
  }

  .project-label-2 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .h3-heading-3 {
    font-size: 20px;
  }

  .small-paragraph-2.project-label-text {
    font-size: 8px;
  }

  .small-paragraph-2.process-number {
    font-size: 10px;
  }

  .kolekcija {
    grid-template-columns: 1fr 1fr;
  }

  .section_bg-image {
    background-position: 75% 100%;
    background-size: 300%;
    justify-content: center;
    align-items: center;
    padding-top: 10em;
  }

  .grid_1-2 {
    grid-template-columns: 1fr;
  }

  .container-3 {
    padding-bottom: var(--veci-padding);
  }

  .h2-cta {
    width: 75%;
  }

  .section_bg-image-trening {
    justify-content: center;
    align-items: center;
  }

  .bold-text-3, .bold-text-4, .bold-text-5, .bold-text-6, .bold-text-7 {
    font-size: 20px;
  }

  .section-teambuilding-heading {
    padding-top: 50px;
    padding-bottom: 0;
  }

  .section-odabir {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .kolekcija-team {
    grid-column-gap: var(--veci-padding);
    grid-row-gap: var(--veci-padding);
    grid-template-columns: 1fr;
  }

  .collection-item-team {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .h2-heading-team {
    font-size: 32px;
  }

  .h3-heading-3-team {
    font-size: 30px;
  }

  .cheersimage {
    top: 71%;
  }

  .cheersimageteam {
    top: 75%;
  }

  .h3-heading-4 {
    font-size: 24px;
  }

  .our-ecosystem-detail-div-2 {
    width: 100%;
  }

  .h2-heading-4 {
    font-size: 32px;
  }

  .section-2 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .large-text-3 {
    margin-bottom: 0;
  }

  .section-3 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .common-heading-div-2 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .hero-section-management {
    background-position: 0 0, 50% 0;
    height: 91vh;
    padding-bottom: 40px;
  }

  .hero-section-flow {
    background-position: 0 0, 45% 0;
    height: 91vh;
    padding-bottom: 40px;
  }

  .hero-section-levelup {
    background-position: 0 0, 90%;
    height: 91vh;
    padding-bottom: 40px;
  }

  .hero-section-tiff {
    height: 91vh;
    padding-bottom: 40px;
  }

  .hero-section-stress, .hero-section-me-in-motion {
    background-position: 0 0, 50% 0;
    height: 91vh;
    padding-bottom: 40px;
  }

  .hero-section-vibe-check {
    background-position: 0 0, 85% 0;
    height: 91vh;
    padding-bottom: 40px;
  }

  .hero-section-impact-mode {
    background-position: 0 0, 75% 0;
    height: 91vh;
    padding-bottom: 40px;
  }

  .hero-section-psiholo-ka {
    background-position: 0 0, 70% 0;
    height: 91vh;
    padding-bottom: 40px;
  }

  .hero-section-growth-mindset {
    background-position: 0 0, 35% 0;
    height: 91vh;
    padding-bottom: 40px;
  }

  .hero-section-change-management {
    background-position: 0 0, 50% 0;
    height: 91vh;
    padding-bottom: 40px;
  }

  .hero-section-time-menagement {
    background-position: 0 0, 60% 0;
    height: 91vh;
    padding-bottom: 40px;
  }

  .hero-section-delegiranje {
    background-position: 0 0, 50% 0;
    height: 91vh;
    padding-bottom: 40px;
  }

  .hero-section-asertivna-komunikacija {
    background-position: 0 0, 75%;
    height: 91vh;
    padding-bottom: 40px;
  }

  .hero-section-feedback {
    background-position: 0 0, 85%;
    height: 91vh;
    padding-bottom: 40px;
  }

  .dd {
    flex-wrap: wrap;
  }

  .ms_r._1 {
    grid-template-columns: 1fr 1fr;
  }

  .ms_r._1.less {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .ms_r._3 {
    grid-template-columns: 1fr 1fr;
  }

  .b-pricing_form {
    flex-flow: column;
  }

  .container-6 {
    padding-left: 4.3em;
    padding-right: 4.3em;
  }

  .b-pricing-right {
    width: 100%;
    top: 10.1em;
    bottom: auto;
  }

  .ms_r-copy {
    width: 100%;
    margin-left: 0;
  }

  .ms_r-copy.last, .heading2_wrapper {
    width: 100%;
  }

  .b-pricing-left {
    width: 100%;
    margin-right: 0;
    padding-top: 4.83em;
  }

  .h4-heading-2 {
    font-size: 22px;
  }

  .testimonial-card-2 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    padding: 20px;
  }

  .common-heading-div-3 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .process-line-2 {
    height: 67%;
    top: 36%;
    left: 14px;
  }

  .process-image-2 {
    width: 100%;
    transform: none;
  }

  .common-heading-div-4 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .process-count-box-2 {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
  }

  .common-heading-div-5 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .join-with-us-icon-4 {
    left: -15px;
  }

  .section-about-us, .section-3-white {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .h3-heading-2-white {
    font-size: 24px;
  }

  .h3-heading-2-white.our-ecosystem-heading-text-copy {
    font-size: 16px;
  }

  .process-line-3 {
    height: 67%;
    top: 36%;
    left: 14px;
  }

  .h2-heading-5 {
    font-size: 32px;
  }

  .small-paragraph-3.process-number {
    font-size: 10px;
  }

  .common-heading-div-6 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .process-count-box-3 {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
  }

  .large-text-4 {
    margin-bottom: 0;
  }

  .h3-heading-2-white-copy {
    font-size: 24px;
  }

  .h3-heading-2-white-copy.our-ecosystem-heading-text-copy {
    font-size: 16px;
  }

  .h2-heading-6 {
    font-size: 32px;
  }

  .service-heading-div-card {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .h3-heading-2-card {
    font-size: 24px;
  }

  .h3-heading-2-card.our-ecosystem-heading-text-copy {
    font-size: 16px;
  }

  .our-ecosystem-card-about {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .our-ecosystem-grid-about {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .h2-heading-4-menagement {
    font-size: 32px;
  }

  .h3-heading-2-team {
    font-size: 24px;
  }

  .h3-heading-2-team.our-ecosystem-heading-text-copy {
    font-size: 16px;
  }

  .paragraph-about.white-800-color.newsletter-text {
    margin-bottom: 25px;
  }

  .paragraph-about.template-paragraph {
    margin-top: 18px;
    margin-bottom: 18px;
  }

  .paragraph-copy.white-800-color.newsletter-text {
    margin-bottom: 25px;
  }

  .paragraph-copy.template-paragraph {
    margin-top: 18px;
    margin-bottom: 18px;
  }

  .common-heading-div-copy {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .h3-heading-3-copy {
    font-size: 20px;
  }

  .h2-heading-5-about {
    font-size: 32px;
  }

  .fifty_fifty-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .fifty_fifty_img_wr {
    margin-right: var(--manji-padding);
    margin-left: var(--manji-padding);
    max-width: 80%;
    padding-top: 100%;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .gradient-glow-vector {
    filter: blur(180px);
    width: 11.6875rem;
    height: 34.0625rem;
    top: 50%;
    left: auto;
    right: -90px;
  }

  .button-2 {
    padding: .625rem 1.25rem;
  }

  .button-2.is-medium {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .fifty_fifty_comp.padding-section-large-xx {
    padding-top: 0;
    padding-bottom: 3rem;
  }

  .body_one {
    font-size: .875rem;
  }

  .fifty_fifty-grid-right {
    order: -1;
    max-width: 100%;
  }

  .fifty_fifty-grid-left {
    flex: 0 auto;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 479px) {
  .body {
    padding: 0;
  }

  .hero-section {
    background-image: linear-gradient(#bdafaf9e, #bdafaf9e), url('../images/661167f6d8f513f946598ff6_Gradient-Fill-1-1.png');
    background-position: 0 0, 80% 0;
    background-size: auto, cover;
    height: 100vh;
    padding-bottom: 30px;
  }

  .header {
    padding-left: 0;
    padding-right: 0;
    left: 0;
    right: 0;
  }

  .container {
    padding-left: 0;
    padding-right: 0;
  }

  .menu-toggle {
    max-width: 75%;
  }

  .toggle-text {
    font-size: 20px;
  }

  .menu-toggle-div {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .logo {
    max-width: 30%;
  }

  .home-hero-detail-div {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .sub-heading {
    font-size: 12px;
  }

  .h1-heading {
    font-size: 30px;
  }

  .h1-heading.home-hero-heading, .h1-heading.home-hero-heading-2 {
    max-width: 100%;
    font-size: 50px;
  }

  .large-paragraph {
    font-size: 16px;
  }

  .section {
    margin-left: 0;
    margin-right: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.bg-blue.position-relative-copy {
    margin-left: 0;
    margin-right: 0;
  }

  .section.team-section {
    padding: 15px;
  }

  .section.blog-section {
    padding-top: 0;
  }

  .our-ecosystem-heading-div {
    max-width: 100%;
  }

  .h2-heading {
    font-size: 28px;
    line-height: 110%;
  }

  .h2-heading.white-text {
    font-size: 1.5em;
  }

  .h2-heading.white-text-copy {
    text-align: left;
    max-width: 100%;
    font-size: 30px;
  }

  .h2-heading.management {
    font-size: 40px;
  }

  .h3-heading {
    font-size: 30px;
  }

  .our-ecosystem-grid {
    margin-top: 30px;
  }

  .our-ecosystem-card {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .our-ecosystem-count-div {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .large-text {
    font-size: 18px;
  }

  .paragraph {
    font-size: 14px;
  }

  .paragraph.white-800-color.newsletter-text {
    margin-bottom: 20px;
  }

  .paragraph.template-paragraph {
    margin-top: 14px;
    margin-bottom: 14px;
  }

  .text-link {
    font-size: 16px;
  }

  .common-heading-div {
    margin-bottom: var(--padding);
    grid-column-gap: var(--manji-padding);
    grid-row-gap: var(--manji-padding);
    justify-content: flex-start;
    align-items: flex-start;
  }

  .common-button {
    padding: 12px 46px 12px 20px;
    font-size: 14px;
  }

  .proven-number-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 30px;
  }

  .proven-number-grid.manage {
    grid-row-gap: 5em;
    grid-template-rows: auto auto;
  }

  .proven-number-grid.manage.delete2x4 {
    margin-bottom: var(--veci-padding);
  }

  .proven-number-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .join-with-us-div {
    height: 30vh;
  }

  .company-logo-div {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .company-logo-image-div {
    grid-column-gap: 30px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    align-items: center;
  }

  .company-logo-image {
    width: 90px;
  }

  .join-with-us-image-div {
    flex-flow: column;
    height: auto;
  }

  .join-with-image-overlay {
    display: none;
  }

  .join-with-us-small-image-div {
    height: 50%;
    display: none;
  }

  .join-with-us-icon-01 {
    width: 60px;
    top: 30px;
    left: -5px;
  }

  .join-with-us-icon-02 {
    width: 40px;
    right: -2em;
  }

  .service-heading-div {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .service-grid {
    margin-top: 30px;
  }

  .service-div {
    transform: rotate(0);
  }

  .service-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    height: 500px;
    padding: 20px;
  }

  .service-icon-box {
    width: 60px;
    height: 60px;
  }

  .service-icon {
    width: 35px;
  }

  .small-paragraph, .small-paragraph.project-label-text {
    font-size: 12px;
  }

  .small-paragraph.social-media-heading-text {
    font-size: 1.5em;
  }

  .small-paragraph.nav-bottom-text {
    text-align: left;
  }

  .service-list-detail-div.cheers {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    display: flex;
  }

  .project-card-link {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .project-image-div {
    border-radius: 10px;
  }

  .project-image {
    position: static;
  }

  .collection-item {
    margin-top: 30px;
  }

  .arrow-box {
    width: 50px;
    height: 50px;
  }

  .arrow-icon {
    width: 22px;
  }

  .project-label-div {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .project-label {
    padding: 6px 12px;
  }

  .process-heading-div {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .h4-heading {
    font-size: 20px;
  }

  .h4-heading.license-heading {
    margin-bottom: 20px;
  }

  .process-line {
    height: 65%;
    top: 37%;
  }

  .process-image {
    width: 100%;
    height: 100%;
    transform: none;
  }

  .testimonial-wrapper {
    margin-top: 30px;
  }

  .testimonial-slider {
    width: 100%;
  }

  .testimonial-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 15px;
  }

  .testimonial-user-image {
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
  }

  .testimonial-info {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .team-wrapper {
    padding: 20px 0;
  }

  .team-grid {
    margin-top: 40px;
  }

  .team-card {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .faq-grid {
    grid-row-gap: 30px;
  }

  .accordion-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .accordion-div {
    padding-bottom: 10px;
  }

  .blog-heading-div {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .blog-thumb-image-div {
    margin-bottom: 18px;
  }

  .author-detail-div {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .author-image {
    width: 40px;
    height: 40px;
  }

  .newsletter-input {
    padding-bottom: 28px;
    font-size: 16px;
  }

  .footer-link-div {
    grid-row-gap: 15px;
  }

  .template-link-div, .social-media-link-div {
    grid-row-gap: 15px;
    flex-flow: wrap;
  }

  .nav-menu-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 98%;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    padding: 20px;
  }

  .nav-menu {
    max-width: 98%;
  }

  .nav-link {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    font-size: 22px;
  }

  .nav-link-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .nav-link-image {
    width: 14px;
  }

  .nav-bottom-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .menu-close {
    background-color: var(--brand-100);
    margin-top: 20px;
    margin-right: 20px;
  }

  .menu-close-icon {
    width: 15px;
  }

  .menu-close-div {
    width: 40px;
    height: 40px;
  }

  .common-hero-section {
    padding-top: 150px;
  }

  .project-hero-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .project-hero-heading-div {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .project-client-detail-div {
    grid-row-gap: 14px;
  }

  .client-review-div {
    justify-content: flex-start;
    align-items: center;
  }

  .project-heading-div, .project-detail-hero-wrapper {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .project-info {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .project-heading-detail-div {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .projects-image-wrapper {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .projects-image-div {
    border-radius: 10px;
  }

  .project-grid {
    grid-row-gap: 20px;
    margin-bottom: 30px;
  }

  .project-detail-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .projects-info-div {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .product-detail-div {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .product-result-count-div {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .product-review-div {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-left: 10px;
  }

  .product-review-star-icon {
    width: 20px;
  }

  .product-contact-div {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-top: 18px;
  }

  .blog-hero-detail-div {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .rich-text h2 {
    font-size: 28px;
    line-height: 110%;
  }

  .rich-text p {
    margin-top: 20px;
    font-size: 14px;
  }

  .contact-form-div {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 20px;
  }

  .contact-form {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .input {
    font-size: 14px;
  }

  .input.text-area {
    height: 80px;
  }

  ._404-section {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-top: 40px;
  }

  ._404-detail-div {
    margin-bottom: 20px;
  }

  ._404-footer-div {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  ._404-footer {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  ._404-contact-div {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .template-hero-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .license-name-link-div {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    margin-bottom: 14px;
  }

  .license-image {
    border-radius: 12px;
  }

  .template-detail-div.margin {
    margin-bottom: 30px;
  }

  .typhography-div, .button-style-div {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .color-palette-grid {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .process-image-div {
    margin-top: 14px;
    margin-left: 40px;
  }

  .footer-logo {
    width: 150px;
  }

  .univerzalno-dugme.kartice {
    padding-left: 20px;
  }

  .h2-naslov, .h2-naslov.home-hero-heading {
    font-size: 30px;
  }

  .h-container {
    padding-right: 15px;
    padding-bottom: var(--veci-padding);
    justify-content: center;
    align-items: flex-start;
    margin-left: 0;
    padding-left: 15px;
    display: flex;
    inset: 0% 0% 20%;
  }

  .sub-heading-2 {
    font-size: 12px;
  }

  .h3-heading-2 {
    font-size: 22px;
  }

  .h3-heading-2.our-ecosystem-heading-text {
    font-size: 13px;
  }

  .h3-heading-2.our-ecosystem-heading-text.team {
    font-size: 17px;
  }

  .h3-heading-2.our-ecosystem-heading-text-copy, .paragraph-2 {
    font-size: 14px;
  }

  .h2-heading-2 {
    font-size: 28px;
    line-height: 110%;
  }

  .text-link-2 {
    font-size: 16px;
  }

  .large-text-2 {
    font-size: 18px;
  }

  .u-section-work {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .u-section-work.team-section {
    padding: 15px;
  }

  .u-section-work.blog-section {
    padding-top: 0;
  }

  .u-c-zasto {
    padding-left: 15px;
    padding-right: 15px;
  }

  .testimonials {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .testimonials.team-section {
    padding: 15px;
  }

  .testimonials.blog-section {
    padding-top: 0;
  }

  .faq {
    margin-left: 0;
    margin-right: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .faq.team-section {
    padding: 15px;
  }

  .faq.blog-section {
    padding-top: 0;
  }

  .common-heading-div-copy {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .marquee {
    padding-top: 0;
    padding-bottom: 0;
  }

  .marquee-image.hide-mobile {
    display: block;
  }

  .marqueetext {
    font-size: var(--padding);
  }

  .flipcard-back {
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .zastocontainer {
    padding-left: 15px;
    padding-right: 15px;
  }

  .zastomisekcija {
    padding-top: var(--manji-padding);
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 40px;
  }

  .zastomisekcija.team-section {
    padding: 15px;
  }

  .zastomisekcija.blog-section {
    padding-top: 0;
  }

  .rasputin {
    opacity: .6;
    object-fit: cover;
    width: 550%;
    left: -350%;
  }

  .container-2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .h2-heading-3 {
    font-size: 28px;
    line-height: 110%;
  }

  .paragraph-3 {
    font-size: 14px;
  }

  .project-label-2 {
    padding: 6px 12px;
  }

  .h3-heading-3 {
    font-size: 22px;
  }

  .small-paragraph-2, .small-paragraph-2.project-label-text {
    font-size: 12px;
  }

  .arrow-box-2 {
    width: 50px;
    height: 50px;
  }

  .kolekcija {
    grid-template-columns: 1fr;
  }

  .proejct-image-4, .project-image5, .project-image7, .project-image8, .project-image10, .project-image12, .project-image14, .project-image16, .project-image17, .project-image18, .project-image-copy-copy, .project-image-copy-copy-copy {
    position: static;
  }

  .section_bg-image {
    background-position: 70% 0;
    background-size: 400%;
    justify-content: flex-start;
    align-items: center;
    padding-top: 4em;
  }

  .content-wrap_bg-blur {
    margin-top: 0;
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .container-3 {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-bottom: 0;
  }

  .h2-cta {
    width: 75%;
    font-size: 26px;
    line-height: 30px;
  }

  .cta-div {
    height: 50vh;
    margin-bottom: 0;
    padding-top: 2em;
  }

  .paragraf-cta {
    margin-bottom: var(--padding);
    width: 80%;
    line-height: 120%;
  }

  .marqueesekcija3 {
    padding-top: var(--manji-padding);
    padding-bottom: var(--basic-text);
  }

  .content-wrapper {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .section_bg-image-trening {
    justify-content: flex-start;
    align-items: center;
    padding-top: 4em;
  }

  .cta-div-trening {
    height: 50vh;
    margin-bottom: 0;
    padding-top: 2em;
  }

  .section-teambuilding-heading {
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-teambuilding-heading.bg-blue.position-relative-copy {
    margin-left: 0;
    margin-right: 0;
  }

  .section-teambuilding-heading.team-section {
    padding: 15px;
  }

  .section-teambuilding-heading.blog-section {
    padding-top: 0;
  }

  .section-teambuilding-heading.cheers {
    border-radius: var(--corner-radius) var(--corner-radius) 0px 0px;
    margin-bottom: -4em;
    padding-bottom: 4em;
  }

  .section-odabir {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-odabir.bg-blue.position-relative-copy {
    margin-left: 0;
    margin-right: 0;
  }

  .section-odabir.team-section {
    padding: 15px;
  }

  .section-odabir.blog-section {
    padding-top: 0;
  }

  .kolekcija-team {
    grid-template-columns: 1fr;
  }

  .collection-item-team {
    margin-top: 30px;
  }

  .h2-heading-team {
    font-size: 28px;
    line-height: 110%;
  }

  .h2-heading-team.cheers {
    padding-bottom: var(--basic-text);
  }

  .container-team {
    padding-left: 0;
    padding-right: 0;
  }

  .project-image-div-team {
    border-radius: 10px;
  }

  .h3-heading-3-team {
    font-size: 22px;
  }

  .container-2-copy {
    width: 90%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .cheersimage {
    top: 74%;
  }

  .sub-heading-3 {
    font-size: 12px;
  }

  .h3-heading-4 {
    font-size: 22px;
  }

  .h3-heading-4.our-ecosystem-heading-text {
    font-size: 20px;
  }

  .our-ecosystem-detail-div-2 {
    width: 100%;
  }

  .paragraph-4 {
    font-size: 14px;
  }

  .paragraph-4.our-ecosystem-paragraph {
    font-size: 16px;
  }

  .h2-heading-4 {
    font-size: 28px;
    line-height: 110%;
  }

  .our-ecosystem-heading-div-2 {
    width: 100%;
  }

  .text-link-3 {
    font-size: 16px;
  }

  .section-2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .large-text-3 {
    font-size: 18px;
  }

  .container-4 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .common-button-2 {
    padding: 12px 46px 12px 20px;
    font-size: 14px;
  }

  .sub-heading-4 {
    font-size: 12px;
  }

  .section-3 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .common-heading-div-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .container-5 {
    margin-bottom: var(--padding);
    padding-left: 15px;
    padding-right: 15px;
  }

  .container-5.vrednosti {
    margin-right: 0;
  }

  .large-paragraph-2 {
    font-size: 16px;
  }

  .hero-section-management {
    background-image: linear-gradient(#ffebeb9e, #ffebeb9e), url('../images/blog-covers-IAMAI_1.png');
    background-position: 0 0, 30%;
    background-size: auto, cover;
    height: 100vh;
    padding-bottom: 30px;
  }

  .sekcija-druga-pozadina {
    margin-bottom: -10em;
    padding-bottom: 0;
  }

  .sekcija-druga-pozadina.management {
    margin-bottom: -5em;
    padding-bottom: 11em;
  }

  .hero-section-flow {
    background-image: linear-gradient(#ffebeb9e, #ffebeb9e), url('../images/failing-change-managment-process.png');
    background-position: 0 0, 91% 0;
    background-size: auto, cover;
    height: 100vh;
    padding-bottom: 30px;
  }

  .hero-section-levelup {
    background-image: linear-gradient(#ffebeb9e, #ffebeb9e), url('../images/1728404302796.png');
    background-position: 0 0, 90% 0;
    background-size: auto, cover;
    height: 100vh;
    padding-bottom: 30px;
  }

  .project-image-copy-copy-copy-copy {
    position: static;
  }

  .hero-section-tiff {
    background-image: linear-gradient(#ffebeb9e, #ffebeb9e), url('../images/importance-of-feedback-in-the-workplace.png');
    background-position: 0 0, 65% 0;
    background-size: auto, cover;
    height: 100vh;
    padding-bottom: 30px;
  }

  .hero-section-stress {
    background-image: linear-gradient(#ffebeb9e, #ffebeb9e), url('../images/11-Simple-practices-to-help-reduce-stress-and-boost-employee-wellbeing-at-work.jpg');
    background-position: 0 0, 35% 0;
    background-size: auto, cover;
    height: 100vh;
    padding-bottom: 30px;
  }

  .hero-section-me-in-motion {
    background-image: linear-gradient(#ffebeb9e, #ffebeb9e), url('../images/juggling-emotions-concept-man-looks-600nw-2131076447.webp');
    background-position: 0 0, 45% 0;
    background-size: auto, cover;
    height: 100vh;
    padding-bottom: 30px;
  }

  .hero-section-vibe-check {
    background-image: linear-gradient(#ffebeb9e, #ffebeb9e), url('../images/TVP-Article-Main-Image-Template-1.png');
    background-position: 0 0, 80% 0;
    background-size: auto, cover;
    height: 100vh;
    padding-bottom: 30px;
  }

  .hero-section-impact-mode {
    background-image: linear-gradient(#ffebeb9e, #ffebeb9e), url('../images/organizational-success_hu404dd6d494b6bd584b22bc99d94f54ae_1306906_960x0_resize_q80_h2_box_3.webp');
    background-position: 0 0, 60% 0;
    background-size: auto, cover;
    height: 100vh;
    padding-bottom: 30px;
  }

  .hero-section-psiholo-ka {
    background-image: linear-gradient(#ffebeb9e, #ffebeb9e), url('../images/psych-contract-resized-min.jpg');
    background-position: 0 0, 55% 0;
    background-size: auto, cover;
    height: 100vh;
    padding-bottom: 30px;
  }

  .hero-section-growth-mindset {
    background-image: linear-gradient(#ffebeb9e, #ffebeb9e), url('../images/istockphoto-2169700558-612x612.jpg');
    background-position: 0 0, 50% 0;
    background-size: auto, cover;
    height: 100vh;
    padding-bottom: 30px;
  }

  .hero-section-change-management {
    background-image: linear-gradient(#ffebeb9e, #ffebeb9e), url('../images/change_management_process.png');
    background-position: 0 0, 50% 0;
    background-size: auto, cover;
    height: 100vh;
    padding-bottom: 30px;
  }

  .hero-section-time-menagement {
    background-image: linear-gradient(#ffebeb9e, #ffebeb9e), url('../images/istockphoto-1997688917-612x612.jpg');
    background-position: 0 0, 62% 0;
    background-size: auto, cover;
    height: 100vh;
    padding-bottom: 30px;
  }

  .hero-section-delegiranje {
    background-image: linear-gradient(#ffebeb9e, #ffebeb9e), url('../images/roles-responsibilities-teamwork-resource-management-600nw-2496896225.webp');
    background-position: 0 0, 55% 0;
    background-size: auto, cover;
    height: 100vh;
    padding-bottom: 30px;
  }

  .hero-section-asertivna-komunikacija {
    background-image: linear-gradient(#ffebeb9e, #ffebeb9e), url('../images/asertivna-komunikacija.jpg');
    background-position: 0 0, 80% 0;
    background-size: auto, cover;
    height: 100vh;
    padding-bottom: 30px;
  }

  .hero-section-feedback {
    background-image: linear-gradient(#ffebeb9e, #ffebeb9e), url('../images/Performance-reviews-how-to-deliver-feedback-effectively.webp');
    background-position: 0 0, 80% 0;
    background-size: auto, cover;
    height: 100vh;
    padding-bottom: 30px;
  }

  .ms_r._1.less {
    grid-template-columns: 1fr;
  }

  .sub-but_bis {
    text-align: center;
    width: 100%;
    display: none;
  }

  .sub-but_bis.mob {
    padding-top: 1.4em;
    padding-bottom: 1.4em;
    display: block;
  }

  .field_label {
    font-size: 1.1em;
  }

  .b-pricing_form {
    flex-direction: column;
  }

  .bpr_r1 {
    z-index: 1;
    position: relative;
  }

  .container-6 {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .b-pricing-right {
    padding: 0 2.03em;
    position: relative;
    top: auto;
    bottom: 2px;
  }

  .heading_5 {
    font-size: 1.3em;
  }

  .custom {
    z-index: 1;
    position: relative;
  }

  .bpr_r3 {
    display: none;
  }

  .bpr_r3.mob {
    display: block;
  }

  .b-pricing-left {
    margin-top: -30px;
    padding-top: 1.33em;
    padding-left: 1.83em;
    padding-right: 1.83em;
  }

  .container-calculator {
    padding-left: 0;
    padding-right: 0;
  }

  .h4-heading-2 {
    font-size: 20px;
  }

  .testimonial-card-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 15px;
  }

  .common-heading-div-3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .process-line-2 {
    height: 68%;
    top: 37%;
  }

  .process-image-2 {
    width: 100%;
    height: 100%;
    transform: none;
  }

  .common-button-3 {
    padding: 12px 46px 12px 20px;
    font-size: 14px;
  }

  .common-heading-div-4 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .join-with-us-icon-3 {
    width: 40px;
  }

  .common-heading-div-5 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .join-with-us-icon-4 {
    width: 60px;
    top: 30px;
    left: -5px;
  }

  .testimonial {
    padding-left: 15px;
    padding-right: 15px;
  }

  .section-about-us {
    margin-left: 0;
    margin-right: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-about-us.bg-blue.position-relative-copy {
    margin-left: 0;
    margin-right: 0;
  }

  .section-about-us.team-section {
    padding: 15px;
  }

  .section-about-us.blog-section {
    padding-top: 0;
  }

  .our-ecosystem-wrapper-about {
    flex-flow: column;
  }

  .our-ecosystem-heading-div-about {
    max-width: 100%;
  }

  .sub-heading-2-copy {
    font-size: 12px;
  }

  .section-3-white {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .h3-heading-2-white {
    font-size: 22px;
  }

  .h3-heading-2-white.our-ecosystem-heading-text-copy {
    font-size: 14px;
  }

  .process-line-3 {
    height: 68%;
    top: 37%;
  }

  .h2-heading-5 {
    font-size: 36px;
    line-height: 110%;
  }

  .small-paragraph-3 {
    font-size: 12px;
  }

  .common-heading-div-6 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .text-link-4 {
    font-size: 16px;
  }

  .our-ecosystem-wrapper-3 {
    margin-left: var(--padding);
  }

  .large-text-4 {
    font-size: 18px;
  }

  .h3-heading-2-white-copy {
    font-size: 22px;
  }

  .h3-heading-2-white-copy.our-ecosystem-heading-text-copy, .paragraph-2-about {
    font-size: 14px;
  }

  .our-ecosystem-heading-div-4 {
    max-width: 100%;
  }

  .h2-heading-6 {
    font-size: 28px;
    line-height: 110%;
  }

  .container-7 {
    padding-left: 0;
    padding-right: 0;
  }

  .sub-heading-5 {
    font-size: 12px;
  }

  .service-heading-div-card {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .sub-heading-card {
    font-size: 12px;
  }

  .h3-heading-2-card {
    font-size: 22px;
  }

  .h3-heading-2-card.our-ecosystem-heading-text {
    font-size: 13px;
  }

  .h3-heading-2-card.our-ecosystem-heading-text-copy {
    font-size: 14px;
  }

  .our-ecosystem-card-about {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .our-ecosystem-grid-about {
    margin-top: 30px;
    margin-right: var(--padding);
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .h2-heading-4-menagement {
    font-size: 28px;
    line-height: 110%;
  }

  .h3-heading-2-team {
    font-size: 22px;
  }

  .h3-heading-2-team.our-ecosystem-heading-text {
    font-size: 13px;
  }

  .h3-heading-2-team.our-ecosystem-heading-text-copy.cheers.team {
    padding-right: 0;
  }

  .h3-heading-2-team.our-ecosystem-heading-text-copy {
    font-size: 14px;
  }

  .our-ecosystem-detail-div-team-in-action {
    padding-top: var(--manji-padding);
    padding-right: 0;
  }

  .paragraph-about {
    font-size: 14px;
  }

  .paragraph-about.white-800-color.newsletter-text {
    margin-bottom: 20px;
  }

  .paragraph-about.template-paragraph {
    margin-top: 14px;
    margin-bottom: 14px;
  }

  .paragraph-about.cheers {
    font-size: 13px;
  }

  .paragraph-copy {
    font-size: 14px;
  }

  .paragraph-copy.white-800-color.newsletter-text {
    margin-bottom: 20px;
  }

  .paragraph-copy.template-paragraph {
    margin-top: 14px;
    margin-bottom: 14px;
  }

  .paragraph-copy.cheers {
    font-size: 13px;
  }

  .paragraph-copy.cheers.team {
    font-size: 17px;
  }

  .our-ecosystem-wrapper-team-copy {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .common-heading-div-copy {
    margin-bottom: var(--padding);
    grid-column-gap: var(--manji-padding);
    grid-row-gap: var(--manji-padding);
    justify-content: flex-start;
    align-items: flex-start;
  }

  .blog_container {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
  }

  .h3-heading-3-copy {
    font-size: 22px;
  }

  .cheersdiv {
    flex-flow: column;
    display: flex;
  }

  .radio-button-field {
    padding-left: 0;
  }

  .bodycontact {
    padding: 0;
  }

  .div-block-2 {
    background-color: var(--brand-100);
  }

  .cheersdiv-teamb {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    display: flex;
  }

  .h2-heading-5-about {
    padding-bottom: 17px;
    font-size: 36px;
    line-height: 110%;
  }

  .fifty_fifty-grid {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
  }

  .text-color-white {
    line-height: 48px;
  }

  .padding-global {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .padding-global.padding-m-0 {
    margin-top: 0;
    margin-right: 0;
    margin-left: var(--manji-padding);
    padding-top: var(--manji-padding);
    padding-left: 0;
    padding-right: 0;
  }

  .title-small {
    font-size: .875rem;
  }

  .title-small.is-neon {
    font-size: 14px;
  }

  .button-2 {
    font-size: .875rem;
    line-height: 1.25rem;
  }

  .fifty_fifty_comp.padding-section-large-xx {
    padding-bottom: 0;
  }

  .body_one.text-lighter {
    font-size: 16px;
  }

  .fifty_fifty-grid-right {
    margin-left: var(--manji-padding);
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom.padding-xsmall {
    padding-bottom: .75rem;
  }

  .our-ecosystem-wrapper-teambuilding {
    flex-flow: column;
  }
}

#w-node-_953fbcd6-c7e5-f4e4-0b17-1df08c335566-139e32d5, #w-node-_6618ccea-2b25-7645-7aa3-d90c872ee742-139e32d8, #w-node-_4ae83654-000e-09ec-ae2c-9552a90596fc-01f772b1, #w-node-_011963d5-29fa-c250-e3e2-c672365920d2-80b34728, #w-node-ee08db2e-6fd9-d1d3-f18b-e835c5c7ba59-0e72aab2, #w-node-a9da80f6-d086-6e66-091d-2be8946b6c5f-faabb89e, #w-node-bed8b7ac-4435-9f0f-a8e9-104914a89c92-26b39e6e, #w-node-_39db94f6-6816-3d6e-b66d-c6169a4378bd-35b2b4eb, #w-node-_984c9fd3-e00f-acfe-c24c-a2bea90c6155-0c70103d, #w-node-a43b4642-7fe7-d8ba-59e7-45887ca66bf1-b2c37d43, #w-node-_3fd4396b-80c1-8747-4dd1-1ebd15857925-1c2ec841, #w-node-cb991ef9-fb73-7ec0-f2d9-6074e82808d6-6e01deb7, #w-node-_16d1b043-ff09-ae3f-205c-bf659afd9c83-9c59e74c, #w-node-_3d08b784-ada3-4905-9d00-170e3c37c45b-0e7df4e5, #w-node-b8aa42a3-a75b-2733-ff92-b2512794bfc7-4fef6a32, #w-node-a2aaf0ab-9305-e912-fb98-aa0a4f9a5b64-40b102e6, #w-node-_037868a5-8e3d-2e0e-ac0f-070c4251737e-18197c2d, #w-node-_95bf44a2-f10d-ba86-2183-60d8954b2d95-04dcb387, #w-node-_0ca59b63-e109-8891-2871-988755e06c8b-91014bed, #w-node-cf249298-9ee1-ac87-4549-6172c4545325-c25cc3fa, #w-node-_4f10a243-088d-6875-70db-b54bebb7b173-0d62b882, #w-node-_1971219b-e12b-7313-4a3f-c3058ce7c135-0d62b882, #w-node-b29a64eb-25f2-6dda-32fa-e84a821278b6-0d62b882, #w-node-_4e001e52-c4fe-9f32-7cfb-d7725103c4d1-0d62b882 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-b72ac4b9-fc41-3c70-d744-a8174ad7ba8d-139e32da, #w-node-_3b9a6416-b4c9-e776-e5f4-fcd10a8e8220-139e32da, #w-node-_639a9422-ea8b-2c48-fab4-b97927b3fe32-139e32da, #w-node-_4fffde61-4b8b-e357-757d-a16374ff53a0-139e32da, #w-node-f8418929-b5f4-18ec-a09a-d464ab0192ac-139e32da, #w-node-cb5eb594-aa20-8da1-ffd5-dad4bd658f3e-139e32da, #w-node-_39edaaea-1d15-34fa-b752-7d0471c4c7c1-139e32da, #w-node-d84726a5-f869-67be-14b2-9f2dbbbf8fe5-139e32da, #w-node-a9d7c627-f0ea-da49-37b3-cf4b85f2cbcf-139e32da, #w-node-_48c41936-c85a-9948-7cc7-d391d5d4baea-139e32da, #w-node-ec545588-0dae-b384-918f-7babce2be33f-139e32da, #w-node-_2b644109-3666-46d6-bc2f-63396abd0ba5-139e32da, #w-node-_578926a8-da18-9330-bc1e-dc685c285d03-139e32da, #w-node-_1493748b-1b48-1da6-e750-13c933ff1a3e-139e32da, #w-node-aa42040a-6f39-c43f-c804-595e5235f465-139e32da, #w-node-_09228aca-d009-99f0-54dc-bf6b797a6d58-139e32da, #w-node-e0d024c7-a2f4-f1cd-1dfb-2fdf8824f957-139e32da {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}


@font-face {
  font-family: 'Neue';
  src: url('../fonts/NeueHaasDisplayBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}