.blog-search_bar{position:relative;width:505.775px;height:38.906px;flex-shrink:0}.blog-search_bar .blog-search__input{width:100%;padding:10px 15px;border:1px solid #ccc;border-radius:9.726px;font-size:14px;outline:none;color:#000;background:#fff;box-sizing:border-box}.blog-search_bar .blog-search__icon{position:absolute;right:11px;top:22px;transform:translateY(-50%);width:20px;font-size:17px;cursor:pointer;max-width:16.535px;height:16.535px;flex-shrink:0}.blog-search_bar .close-blog-search{top:13px;position:absolute;right:12px;font-size:17px}.blog-search_bar .search-blog-dropdown{border-radius:10px;margin-top:4px!important;position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #ddd;box-shadow:0 2px 5px rgba(0,0,0,.2);list-style:none;padding:10px;margin:0;max-height:400px;overflow-y:auto;z-index:1000;scrollbar-width:thin}.blog-search_bar .search-blog-dropdown li{padding:10px;cursor:pointer;transition:background .3s}.blog-search_bar .search-blog-dropdown li:hover{background:#f5f5f5}.blog-search_bar .search-blog-item{display:flex;align-items:center;gap:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px;cursor:pointer;border-bottom:1px solid #ddd}.blog-search_bar .search-blog-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;overflow-wrap:break-word;flex:1}.blog-search_bar .blog-search__img{width:80px;height:100%;object-fit:contain}@media(max-width:576px){.blog-search_bar{max-width:300px}}@media(max-width:320px){.blog-search_bar{width:275px!important}.blog-search_bar .blog-search__icon{right:10px}}