/* 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;
}
.why__body {
  display: grid;
  gap: 1.875rem;
  grid-template-columns: 23.333333% 1fr 23.333333%; /* 315/1350 */
}
.why__reason {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
.why__reason .catalog-index__item::before {
  border-radius: 0.375rem;
}
.why__reason .catalog-index__item {
  padding: 1.875rem 1.875rem 1.875rem 2.0625rem;
}
.why__reason .catalog-index__name {
  text-align: left;
}
.why__reason .catalog-index__name {
  margin-inline: initial;
}
.why__main {
  position: relative;
  padding: 2.5rem;
  display: flex;
  align-items: flex-end;
  border-radius: 0.375rem;
  overflow: hidden;
  position: relative;
  background-color: transparent;
  clip-path: polygon(1.875rem 0, 100% 0, 100% calc(100% - 1.875rem), calc(100% - 1.875rem) 100%, 0 100%, 0 1.875rem);
}
.why__main::before {
  content: "";
  position: absolute;
  inset: 0rem;
  background-color: transparent;
  z-index: -1;
  border-radius: 0.1875rem;
  clip-path: polygon(calc(1.875rem - 0rem / 2) 0, 100% 0, 100% calc(100% - calc(1.875rem - 0rem / 2)), calc(100% - calc(1.875rem - 0rem / 2)) 100%, 0 100%, 0 calc(1.875rem - 0rem / 2));
}
.why__main .decor_top {
  z-index: 2;
  left: 2.5rem;
}
.why__main-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.why__text {
  position: relative;
  font-weight: 600;
}
.why__text {
  line-height: 135%;
  color: #fff;
  margin-bottom: 1.875rem;
}
.why__link {
  width: 9.0625rem;
  padding-inline: 0.625rem;
}
.why__link::before, .why__link::after {
  display: none;
}
.why__link {
  position: relative;
  background-color: #ea3e42;
  clip-path: polygon(1.0625rem 0, 100% 0, 100% calc(100% - 1.0625rem), calc(100% - 1.0625rem) 100%, 0 100%, 0 1.0625rem);
}
.why__link::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #ea3e42;
  z-index: -1;
  border-radius: 0.1875rem;
  clip-path: polygon(calc(1.0625rem - 0 / 2) 0, 100% 0, 100% calc(100% - calc(1.0625rem - 0 / 2)), calc(100% - calc(1.0625rem - 0 / 2)) 100%, 0 100%, 0 calc(1.0625rem - 0 / 2));
}
@media (width <= 88.125rem) {
  .catalog-page .why__reason .catalog-index__name {
    max-width: 100%;
  }
}
@media (width <= 68.75rem) {
  .catalog-page .why__body[class] {
    grid-template-columns: 1fr;
  }
}
@media (width <= 62em) {
  .why__reason .catalog-index__item {
    padding: 1.25rem;
    min-height: 10.625rem;
    gap: 1.25rem;
    position: relative;
    background-color: #e5e5e5;
    clip-path: polygon(1.25rem 0, 100% 0, 100% calc(100% - 1.25rem), calc(100% - 1.25rem) 100%, 0 100%, 0 1.25rem);
  }
  .why__reason .catalog-index__item::before {
    content: "";
    position: absolute;
    inset: 0.0625rem;
    background-color: #fff;
    z-index: -1;
    border-radius: 0.1875rem;
    clip-path: polygon(calc(1.25rem - 0.0625rem / 2) 0, 100% 0, 100% calc(100% - calc(1.25rem - 0.0625rem / 2)), calc(100% - calc(1.25rem - 0.0625rem / 2)) 100%, 0 100%, 0 calc(1.25rem - 0.0625rem / 2));
  }
  .why__reason .catalog-index__name {
    margin-top: 0;
    font-size: 1.0625rem;
  }
}
@media (width <= 60.625rem) {
  .why__body {
    grid-template-columns: 1fr;
  }
  .why__reason {
    flex-direction: row;
  }
  .why__reason > *[class] {
    flex: 1 1 50%;
  }
  .why__reason .catalog-index__item {
    min-height: initial;
  }
  .why__main {
    grid-row-start: 3;
    min-height: 18.125rem;
  }
}
@media (width <= 48em) {
  .why__reason .catalog-index__item {
    align-items: center;
    flex-direction: row;
    gap: 0.9375rem;
  }
}
@media (width <= 35em) {
  .why__title {
    margin-bottom: 1.875rem;
  }
  .why__body {
    gap: 1.25rem;
  }
  .why__reason {
    flex-direction: column;
    gap: 1.25rem;
  }
  .catalog-page .why__reason {
    gap: 1rem;
  }
  .catalog-page .why__reason .catalog-index__item {
    flex-direction: row;
    align-items: center;
  }
  .why__reason .catalog-index__name {
    margin-top: 0;
    width: 100%;
  }
  .why__main {
    padding: 1.25rem;
    min-height: 14.375rem;
  }
  .why__main .decor_top {
    left: 50%;
    transform: translateX(-50%);
  }
  .why__content .button {
    width: 100%;
  }
  .why__text {
    text-align: center;
  }
}
@media (width <= 23.75em) {
  .why__text {
    font-size: 1rem;
  }
}
@media (width > 23.75em) and (width <= 84.375em) {
  .why__text {
    font-size: clamp( 1rem , 0.8041237113375rem  +  0.824742268vw , 1.5rem );
  }
}
@media (35em < width <= 44.375rem) {
  .catalog-page .why__reason .catalog-index__item {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (width > 35em) and (width <= 84.375em) {
  .why__title {
    margin-bottom: clamp( 1.875rem , 0.98892405063125rem  +  2.5316455696vw , 3.125rem );
  }
}
@media (44.375rem < width <= 68.75rem) {
  .catalog-page .why__reason .catalog-index__item {
    min-height: 0;
    padding: 1.4375rem 1.875rem;
    display: flex;
    gap: 0.9375rem;
    flex-direction: row;
    align-items: center;
  }
  .catalog-page .why__reason .catalog-index__name {
    margin-top: 0;
  }
}
@media (width > 48em) and (width <= 62em) {
  .why__reason .catalog-index__item {
    flex-direction: column;
  }
}
@media (width > 62em) {
  .why__reason .catalog-index__item {
    min-height: 11.875rem;
  }
  .why__reason .catalog-index__name {
    max-width: 55%;
  }
}
@media (width > 84.375em) {
  .why__title {
    margin-bottom: 3.125rem;
  }
  .why__text {
    font-size: 1.5rem;
  }
}