.the-best {
}

.the-best-contenttext {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    margin-bottom: 97px;
     transform: translateY(300px);
}
.the-best-title {
font-weight: 400;
font-size: 52px;
line-height: 123%;
letter-spacing: 0.02em;
}
.the-best-text {
width: 591px;
font-weight: 400;
font-size: 20px;
line-height: 160%;
letter-spacing: 0.05em;
color: #e5e5e5;
text-align: center;
}

.the-best-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, auto);
  justify-items: center;
  align-items: center;
  position: relative;
  transform: translateY(250px);
  
}

/* Позиціонування у сітці */
.foxhub    { grid-column: 1; grid-row: 1; }
.hexlab    { grid-column: 3; grid-row: 1; }
.nira      { grid-column: 1; grid-row: 3; }
.zootv     { grid-column: 3; grid-row: 3; }
.lightai   { grid-column: 2; grid-row: 2; z-index: 2;}


.the-best-item {
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(196, 196, 196, 0.2);
    border: 1px solid rgba(229, 229, 229, 0.3);
border-radius: 1px;
width: 341px;
height: 118px;
}

.the-best-item-img {

}
.the-best-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    background-color: #262627;
    border-bottom: 5px solid #d400b3;
    margin-bottom: 110px;
      width: 1200px;
}
.the-best-img-big {
width: 555px;
height: 733px;
margin: 0 auto;
transform: translateY(170px);

}
.the-best-wrapper-title {
font-weight: 400;
font-size: 52px;
line-height: 123%;
letter-spacing: 0.02em;
margin-bottom: 18px;
padding-top: 195px;
}
.the-best-wrapper-tex {
    width: 620px;
font-weight: 400;
font-size: 20px;
line-height: 160%;
letter-spacing: 0.05em;
text-align: center;
color: #e5e5e5;
margin-bottom: 36px;
}

.the-best-input-content {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 95px;
}

.the-best-input {
    width: 456px;
height: 50px;
background: rgba(196, 196, 196, 0.1);
border: 1px solid transparent;
color: white;
font-size: 20px;
}

.the-best-input:focus {
  outline: none;
border: 1px solid #4d4d52;
box-shadow: 0 0 0 2px rgba(77, 77, 82, 0.5);
}
.the-best-input::placeholder {
padding-left: 5px;
}

.the-best-btn {
  border: 2px solid #d400b3;
  border-radius: 1px;
  width: 144px;
  height: 50px;
  background: #d400b3;
  color: white;
  font-size: 20px;
  transition: transform 0.3s ease, font-size 0.3s ease;
  cursor: pointer;
}