.blogBlock{margin-top:100px}.blogBlock .featuredCardContent{grid-template-columns:1fr 1fr 1fr;gap:18px;padding-bottom:20px;display:grid}.blogBlock .imageOverlay{background-color:#00000080}.blogBlock .imageContent{padding:20px 18px}.blogBlock>p{text-align:center;color:#5a5a5a;width:52%;margin:auto;padding-bottom:40px;font-family:inter;font-size:clamp(10px,1.1vw,30px)}.blogBlock .imageContent p{font-size:clamp(12px,1.099vw,15px)}.blogBlock .featuredCardContent .imageContent a{pointer-events:auto;cursor:pointer}.blogBlock .imageContent button{color:#000;background:#fff;border-radius:12px;justify-self:self-start;width:fit-content;margin-top:20px;padding:clamp(10px,.7vw,1rem) clamp(16.3px,1.1vw,2rem);font-size:clamp(15px,1.1vw,19px)}.blogBlock .imageContent button:hover{color:#fff;background:#1e1e1e}@media (min-width:600px) and (max-width:1023px){.blogBlock .featuredCardContent{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;padding-bottom:20px;display:grid}.blogBlock .featuredCardContent .imageContent{width:95%;padding:22px 5px 15px 10px}.blogBlock .imageContent{width:90%;bottom:2vh;left:1rem}.blogBlock .featuredCardContent .imageParent{height:clamp(250px,40vh,280px)}.blogBlock .featuredCardContent h4{font-size:clamp(1rem,1.5vw,2.5rem)}.blogBlock .featuredCardContent p{font-size:clamp(.7rem,1.2vw,.9rem)}}@media (max-width:599px){.blogBlock .featuredCardContent{grid-template-columns:1fr;gap:10px;padding-bottom:20px;display:grid}.blogBlock .featuredCardContainer>p{width:100%}.blogBlockimageContent{bottom:2vh}.blogBlock .featuredCardContent .imageContent{width:95%;padding:22px 5px 12px 10px}.blogBlock .featuredCardContent h4{font-size:clamp(1.3rem,1.5vw,2.5rem)}.blogBlock .imageContent .date{padding-bottom:4px}.blogBlock .featuredCardContent .imageParent{height:clamp(14rem,36vh,35rem)}.blogBlock .featuredCardContent button{margin-top:15px;padding:8px 15px;font-size:13px}}
