@keyframes shine{0%{opacity:0;left:0%}50%{opacity:1}to{opacity:0;left:100%}}.blogs-banner{margin-top:var(--headerheight);text-align:center;background:#f8ece6;padding:100px 0}.blogs-banner h1{font-size:48px;font-weight:700;line-height:1.1}.blogs-banner p{text-align:center;max-width:337px;margin:15px auto 0;font-size:16px;font-weight:400;line-height:1.2}.blog-listing-grid{grid-template-columns:repeat(3,1fr);gap:30px 20px;padding:50px 0;display:grid}.blog-secA{padding:50px 0}.blog-secA .container .row{grid-template-columns:repeat(3,1fr);gap:50px;display:grid}.blog-card figure{height:280.38px;position:relative;overflow:hidden}.blog-card figure:before{content:"";opacity:0;z-index:1;background:#fff;width:0;height:86%;display:block;position:absolute;top:7%;left:0%;transform:skew(-20deg);box-shadow:0 0 55px 12px #fff}.blog-card figure:hover:before{animation:.4s linear shine}.blog-card figure img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:all .5s;display:inline-block}.blog-card figure:hover img{transform:scale(1.1)}.blog-card figure .blog-tags{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex;position:absolute;top:12px;left:8px}.blog-card figure .blog-tags span{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:3px;padding:8px 15px;font-size:14px;line-height:120%}.blog-card figcaption p:first-of-type{color:#666;margin:24px 0 28px;font-size:20px;font-weight:400}.blog-card figcaption p:first-of-type strong{color:#000;font-size:22px;font-weight:400}.blog-card figcaption p:nth-of-type(2){color:#121416cf;flex-wrap:wrap;gap:10px;font-weight:400;display:flex}.blog-card figcaption p:nth-of-type(2) span{font-size:14px}.blog-card figcaption p:nth-of-type(2) span:nth-of-type(3){align-items:center;gap:8px;display:flex}