/* Blog articles grid (ported from Next.js) */
.blog-articles-section {margin-bottom: 50px;}
.blog-articles-section .grid {display: grid;grid-template-columns: repeat(3, 1fr);column-gap: 10px;row-gap: 30px;}
.om-blogArticle-wrap {display: flex; flex-wrap: wrap; gap: 32px; justify-content: space-between;}
.blog-articles-section .blogArticleCard {background: #333F5B0D;background-size: cover;background-position: center;background-repeat: no-repeat;border-radius: 24px;overflow: hidden;transition: all 0.3s ease;cursor: pointer;max-width: 100%;padding: 0;position: relative;width: 100%;box-sizing: border-box;height: 100% !important;}
.blog-articles-section .blogArticleCardLink {display: block;text-decoration: none;color: inherit;max-width: calc(50% - 16px);width: 100%;}
.blog-articles-section .blogArticleCard:hover {background-color: #ebf4ff;background-image: none;}
.blog-articles-section .blogArticleCard > * {position: relative;z-index: 2;}
.blog-articles-section .blogArticleImageWrapper {width: 100%;aspect-ratio: 16 / 9;border-radius: 8px;overflow: hidden;margin-bottom: 0;background-color: #f5f5f5;}
.blog-articles-section .blogArticleImage {width: 100%;height: 100%;object-fit: cover;}
.blog-articles-section .blogArticleContent {background: #F5F5F7; border-radius: 24px; padding: 32px; margin-top: -24px; position: relative; z-index: 2;height: 100%;}
.blog-articles-section .blogArticle-cat-list{ list-style: none; margin: 0 0 10px 0;  padding: 0; display: flex; flex-wrap: wrap;}
.blog-articles-section .blogArticle-cat-list li{font-family: 'PP Neue Montreal'; text-transform: capitalize;font-style: normal;font-weight: 500;font-size: 16px;line-height: 150%;color: #6D717B; margin-right: 6px;}
.blog-articles-section .blogArticle-cat-list li:last-child{margin: 0;}
.blog-articles-section .blogArticle-cat-list li + li:before {content: "."; font-weight: 700; margin-right: 6px; position: relative; top: -4px;}
.blog-articles-section .blogArticle-cat-list li.blogArticle-cat{color: #3495FF;}
.blog-articles-section .blogArticleTitle{font-size: clamp(26px, 3vw, 48px);font-weight: 500;font-family: 'P22 Mackinac Pro';color: #333f5b;line-height: 1.3;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom: 12px;}
.blog-articles-section .blogArticleExcerpt{font-family: var(--font-avenir-next);font-size: 16px;font-weight: 500;color: #666;margin-bottom: 20px;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.blog-articles-section .blogArticleFooter{padding: 32px 0 0 0;display: flex;justify-content: space-between;align-items: center;position: relative;bottom: auto;}
.blog-articles-section .blogArticleReadMore{text-decoration: none;width: fit-content;font-style: normal;font-size: 14px;line-height: 150%;letter-spacing: -0.02em;color: #333F5B;padding: 11px 20px;background: rgba(51, 63, 91, 0.05);border-radius: 30px;display: inline-flex;align-items: center;gap: 6px;border: none;font-family: var(--font-avenir-next);font-weight: 500;cursor: pointer;transition: all 0.3s ease;}
.blog-articles-section .blogArticleReadMore:hover{background-color: #e97c4a;transform: translateY(-2px);box-shadow: 0 8px 25px rgb(233 124 74 / .25);color: #ffffff;border-color: #e97c4a;}
.blog-articles-section .blogArticleReadMoreIcon{flex-shrink: 0;transition: transform 0.3s ease;filter: brightness(0) saturate(100%) invert(20%) sepia(15%) saturate(1019%) hue-rotate(181deg) brightness(94%) contrast(89%);}
.blog-articles-section .blogArticleReadMore:hover .blogArticleReadMoreIcon{transform: translateX(2px);filter: brightness(0) saturate(100%) invert(39%) sepia(83%) saturate(749%) hue-rotate(203deg) brightness(92%) contrast(101%);}
.blog-articles-section .blogPagination{display: flex;align-items: center;justify-content: center;gap: 8px;margin-top: 60px;padding: 0 20px;}
.blog-articles-section .blogPagination .navButton{display: flex;align-items: center;gap: 8px;padding: 12px 16px;background: white;border: 1px solid #e5e7eb;border-radius: 8px;color: var(--primary);font-family: var(--font-pp-neue-montreal);font-size: 14px;font-weight: 500;cursor: pointer;transition: all 0.2s ease;min-height: 44px;text-decoration: none;}
.blog-articles-section .blogPagination .navButton:hover:not(.disabled){background-color: #f9fafb;border-color: #d1d5db;transform: translateY(-1px);}
.blog-articles-section .blogPagination .navButton.disabled{opacity: 0.5;cursor: not-allowed;pointer-events: none;}
.blog-articles-section .blogPagination .navText{font-family: var(--font-pp-neue-montreal);font-size: 14px;font-weight: 500;}
.blog-articles-section .blogPagination .pageNumbers{display: flex;align-items: center;gap: 10px;margin: 0 16px;}
.blog-articles-section .blogPagination .pageButton{display: flex;align-items: center;justify-content: center;width: 44px;height: 44px;background: white;border: 1px solid #e5e7eb;border-radius: 8px;color: var(--primary);font-family: var(--font-pp-neue-montreal);font-size: 14px;font-weight: 500;cursor: pointer;transition: all 0.2s ease;text-decoration: none;}
.blog-articles-section .blogPagination .pageButton:hover{background-color: #f9fafb;border-color: #d1d5db;transform: translateY(-1px);}
.blog-articles-section .blogPagination .pageButton.active{background-color: var(--primary);border-color: var(--primary);color: white;}
.blog-articles-section .blogPagination .pageButton.active:hover{background-color: #2d3748;border-color: #2d3748;transform: translateY(-1px);}
.blog-articles-section .blogPagination .ellipsis{display: flex;align-items: center;justify-content: center;width: 44px;height: 44px;color: #6b7280;font-family: var(--font-pp-neue-montreal);font-size: 14px;font-weight: 500;}
.blog-articles-section .blogArticlePrice{font-family: 'P22 Mackinac Pro';font-weight: 500;font-size: 26px;line-height: 135%;letter-spacing: -4%;color: #333F5B;display: none;}
.blog-articles-section .blogArticleReadMore.blogArticlecontcoure{display: none;}
.blog-articles-section .blogArticlePlaybtn{display: none;height: 43px;width: 43px;border-radius: 100%;background: #3495FF;}
.blog-articles-section .blogArticlePlaybtn svg{height: 24px;width: 24px;}
.blog-articles-section .blogArticleCardLink.highlight .blogArticleReadMore{display: none;}
.blog-articles-section .blogArticleCardLink.highlight .blogArticleReadMore.blogArticlecontcoure{display: inline-flex;background: #3495FF;color: #fff;}
.blog-articles-section .blogArticleCardLink.highlight .blogArticleReadMore.blogArticlecontcoure:hover{background-color: #e97c4a;transform: translateY(-2px);box-shadow: 0 8px 25px rgb(233 124 74 / .25);color: #ffffff;border-color: #e97c4a;}
.blog-articles-section .blogArticleCardLink.highlight .blogArticlePlaybtn{display: flex;align-items: center;justify-content: center;}
.om-blogArticle-wrap-grid .blogArticleCardLink:first-child .blogArticlePrice{display: block;}
.om-blogArticle-wrap-grid .blogArticleImageWrapper{height: 380px;}
.om-blogArticle-wrap-grid .blogArticleCardLink.highlight .blogArticleContent{background: url("../images/testimonial-card-background.svg") repeat center center;background-size: cover;}

@media (max-width: 1024px){
  .blog-articles-section {margin-bottom: 30px;}
}

@media (max-width: 640px) {
  .blog-articles-section .blogPagination {gap: 10px;margin-top: 40px;padding: 0 16px;flex-wrap: wrap;justify-content: center;}
  .blog-articles-section .blogPagination .navButton {padding: 8px 10px;min-height: 36px;border-radius: 6px;}
  .blog-articles-section .blogPagination .navText {display: none;}
  .blog-articles-section .blogPagination .pageNumbers {margin: 0 6px;gap: 10px;flex-wrap: wrap;justify-content: center;}
  .blog-articles-section .blogPagination .pageButton, .blog-articles-section .blogPagination .ellipsis {width: 36px;height: 36px;font-size: 12px;border-radius: 6px;}
  .blog-articles-section .blogPagination .pageButton {min-width: 36px;}
  .blog-articles-section .grid {grid-template-columns: 1fr;gap: 24px;justify-items: stretch;}
  .om-blogArticle-wrap {gap: 20px;}
  .blog-articles-section .blogArticleExcerpt {font-size: 13px;line-height: 1.4;margin-bottom: 16px;line-clamp: 2; -webkit-line-clamp: 2;}
  .blog-articles-section .blogArticleCardLink {width: 100%; max-width: 100%;}
  .blog-articles-section .blogArticleContent {padding: 24px;}
}

@media (min-width: 641px) and (max-width: 1024px) {
  .blog-articles-section .blogPagination {margin-top: 50px;gap: 6px;}
  .blog-articles-section .blogPagination .navButton {padding: 10px 14px;min-height: 40px;}
  .blog-articles-section .blogPagination .pageNumbers {margin: 0 12px;gap: 10px;}
  .blog-articles-section .blogPagination .pageButton, .blog-articles-section .blogPagination .ellipsis {width: 40px;height: 40px;font-size: 13px;}
  .blog-articles-section .grid {grid-template-columns: repeat(2, 1fr);}
  .blog-articles-section .blogArticleCardLink {max-width: calc(50% - 10px);}
  .om-blogArticle-wrap {gap: 20px;}
  .blog-articles-section .blogArticleContent {padding: 24px;}
  .blog-articles-section .blogArticleExcerpt {font-size: 14px;}
}

@media (min-width: 1025px) and (max-width: 1366px) {
  .blog-articles-section .blogPagination{margin-top: 55px;}
}

@media (min-width: 1281px) and (max-width: 1366px) {
  .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(2) .blogArticleContent, 
  .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(3) .blogArticleContent, 
  .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(4) .blogArticleContent{padding: 24px;}
}  

@media (min-width: 1281px) {            
  .om-blogArticle-wrap-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;width: 100%;}
  .om-blogArticle-wrap-grid .blogArticleCardLink{max-width: 100%;width: 100%;}
  .om-blogArticle-wrap-grid .blogArticleCardLink:first-child{grid-column: 1 / span 2;grid-row: 1 / span 3;}
  .om-blogArticle-wrap-grid .blogArticleCardLink:first-child .blogArticleImageWrapper{height: 540px;}
  .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(2), .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(3), .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(4){grid-column: 3;display: grid !important;grid-template-columns: 1fr;}
  .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(2) .blogArticleCard, .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(3) .blogArticleCard, .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(4) .blogArticleCard{display: grid !important;grid-template-columns: 200px 1fr;}
  .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(2) .blogArticleImageWrapper, .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(3) .blogArticleImageWrapper, .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(4) .blogArticleImageWrapper{height: 268px !important;}
  .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(2) .blogArticleContent, .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(3) .blogArticleContent, .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(4) .blogArticleContent{margin-top: 0;margin-left: -24px;box-shadow: 0px 14.51px 29.01px 0px #2822221A;}
  .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(2) .blogArticle-cat-list li, .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(3) .blogArticle-cat-list li, .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(4) .blogArticle-cat-list li{font-size: 14px;}
  .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(2) .blogArticleTitle, .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(3) .blogArticleTitle, .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(4) .blogArticleTitle{font-size: 26px;}
  .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(2) .blogArticleFooter, .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(3) .blogArticleFooter, .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(4) .blogArticleFooter{padding: 0;}
  .blog-articles-section .blogArticle-cat-list li{font-size: 18px;}
  .blog-articles-section .blogArticlePrice{font-size: 32px;}
}

@media (min-width: 1367px) {
  .blog-articles-section .blogPagination{margin-top: 60px;gap: 10px;}
  .blog-articles-section .blogPagination .navButton{padding: 14px 18px;min-height: 48px;}
  .blog-articles-section .blogPagination .pageNumbers{margin: 0 20px;gap: 15px;}
  .blog-articles-section .blogPagination .pageButton, .blog-articles-section .blogPagination .ellipsis{width: 48px;height: 48px;font-size: 15px;}
}

@media (min-width: 1600px) { 
  .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(2) .blogArticleCard, .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(3) .blogArticleCard, .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(4) .blogArticleCard{display: grid !important;grid-template-columns: 210px 1fr;}
  .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(2) .blogArticleImageWrapper, .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(3) .blogArticleImageWrapper, .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(4) .blogArticleImageWrapper{height: 268px !important;}
  .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(2) .blogArticle-cat-list li, .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(3) .blogArticle-cat-list li, .om-blogArticle-wrap-grid .blogArticleCardLink:nth-child(4) .blogArticle-cat-list li{font-size: 16px;}
}