/* CloudCrew static logo + hero intro polish. */
:root {
  --cc-header-logo: url("/_nuxt/img/cloudcrew-header-logo.png?v=logo-hero-1");
}

.navBarWrap[data-v-d5b69af0],
.navigationHeader[data-v-d5b69af0],
.mobileHeader[data-v-d5b69af0] {
  position: relative;
  z-index: 30;
}

.navigationHeader[data-v-d5b69af0] > a:first-child,
.mobileHeader .mobileHeaderIcons[data-v-d5b69af0] > a:first-child {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 64px !important;
  height: 64px !important;
  border-radius: 50%;
  overflow: hidden;
  background-image: var(--cc-header-logo);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  line-height: 0;
  transform: translateZ(0);
}

.navigationHeader[data-v-d5b69af0] > a:first-child > svg,
.navigationHeader[data-v-d5b69af0] > a:first-child > img,
.mobileHeader .mobileHeaderIcons[data-v-d5b69af0] > a:first-child > svg,
.mobileHeader .mobileHeaderIcons[data-v-d5b69af0] > a:first-child > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
}

.homePage .roundedBlockContainerTop[data-v-170a754a] {
  pointer-events: none;
}

.homePage .roundedBlockContainerTop .roundedBlockWrapTop[data-v-170a754a] {
  height: clamp(120px, 26vh, 260px);
}

.homePage .gotIdea .gotIdeaActionsWrap[data-v-170a754a] {
  z-index: 4;
}

.homePage .latestWorks[data-v-170a754a],
.homePage .ourWorks[data-v-170a754a],
.homePage .form[data-v-170a754a] {
  position: relative;
  z-index: 3;
}

@media (max-width: 768px) {
  .mobileHeader[data-v-d5b69af0] {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow-x: clip;
  }

  .mobileHeader .mobileHeaderIcons[data-v-d5b69af0] {
    grid-template-columns: 56px 1fr auto !important;
    min-height: 78px;
  }

  .mobileHeader .mobileHeaderIcons[data-v-d5b69af0] > a:first-child {
    width: 54px !important;
    height: 54px !important;
  }

  .homePage .gotIdea .gotIdeaActionsWrap[data-v-170a754a] {
    z-index: 4;
  }
}

@media (max-width: 360px) {
  .mobileHeader .mobileHeaderIcons[data-v-d5b69af0] {
    grid-template-columns: 50px 1fr auto !important;
    column-gap: 10px !important;
  }

  .mobileHeader .mobileHeaderIcons[data-v-d5b69af0] > a:first-child {
    width: 48px !important;
    height: 48px !important;
  }
}