.modern-blog-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.our-blog{padding:4rem 0}.blog-style1{background:white;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;transition:all .3s ease;margin-bottom:2rem;border:1px solid #f1f5f9}.blog-style1:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.12)}.blog-style1 .blog-img{border-radius:16px 16px 0 0;overflow:hidden;height:250px;position:relative}.blog-style1 .blog-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-style1:hover .blog-img img{transform:scale(1.05)}.blog-style1 .blog-content{padding:2rem;position:relative}.blog-style1 .date{background:linear-gradient(135deg,#009fe3,#0088cc);color:white;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-block;margin-bottom:1rem}.blog-style1 .title{font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:1rem;color:#1e293b}.blog-style1 .title a{color:inherit;text-decoration:none;transition:color .3s ease}.blog-style1 .title a:hover{color:#009fe3}.blog-style1 .read-more{color:#009fe3;text-decoration:none;font-weight:600;font-size:.95rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease}.blog-style1 .read-more:hover{color:#0088cc;gap:.75rem}.blog-style1 .read-more .icon{transition:transform .3s ease}.blog-style1 .read-more:hover .icon{transform:translateX(3px)}@media (max-width:768px){.our-blog{padding:2rem 0}.blog-style1 .blog-content{padding:1.5rem}.blog-style1 .title{font-size:1.3rem}.blog-style1 .blog-img{height:200px}}@media (max-width:480px){.blog-style1 .blog-content{padding:1rem}.blog-style1 .title{font-size:1.2rem}}@media (min-width:1200px){.our-blog{padding:6rem 0}.blog-style1 .blog-content{padding:2.5rem}.blog-style1 .title{font-size:1.6rem}}.blog-style1{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.row [class*=col-]{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.row [class*=col-]:first-child{animation-delay:.1s}.row [class*=col-]:nth-child(2){animation-delay:.2s}.row [class*=col-]:nth-child(3){animation-delay:.3s}.row [class*=col-]:nth-child(4){animation-delay:.4s}.row [class*=col-]:nth-child(5){animation-delay:.5s}.row [class*=col-]:nth-child(6){animation-delay:.6s}