.banner.svelte-t0x3qt{padding:clamp(1rem,5vw,3rem) 0 0 0}.banner.svelte-t0x3qt div:where(.svelte-t0x3qt){display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:3rem}.banner.svelte-t0x3qt div:where(.svelte-t0x3qt) h1:where(.svelte-t0x3qt){color:var(--blue-color);font-weight:500}.banner.svelte-t0x3qt div:where(.svelte-t0x3qt) h4:where(.svelte-t0x3qt){font-size:var(--font-size-24);font-weight:400;margin-block:.5rem}.main-container.svelte-t0x3qt{display:flex;gap:1.7rem;padding-top:2rem}.featured_articles.svelte-t0x3qt{display:flex;flex-direction:column;width:100%}.left_section.svelte-t0x3qt{width:100%}.articles.svelte-t0x3qt{display:grid;gap:1rem;grid-template-columns:1fr 1fr!important;width:100%;overflow:hidden}.article.svelte-t0x3qt{display:grid;width:100%;border-radius:2rem;grid-template-columns:1fr 1fr;border:1px solid #dadada;overflow:hidden;margin-bottom:1.5rem}.latestimg.svelte-t0x3qt{height:280px;overflow:hidden;border-radius:2rem;position:relative}.latestimg.svelte-t0x3qt img:where(.svelte-t0x3qt){width:100%;object-fit:cover;height:100%}.article-content.svelte-t0x3qt{padding:1rem 2rem}.article-content.svelte-t0x3qt h3:where(.svelte-t0x3qt){font-size:var(--font-size-22);margin:0 0 .5rem}.article-content.svelte-t0x3qt p:where(.svelte-t0x3qt){margin-block:1rem;color:#4b5563;line-height:1.5}.article-content.svelte-t0x3qt span:where(.svelte-t0x3qt){color:#385173;font-size:var(--font-size-14)}.article.svelte-t0x3qt:hover h3:where(.svelte-t0x3qt){color:var(--blue-color)}.pagination.svelte-t0x3qt{display:flex;align-items:center;gap:1rem;margin-top:3rem}.pagination.svelte-t0x3qt div:where(.svelte-t0x3qt){display:flex;gap:1rem}.pagination.svelte-t0x3qt div:where(.svelte-t0x3qt) button:where(.svelte-t0x3qt){transition:all .5s linear}.pagination.svelte-t0x3qt div:where(.svelte-t0x3qt) button:where(.svelte-t0x3qt):hover{background-color:#0864e4;color:#fff}.pagination.svelte-t0x3qt div:where(.svelte-t0x3qt) button:where(.svelte-t0x3qt).active{background-color:var(--blue-color);color:#fff;font-weight:700}.pagination.svelte-t0x3qt button:where(.svelte-t0x3qt){width:40px;height:40px;border:1px solid #1111111a;background:transparent;border-radius:8px;font-size:1rem;cursor:pointer}.pagination.svelte-t0x3qt button:where(.svelte-t0x3qt):disabled{opacity:.5;cursor:not-allowed}.pagination.svelte-t0x3qt button:where(.svelte-t0x3qt).next{transform:scaleX(-1)}@media only screen and (max-width: 1100px){.left_section.svelte-t0x3qt .articles:where(.svelte-t0x3qt){grid-template-columns:1fr!important}.left_section.svelte-t0x3qt .articles:where(.svelte-t0x3qt) .article:where(.svelte-t0x3qt) .latestimg:where(.svelte-t0x3qt){height:auto}}@media only screen and (max-width: 1015px){.left_section.svelte-t0x3qt .article:where(.svelte-t0x3qt){grid-template-columns:auto auto;gap:1rem}.left_section.svelte-t0x3qt .article:where(.svelte-t0x3qt) .article-content:where(.svelte-t0x3qt){padding-inline:0!important}}@media only screen and (max-width: 720px){.left_section.svelte-t0x3qt .articles:where(.svelte-t0x3qt) .article:where(.svelte-t0x3qt){border-radius:1rem!important}.left_section.svelte-t0x3qt .articles:where(.svelte-t0x3qt) .article:where(.svelte-t0x3qt) .latestimg:where(.svelte-t0x3qt){border-radius:1rem 0rem 0rem 1rem!important}}@media only screen and (max-width: 600px){.left_section.svelte-t0x3qt .articles:where(.svelte-t0x3qt) .article:where(.svelte-t0x3qt) .latestimg:where(.svelte-t0x3qt){max-height:220px}.left_section.svelte-t0x3qt .articles:where(.svelte-t0x3qt) .article:where(.svelte-t0x3qt) .article-content:where(.svelte-t0x3qt) p:where(.svelte-t0x3qt){margin-bottom:.2rem}}@media only screen and (max-width: 480px){.left_section.svelte-t0x3qt .articles:where(.svelte-t0x3qt) .article:where(.svelte-t0x3qt){display:flex;flex-direction:column}.left_section.svelte-t0x3qt .articles:where(.svelte-t0x3qt) .article:where(.svelte-t0x3qt) .latestimg:where(.svelte-t0x3qt){height:10rem;border-radius:1rem 1rem 0rem 0rem!important}.left_section.svelte-t0x3qt .articles:where(.svelte-t0x3qt) .article:where(.svelte-t0x3qt) .article-content:where(.svelte-t0x3qt){text-align:center;padding:0rem .1rem .5rem!important}.left_section.svelte-t0x3qt .articles:where(.svelte-t0x3qt) .article:where(.svelte-t0x3qt) .article-content:where(.svelte-t0x3qt) p:where(.svelte-t0x3qt){margin-block:.25rem!important}.banner.svelte-t0x3qt div:where(.svelte-t0x3qt){gap:0rem}}