.articleheader-component{color:#203662;flex-direction:column;margin-bottom:30px;padding:30px 0 0;display:flex;position:relative}.articleheader-component .header-container{flex-direction:column;gap:30px;display:flex;position:relative}.articleheader-component .header-container .image-wrapper{border-radius:20px;width:100%;height:725px;overflow:hidden}.articleheader-component .header-container .image-wrapper .article-image{object-fit:cover;width:100%;height:100%;display:block}.articleheader-component .header-container .article-info{z-index:10;background:#fff;flex-direction:column;max-width:650px;margin:-100px 1rem 0;padding:35px 40px;display:flex;position:relative}.articleheader-component .header-container .article-info .article-info-bg{z-index:-1;background-color:#fff;border-radius:12px;position:absolute;inset:0}.articleheader-component .header-container .article-info .custom-bg-dot{z-index:-2;border-radius:12px;inset:15px -15px -10px 17px}.articleheader-component .header-container .article-info .category-area{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.articleheader-component .header-container .article-info .category-area .category{text-transform:uppercase;cursor:pointer;background:#eeeff3;border-radius:15.5px;padding:10px 16px;font-size:12px;font-weight:500;transition:background .3s;display:inline-block}.articleheader-component .header-container .article-info .category-area .category:hover{background:#dfe0e5}@media screen and (max-width:992px){.articleheader-component{margin-bottom:20px;padding:30px 0}.articleheader-component .header-container{gap:20px}.articleheader-component .header-container .image-wrapper{border-radius:15px;height:350px}.articleheader-component .header-container .article-info{max-width:90%;margin:-80px auto 0;padding:25px 30px}.articleheader-component .header-container .article-info h3{font-size:24px}}@media screen and (max-width:576px){.articleheader-component{padding:20px 0}.articleheader-component .header-container .image-wrapper{border-radius:12px;height:250px}.articleheader-component .header-container .article-info{max-width:95%;margin:-60px auto 0;padding:20px}.articleheader-component .header-container .article-info .category-area .category{padding:8px 12px;font-size:11px}}
