.blog_page_wrapper{background-color:#fff;width:100%;min-height:100vh}.blog_main{padding-top:80px}.blog_hero{text-align:center;background:linear-gradient(#f3f4f6 0%,#fff 100%);flex-direction:column;align-items:center;width:100%;padding:100px 0 60px;display:flex}.blog_hero_title{margin-bottom:20px;display:block}.blog_hero_subtitle{color:#4b5563;max-width:600px;font-size:1.25rem;line-height:1.6}.blog_grid_container{justify-content:center;width:100%;padding:40px 0 100px;display:flex}.blog_grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:40px;width:88%;max-width:1200px;display:grid}.blog_card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.blog_card:hover{border-color:#165efe;transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.blog_card_image{width:100%;height:240px;position:relative;overflow:hidden}.blog_card_image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.blog_card:hover .blog_card_image img{transform:scale(1.05)}.blog_category{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#165efe;border-radius:50px;padding:6px 14px;font-size:.75rem;font-weight:600;position:absolute;top:20px;left:20px}.blog_card_content{flex-direction:column;flex:1;padding:30px;display:flex}.blog_date{color:#6b7280;margin-bottom:12px;font-size:.875rem}.blog_title{color:#111827;margin-bottom:15px;font-size:1.375rem;font-weight:700;line-height:1.4;transition:color .3s}.blog_card:hover .blog_title{color:#165efe}.blog_excerpt{color:#4b5563;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:25px;font-size:1rem;line-height:1.6;display:-webkit-box;overflow:hidden}.read_more_btn{color:#165efe;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-top:auto;padding:0;font-size:.9375rem;font-weight:700;transition:gap .3s;display:inline-flex}.read_more_btn:hover{gap:12px}@media screen and (max-width:1024px){.blog_hero_title{font-size:2.5rem}.blog_grid{grid-template-columns:1fr}}@media screen and (max-width:768px){.blog_hero{padding:60px 20px}.blog_hero_title{font-size:2rem}.blog_card_image{height:200px}}