@keyframes shine{0%{opacity:0;left:0%}50%{opacity:1}to{opacity:0;left:100%}}#blog_secA,#blog_detail_secA{scroll-margin-top:var(--headerheight)}.blogs-banner:before{background:linear-gradient(#0000 35.58%,#000000b3 76.69%)}.blogs-banner .bg-wrapper{text-align:center;bottom:10%}.blogs-banner .bg-wrapper h1,.blogs-banner .bg-wrapper p{margin:auto}.blog-listing-grid{grid-template-columns:repeat(3,1fr);gap:30px 20px;padding:50px 0;display:grid}.blog-listing-grid .blog-card{background:var(--white);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #63636333}.blog-listing-grid .blog-card:hover figure img{scale:1.2}.blog-listing-grid .blog-card figure{height:254px;line-height:0;position:relative;overflow:hidden}.blog-listing-grid .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-listing-grid .blog-card figure:hover:before{animation:.4s linear shine}.blog-listing-grid .blog-card figure img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:all .5s}.blog-listing-grid .blog-card figcaption{padding:20px}.blog-listing-grid .blog-card figcaption h4{color:#000;margin-bottom:20px;font-size:18px;font-weight:600;line-height:24px}.blog-listing-grid .blog-card figcaption p{color:var(--text);font-size:16px;font-weight:400;line-height:24px}.blog-detail-banner:before{background:linear-gradient(360deg,#000000b3 0%,#0000 44.32%)}.blog-detail-banner .bg-background .container .bg-wrapper{bottom:10%}.blog-detail-banner .bg-background .container .bg-wrapper h2{color:#fff;margin-bottom:20px;font-size:20px;font-weight:400;line-height:24px}.blog-detail-banner .bg-background .container .bg-wrapper h1{color:#fff;font-size:32px;font-weight:600;line-height:38px}.blog-detail-secA{max-width:880px;margin:auto;padding:60px 0}.blog-detail-secA .container p{text-align:justify}.blog-detail-secA .container h3{color:#000;margin-bottom:15px;font-size:20px;font-weight:600}.blog-detail-secA .container figure{width:100%;height:443px;margin:40px 0;line-height:0;overflow:hidden}.blog-detail-secA .container figure img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.blog-detail-secB{padding:0 0 50px}.blog-detail-secB .heading{text-align:center;margin-bottom:40px}.blog-detail-secB .swiper-group .swiper{max-width:97%}.blog-detail-secB .more-blog-swiper .blog-card{background:var(--white);border-radius:8px;display:inline-block;overflow:hidden;box-shadow:0 2px 8px #63636333}.blog-detail-secB .more-blog-swiper .blog-card:hover figure img{scale:1.2}.blog-detail-secB .more-blog-swiper .blog-card figure{height:254px;line-height:0;position:relative;overflow:hidden}.blog-detail-secB .more-blog-swiper .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-detail-secB .more-blog-swiper .blog-card figure:hover:before{animation:.4s linear shine}.blog-detail-secB .more-blog-swiper .blog-card figure img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:all .5s}.blog-detail-secB .more-blog-swiper .blog-card figcaption{padding:20px}.blog-detail-secB .more-blog-swiper .blog-card figcaption h4{color:#000;margin-bottom:20px;font-size:18px;font-weight:600;line-height:24px}.blog-detail-secB .more-blog-swiper .blog-card figcaption p{color:var(--text);font-size:16px;font-weight:400;line-height:24px}