/* Generated by vite-plugin-svg-spritemap */
.label-forklift {
  position: relative;
  background-color: #1a1a1a;
  clip-path: polygon(0 0, calc(100% - 0.6875rem) 0, 100% 0.5rem, 100% 100%, 0 100%);
}
.label-forklift::before {
  content: "";
  position: absolute;
  inset: 0rem;
  background-color: #1a1a1a;
  z-index: -1;
  clip-path: polygon(0 0, calc(100% - calc(0.6875rem - 0rem)) 0, 100% calc(0.5rem - 0rem), 100% 100%, 0 100%);
}
.label-forklift {
  display: inline-flex;
  align-items: center;
  padding: 1.125rem 1.875rem;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #1a1a1a;
}
.company-page .why.catalog-page__why_first::before {
  display: none;
}

.navcompany__content {
  display: flex;
  gap: 0.9375rem;
  flex-wrap: wrap;
}
.navcompany__link {
  flex: 0 0 auto;
  padding-inline: 1.5625rem;
  border-radius: 0.1875rem;
}
.navcompany__link::before, .navcompany__link::after {
  display: none;
}
.navcompany__link {
  position: relative;
  background-color: #f5f5f5;
  clip-path: polygon(1.0625rem 0, 100% 0, 100% calc(100% - 1.0625rem), calc(100% - 1.0625rem) 100%, 0 100%, 0 1.0625rem);
}
.navcompany__link::before {
  content: "";
  position: absolute;
  inset: 0rem;
  background-color: #f5f5f5;
  z-index: -1;
  border-radius: 0.1875rem;
  clip-path: polygon(calc(1.0625rem - 0rem / 2) 0, 100% 0, 100% calc(100% - calc(1.0625rem - 0rem / 2)), calc(100% - calc(1.0625rem - 0rem / 2)) 100%, 0 100%, 0 calc(1.0625rem - 0rem / 2));
}
.companyabout__text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  color: #5a626b;
}
.companyabout__text:not(:last-child) {
  margin-bottom: 1.25rem;
}
.team[class]::before {
  inset: 0;
  background: linear-gradient(180deg, rgba(245, 245, 245, 0.6) 0%, rgba(245, 245, 245, 0) 67.31%);
}
.team__content {
  display: flex;
  gap: 1.875rem;
  flex-wrap: wrap;
}
.team__item {
  flex: 0 0 19.6875rem;
  position: relative;
  position: relative;
  background-color: #e5e5e5;
  clip-path: polygon(1.875rem 0, 100% 0, 100% calc(100% - 1.875rem), calc(100% - 1.875rem) 100%, 0 100%, 0 1.875rem);
}
.team__item::before {
  content: "";
  position: absolute;
  inset: 0.0625rem;
  background-color: #fff;
  z-index: -1;
  border-radius: 0.1875rem;
  clip-path: polygon(calc(1.875rem - 0.0625rem / 2) 0, 100% 0, 100% calc(100% - calc(1.875rem - 0.0625rem / 2)), calc(100% - calc(1.875rem - 0.0625rem / 2)) 100%, 0 100%, 0 calc(1.875rem - 0.0625rem / 2));
}
.team__item {
  border-radius: 0.375rem;
}
.team__item::before {
  content: "";
  border-radius: 0.375rem;
}
.team__img {
  height: 25rem;
}
.team__img img {
  height: 100%;
  object-fit: cover;
  border-top-right-radius: 0.375rem;
}
.team__data {
  padding: 1.5625rem 1.875rem;
  display: grid;
}
.team__name {
  font-weight: 600;
  font-size: 1.0625rem;
  line-height: 135%;
  margin-bottom: 0.375rem;
}
.team__post {
  font-size: 0.8125rem;
  line-height: 120%;
  color: #ea3e42;
}
.prodservises__content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.875rem;
}
.prodservises__item {
  cursor: pointer;
  border-radius: 0.1875rem;
  padding: 1.875rem;
  position: relative;
  background-color: #e5e5e5;
  clip-path: polygon(1.875rem 0, 100% 0, 100% calc(100% - 1.875rem), calc(100% - 1.875rem) 100%, 0 100%, 0 1.875rem);
}
.prodservises__item::before {
  content: "";
  position: absolute;
  inset: 0.0625rem;
  background-color: #fff;
  z-index: -1;
  border-radius: 0.1875rem;
  clip-path: polygon(calc(1.875rem - 0.0625rem / 2) 0, 100% 0, 100% calc(100% - calc(1.875rem - 0.0625rem / 2)), calc(100% - calc(1.875rem - 0.0625rem / 2)) 100%, 0 100%, 0 calc(1.875rem - 0.0625rem / 2));
}
.prodservises__item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  transition: background-color 0.3s, transform 0.3s linear;
}
.prodservises__img {
  flex: 0 0 4rem;
  width: 4rem;
  margin-right: 0.625rem;
}
.prodservises__text {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 135%;
}
.prodservises__icon {
  margin-left: auto;
  transition: color 0.3s ease-in-out, transform 0.3s linear;
  width: 1.5rem;
  height: 1.5rem;
}
@media (width <= 78.125rem) {
  .prodservises__content {
    grid-template-columns: 1fr 1fr;
  }
}
@media (width <= 62em) {
  .team__item {
    flex: 0 0 18.125rem;
  }
}
@media (width <= 48em) and (width <= 35em) {
  .team__content {
    margin-right: -1.25rem;
  }
}
@media (width <= 48em) {
  .navcompany__content {
    gap: 0.625rem;
    flex-wrap: nowrap;
    overflow: auto;
    margin-right: -2.4375rem;
  }
  .navcompany__content::-webkit-scrollbar {
    height: 0;
  }
  .team__content {
    flex-wrap: nowrap;
    overflow: auto;
    gap: 1.25rem;
    margin-right: -2.4375rem;
  }
  .team__content::-webkit-scrollbar {
    height: 0;
  }
  .team__item {
    flex: 0 0 14.375rem;
  }
  .team__img {
    height: 18.75rem;
  }
}
@media (width <= 40rem) {
  .team {
    position: relative;
    background-color: transparent;
    clip-path: polygon(1.25rem 0, calc(100% - 1.25rem) 0, 100% 1.25rem, 100% 100%, 0 100%, 0 1.25rem);
  }
  .team::before {
    content: "";
    position: absolute;
    inset: 0rem;
    background-color: transparent;
    z-index: -1;
    border-radius: 0.1875rem;
    clip-path: polygon(calc(1.25rem - 0rem * 0.414) 0, calc(100% - calc(1.25rem - 0rem * 0.414)) 0, 100% calc(1.25rem - 0rem * 0.414), 100% 100%, 0 100%, 0 calc(1.25rem - 0rem * 0.414));
  }
}
@media (width <= 39.375rem) {
  .prodservises__content {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}
@media (width <= 35em) {
  .company-page__navigation {
    margin-bottom: 1.25rem;
  }
  .navcompany__content {
    margin-right: -1.25rem;
  }
  .companyabout__title, .prodservises__title, .team__title {
    margin-bottom: 0.9375rem;
  }
  .companyabout__content {
    margin-bottom: 1.875rem;
  }
  .companyabout__text {
    font-size: 0.9375rem;
  }
  .companyabout__text:not(:last-child) {
    margin-bottom: 0.625rem;
  }
  .team {
    padding-top: 1.875rem;
  }
  .team__content {
    margin-top: 1.25rem;
  }
  .prodservises__content {
    margin-top: 1.25rem;
  }
  .prodservises__item {
    padding: 1.25rem;
  }
}
@media (35rem < width <= 44.375rem) {
  .company-page .catalog-page .catalog-index__item[class] {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (width > 35em) and (width <= 85em) {
  .companyabout__content {
    margin-bottom: clamp( 1.875rem , 1rem  +  2.5vw , 3.125rem );
  }
}
@media (width > 35em) and (width <= 84.375em) {
  .company-page__navigation {
    margin-bottom: clamp( 1.25rem , 0.36392405063125rem  +  2.5316455696vw , 2.5rem );
  }
  .companyabout__title, .prodservises__title, .team__title {
    margin-bottom: clamp( 0.9375rem , 0.272943037975rem  +  1.8987341772vw , 1.875rem );
  }
  .team {
    padding-top: clamp( 1.875rem , 0.10284810126875rem  +  5.0632911392vw , 4.375rem );
  }
  .team__content {
    margin-top: clamp( 1.25rem , -0.07911392405rem  +  3.7974683544vw , 3.125rem );
  }
  .prodservises__content {
    margin-top: clamp( 1.25rem , -0.07911392405rem  +  3.7974683544vw , 3.125rem );
  }
}
@media (39.375rem <= width <= 40.625rem) {
  .prodservises__text {
    font-size: 1rem;
  }
}
@media (width > 39.375rem) {
  .prodservises__text {
    max-width: 5.625rem;
  }
}
@media (40rem < width <= 48em) {
  .team {
    position: relative;
    background-color: transparent;
    clip-path: polygon(2.5rem 0, calc(100% - 2.5rem) 0, 100% calc(2.5rem - 1.25rem), 100% 100%, 0 100%, 0 calc(2.5rem - 1.25rem));
  }
  .team::before {
    content: "";
    position: absolute;
    inset: 0rem;
    background-color: transparent;
    z-index: -1;
    border-radius: 0.1875rem;
    clip-path: polygon(calc(2.5rem - 0rem * 0.414) 0, calc(100% - calc(2.5rem - 0rem * 0.414)) 0, 100% calc(calc(2.5rem - 0rem * 0.414) - 1.25rem), 100% 100%, 0 100%, 0 calc(calc(2.5rem - 0rem * 0.414) - 1.25rem));
  }
}
@media (44.375rem < width <= 62em) {
  .company-page .catalog-page .catalog-index__item[class] {
    flex-direction: row;
    align-items: center;
  }
}
@media (width > 48em) {
  .company-page .why__text {
    max-width: 80%;
  }
  .team {
    position: relative;
    background-color: transparent;
    clip-path: polygon(3.75rem 0, calc(100% - 3.75rem) 0, 100% calc(3.75rem - 1.25rem), 100% 100%, 0 100%, 0 calc(3.75rem - 1.25rem));
  }
  .team::before {
    content: "";
    position: absolute;
    inset: 0rem;
    background-color: transparent;
    z-index: -1;
    border-radius: 0.1875rem;
    clip-path: polygon(calc(3.75rem - 0rem * 0.414) 0, calc(100% - calc(3.75rem - 0rem * 0.414)) 0, 100% calc(calc(3.75rem - 0rem * 0.414) - 1.25rem), 100% 100%, 0 100%, 0 calc(calc(3.75rem - 0rem * 0.414) - 1.25rem));
  }
}
@media (62rem < width <= 68.75rem) {
  .company-page .why .catalog-index__item[class] {
    align-items: center;
  }
}
@media (width > 62em) {
  .company-page .catalog-page .catalog-index__item[class] {
    align-items: flex-start;
  }
}
@media (width > 84.375em) {
  .company-page__navigation {
    margin-bottom: 2.5rem;
  }
  .companyabout__title, .prodservises__title, .team__title {
    margin-bottom: 1.875rem;
  }
  .team {
    padding-top: 4.375rem;
  }
  .team__content {
    margin-top: 3.125rem;
  }
  .prodservises__content {
    margin-top: 3.125rem;
  }
}
@media (width > 85em) {
  .companyabout__content {
    margin-bottom: 3.125rem;
  }
}
@media (any-hover: hover) {
  .prodservises__item:hover {
    transform: scale(1.02);
    position: relative;
    background-color: #ea3e42;
    clip-path: polygon(1.875rem 0, 100% 0, 100% calc(100% - 1.875rem), calc(100% - 1.875rem) 100%, 0 100%, 0 1.875rem);
  }
  .prodservises__item:hover::before {
    content: "";
    position: absolute;
    inset: 0.0625rem;
    background-color: #fff;
    z-index: -1;
    border-radius: 0.1875rem;
    clip-path: polygon(calc(1.875rem - 0.0625rem / 2) 0, 100% 0, 100% calc(100% - calc(1.875rem - 0.0625rem / 2)), calc(100% - calc(1.875rem - 0.0625rem / 2)) 100%, 0 100%, 0 calc(1.875rem - 0.0625rem / 2));
  }
  .prodservises__item:hover svg {
    color: #ea3e42;
    transform: translateX(0.125rem);
  }
}
@media (any-hover: none) {
  .prodservises__item:active {
    transform: scale(1.02);
    position: relative;
    background-color: #ea3e42;
    clip-path: polygon(1.875rem 0, 100% 0, 100% calc(100% - 1.875rem), calc(100% - 1.875rem) 100%, 0 100%, 0 1.875rem);
  }
  .prodservises__item:active::before {
    content: "";
    position: absolute;
    inset: 0.0625rem;
    background-color: #fff;
    z-index: -1;
    border-radius: 0.1875rem;
    clip-path: polygon(calc(1.875rem - 0.0625rem / 2) 0, 100% 0, 100% calc(100% - calc(1.875rem - 0.0625rem / 2)), calc(100% - calc(1.875rem - 0.0625rem / 2)) 100%, 0 100%, 0 calc(1.875rem - 0.0625rem / 2));
  }
  .prodservises__item:active svg {
    color: #ea3e42;
    transform: translateX(0.125rem);
  }
}