.blogPage{width:97%;margin:80px auto auto}.blogPageContainer{grid-template-columns:3.2fr 1fr;gap:30px;display:grid}.blogPage .featuredCardContainer>h1{text-align:left;padding-bottom:40px;font-family:inter;font-size:clamp(32px,3vw,60px);font-weight:600}.blogPage .featuredCardContainer>p{display:none}.featured .featuredCardContent{grid-template-columns:1fr 1fr 1fr;align-items:center;gap:25px;display:grid}.featured .featuredBlog{width:100%}.featured .imageParent{height:clamp(250px,50vh,350px)}.featured .featuredBlog .imageContent{padding:20px 12px}.featured .imageContent .date{padding-bottom:13px}.featured .imageContent h4{color:#fff;cursor:pointer;padding-bottom:8px;font-family:inter;font-size:20px;font-weight:600}.featured .imageContent p{color:#e7e7e7;font-family:inter;font-size:13px}.featured .featuredCardContent .imageContent button{display:none}.latest{margin-top:80px}.latest h1{text-align:left;padding-bottom:40px;font-family:inter;font-size:clamp(32px,3vw,60px);font-weight:600}.latest .cardImage{height:clamp(220px,32vh,350px)}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:60px;display:flex}.pagination button{color:#999;cursor:pointer;background:0 0;border:1px solid #e8e8e8;border-radius:50%;width:38px;height:38px;font-family:inter;font-size:14px;font-weight:400;transition:all .2s}.pagination button:hover:not(:disabled){color:#444;background:#f7f7f7;border-color:#c5c5c5}.pagination button.active{color:#222;background:#f4f4f4;border-color:#ccc;font-weight:600}.pagination button:disabled{opacity:.4;cursor:not-allowed}@media (min-width:600px) and (max-width:1024px){.blogPageContainer{flex-direction:column;gap:50px;display:flex}.featuredBlog h1{padding-bottom:20px;font-size:clamp(1.875rem,4vw,2.45rem)}.featured .cardBlockContainer>p{display:none}.featured .featuredCardContent{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.featured .featuredCardContent .imageParent{height:clamp(250px,41vh,280px)}.imageParent .featuredBlogimageContent{width:98%;padding:15px 0 15px 10px}.featured .imageContent h4{color:#fff;cursor:pointer;padding-bottom:8px;font-family:inter;font-size:20px;font-weight:600}.featured .imageContent p{font-size:11px}.Latest{margin-top:60px}.Latest h1{padding-bottom:20px;font-size:clamp(1.875rem,4vw,2.45rem)}.latest .cardImage{height:clamp(210px,22vh,350px)}.Latest .pagination{gap:8px;padding-top:35px}.Latest .pagination button{width:28px;height:28px;font-size:14px}}@media (max-width:599px){.Latest h1{padding-bottom:20px;font-size:clamp(28px,3vw,60px)}.blogPageContainer{flex-direction:column;gap:50px;display:flex}.featured .featuredCardContent{grid-template-columns:1fr;align-items:center;gap:15px;display:grid}.featured .cardBlockContainer>p{display:none}.featuredBlog h1{padding-bottom:20px;font-size:clamp(28px,3vw,60px)}.featuredBlogContent{grid-template-columns:1fr;gap:15px}.featured .imageParent{height:clamp(250px,32vh,350px)}.featured .imageContent .date{padding-bottom:10px}.featuredBlogimageContent h4{color:#fff;cursor:pointer;padding-bottom:8px;font-family:inter;font-size:19px;font-weight:600}.imageParent .featuredBlogimageContent p{font-size:11px}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:60px;display:flex}.pagination button{color:#999;cursor:pointer;background:0 0;border:1px solid #e8e8e8;border-radius:50%;width:34px;height:34px;font-family:inter;font-size:12px;font-weight:400;transition:all .2s}}