.hero-section {
  padding:80px 20px;
  text-align:center
}
.hero-title {
  font-size:36px;
  font-weight:700;
  color:#243238;
  position:relative
}
.hero-title::before {
  content:'';
  position:absolute;
  top:32px;
  right:53px;
  width:6px;
  height:6px;
  border-radius:50%
}
.hero-description {
  font-size:16px;
  font-weight:300;
  color:#243238;
  padding-top:2px
}
.hero-search-box {
  width:100%
}
.hero-search-box-holder {
  width:100%;
  max-width:670px;
  height:65px;
  background:#F5F5F5;
  margin:40px 0 15px;
  border-radius:12px;
  cursor:text
}
.search-trends-words {
  font-size:13px;
  gap:7px;
  font-weight:300
}
.search-trends-words-label {
  color:#243238;
  font-weight:400
}
.search-trends-words-label svg {
  width:14px;
  height:14px;
  color:#54667a;
  margin-top:5px;
  float:right;
  margin-left:3px;
  opacity:0.5
}
.search-trends-words-list {
  color:#78747e;
  column-gap:15px;
  row-gap:5px
}
.search-trends-words-list>a {
  display:flex;
  flex-direction:row;
  align-items:center
}
.search-trends-words-list>a>svg {
  width:12px;
  height:12px;
  margin-left:5px
}
.search-trends-words-list a:hover {
  color:#ff4f5d
}
.search-trends-words-list .words-separator {
  padding:0 1px 0 2px
}
.hero-search-box-holder svg {
  width:20px;
  height:20px;
  position:absolute;
  top:23px;
  left:22px;
  color:#b5b5b5;
  pointer-events:none;
  opacity:0.8
}
.hero-search-box-holder span {
  font-size:16px;
  position:absolute;
  top:18px;
  right:27px;
  pointer-events:none;
  color:#646464;
  font-weight:300;
  opacity:0.7
}
@media screen and (max-width:900px) {
  .hero-title {
    font-size:24px
  }
  .hero-description {
    font-size:14px
  }
  .hero-title::before {
    display:none
  }
}
@media screen and (max-width:700px) {
  .hero-title {
    font-size:24px;
    padding-bottom:6px;
    max-width:290px
  }
  .hero-description {
    font-size:14px;
    max-width:395px
  }
  .hero-section {
    padding:40px 20px
  }
  .hero-search-box-holder {
    height:50px
  }
  .hero-search-box-holder span {
    font-size:14px;
    top:13px
  }
  .hero-search-box-holder svg {
    width:18px;
    height:18px;
    top:16px;
    left:19px
  }
}