article.machine-card {
  width: 100%;
  border-radius: 10px;
  border: 5px solid #F3F8FB;
  margin-bottom: 20px;
  height: calc(100% - 20px);
  min-height: 350px;
}
article.machine-card > .row {
  height: 100%;
}
article.machine-card .l-side-wrapper {
  display: flex;
  align-items: center;
}
article.machine-card .l-side-wrapper:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(243, 248, 251, 0.1);
}
article.machine-card .l-side {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  min-height: 200px;
}
article.machine-card .l-side figure {
  margin: 0;
}
article.machine-card .l-side img {
  width: 100%;
  height: auto;
}
article.machine-card .r-side {
  height: 100%;
  width: 100%;
  padding: 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
article.machine-card h2 {
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: 42px; /* 123.529% */
  letter-spacing: 0.68px;
  text-transform: uppercase;
  margin-top: 16px;
  margin-left: 0;
}
article.machine-card h2 a > span {
  color: #b51f20 !important;
}
@media screen and (max-width: 1720px) {
  article.machine-card h2 {
    font-size: 29px;
  }
}
article.machine-card .speed {
  display: flex;
  align-items: center;
  background-color: #F3F8FB;
  border-radius: 5px;
  background: #F3F8FB;
  padding: 6px 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.48px;
  text-transform: uppercase;
}
article.machine-card .speed > .values {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
article.machine-card .p-types {
  margin-top: auto;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
article.machine-card .p-types .product-type.tag {
  display: flex;
  align-items: center;
  padding: 0 3px;
  margin: 0;
  background-color: #F3F8FB;
  color: #495057;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1px;
  text-transform: uppercase;
  border-radius: 5px;
  min-height: 28px;
}
article.machine-card .p-types .product-type.tag svg {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
article.machine-card .p-types .product-type.tag svg path {
  fill: #b51f20;
}
article.machine-card .p-types .read-more-btn {
  cursor: pointer;
  text-decoration: underline;
  font-size: 12px;
  padding-top: 3px;
}
article.machine-card .p-types .read-more-btn:hover {
  color: inherit;
}
article.machine-card .p-types .read-more-btn:focus + .read-more-tag {
  display: block;
}
article.machine-card .p-types .read-more-tag {
  position: absolute;
  right: -3%;
  padding: 5px;
  z-index: 1060;
  background-color: #EBF0F3;
  border: 1px solid #ccc;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  max-width: 276px;
  border-radius: 0.25rem;
  flex-direction: column;
  gap: 10px;
}
article.machine-card .p-types .read-more-tag .product-type {
  background-color: #fff;
  width: -moz-fit-content;
  width: fit-content;
}
article.machine-card .p-types .read-more-tag .product-type.tag {
  padding: 0 3px;
}

.popover .v-machine-tags.pharma h2 a > span,
article.machine-card.pharma h2 a > span {
  color: #b51f20 !important;
}
.popover .v-machine-tags.pharma .machine-tag svg > path,
article.machine-card.pharma .machine-tag svg > path {
  fill: #b51f20 !important;
}
.popover .v-machine-tags.beauty h2 a > span,
article.machine-card.beauty h2 a > span {
  color: #C69DC9 !important;
}
.popover .v-machine-tags.beauty .machine-tag svg path,
article.machine-card.beauty .machine-tag svg path {
  fill: #C69DC9 !important;
}

.form-wrapper.col-lg-6 > .machine-card > .row > .col-12 > .l-side, .form-wrapper.col-lg-6 > .machine-card > .row > .col-12 > .r-side {
  aspect-ratio: 1;
}
@media (max-width: 1366.98px) {
  .form-wrapper.col-lg-6 > .machine-card > .row > .col-12 > .l-side, .form-wrapper.col-lg-6 > .machine-card > .row > .col-12 > .r-side {
    aspect-ratio: unset;
  }
}

.form-wrapper.col-12:not(.col-lg-6) > .machine-card > .row > .col-12 > .l-side > div {
  width: 100%;
}