.blog-card-container {display: grid;grid-template-columns: repeat(2, 1fr);gap: 28px;}.blog-card {display: block;border-radius: 12px;overflow: hidden;background: #fff;transition: transform 0.32s cubic-bezier(0.2, 0.9, 0.2, 1), box-shadow 0.32s;}.blog-card:hover {transform: translateY(-8px);}.blog-card-link-wrap {display: block;color: inherit;text-decoration: none;}.blog-card-img {position: relative;width: 100%;height: 100%;overflow: hidden;border-radius: 10px;}.blog-card-img img {width: 100%;height: 100%;object-fit: cover;display: block;position: relative;z-index: 0;}.blog-card-date {position: absolute;bottom: 0;right: 0;z-index: 2;}.blog-card-date .date-inner {font-family: "DM Sans", sans-serif;font-size: 18px;font-weight: 600;color: #fff;background: #00bfa6;padding: 12px 16px;border-radius: 8px 0 8px 0;border-top: 2px solid #fff;border-left: 2px solid #fff;line-height: 1;display: inline-block;}.blog-card-content {padding: 15px 0;background: #fff;}.blog-card-title {font-family: "Albert Sans", sans-serif;font-size: 22px;font-weight: 500;color: #263a4f;margin: 0 0 8px;line-height: 1.25;}.blog-card-excerpt {font-family: "DM Sans", sans-serif;font-size: 14px;color: #4b5964;margin: 0 0 12px;}.blog-card-footer {display: flex;align-items: center;}.blog-card-readmore {font-family: "DM Sans", sans-serif;font-size: 16px;font-weight: 500;color: #00bfa6;text-decoration: none;}.blog-card-readmore::after {content: "›";margin-left: 8px;font-weight: 600;}p.no-posts {text-align: center;font-size: 32px;font-family: "Albert Sans";font-weight: 600;color: #00bfa6;}.blog-card-section {width: 100%;max-width: 1400px;margin: 0 auto;}.blog-card-container {display: grid;grid-template-columns: repeat(2, 1fr);gap: 28px;}.blog-card-wrapper.hidden-card {display: none;}.blog-loadmore-wrap {text-align: center;margin-top: 30px;}.blog-loadmore-btn {background: #00bfa6;color: #fff;font-family: "DM Sans", sans-serif;font-size: 16px;font-weight: 500;border: none;padding: 12px 24px;border-radius: 6px;cursor: pointer;transition: background 0.3s ease;}.blog-loadmore-btn:hover {background: #009e88;}@media (max-width: 1024px) {.blog-card-container {grid-template-columns: 1fr 1fr;gap: 22px;}.blog-card-img {height: 200px;}}@media (max-width: 768px) {.blog-card-container {grid-template-columns: 1fr;gap: 18px;}.blog-card-img {height: 180px;}.blog-card-date .date-inner {padding: 6px 10px;font-size: 16px;}.blog-card-title {font-size: 18px;}.blog-card-readmore {font-size: 15px;}}