.blog_relative_posts{background:#f5f7fa;padding:160px 0}.blog_relative_posts .inner{margin:0 auto;width:1200px}.blog_relative_posts h3.blog_content_title{margin-bottom:64px}.blog_relative_posts .blog_relative_post_list{display:flex;gap:24px;justify-content:center}.blog_relative_posts .blog_relative_post_item{display:flex;flex:1;flex-direction:column;position:relative}.blog_relative_posts .blog_relative_post_label{display:flex;gap:6px;left:15px;position:absolute;top:15px}.blog_relative_posts .blog_relative_post_label>span{background:linear-gradient(131deg,#f36321 7.22%,#f33d21 82.16%);border-radius:2px;color:#fff;font-size:13px;font-weight:500;letter-spacing:-.26px;line-height:20px;padding:2px 8px}.blog_relative_posts .blog_relative_post_image{height:219px;object-fit:cover}.blog_relative_posts .blog_relative_info{background:#fff;border:1px solid #e5e8eb;border-top:unset;box-sizing:border-box;flex:1;padding:24px;position:relative}.blog_relative_posts .blog_relative_post_info_labels{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.blog_relative_posts .blog_relative_post_info_labels>div{background:rgba(0,135,255,.1);border-radius:2px;color:#0087ff;font-size:12px;font-weight:500;letter-spacing:-.24px;line-height:18px;overflow:hidden;padding:1px 6px;text-overflow:ellipsis;white-space:nowrap}.blog_relative_posts .blog_relative_post_info_labels>div.structure{background:rgba(255,50,90,.1);color:#ff325a}.blog_relative_posts .blog_relative_post_info_labels>div.geotechnical{background:rgba(255,190,20,.1);color:#dea308}.blog_relative_posts .blog_relative_post_title{color:#333d4b;display:-webkit-box;font-size:18px;font-weight:700;letter-spacing:-.36px;-webkit-line-clamp:2;line-height:26px;-webkit-box-orient:vertical;overflow:hidden}.blog_relative_posts .blog_relative_post_date{color:#6b7684;font-size:13px;font-weight:500;letter-spacing:-.26px;line-height:20px;margin-top:12px}.blog_next_banner{align-items:center;backdrop-filter:blur(7px);background:rgba(25,31,40,.8);border-radius:4px;bottom:20px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);display:flex;gap:24px;justify-content:space-between;left:50%;opacity:0;padding:8px 32px 8px 8px;pointer-events:none;position:fixed;transform:translate(-50%,calc(100% + 20px));transition:all .3s;z-index:100}.blog_next_banner.show{display:flex;opacity:1;pointer-events:auto;transform:translate(-50%)}.blog_next_banner.static{position:absolute}.blog_next_banner .btn_blog_next_cancel{background:url(https://resource.midasuser.com/hubfs/[BIZ]%20MIDAS%20SITE/BIZ_BLOG/icon/icon_close.svg) no-repeat 50%/cover;font-size:0;height:16px;position:absolute;right:8px;top:8px;width:16px}.blog_next_banner .blog_next_post_info{display:flex;gap:20px;width:585px}.blog_next_banner .blog_next_post_info>img{border-radius:4px;height:76px;object-fit:cover;width:76px}.blog_next_banner .blog_next_post_text{color:#fff;display:flex;flex:1;flex-direction:column;justify-content:center;min-width:0}.blog_next_banner .blog_next_post_title{color:#fff;display:block;font-size:18px;font-weight:600;letter-spacing:-.36px;line-height:130%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog_next_banner .blog_next_post_text>span{color:hsla(0,0%,100%,.8);display:block;font-size:15px;font-weight:400;letter-spacing:-.3px;line-height:130%;margin-bottom:2px}.blog_next_banner .btn_blog_next_cta{align-items:center;background:#1369e9;border-radius:4px;color:#fff;display:flex;font-size:15px;font-weight:400;height:40px;justify-content:center;letter-spacing:-.3px;line-height:24px;padding:0 12px;position:relative;width:max-content;z-index:2}@media (max-width:767px){.blog_relative_posts{padding:80px 0 175px}.blog_relative_posts .inner{box-sizing:border-box;padding:0 20px;width:100%}.blog_relative_posts .blog_relative_post_list{flex-direction:column;gap:12px;margin-top:40px}.blog_relative_posts .blog_relative_post_image{aspect-ratio:384/219;height:auto}.blog_relative_posts .blog_relative_info{min-height:unset}.blog_next_banner{bottom:8px;box-sizing:border-box;flex-direction:column;padding:16px;transform:translate(-50%,calc(100% + 8px));width:calc(100% - 16px)}.blog_next_banner .blog_next_post_info{gap:14px;width:100%}.blog_next_banner .blog_next_post_info>img{height:44px;width:44px}.blog_next_banner .btn_blog_next_cta{box-sizing:border-box;width:100%}}