.categories-page-section{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5rem 0}.categories-page-section .box{width:90%;max-width:var(--section-max-width);display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:2rem}.categories-page-section .categories-content{width:100%;max-width:950px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2rem}.categories-page-section .intro-text{font-size:var(--text-size-1);color:var(--text-graphite-2);line-height:160%}.categories-page-section .categories-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.categories-page-section .category-card{width:100%;display:flex;flex-direction:row;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-white-1);border-radius:var(--border-radius-2);box-shadow:var(--box-shadow-2);transition:all .3s ease;text-decoration:none;border-left:4px solid var(--green-color-2)}.categories-page-section .category-card:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-1);border-left-color:var(--gold-color-1)}.categories-page-section .category-card .card-icon{width:50px;height:50px;min-width:50px;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--green-color-1) 0%,var(--green-color-2) 100%);border-radius:var(--border-radius-1);padding:.6rem}.categories-page-section .category-card .card-icon svg{width:24px;height:24px;color:var(--gold-color-2)}.categories-page-section .category-card .card-icon picture,.categories-page-section .category-card .card-icon img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}.categories-page-section .category-card .card-content{flex:1;display:flex;flex-direction:column;gap:.3rem}.categories-page-section .category-card .card-content h2{font-size:var(--subtitle-size-3);color:var(--text-graphite-1);font-weight:700;margin:0}.categories-page-section .category-card .card-description{font-size:var(--text-size-2);color:var(--text-graphite-2);line-height:140%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.categories-page-section .category-card .article-count{font-size:var(--text-size-2);color:var(--gold-color-1);font-weight:600}.categories-page-section .category-card .card-arrow{width:24px;height:24px;color:var(--gold-color-1);transition:transform .3s ease}.categories-page-section .category-card:hover .card-arrow{transform:translate(5px)}.categories-page-section .category-card .card-arrow svg{width:100%;height:100%}.categories-page-section .aside-box{width:100%;max-width:350px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:3rem}.categories-page-section .aside-box .recent-articles{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem}.categories-page-section .aside-box .recent-articles h3{font-size:var(--subtitle-size-3);color:var(--text-graphite-1)}.categories-page-section .aside-box .recent-articles ul{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem}.categories-page-section .aside-box .recent-articles ul li{width:100%}.categories-page-section .aside-box .recent-articles ul li a{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:.7rem 1.5rem;transition:ease .2s;border-radius:var(--border-radius-1);box-shadow:var(--box-shadow-1);background-color:var(--bg-white-1)}.categories-page-section .aside-box .recent-articles ul li a:hover{transform:translateY(-5%)}.categories-page-section .aside-box .recent-articles ul li a .wrapper{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.5rem}.categories-page-section .aside-box .recent-articles ul li a .wrapper p{font-size:var(--text-size-2);text-transform:capitalize}.categories-page-section .aside-box .recent-articles ul li a>p{font-weight:900}@media screen and (max-width: 1050px){.categories-page-section .box{flex-direction:column}.categories-page-section .aside-box{max-width:100%}}@media screen and (max-width: 650px){.categories-page-section .categories-grid{grid-template-columns:1fr}.categories-page-section .category-card{flex-direction:column;align-items:flex-start;text-align:left}.categories-page-section .category-card .card-arrow{align-self:flex-end}}