@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-background .container .bg-wrapper{text-align:center;bottom:10%}.blogs-banner .bg-background .container .bg-wrapper h1,.blogs-banner .bg-background .container .bg-wrapper p{margin:auto}@media only screen and (max-width:540px){.blogs-banner .bg-background .container .bg-wrapper h1,.blogs-banner .bg-background .container .bg-wrapper p{max-width:92%}}.blogs-banner .bg-background .container .bg-wrapper h1{margin-bottom:15px}@media only screen and (max-width:540px){.blogs-banner .bg-background .container .bg-wrapper h1{margin-bottom:10px}}.blog-tab-nab{background:#f5f5f5}@media only screen and (max-width:540px){.blog-tab-nab{display:none}}.blog-tab-nab ul{justify-content:center;align-items:center;gap:40px;display:flex}.blog-tab-nab ul li a{color:#66666694;padding:14px 0;font-size:15px;font-weight:400;line-height:1;transition:all .5s;display:inline-block;position:relative}.blog-tab-nab ul li a.active{color:var(--text)}.blog-tab-nab ul li a.active:before{width:100%}.blog-tab-nab ul li a:before{content:"";background:#25abe2;width:0%;height:4px;transition:all .5s;position:absolute;bottom:0;left:0}.blog-secA .top-tab-nav{background:#f5f5f5;justify-content:center;align-items:center;gap:40px;display:flex}.blog-secA .top-tab-nav li{color:#66666694;cursor:pointer;padding:16px 10px;font-size:15px;font-weight:400;line-height:1;transition:all .5s;display:inline-block;position:relative}.blog-secA .top-tab-nav li.active{color:var(--text)}.blog-secA .top-tab-nav li.active:before{width:100%}.blog-secA .top-tab-nav li:before{content:"";background:#25abe2;width:0%;height:4px;transition:all .5s;position:absolute;bottom:0;left:0}.blog-secA .trendy-tech-talks .form-group{width:200px;margin:20px 0 0 auto}.blog-secA .trendy-tech-talks .blog-listing-grid{grid-template-columns:repeat(3,1fr);gap:30px 20px;padding:20px 0 50px;display:grid}@media only screen and (max-width:1024px){.blog-secA .trendy-tech-talks .blog-listing-grid{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:540px){.blog-secA .trendy-tech-talks .blog-listing-grid{grid-template-columns:repeat(1,1fr)}}.blog-secA .trendy-tech-talks .blog-listing-grid .blog-card{background:var(--white);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #63636333}.blog-secA .trendy-tech-talks .blog-listing-grid .blog-card:hover figure img{scale:1.2}.blog-secA .trendy-tech-talks .blog-listing-grid .blog-card figure{height:254px;line-height:0;position:relative;overflow:hidden}.blog-secA .trendy-tech-talks .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-secA .trendy-tech-talks .blog-listing-grid .blog-card figure:hover:before{animation:.4s linear shine}.blog-secA .trendy-tech-talks .blog-listing-grid .blog-card figure img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:all .5s}.blog-secA .trendy-tech-talks .blog-listing-grid .blog-card figcaption{padding:20px}.blog-secA .trendy-tech-talks .blog-listing-grid .blog-card figcaption h4{color:#000;margin-bottom:20px;font-size:18px;font-weight:600;line-height:24px}.blog-secA .trendy-tech-talks .blog-listing-grid .blog-card figcaption p{color:var(--text);font-size:16px;font-weight:400;line-height:24px}.blog-secA .chllenge-sec{padding:40px 0}.blog-secA .chllenge-sec .flex-box{justify-content:space-between;gap:40px;display:flex}.blog-secA .chllenge-sec .flex-box .colA{border:1px solid #cccccc3d;border-radius:5px;flex:0 70%;padding:20px}.blog-secA .chllenge-sec .flex-box .colA .heading{margin-bottom:40px}.blog-secA .chllenge-sec .flex-box .colA .heading h2{color:#000;margin:0 0 13px;font-size:26px;font-weight:600;line-height:1.1}.blog-secA .chllenge-sec .flex-box .colA .heading p{color:var(--text);font-size:16px;font-weight:400;line-height:1.4}.blog-secA .chllenge-sec .flex-box .colA .tab-nav2{justify-content:start;align-items:center;gap:40px;margin-bottom:30px;display:flex}.blog-secA .chllenge-sec .flex-box .colA .tab-nav2 li{color:#66666694;cursor:pointer;padding:0 0 10px;font-size:15px;font-weight:400;line-height:1;transition:all .5s;display:inline-block;position:relative}.blog-secA .chllenge-sec .flex-box .colA .tab-nav2 li.active{color:var(--text)}.blog-secA .chllenge-sec .flex-box .colA .tab-nav2 li.active:before{width:100%}.blog-secA .chllenge-sec .flex-box .colA .tab-nav2 li:before{content:"";background:#25abe2;width:0%;height:2px;transition:all .5s;position:absolute;bottom:0;left:0}.blog-secA .chllenge-sec .flex-box .colA .grid-box{grid-template-columns:repeat(3,1fr);gap:10px}.blog-secA .chllenge-sec .flex-box .colA .grid-box figure{border-radius:10px;width:100%;height:190px;line-height:0;position:relative;overflow:hidden}.blog-secA .chllenge-sec .flex-box .colA .grid-box figure:before{content:"";background:linear-gradient(#0000 35.58%,#000000b3 76.69%);width:100%;height:100%;position:absolute;inset:0}.blog-secA .chllenge-sec .flex-box .colA .grid-box figure img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.blog-secA .chllenge-sec .flex-box .colA .grid-box figure figcaption{width:100%;padding:0 20px;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.blog-secA .chllenge-sec .flex-box .colA .grid-box figure figcaption h4{color:#fff;text-align:center;margin-bottom:10px;font-size:20px;font-weight:600;line-height:1}.blog-secA .chllenge-sec .flex-box .colA .grid-box figure figcaption p{color:#fff;text-align:center;font-size:13px;font-weight:400;line-height:1.2}.blog-secA .chllenge-sec .flex-box .colB{border:1px solid #cccccc3d;border-radius:5px;flex:0 30%;width:100%;padding:20px 10px}.blog-secA .chllenge-sec .flex-box .colB h2{text-align:center;margin:0 auto 20px;font-size:26px}.blog-secA .chllenge-sec .flex-box .colB .announcements-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.blog-secA .chllenge-sec .flex-box .colB .announcements-grid .col{border:1px solid #ccc;border-radius:10px;padding:10px}.blog-secA .chllenge-sec .flex-box .colB .announcements-grid .col figure{width:30px;height:30px;margin:0 auto 10px;line-height:0}.blog-secA .chllenge-sec .flex-box .colB .announcements-grid .col figure svg{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.blog-secA .chllenge-sec .flex-box .colB .announcements-grid .col p{text-align:center;font-size:12px;line-height:1.1}.blog-detail-banner:before{background:linear-gradient(360deg,#000000b3 0%,#0000 44.32%)}@media only screen and (max-width:540px){.blog-detail-banner{height:60vh}}.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}@media only screen and (max-width:1024px){.blog-detail-banner .bg-background .container .bg-wrapper h2{text-align:center}}.blog-detail-banner .bg-background .container .bg-wrapper h1{color:#fff;margin-bottom:20px;font-size:32px;font-weight:600;line-height:38px}@media only screen and (max-width:1024px){.blog-detail-banner .bg-background .container .bg-wrapper h1{max-width:70%;margin:auto}}@media only screen and (max-width:540px){.blog-detail-banner .bg-background .container .bg-wrapper h1{max-width:100%;font-size:24px;line-height:1.1}}.blog-detail-secA{max-width:880px;margin:auto;padding:60px 0}.blog-detail-secA .container p{text-align:justify;margin-bottom:25px}.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}
