.blog{margin:80px auto;max-width:1500px;width:100%;display:flex;flex-direction:column;gap:48px;padding:0 20px;box-sizing:border-box}.blog .blog-h1{text-align:center;font-size:clamp(48px,8vw,100px);color:#fff;margin-bottom:16px;font-weight:700;line-height:1.1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.blog .show-more-button{display:flex;justify-content:center;align-items:center;background-color:#fff;color:#1b2445;width:250px;margin:40px auto 0;border:2px solid #1b2445;border-radius:50px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 4px 6px rgba(0,0,0,.05)}.blog .show-more-button:hover{background-color:#1b2445;color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.1)}.blog .show-more-button:active{transform:translateY(0)}.blog .blog-grid{width:100%}.blog .blog-grid .blog-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:32px;gap:32px;padding:0}.blog .blog-grid .blog-container .blog-card{border-radius:16px;background-color:#fff;color:#333;display:flex;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.05);position:relative}.blog .blog-grid .blog-container .blog-card:hover{transform:translateY(-8px);box-shadow:0 12px 20px rgba(0,0,0,.15)}.blog .blog-grid .blog-container .blog-card:hover .blog-card-image img{transform:scale(1.03)}.blog .blog-grid .blog-container .blog-card .blog-card-image{overflow:hidden;height:200px;width:100%}.blog .blog-grid .blog-container .blog-card .blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog .blog-grid .blog-container .blog-card .blog-card-title{padding:20px 20px 0}.blog .blog-grid .blog-container .blog-card .blog-card-title h2{font-size:20px;font-weight:700;margin:0 0 12px;line-height:1.3;color:#1b2445}.blog .blog-grid .blog-container .blog-card .blog-card-description{padding:0 20px;margin-bottom:20px}.blog .blog-grid .blog-container .blog-card .blog-card-description p{font-size:15px;line-height:1.5;color:#666;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog .blog-grid .blog-container .blog-card .blog-card-button{padding:0 20px 24px;margin-top:auto}.blog .blog-grid .blog-container .blog-card .blog-card-button button{background-color:#1b2445;color:#fff;border:none;border-radius:50px;padding:10px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;max-width:200px;margin-left:auto;display:block}.blog .blog-grid .blog-container .blog-card .blog-card-button button:hover{background-color:#0d1120;box-shadow:0 4px 8px rgba(27,36,69,.2)}@media screen and (max-width:1200px){.blog{margin-top:100px}.blog .blog-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}}@media screen and (max-width:768px){.blog{margin-top:100px!important;gap:32px;padding:0 16px}.blog .blog-h1{font-size:clamp(36px,8vw,48px)}.blog .show-more-button{width:100%;max-width:280px}.blog .blog-container{grid-template-columns:1fr;gap:32px}}@media screen and (max-width:480px){.blog{margin:40px auto}.blog .blog-card .blog-card-image{height:180px}.blog .blog-card .blog-card-button button{max-width:100%}}