.blog-hightlight-text-block.svelte-zzmj8v{gap:16px;display:flex;align-items:center;flex-direction:column;box-sizing:border-box}.blog-hightlight-text-block.svelte-zzmj8v .misc:where(.svelte-zzmj8v){gap:16px;width:100%;display:flex;align-items:center;justify-content:center}.blog-hightlight-text-block.svelte-zzmj8v div.category:where(.svelte-zzmj8v){font-size:18px;font-weight:500;line-height:24px;text-align:center;font-family:DM Sans;color:#684744;color:var(--System-Buff-800, #684744)}.blog-hightlight-text-block.svelte-zzmj8v div.title:where(.svelte-zzmj8v){text-align:center;color:#684744;color:var(--System-Buff-800, #684744);max-width:887px;font-family:Poppins;font-size:40px;font-style:normal;font-weight:700;line-height:1.1;letter-spacing:1px}@media (max-width:768px){.blog-hightlight-text-block.svelte-zzmj8v{gap:12px;width:100%;text-align:center;box-sizing:border-box}.blog-hightlight-text-block.svelte-zzmj8v div.title:where(.svelte-zzmj8v){font-size:30px;font-weight:600;line-height:36px;text-align:center;font-family:Poppins;color:#684744;color:var(--System-Buff-800, #684744)}}.color-block.svelte-343gt8{top:0;left:0;z-index:-1;width:100%;height:496px;position:absolute;pointer-events:none;background:#684744;background:var(--Primary-800, #684744)}@media (max-width:480px){.color-block.svelte-343gt8{height:333px}}section.blog-index-hero.svelte-343gt8{width:100%;display:flex;align-items:center;flex-direction:column}section.blog-index-hero.svelte-343gt8 .title-container:where(.svelte-343gt8){gap:16px;display:flex;margin-top:60px;margin-bottom:60px;align-items:center}section.blog-index-hero.svelte-343gt8 .title-container:where(.svelte-343gt8) h1:where(.svelte-343gt8){color:#dfd1c9;color:var(--System-Buff-200, #dfd1c9);font-family:Poppins;font-size:46px;font-style:normal;font-weight:600;line-height:54px;letter-spacing:.5px}section.blog-index-hero.svelte-343gt8 .absolute-bottom:where(.svelte-343gt8){left:0;bottom:0;width:100%;padding:100px 20px 30px;position:absolute;box-sizing:border-box;background:linear-gradient(180deg,#f8f5f403 1%,#f8f5f4 90%)}@media (max-width:768px){section.blog-index-hero.svelte-343gt8 .absolute-bottom:where(.svelte-343gt8){bottom:0;background:linear-gradient(180deg,#f8f5f403 20%,#f8f5f4 90%)}}section.blog-index-hero.svelte-343gt8 .high-light-blog-card:where(.svelte-343gt8){width:100%}section.blog-index-hero.svelte-343gt8 .high-light-blog-card:where(.svelte-343gt8) .img-container:where(.svelte-343gt8){width:100%;display:flex;padding:20px;overflow:hidden;position:relative;box-sizing:border-box;border-radius:16px;border-radius:var(--Spacing-4, 16px);background:#f8f5f4;background:var(--System-Buff-50, #f8f5f4)}section.blog-index-hero.svelte-343gt8 .high-light-blog-card:where(.svelte-343gt8) .img-container:where(.svelte-343gt8) .transition-bg:where(.svelte-343gt8){top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;background:0 0}@media (max-width:768px){section.blog-index-hero.svelte-343gt8 .high-light-blog-card:where(.svelte-343gt8) .img-container:where(.svelte-343gt8) .transition-bg:where(.svelte-343gt8){background:linear-gradient(180deg,#f8f5f403 75.26%,#f8f5f4)}}section.blog-index-hero.svelte-343gt8 .high-light-blog-card:where(.svelte-343gt8) .img-container:where(.svelte-343gt8) .banner-img:where(.svelte-343gt8){width:100%;height:600px;border-radius:8px}section.blog-index-hero.svelte-343gt8 .high-light-blog-card:where(.svelte-343gt8) .img-container:where(.svelte-343gt8) .banner-img:where(.svelte-343gt8) img:where(.svelte-343gt8){width:100%;height:100%;max-height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}@media (max-width:768px){section.blog-index-hero.svelte-343gt8 .title-container:where(.svelte-343gt8){gap:8px;margin-top:35px;margin-bottom:45px}section.blog-index-hero.svelte-343gt8 .title-container:where(.svelte-343gt8) h1:where(.svelte-343gt8){font-size:32px;line-height:54px;letter-spacing:-.5px}section.blog-index-hero.svelte-343gt8 .high-light-blog-card:where(.svelte-343gt8) .img-container:where(.svelte-343gt8){padding:10px}section.blog-index-hero.svelte-343gt8 .high-light-blog-card:where(.svelte-343gt8) .img-container:where(.svelte-343gt8) .banner-img:where(.svelte-343gt8){height:400px}}@media (max-width:480px){section.blog-index-hero.svelte-343gt8 .high-light-blog-card:where(.svelte-343gt8) .img-container:where(.svelte-343gt8) .banner-img:where(.svelte-343gt8){height:200px}}
