.blog-listing-section{padding:60px 0 80px}.blog-layout{display:flex;gap:50px}.blog-posts-column{flex:1;min-width:0}.blog-sidebar{width:280px;flex-shrink:0}.blog-card{display:flex;gap:24px;margin-bottom:65px}.blog-card-category{margin-bottom:65px}.blog-card-category:last-of-type,.blog-card:last-of-type{border-bottom:none;margin-bottom:20px;padding-bottom:20px}.blog-card-category .blog-card:last-of-type{margin-bottom:0;padding-bottom:0}.blog-card-image{flex-shrink:0;width:320px;position:relative;overflow:hidden;height:fit-content}.blog-card-image img{width:100%;height:auto;object-fit:cover;display:block;max-height:300px}.blog-card-body{flex:1;min-width:0}.blog-card-title{font-size:30px;font-weight:300;line-height:1.35;margin-bottom:14px}.blog-card-excerpt{font-size:17px;line-height:1.7;color:var(--body-text-color);margin-bottom:10px}.blog-card-link{font-size:14px;font-weight:700}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-block:14px;border-block:1px solid #eee;font-size:15px;gap:20px;color:var(--medium-gray)}.blog-card-date{color:var(--medium-gray)}.blog-card-readmore{font-weight:500;white-space:nowrap}.blog-loading-text{font-size:14px;color:var(--medium-gray);font-style:italic;padding-top:10px;display:flex;align-items:center;gap:10px}.blog-loading-text::before{content:"";display:none;width:18px;height:18px;border:2px solid #ddd;border-top-color:var(--secondary-color);border-radius:50%;animation:blogSpin .6s linear infinite}.blog-loading-text.is-loading::before{display:inline-block}@keyframes blogSpin{to{transform:rotate(360deg)}}.blog-card-fadein{animation:blogFadeIn .4s ease both}@keyframes blogFadeIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.blog-empty{text-align:center;padding:60px 0;font-size:18px;color:var(--medium-gray)}.blog-sidebar-widget{margin-bottom:30px}.blog-sidebar-title{font-size:30px;font-weight:300;color:var(--header-text-color);margin-bottom:20px}.blog-categories-list li{border-bottom:1px solid #e0dede}.blog-categories-list li a{display:flex;align-items:center;gap:8px;padding:10px 0;font-size:17px}.blog-categories-list li a::before{content:"";display:inline-block;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M439.1 297.4C451.6 309.9 451.6 330.2 439.1 342.7L279.1 502.7C266.6 515.2 246.3 515.2 233.8 502.7C221.3 490.2 221.3 469.9 233.8 457.4L371.2 320L233.9 182.6C221.4 170.1 221.4 149.8 233.9 137.3C246.4 124.8 266.7 124.8 279.2 137.3L439.2 297.3z'/%3E%3C/svg%3E") no-repeat center;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M439.1 297.4C451.6 309.9 451.6 330.2 439.1 342.7L279.1 502.7C266.6 515.2 246.3 515.2 233.8 502.7C221.3 490.2 221.3 469.9 233.8 457.4L371.2 320L233.9 182.6C221.4 170.1 221.4 149.8 233.9 137.3C246.4 124.8 266.7 124.8 279.2 137.3L439.2 297.3z'/%3E%3C/svg%3E") no-repeat center}.blog-post-section{padding:40px 0 60px}.blog-single-banner .page-banner-content{flex-direction:column;gap:30px;text-align:center}.blog-single-banner .page-banner-content>*{width:100%;text-wrap:wrap}.blog-post-image{position:relative;margin-bottom:28px}.blog-post-image img{max-height:580px;width:auto;margin:0 auto;max-width:100%}.blog-post-image-caption{position:absolute;bottom:8px;right:10px;font-size:12px;color:rgba(255,255,255,.85);background:rgba(0,0,0,.4);padding:2px 8px;border-radius:2px}.blog-post-content{font-size:17px;line-height:1.8;color:var(--body-text-color)}.blog-post-content h2{font-size:32px;color:var(--header-text-color);margin:40px 0 16px}.blog-post-content h3{font-size:24px;color:var(--header-text-color);margin:32px 0 12px}.blog-post-content p{margin-bottom:20px}.blog-post-content ol,.blog-post-content ul{margin:0 0 20px 24px;list-style:disc}.blog-post-content ol{list-style:decimal}.blog-post-content li{margin-bottom:8px}.blog-post-content blockquote{border-left:4px solid var(--primary-color);padding:16px 24px;margin:24px 0;background:var(--light-bg);font-style:italic}.blog-post-content a{color:var(--primary-color);text-decoration:underline}.blog-post-content a:hover{color:var(--primary-color-dark)}.blog-post-content img{margin:24px 0}.blog-post-content .img-float-left{float:left;margin:0 24px 16px 0;max-width:240px}.blog-post-content .img-float-right{float:right;margin:0 0 16px 24px;max-width:240px}.blog-post-content .clearfix::after{content:"";display:table;clear:both}.blog-post-footer{margin-top:30px;padding-top:20px;border-top:1px solid #eee;font-size:15px;color:var(--medium-gray)}.blog-post-footer-sep{margin:0 8px;color:var(--medium-gray)}.blog-post-share{display:flex;justify-content:end;gap:6px;margin-top:24px;padding-top:20px;border-top:1px solid #eee}.blog-share-icon{width:36px;height:36px;border:1px solid #ddd;border-radius:50%;color:var(--medium-gray);transition:color .2s,border-color .2s}.blog-share-icon:hover{color:var(--secondary-color);border-color:var(--secondary-color)}.blog-related-posts{margin-top:50px}.blog-related-title{font-size:24px;font-weight:300;color:var(--header-text-color);margin-bottom:20px}.blog-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-related-item{position:relative;overflow:hidden}.blog-related-item img{width:100%;object-fit:cover;display:block;height:100%;max-height:300px}.portfolio-listing-section{padding:40px 0 60px}.portfolio-filters{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:14px;border-bottom:1px solid #eee;margin-bottom:40px}.portfolio-filter{background:0 0;border:none;padding:8px 14px;font-size:17px;font-family:var(--body-font);color:var(--secondary-color);cursor:pointer;border-top:3px solid transparent;transition:color .2s,border-color .2s}.portfolio-filter.active{border-top-color:var(--secondary-color)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.portfolio-item{opacity:1;transform:scale(1);transition:opacity .4s ease,transform .4s ease}.portfolio-item.fade-out{opacity:0;transform:scale(0);pointer-events:none}.portfolio-item.hidden{display:none}.portfolio-item-image{margin-bottom:14px}.portfolio-item-image img{width:100%;height:220px;object-fit:cover;display:block}.case-study-section{padding:40px 0 60px}.case-study-image{margin-bottom:40px}.case-study-image img{margin:0 auto;max-width:100%}.case-study-layout{display:flex;gap:60px}.case-study-description{flex:1;min-width:0}.case-study-details{width:280px;flex-shrink:0}.case-study-heading{font-size:36px;font-weight:300;color:var(--header-text-color);margin-bottom:20px}.case-study-detail-row{padding-bottom:16px;border-bottom:1px solid #eee;display:flex;gap:12px}.case-study-detail-label{font-size:17px;color:var(--header-text-color);margin-bottom:6px;font-weight:300;font-family:var(--primary-font);display:block}.case-study-detail-value a{font-size:17px;line-height:1.8}@media (max-width:1024px){.blog-layout,.case-study-layout{flex-direction:column;gap:40px}.blog-sidebar{width:100%}.blog-card-title{font-size:26px}.blog-card-excerpt{font-size:16px}.blog-post-share{justify-content:center}.case-study-details{width:100%}.case-study-detail-row{border:none;padding-bottom:0}}@media screen and (max-width:991px){.portfolio-filters{flex-direction:column;align-items:start;gap:0;border:none}.portfolio-filters .portfolio-filter{padding:8px 0;width:100%;text-align:left;border-bottom:1px solid #e0dede}}@media (max-width:767px){.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:20px}.blog-card{flex-direction:column;gap:16px}.blog-card-image{width:100%}.blog-post-content h2,.case-study-heading{font-size:26px}.blog-post-content h3{font-size:20px}.blog-post-content .img-float-left,.blog-post-content .img-float-right{float:none;max-width:100%;margin:20px 0}.blog-related-grid{grid-template-columns:1fr}.blog-card-image img{max-height:400px}.portfolio-grid{grid-template-columns:1fr}}.blog-img-center{display:block;margin:1.5em auto;max-width:100%}.blog-img-center-sm{display:block;margin:1.5em auto;max-width:300px}.blog-img-center-md{display:block;margin:1.5em auto;max-width:400px}.blog-img-center-lg{display:block;margin:1.5em auto;max-width:600px}.blog-img-float-left{float:left;margin:0 1.5em 1em 0;max-width:300px}.blog-video{max-width:100%;margin-bottom:1.5em}