.blogIndexHeroContainer{background-image:url(https://anduintransact.com/hubfs/anduin-2026/website-assets/blog/blog-hero-iilustration.png);background-repeat:no-repeat;background-size:cover;position:relative;width:100%;.hero-section{display:flex;margin:0 auto;max-width:1439px;padding:120px 32px;position:relative;width:100%;z-index:2;.container{display:flex;flex-direction:column;gap:80px;width:100%;.filter-section{display:flex;justify-content:space-between;width:100%;.section-title{color:#fff;font-family:Manrope;font-size:56px;font-style:normal;font-weight:500;letter-spacing:-1.68px;line-height:110%}.filter-and-category{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-right:0;width:50%;.search-section{background-color:transparent;border-bottom:1px solid #98a1b2;padding:12px 0;position:relative;width:50%;.search-field{align-items:center;display:flex;gap:8px;width:100%;.search-icon{align-items:center;display:flex;width:18px;svg{width:100%}}.search-input{width:calc(100% - 30px);input{background-color:transparent;border:none;color:#fff;font-family:Manrope;font-size:16px;font-style:normal;font-weight:600;line-height:150%;outline:none;width:100%;&::placeholder{color:#98a1b2}}}}.search-result{background-color:#fff;display:flex;display:none;flex-direction:column;gap:16px;height:250px;overflow:scroll;padding:20px;position:absolute;top:55px;width:100%;.result-item{color:#141414;font-family:Manrope;font-size:16px;font-style:normal;font-weight:600;line-height:150%;&:hover{cursor:pointer;text-decoration:underline}}&.active{display:flex;flex-direction:column;z-index:3}}}.category-section{background-color:transparent;border-bottom:1px solid #98a1b2;padding:12px 0;position:relative;width:50%;.category-selected{align-items:center;cursor:pointer;display:flex;gap:8px;justify-content:space-between;width:100%;.selected-icon{align-items:center;display:flex;transition:all .3s;width:12px;svg{width:100%}}.selected-text{color:#fff;font-family:Manrope;font-size:16px;font-style:normal;font-weight:600;line-height:150%;width:calc(100% - 30px)}&.active{.selected-icon svg{transform:rotate(180deg)}&~.category-list{display:flex;flex-direction:column}}}.category-list{background-color:#fff;display:flex;display:none;flex-direction:column;gap:16px;height:250px;overflow:scroll;padding:20px;position:absolute;top:55px;width:100%;.category-item{color:#141414;font-family:Manrope;font-size:16px;font-style:normal;font-weight:600;line-height:150%;&:hover{cursor:pointer;text-decoration:underline}}}}}}.highlight-blog-section{align-items:center;background-color:#fff;display:flex;gap:24px;justify-content:space-between;width:100%;.highlight-content{display:flex;flex-direction:column;justify-content:space-between;margin-left:0;min-height:400px;padding:24px;width:calc(50% - 24px);.highlight-top{display:flex;flex-direction:column;gap:40px;width:100%;.highlight-tag{align-items:center;display:flex;gap:8px;.icon{display:flex;width:16px}.text{color:#141414;font-family:IBM Plex Mono;font-size:16px;font-style:normal;font-weight:400;line-height:130%;text-transform:uppercase}}.blog-title{color:#1e1e1e;font-family:Manrope;font-size:36px;font-style:normal;font-weight:500;letter-spacing:-1.44px;line-height:120%}}.highlight-bottom{align-items:flex-end;border-top:1px solid #c2c2c2;display:flex;justify-content:space-between;padding-top:24px;width:100%;.desc{color:#474747;-webkit-line-clamp:2;line-height:150%;max-width:400px;width:70%;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;white-space:normal}.btn-read-more,.desc{font-family:Manrope;font-size:16px;font-style:normal;font-weight:400}.btn-read-more{align-items:center;color:#141414;display:flex;letter-spacing:-.48px;line-height:130%;text-transform:capitalize;width:fit-content}}}.highlight-thumbnail{width:50%;img{display:block;height:auto;width:100%}}}}}@media screen and (max-width:600px){.hero-section{padding:50px 16px;.container{gap:56px;.filter-section{flex-direction:column;gap:24px;.section-title{font-size:36px}.filter-and-category{flex-direction:column;width:100%;.category-section,.search-section{width:100%}}}.highlight-blog-section{flex-direction:column;.highlight-content{width:100%;.highlight-top{gap:16px;min-height:250px;.highlight-tag{.text{font-size:14px}}.blog-title{font-size:28px}}.highlight-bottom{align-items:flex-start;flex-direction:column;gap:16px;padding-top:16px;.desc{max-width:unset;width:100%}.btn-read-more{align-items:center;display:flex;width:fit-content}}}.highlight-thumbnail{padding-top:none;width:100%}}}}}@media screen and (min-width:600px) and (max-width:1023px){.hero-section{padding:120px 24px;.container{gap:56px;.filter-section{flex-direction:column;gap:24px;.filter-and-category{width:100%;.category-section,.search-section{width:50%}}}.highlight-blog-section{flex-direction:column;.highlight-content{min-height:unset;width:100%;.highlight-top{gap:16px;min-height:200px}.highlight-bottom{align-items:flex-start;flex-direction:column;gap:16px;padding-top:16px;.desc{width:100%}.btn-read-more{align-items:center;display:flex;width:fit-content}}}.highlight-thumbnail{padding-top:none;width:100%}}}}}@media screen and (min-width:1024px) and (max-width:1250px){.hero-section{.container{.highlight-blog-section{.highlight-content{min-height:unset;.highlight-top{gap:24px;.blog-title{font-size:28px;padding-bottom:24px}}}}}}}}