.blogs-card-section{background:#fff;padding:72px 20px 88px}.blogs-card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;max-width:1200px;margin:0 auto;display:grid}.blog-card{text-align:center;isolation:isolate;background-position:50%;background-size:cover;border-radius:12px;width:100%;min-height:500px;position:relative;overflow:hidden;box-shadow:3px 3px 20px #00000080}.blog-view-btn{z-index:24;color:#9cc9e3;font-family:var(--font-mont),"Montserrat",sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#060c1c8c;border:1.5px solid #9cc9e3d9;border-radius:999px;justify-content:center;align-items:center;padding:10px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .25s,transform .25s,background .2s,color .2s,border-color .2s;display:flex;position:absolute;bottom:72px;left:18px;right:18px;transform:translateY(10px)}.blog-card:hover .blog-view-btn{opacity:1;transform:translateY(0)}.blog-view-btn:hover{color:#fff;background:#9cc9e32e;border-color:#fff}.blog-card .color-overlay{z-index:10;background:#54686e6b;width:100%;height:100%;transition:background .3s cubic-bezier(.33,.66,.66,1);position:absolute;top:0;left:0}.blog-card .gradient-overlay{z-index:15;background-image:linear-gradient(#0000 0%,#0000009e 24%);width:100%;height:100%;position:absolute;top:340px;left:0}.blog-card:hover .card-info{opacity:1;bottom:120px}.blog-card:hover .color-overlay{background:#54686ecc}.title-content{text-align:center;z-index:20;width:100%;margin:70px 0 0;padding:0 16px;position:absolute;top:0;left:0}.title-content h3{letter-spacing:2px;color:#9cc9e3;font-size:20px;font-weight:700;font-family:var(--font-mont),"Montserrat",sans-serif;margin-bottom:0}.title-content hr{background:#d0bb57;border:0;width:50px;height:3px;margin:20px auto}.title-content .intro{color:#dce3e7;-webkit-line-clamp:5;-webkit-box-orient:vertical;width:170px;margin:0 auto;font-family:Georgia,serif;font-size:13px;font-style:italic;line-height:18px;display:-webkit-box;overflow:hidden}.card-info{color:#dce3e7;z-index:20;opacity:0;width:100%;margin:0 auto;padding:0 34px;font-family:Georgia,serif;font-size:16px;line-height:24px;transition:bottom .3s,opacity .3s cubic-bezier(.33,.66,.66,1);position:absolute;bottom:100px;left:0}.utility-info{z-index:20;width:100%;position:absolute;bottom:0;left:0}.utility-list{text-align:left;width:calc(100% - 18px);margin:0 0 24px 18px;padding:0;list-style-type:none}.utility-list li{color:#dce3e7;font-family:var(--font-mont),"Montserrat",sans-serif;margin:0 15px 0 0;padding:0 0 0 22px;font-size:13px;display:inline-block}.utility-list li.comments{background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1765/icon-chat.svg) 0 .1em no-repeat}.utility-list li.date{background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1765/icon-calendar.svg) 0 .1em no-repeat}@media (width<=640px){.blogs-card-section{padding:56px 14px 70px}.blog-card{min-height:470px}.card-info{padding:0 22px}.blog-view-btn{opacity:1;transform:translateY(0)}}