/* .HERO */
.hero{
  min-height: max-content;
  padding: 50px 0px

}

.hero .text{
    width: min-content;
}

.platform-title {
  font-size: 72px;
  font-weight: bold;

  text-align: center;
}

@media (max-width:771px) {
    .platform-title {
  font-size: 50px;

}

}

@media (max-width:456px) {
    .platform-title {
  font-size: 40px;
text-wrap: wrap !important;
}
.hero .text{
    width: max-content;
}
.hero .text p{
    font-size: 18px;
}
.search-input::placeholder {
    font-size: 16px;}
}