.create-at {
  line-height: 36px;
  font-size: 18px;
  font-family: "Inter-Medium";
  color: #fff;
}

.news-detail-section {
  font-family: "Inter-Regular";
  padding: 60px 0px;
}
.news-detail-section .news-image-col p {
  line-height: 36px;
}
.news-detail-section .news-image-col h3 {
  font-size: 34px;
}
.news-detail-section .news-section {
  padding-left: 50px;
}
.news-detail-section .news-section .search-section {
  background-color: #008B9F;
}
.news-detail-section .news-section .search-section p {
  font-size: 18px;
  font-family: "Inter-Medium";
}
.news-detail-section .news-section .search-section input {
  outline: none;
}
.news-detail-section .news-section .search-section i {
  position: absolute;
  right: 6px;
  top: 5px;
  background: #f9aa1c;
  width: 40px;
  height: 40px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.news-detail-section .news-section .search-section .searh-suggestion-list {
  border-radius: 10px;
}
.news-detail-section .news-section .recent-news {
  box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.03);
  border: 1px solid #ddf3f6;
  padding: 20px 30px;
}
.news-detail-section .news-section .recent-news h3 {
  color: #008b9f;
  font-family: "Inter-Medium";
  font-weight: normal;
}
.news-detail-section .news-section .recent-news .news-list {
  padding-left: 90px;
  min-height: 90px;
}
.news-detail-section .news-section .recent-news .news-list h2 {
  font-size: 15px;
  font-weight: normal;
  font-family: "Inter-Medium";
  text-overflow: ellipsis;
  color: #636364;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.news-detail-section .news-section .recent-news .news-list img {
  width: 70px;
  position: absolute;
  left: 0;
  height: 70px;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-detail-section .news-section .recent-news .news-list span {
  color: #008b9f;
}

.searh-suggestion-list h5 a {
  font-size: 13px !important;
  padding: 10px;
  font-family: "Inter-Regular";
  color: #636364 !important;
  margin-top: 5px;
  border-radius: 3px;
}

@media only screen and (max-width: 1600px) {
  .news-detail-section .news-image-col h3 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 1440px) {
  .news-detail-section .news-image-col h3 {
    font-size: 24px;
  }
  .news-detail-section .news-section {
    padding-left: 15px;
  }
  .news-detail-section .news-section .search-section {
    border-radius: 15px !important;
    padding: 20px !important;
  }
  .news-detail-section .news-section .recent-news {
    border-radius: 15px !important;
    padding: 20px !important;
  }
}
@media only screen and (max-width: 1240px) {
  .news-detail-section {
    padding: 40px 0;
  }
  .news-detail-section .news-image-col h3 {
    font-size: 24px;
  }
  .news-detail-section .news-image-col p {
    line-height: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .news-image-col img {
    border-radius: 20px !important;
  }
  .news-detail-section {
    padding: 30px 0;
  }
  .news-detail-section .news-image-col h3 {
    font-size: 22px;
  }
  .news-detail-section .news-section {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 576px) {
  .news-detail-section .news-image-col h3 {
    font-size: 18px !important;
  }
}
@media only screen and (max-width: 767px) {
  .news-image-col img {
    border-radius: 10px !important;
  }
  .news-detail-section .news-section .search-section {
    padding: 15px !important;
  }
  .news-detail-section .news-section .search-section p {
    font-size: 16px;
  }
  .news-detail-section {
    padding: 20px 0;
  }
  .news-detail-section .news-image-col h3 {
    font-size: 22px;
  }
  .news-detail-section .news-section .search-section i {
    width: 31px;
    height: 31px;
    padding-top: 10px;
    right: 7px;
    top: 5px;
  }
  .search-section input {
    height: 40px !important;
  }
}