.searchform-main {
   width: 615px;
   max-width: 100%;
   margin: 0 auto;
   margin-bottom: 81px;
}
.searchform-title {
   font-weight: 700;
   font-size: 48px;
   line-height: 120%;
   text-align: center;
   color: #000000;
   margin-bottom: 40px;
}
.form-search {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid #b3b3b3;
   padding-bottom: 8px;
   margin-bottom: 24px;
}

.icon-searchform-icon {
   margin-top: 6px;
}
.search-input {
   flex: 1;
   border: none;
   outline: none;
   margin: 0 12px;
}
.searchform-popular {
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
   padding-left: 24px;
}
.searchform-popular-list {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-wrap: wrap;
}
.searchform-popular-list li {
   margin-bottom: 8px;
}
.searchform-popular-title {
   font-weight: 500;
   font-size: 18px;
   line-height: 140%;
   color: #000000;
   margin-right: 24px;
}
.searchform-popular-item {
   margin-right: 24px;
}
.searchform-popular-link,
.searchform-popular-link:hover {
   position: relative;
   font-weight: 500;
   font-size: 18px;
   line-height: 24px;
   color: #737373;
}
.searchform-popular-link::after {
   content: "";
   position: absolute;
   width: 100%;
   transform: scaleX(0);
   height: 2px;
   bottom: 0px;
   left: 0px;
   background-color: #737373;
   transform-origin: right bottom;
   transition: transform 0.25s ease-out 0s;
}
.searchform-popular-link:hover::after {
   transform: scale(1);
   transform-origin: bottom left;
}
.iconclear {
   display: none;
   cursor: pointer;
}
.searchresult {
   padding: 40px 0 80px;
   background-color: #f2f2f2;
}
.searchresult-container {
   width: 1058px;
   max-width: 100%;
   margin: 0 auto;
}
.searchresult-title {
   font-weight: 500;
   font-size: 18px;
   line-height: 140%;
   color: #000000;
   margin-bottom: 40px;
}
.searchresult-item-becrum,
.searchresult-item-becrum:hover {
   display: block;

   font-weight: 700;
   font-size: 16px;
   line-height: 24px;
   color: #b3b3b3;
   margin-bottom: 7px;
}
.searchresult-item-title {
   font-weight: 500;
   font-size: 24px;
   line-height: 120%;
   color: #0031a7;
   margin-bottom: 7px;
   display: block;
}
.searchresult-item-title:hover {
   text-decoration: underline;
}
.searchresult-item-desc {
   font-size: 18px;
   line-height: 150%;
   color: #000000;

   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   display: -webkit-box;
}
.searchresult-item {
   padding-bottom: 32px;
   border-bottom: 1px solid #d9d9d9;
   margin-bottom: 24px;
}
.searchresult-item:last-child {
   margin-bottom: 40px;
}
/* custom css pagination */
.search-pagi {
   display: flex;
   justify-content: center;
   align-items: center;
}
#search-pagination .page-link {
   background: transparent;
   border: none;
   box-shadow: unset;

   font-weight: 400;
   font-size: 18px;
   line-height: 24px;
   color: #b3b3b3;
   position: relative;
   transition: 0.35s ease-in-out all;
   padding-bottom: 16px;
}

#search-pagination .page-link::after {
   content: "";
   position: absolute;
   bottom: 0px;
   left: 0;
   width: 50%;
   left: 25%;
   border-bottom: 2px solid #000000;
   transition: 0.35s ease-in-out all;
   transform: scale(0);
}
#search-pagination .page-link:hover {
   color: #000000;
}
#search-pagination .page-link:hover::after {
   transform: scale(1);
}
#search-pagination.simple-pagination li {
   margin-right: 28px;
}
#search-pagination.simple-pagination li:last-child {
   margin-right: 0;
}
#search-pagination .current {
   background: transparent;
   border: none;
   box-shadow: unset;

   font-weight: 400;
   font-size: 18px;
   line-height: 24px;
   color: #000000;
   position: relative;
}
#search-pagination .current::after {
   content: "";
   position: absolute;
   bottom: -16px;
   left: 0;
   width: 50%;
   transform: translateX(50%);
   border-bottom: 2px solid #000000;
}

@media screen and (max-width: 1024px) {
   .main-container {
      
   }
   .searchform-main {
      width: 600px;
      max-width: 100%;
   }
}

@media screen and (max-width: 992px) {
}

@media screen and (max-width: 768px) {
   .searchform-title {
      font-size: 32px;
      line-height: 120%;
   }
   .searchform-popular {
      padding-left: 0;
   }
   .searchform-main {
      margin-bottom: 40px;
   }
   /* .searchform-popular-list{
          display: -webkit-box;
          width: 100%;
          overflow: scroll;
          flex-wrap: nowrap;
      } */
   .searchform-popular-item {
      margin-bottom: 8px;
   }
   .searchresult-item-desc {
      -webkit-line-clamp: 5;
      font-size: 16px;
   }
}
.filter-result-notfound.active {
   width: 100%;
   text-align: center;
   font-size: 30px;
   line-height: 40px;
}
@media screen and (max-width: 576px) {
}

@media screen and (min-width: 768px) and (max-width: 1080px) {
   .searchform-title {
      margin-bottom: 50px;
   }
   .searchform-popular {
      justify-content: center;
   }
   .searchresult {
      padding: 40px 20px 80px;
   }
}