.tech-cards {
  overflow: clip;
}
@media (min-width: 47.9375em) {
  .tech-cards {
    padding-top: 6.25rem;
  }
}
@media (min-width: 30em) and (max-width: 47.9375em) {
  .tech-cards {
    padding-top: clamp( 3.75rem , -0.431184669rem  +  13.93728223vw , 6.25rem );
  }
}
@media (max-width: 30em) {
  .tech-cards {
    padding-top: 3.75rem;
  }
}
@media (min-width: 60em) {
  .tech-cards {
    padding-bottom: 3.125rem;
  }
}
@media (min-width: 48em) and (max-width: 60em) {
  .tech-cards {
    padding-bottom: clamp( 2.5rem , 0.0000000625rem  +  5.2083333333vw , 3.125rem );
  }
}
@media (max-width: 48em) {
  .tech-cards {
    padding-bottom: 2.5rem;
  }
}
@media (47.99875em < width < 90em) {
  .tech-cards__container {
    --padding-left: 2.5rem;
    --padding-right: 2.5rem;
  }
}
.tech-cards__head {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5.75rem 2.5rem;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 77.5em) {
  .tech-cards__head:not(:last-child) {
    margin-bottom: 5.75rem;
  }
}
@media (min-width: 60em) and (max-width: 77.5em) {
  .tech-cards__head:not(:last-child) {
    margin-bottom: clamp( 3.75rem , -3.1071428571rem  +  11.4285714286vw , 5.75rem );
  }
}
@media (max-width: 60em) {
  .tech-cards__head:not(:last-child) {
    margin-bottom: 3.75rem;
  }
}
@media (width < 90em) {
  .tech-cards__head {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media (width < 75em) {
  .tech-cards__head {
    grid-template-columns: 1fr;
  }
}
@media (width < 47.99875em) {
  .tech-cards__head {
    row-gap: 2.5rem;
  }
}
@media (width < 29.99875em) {
  .tech-cards__head {
    row-gap: 2rem;
  }
}
.tech-cards__title {
  max-width: 33.625rem;
  font-family: Evolventa;
  font-size: var(--font-size);
  letter-spacing: calc(var(--font-size) / 100 * -5);
  line-height: 0.8;
}
@media (min-width: 60em) {
  .tech-cards__title {
    --font-size: 2.625rem;
  }
}
@media (min-width: 30em) and (max-width: 60em) {
  .tech-cards__title {
    --font-size: clamp( 1.75rem , 0.875rem  +  2.9166666667vw , 2.625rem );
  }
}
@media (max-width: 30em) {
  .tech-cards__title {
    --font-size: 1.75rem;
  }
}
.tech-cards__subtitle {
  color: var(--grey-on-white-color);
  line-height: 1.3;
  font-size: var(--font-size);
  letter-spacing: calc(var(--font-size) / 100 * -5);
}
@media (min-width: 47.9375em) {
  .tech-cards__subtitle {
    --font-size: 1rem;
  }
}
@media (min-width: 30em) and (max-width: 47.9375em) {
  .tech-cards__subtitle {
    --font-size: clamp( 0.9375rem , 0.8329703833rem  +  0.3484320557vw , 1rem );
  }
}
@media (max-width: 30em) {
  .tech-cards__subtitle {
    --font-size: 0.9375rem;
  }
}
@media (width >= 75em) {
  .tech-cards__subtitle {
    margin-left: auto;
    max-width: 33.625rem;
  }
}
@media (48em <= width < 75em) {
  .tech-cards__subtitle {
    order: -2;
    max-width: 26.75rem;
  }
}
@media (width < 75em) {
  .tech-cards__subtitle {
    grid-column: 1/span 2;
    align-self: center;
  }
}
.tech-cards__body {
  display: grid;
  position: relative;
}
.tech-cards__body::before, .tech-cards__body::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  border: 0.0625rem solid #F2F2F2;
  bottom: 0;
}
@media (width < 75em) {
  .tech-cards__body::before, .tech-cards__body::after {
    height: 50%;
  }
}
.tech-cards__body::before {
  left: 100%;
}
.tech-cards__body::after {
  right: 100%;
}
@media (width >= 75em) {
  .tech-cards__body {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (47.99875em < width < 75em) {
  .tech-cards__body {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (34.375em < width < 47.99875em) {
  .tech-cards__body {
    grid-template-columns: repeat(2, 1fr);
  }
}
.tech-cards__item {
  padding: 0.0625rem;
  background: var(--bgc);
  display: flex;
  aspect-ratio: 330/315;
  min-height: -moz-fit-content;
  min-height: fit-content;
  --title-color: var(--dark-blue-color);
  --text-color: var(--grey-on-white-color);
}
.tech-cards__item:has(.tech-cards__image) {
  --title-color: var(--main-white-color);
}
.tech-cards__item:has(.tech-cards__image) .tech-cards__itemcontent {
  background: linear-gradient(212.33deg, rgba(0, 0, 0, 0) 41.74%, rgba(0, 0, 0, 0.7) 80.68%);
}
@media (34.375em < width < 75em) {
  .tech-cards__item:has(.tech-cards__image) {
    order: -1;
  }
}
@media (width >= 75em) {
  .tech-cards__item:nth-child(1 of .tech-cards__item) {
    --bgc: #F2F2F2;
  }
  .tech-cards__item:nth-child(2 of .tech-cards__item) {
    --bgc: linear-gradient(270.83deg, rgba(0, 0, 0, 0.6) 0.95%, rgba(213, 213, 213, 0.6) 41.5%);
  }
  .tech-cards__item:nth-child(3 of .tech-cards__item) {
    --bgc: #00000099;
  }
  .tech-cards__item:nth-child(4 of .tech-cards__item) {
    --bgc: linear-gradient(90.82deg, rgba(0, 0, 0, 0.6) 0.51%, rgba(213, 213, 213, 0.6) 71.78%);
  }
}
@media (47.99875em < width < 75em) {
  .tech-cards__item:nth-child(1 of .tech-cards__item) {
    --bgc: #F2F2F2;
  }
  .tech-cards__item:nth-child(2 of .tech-cards__item) {
    border-left: none;
    --bgc: linear-gradient(235.64deg, rgba(0, 0, 0, 0.6) -12.51%, rgba(213, 213, 213, 0.6) 38.63%);
  }
  .tech-cards__item:nth-child(3 of .tech-cards__item) {
    --bgc: #00000099;
    order: -1;
    position: relative;
  }
  .tech-cards__item:nth-child(3 of .tech-cards__item)::before {
    content: "";
    background-color: #ccc;
    height: 0.0625rem;
    width: 300%;
    position: absolute;
    top: -0.0625rem;
    left: 50%;
    translate: -50% 0;
    background: linear-gradient(90deg, rgba(213, 213, 213, 0.6) 0%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0.6) 84%, rgb(255, 255, 255) 100%);
  }
  .tech-cards__item:nth-child(4 of .tech-cards__item) {
    border-left: none;
    --bgc: linear-gradient(179.73deg, #00000099 0.28%, #d5d5d599 68.5%);
  }
}
@media (34.375em < width < 47.99875em) {
  .tech-cards__item {
    aspect-ratio: 344/240;
  }
  .tech-cards__item:nth-child(1 of .tech-cards__item) {
    --bgc: linear-gradient(47.37deg, rgba(0, 0, 0, 0.6) -2.21%, rgba(213, 213, 213, 0.6) 47.24%);
  }
  .tech-cards__item:nth-child(2 of .tech-cards__item) {
    --bgc: linear-gradient(180.68deg, rgba(0, 0, 0, 0.6) 3.38%, rgba(213, 213, 213, 0.6) 53.02%);
  }
  .tech-cards__item:nth-child(3 of .tech-cards__item) {
    --bgc: #00000099;
  }
  .tech-cards__item:nth-child(4 of .tech-cards__item) {
    --bgc: linear-gradient(147.97deg, rgba(0, 0, 0, 0.6) 1.06%, rgba(213, 213, 213, 0.6) 37.36%);
  }
}
@media (width < 34.375em) {
  .tech-cards__item {
    aspect-ratio: 464/160;
    position: relative;
  }
  .tech-cards__item::before, .tech-cards__item::after {
    content: "";
    height: 0.0625rem;
    width: 3.125rem;
    position: absolute;
    top: 0;
  }
  .tech-cards__item::before {
    left: 100%;
  }
  .tech-cards__item::after {
    right: 100%;
  }
  .tech-cards__item:has(.tech-cards__image) {
    aspect-ratio: 480/340;
  }
  .tech-cards__item:has(.tech-cards__image) .tech-cards__itemcontent {
    justify-content: flex-end;
  }
  .tech-cards__item:nth-child(1 of .tech-cards__item) {
    --bgc: linear-gradient(345.43deg, rgba(0, 0, 0, 0.6) 13.11%, rgba(213, 213, 213, 0.6) 51.94%);
  }
  .tech-cards__item:nth-child(1 of .tech-cards__item)::before, .tech-cards__item:nth-child(1 of .tech-cards__item)::after {
    background-color: #D5D5D5;
  }
  .tech-cards__item:nth-child(2 of .tech-cards__item) {
    --bgc: linear-gradient(157.29deg, rgba(0, 0, 0, 0.6) 20.88%, rgba(213, 213, 213, 0.6) 69.25%);
  }
  .tech-cards__item:nth-child(2 of .tech-cards__item)::before, .tech-cards__item:nth-child(2 of .tech-cards__item)::after {
    background-color: #000000;
  }
  .tech-cards__item:nth-child(3 of .tech-cards__item) {
    --bgc: #00000099;
  }
  .tech-cards__item:nth-child(3 of .tech-cards__item)::before, .tech-cards__item:nth-child(3 of .tech-cards__item)::after {
    background-color: #000000;
  }
  .tech-cards__item:nth-child(4 of .tech-cards__item) {
    --bgc: #D5D5D599;
  }
  .tech-cards__item:nth-child(4 of .tech-cards__item)::before, .tech-cards__item:nth-child(4 of .tech-cards__item)::after {
    background-color: rgba(213, 213, 213, 0.6);
  }
}
.tech-cards__itemwrapper {
  flex: 1 1 auto;
  position: relative;
  background-color: var(--main-white-color);
  position: relative;
  z-index: 2;
}
.tech-cards__itemcontent {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 1.25rem;
  height: 100%;
}
@media (min-width: 47.9375em) {
  .tech-cards__itemcontent {
    gap: 0.625rem;
  }
}
@media (min-width: 30em) and (max-width: 47.9375em) {
  .tech-cards__itemcontent {
    gap: clamp( 0.5rem , 0.2909407666rem  +  0.6968641115vw , 0.625rem );
  }
}
@media (max-width: 30em) {
  .tech-cards__itemcontent {
    gap: 0.5rem;
  }
}
@media (width >= 34.375em) {
  .tech-cards__itemcontent {
    justify-content: flex-end;
  }
}
.tech-cards__name {
  color: var(--title-color);
  font-size: var(--font-size);
  letter-spacing: calc(var(--font-size) / 100 * -5);
  line-height: 1.2;
}
@media (min-width: 47.9375em) {
  .tech-cards__name {
    --font-size: 1.25rem;
  }
}
@media (min-width: 30em) and (max-width: 47.9375em) {
  .tech-cards__name {
    --font-size: clamp( 1rem , 0.5818815331rem  +  1.393728223vw , 1.25rem );
  }
}
@media (max-width: 30em) {
  .tech-cards__name {
    --font-size: 1rem;
  }
}
.tech-cards__text {
  color: var(--text-color);
  line-height: 1.3;
  font-size: var(--font-size);
  letter-spacing: calc(var(--font-size) / 100 * -5);
}
@media (min-width: 47.9375em) {
  .tech-cards__text {
    --font-size: 1rem;
  }
}
@media (min-width: 30em) and (max-width: 47.9375em) {
  .tech-cards__text {
    --font-size: clamp( 0.9375rem , 0.8329703833rem  +  0.3484320557vw , 1rem );
  }
}
@media (max-width: 30em) {
  .tech-cards__text {
    --font-size: 0.9375rem;
  }
}
.tech-cards__image {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tech-cards__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}