.blog-page-container {position: relative;min-height: 300px;}.blog-page-spinner-wrap {position: absolute;inset: 0;background: var(--white-color);display: flex;align-items: center;justify-content: center;z-index: 9;}.blog-page-spinner {width: 60px;height: 60px;border-radius: 50%;border: 6px solid #eee;border-top: 6px solid var(--primary-color);animation: spin 0.7s linear infinite;}.blog-page-spinner-wrap.hide {display: none;}@keyframes spin {to {transform: rotate(360deg);}}.blog-page-wrapper {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}.blog-page-card-item {background: var(--white-color);border-radius: 20px;padding: 25px;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);transform: translateY(40px);opacity: 0;transition: 0.5s ease;}.blog-page-card-item.is-visible {transform: translateY(0);opacity: 1;}.blog-page-card-item:hover {transform: translateY(-10px);box-shadow: 0 30px 50px rgba(0, 0, 0, 0.12);}.blog-page-card-image {border-radius: 16px;overflow: hidden;margin-bottom: 20px;}.blog-page-card-image img {width: 100%;height: 100%;object-fit: cover;}.blog-loadmore-wrap {text-align: center;margin-top: 40px;}#blogLoadMore {font-family: var(--body-font);font-size: 16px;font-weight: 500;background: var(--primary-color);border: 2px solid var(--primary-color);border-radius: 30px;padding: 14px 22px;color: var(--white-color);display: inline-flex;align-items: center;gap: 12px;cursor: pointer;transition: 0.3s ease;}.arrow-circle {width: 34px;height: 34px;background: var(--cta-button);color: var(--white-color);border-radius: 30px;display: flex;align-items: center;justify-content: center;transition: 0.3s ease;}.blog-page-card-content {display: flex;flex-direction: column;gap: 12px;}.blog-page-card-title {font-family: var(--body-font);font-size: 20px;font-weight: 500;color: var(--dark-blue);margin: 0px;}.blog-page-card-date {font-family: var(--body-font);font-size: 18px;font-weight: 500;color: var(--grey-color);}.blog-page-card-excerpt {font-family: var(--body-font);font-size: 18px;font-weight: 400;color: var(--grey-color);}.blog-page-card-readmore {font-family: var(--body-font);font-size: 16px;font-weight: 500;color: var(--dark-blue);}#blogLoadMore:hover .arrow-circle {transform: rotate(40deg);}#blogLoadMore.loading {opacity: 0.7;pointer-events: none;}@media (max-width: 992px) {.blog-page-wrapper {grid-template-columns: repeat(2, 1fr);}.blog-page-card-item {padding: 15px;}}@media (max-width: 768px) {.blog-page-wrapper {grid-template-columns: 1fr;}}