.updatepage,.updatepage .hero{width:100%;position:relative}.updatepage .hero{height:20rem;overflow:hidden}.updatepage .hero img{width:100%;height:auto;min-height:100%;object-fit:cover;pointer-events:none}.updatepage .hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(27,27,27,.42);backdrop-filter:blur(.6rem)}.updatepage .hero .txt{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);transition:.8s cubic-bezier(.22,.78,.45,1.02)}.updatepage .hero .txt h2{color:#fff;line-height:2;font-size:2rem;font-weight:900;text-shadow:0 0 1px #0b3f17}.updatepage .hero .txt .link{gap:.3rem;opacity:.7;display:flex;align-items:center}.updatepage .hero .txt .link a{color:#fff;font-weight:500;padding:.2rem;border-bottom:1px solid #f6f4ff;transition:.8s cubic-bezier(.22,.78,.45,1.02)}.updatepage .hero .txt .link a.active{border:none;cursor:not-allowed}.updatepage .hero .txt .link a:hover{color:#baa460}.updatepage .hero .txt .link span{color:#f6f4ff}.updatepage .container{display:flex;gap:3rem}.updatepage .container .content{gap:2rem;display:flex;padding:3rem 0;flex:1}.updatepage .container .content .main{flex:3}.updatepage .container .content .main .news-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.updatepage .container .content .main .news-boxes span{display:flex}.updatepage .container .content .main .news-boxes .info-box{display:flex;flex-direction:column;background-color:#fff;padding:1rem;max-width:450px;border-radius:8px;box-shadow:0 0 1px 0 #8a909a;transition:.8s cubic-bezier(.22,.78,.45,1.02)}.updatepage .container .content .main .news-boxes .info-box:hover{box-shadow:0 2px 2px rgba(0,0,0,.15)}.updatepage .container .content .main .news-boxes .info-box .info-img{height:200px;overflow:hidden;border-radius:.4rem}.updatepage .container .content .main .news-boxes .info-box .info-img img{width:100%;height:100%;object-fit:cover}.updatepage .container .content .main .news-boxes .info-box .info-detail .top{display:flex;justify-content:space-between;margin-top:1rem}.updatepage .container .content .main .news-boxes .info-box .info-detail .top .category{background:#baa460;color:#fff;padding:.2rem .8rem;border-radius:.3rem;font-size:.9rem}.updatepage .container .content .main .news-boxes .info-box .info-detail .top .date{display:flex;align-items:center}.updatepage .container .content .main .news-boxes .info-box .info-detail .top .date .icon{color:#baa460;margin-right:.5rem}.updatepage .container .content .main .news-boxes .info-box .info-detail .top .date span{color:#8a909a;font-size:.9rem}.updatepage .container .content .main .news-boxes .info-box .info-detail h2{margin:1rem 0;font-size:1.3rem;color:#0b3f17;font-weight:600;transition:.8s cubic-bezier(.22,.78,.45,1.02)}.updatepage .container .content .main .news-boxes .info-box .info-detail h2:hover{cursor:pointer;color:#baa460}.updatepage .container .content .main .news-boxes .info-box .info-detail p{color:#8a909a;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.updatepage .container .content .main .pagination{display:flex;justify-content:center;gap:1rem;margin-top:3rem}.updatepage .container .content .main .pagination button{padding:1rem;font-size:1.2rem;font-weight:600;user-select:none;border-radius:1rem;color:#0b3f17;transition:.8s cubic-bezier(.22,.78,.45,1.02);border:1px solid #8a909a}.updatepage .container .content .main .pagination button:hover{border-color:transparent;color:#fff;background:#baa460}.updatepage .container .content .main .pagination button.active{cursor:no-drop;color:#fff;border-color:transparent;background:#baa460}@media(max-width:750px){.updatepage .container .content .main{flex:1}}.updatepage .container .content .sidebar-tab{flex:1}.updatepage .container .content .sidebar-tab .filter{background-color:#fff;padding:2rem 1rem;border-radius:6px;box-shadow:0 0 6px rgba(0,0,0,.1);margin-bottom:2rem}.updatepage .container .content .sidebar-tab .filter h3{font-size:1.2rem;color:#0b3f17;font-weight:600;margin-bottom:1rem}.updatepage .container .content .sidebar-tab .filter .search-box{display:flex;width:100%}.updatepage .container .content .sidebar-tab .filter .search-box form{display:flex;gap:1rem;flex:1}.updatepage .container .content .sidebar-tab .filter .search-box form input{padding:.5rem;border:1px solid #8a909a;border-radius:6px;font-size:1rem;color:#0b3f17}.updatepage .container .content .sidebar-tab .filter .search-box form button{padding:.5rem 1rem;background-color:#baa460;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:.8s cubic-bezier(.22,.78,.45,1.02)}.updatepage .container .content .sidebar-tab .filter .search-box form button:hover{background-color:#8a909a}.updatepage .container .content .sidebar-tab .category{background-color:#fff;padding:2rem;border-radius:6px;box-shadow:0 0 1px 0 #8a909a;margin-bottom:2rem}.updatepage .container .content .sidebar-tab .category h3{font-size:1.2rem;color:#0b3f17;font-weight:600;margin-bottom:1rem}.updatepage .container .content .sidebar-tab .category ul{list-style:none;padding-left:0}.updatepage .container .content .sidebar-tab .category ul li{font-size:1rem;color:#8a909a;padding:.5rem 0;cursor:pointer;transition:.8s cubic-bezier(.22,.78,.45,1.02)}.updatepage .container .content .sidebar-tab .category ul li:hover{color:#baa460;font-style:italic}.updatepage .container .content .sidebar-tab .category ul li:hover:before{margin-right:.4rem}.updatepage .container .content .sidebar-tab .category ul li:before{content:"⊸  ";color:#8a909a;transition:.8s cubic-bezier(.22,.78,.45,1.02)}.updatepage .container .content .sidebar-tab .articles{background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 0 6px 0 rgba(0,0,0,.1)}.updatepage .container .content .sidebar-tab .articles h3{font-size:1.2rem;color:#0b3f17;font-weight:600;margin-bottom:1rem}.updatepage .container .content .sidebar-tab .articles .boxes{display:flex;flex-direction:column;gap:1rem}.updatepage .container .content .sidebar-tab .articles .boxes .box{display:flex;align-items:center;gap:1rem;background-color:#fff;padding:1rem;border-radius:6px;box-shadow:0 0 1px 0 #8a909a;transition:.8s cubic-bezier(.22,.78,.45,1.02)}.updatepage .container .content .sidebar-tab .articles .boxes .box:hover{box-shadow:0 3px 8px rgba(0,0,0,.15)}.updatepage .container .content .sidebar-tab .articles .boxes .box img{width:60px;height:60px;object-fit:cover;border-radius:6px;pointer-events:none}.updatepage .container .content .sidebar-tab .articles .boxes .box .info-detail h3{font-size:1rem;color:#0b3f17;font-weight:600;margin-bottom:.5rem;transition:.8s cubic-bezier(.22,.78,.45,1.02)}.updatepage .container .content .sidebar-tab .articles .boxes .box .info-detail h3:hover{cursor:pointer;color:#baa460}.updatepage .container .content .sidebar-tab .articles .boxes .box .info-detail .date{display:flex;align-items:center;font-size:.9rem;color:#8a909a}.updatepage .container .content .sidebar-tab .articles .boxes .box .info-detail .date .icon{margin-right:.5rem;color:#baa460}@media(max-width:750px){.updatepage .container .content .sidebar-tab{flex:1}.updatepage .container .content{flex-direction:column}}.sec-title{display:flex;padding:1rem 0;align-items:center;flex-direction:column;justify-content:center}.sec-title h2{font-size:2rem;position:relative;text-transform:capitalize}.sec-title .line{gap:.6rem;opacity:.7;display:flex;padding:.6rem 0;position:relative}.sec-title .line .line1{width:2rem}.sec-title .line .line1,.sec-title .line .line2{height:.4rem;border-radius:1rem;background:#0b3f17}.sec-title .line .line2{width:4rem}.sec-title p{color:#8a909a;font-size:1rem}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,serif}body{background-color:#f6f4ff;color:#0b3f17}.articlepage .content{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:4rem 0}.articlepage .content .img{width:100%;max-width:900px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);overflow:hidden}.articlepage .content .img img{width:100%;border-bottom:2px solid #8a909a}.articlepage .content .img .title-card{padding:20px}.articlepage .content .img .title-card .category{font-size:14px;color:#8a909a;font-weight:700;text-transform:uppercase}.articlepage .content .img .title-card h2{font-size:24px;font-weight:700;margin:10px 0;color:#0b3f17}.articlepage .content .img .title-card .card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.articlepage .content .img .title-card .card-footer .logo img{width:40px}.articlepage .content .img .title-card .card-footer .date{display:flex;align-items:center;font-size:14px;color:#8a909a}.articlepage .content .img .title-card .card-footer .date .icon{margin-right:5px}.articlepage .content .img .title-card .article-details{margin-top:20px;font-size:16px;color:#0b3f17}.articlepage .content .img .title-card .like-views{display:flex;justify-content:space-between;margin-top:20px;font-size:16px}.articlepage .content .img .title-card .like-views .like,.articlepage .content .img .title-card .like-views .views{display:flex;align-items:center;cursor:pointer;transition:color .8s cubic-bezier(.22,.78,.45,1.02)}.articlepage .content .img .title-card .like-views .like:hover,.articlepage .content .img .title-card .like-views .views:hover{color:#198754}.articlepage .content .img .title-card .like-views .like span,.articlepage .content .img .title-card .like-views .views span{margin-right:8px}.articlepage .content-cards{width:100%;position:relative}.articlepage .content-cards .blog-sec{width:100%;padding:6rem 0;position:relative;background:#f6f4ff}.articlepage .content-cards .blog-sec .blog-boxes{gap:1.5rem;width:100%;display:flex;margin-top:2rem;align-items:stretch}.articlepage .content-cards .blog-sec .pagination{display:flex;gap:1rem;margin-top:2rem;justify-content:center}.articlepage .content-cards .blog-sec .pagination .dot{width:.6rem;height:.6rem;cursor:pointer;border-radius:1rem;background:#f6f4ff;transition:.8s cubic-bezier(.22,.78,.45,1.02);box-shadow:0 0 0 1px #8a909a}.articlepage .content-cards .blog-sec .pagination .dot:hover{background:#8a909a}.articlepage .content-cards .blog-sec .pagination .dot.active{width:2rem;box-shadow:none;background:#198754}@media(max-width:1000px){.articlepage .content-cards .blog-sec .blog-boxes .blog-box{flex:0 0 calc(50% - 10px)}}@media(max-width:768px){.articlepage .container{padding:10px}.articlepage .content{flex-direction:column;align-items:flex-start}.articlepage .title-card h2{font-size:20px}.articlepage .title-card .like-views{flex-direction:column;align-items:flex-start}}