/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-font-weight: initial;
    }
  }
}

.for_companies {
  margin-block: calc(var(--spacing, .25rem) * 1);
  font-size: var(--text-md, .75rem);
}

@media (min-width: 64rem) {
  .for_companies {
    font-size: var(--text-lg, .875rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  }
}

.for_companies .banner {
  border-radius: var(--radius-2xl, 1rem);
  height: 154px;
  position: relative;
  overflow: hidden;
}

@media (min-width: 64rem) {
  .for_companies .banner {
    height: 650px;
  }
}

.for_companies .banner img {
  top: calc(var(--spacing, .25rem) * 0);
  left: calc(var(--spacing, .25rem) * 0);
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.for_companies .banner span {
  z-index: 10;
  margin-top: calc(var(--spacing, .25rem) * 4);
  margin-left: calc(var(--spacing, .25rem) * 4);
  display: none;
  position: relative;
}

@media (min-width: 64rem) {
  .for_companies .banner span {
    width: 75%;
    display: flex;
  }
}

.for_companies .banner + .desc {
  padding-top: calc(var(--spacing, .25rem) * 2);
  display: flex;
}

@media (min-width: 64rem) {
  .for_companies .banner + .desc {
    display: none;
  }
}

.for_companies .achivs {
  margin-top: calc(var(--spacing, .25rem) * 8);
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  row-gap: 30px;
  display: flex;
}

@media (min-width: 64rem) {
  .for_companies .achivs {
    margin-top: calc(var(--spacing, .25rem) * 20);
    flex-flow: wrap;
  }
}

.for_companies .achivs > div {
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 5);
  text-align: center;
  flex-direction: column;
  display: flex;
}

@media (min-width: 64rem) {
  .for_companies .achivs > div {
    width: 278px;
  }
}

.for_companies .achivs > div span {
  font-size: var(--text-md, .75rem);
}

@media (min-width: 64rem) {
  .for_companies .achivs > div span {
    font-size: var(--text-lg, .875rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  }
}

.for_companies .images {
  margin-top: calc(var(--spacing, .25rem) * 8);
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 4);
  flex-direction: column;
  display: flex;
}

@media (min-width: 64rem) {
  .for_companies .images {
    margin-top: calc(var(--spacing, .25rem) * 20);
    flex-direction: row;
  }
}

@media (min-width: 73.75rem) {
  .for_companies .images {
    align-items: flex-start;
  }
}

.for_companies .images > div {
  flex-direction: column;
  gap: 10px;
  width: 278px;
  display: flex;
}

@media (min-width: 64rem) {
  .for_companies .images > div {
    width: 380px;
  }
}

.for_companies .images > div img {
  border-radius: var(--radius-2xl, 1rem);
  object-fit: cover;
  width: 278px;
  height: 278px;
  overflow: hidden;
}

@media (min-width: 64rem) {
  .for_companies .images > div img {
    width: 380px;
    height: 380px;
  }
}

.for_companies .images > div h6 {
  font-size: var(--text-xl, 1rem);
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
  margin-top: 10px;
}

.for_companies .images > div p {
  font-size: var(--text-md, .75rem);
}

@media (min-width: 64rem) {
  .for_companies .images > div p {
    font-size: var(--text-lg, .875rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  }
}

.for_companies .photo_rows {
  margin-top: calc(var(--spacing, .25rem) * 8);
}

@media (min-width: 64rem) {
  .for_companies .photo_rows {
    margin-top: calc(var(--spacing, .25rem) * 20);
  }
}

.for_companies .photo_rows .element-d__images img {
  border-radius: var(--radius-2xl, 1rem);
  object-fit: cover;
  overflow: hidden;
}

.for_companies .client_rows {
  margin-top: calc(var(--spacing, .25rem) * 8);
}

@media (min-width: 64rem) {
  .for_companies .client_rows {
    margin-top: calc(var(--spacing, .25rem) * 20);
  }
}

.for_companies .hits_companies {
  margin-top: calc(var(--spacing, .25rem) * 8);
}

@media (min-width: 64rem) {
  .for_companies .hits_companies {
    margin-top: calc(var(--spacing, .25rem) * 20);
  }
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}
