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