.blog-page,.blog-page1{max-width:1200px;margin:0 auto;padding:20px}.blog-page1{max-width:1200px;margin:0 auto;padding:80px 20px}.blog-page h1,.blog-page1 h1{text-align:center;font-size:28px;margin-bottom:30px;color:#1906aa;font-weight:600}.blog-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.blog-card{background:#fff;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.blog-card img{border-radius:12px}.blog-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.blog-image{width:100%;height:180px;object-fit:cover;display:block;aspect-ratio:16/9}.blog-content{padding:16px;display:flex;flex-direction:column;flex-grow:1}.blog-title{font-size:16px;font-weight:600;color:#333;margin-bottom:10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-meta{display:flex;gap:15px;margin-bottom:10px;font-size:13px;color:#666}.blog-description{font-size:13px;color:#666;line-height:1.5;margin-bottom:12px;flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-button{background-color:#02a1a9;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:background-color .3s ease;align-self:flex-start}.blog-button:hover{background-color:#555}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:40px}.pagination button{padding:8px 16px;border:1px solid #ddd;background-color:#294157;color:#fff;cursor:pointer;border-radius:4px;font-size:14px;transition:all .3s ease}.pagination button:hover{background-color:#f5f5f5}.pagination button.active{background-color:#00b9ca;color:#fff;border-color:#333}.pagination-arrow{font-weight:500}.loading,.empty-state{text-align:center;padding:60px 20px;color:#666;font-size:16px}.about-content .hero-section{margin-bottom:40px}.about-content .hero-section .hero-image{position:relative;width:100%;height:0px!important;padding-bottom:56.25%;overflow:hidden;border-radius:12px}.about-content .hero-section .hero-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000004d,#0009);display:flex;align-items:center;justify-content:center}.hero-content{text-align:center;color:#fff;padding:20px}.hero-content h2{font-size:36px;font-weight:700;margin-bottom:15px}.hero-content p{font-size:18px;max-width:900px;margin:0 auto;line-height:1.6}@media(max-width:1200px){.blog-list{grid-template-columns:repeat(2,1fr);gap:25px}}@media(max-width:768px){.blog-list{grid-template-columns:1fr;gap:20px}.blog-page h1{font-size:28px;margin-bottom:30px}.blog-image{height:200px}.hero-content h2{font-size:28px}.hero-content p{font-size:16px}}@media(max-width:480px){.blog-page{padding:20px 15px}.blog-page h1{font-size:24px}.blog-content{padding:15px}.blog-title{font-size:16px}.blog-description{font-size:13px}.pagination button{padding:6px 12px;font-size:13px}}.blog-footer{background-color:#2c3e50;color:#ecf0f1;padding:.2rem 0;margin-top:3rem;border-top:3px solid #3498db;width:100%}.blog-footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.footer-left{display:flex;flex-direction:column;align-items:flex-start}.footer-left p{margin:.3rem 0;font-size:.9rem;letter-spacing:.5px}.footer-right{display:flex!important;flex-direction:row!important;gap:0rem;align-items:center}.footer-right a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#ecf0f1;text-decoration:none;transition:all .3s ease;font-size:1.1rem}.footer-right a:hover{transform:translateY(-3px)}@media(max-width:768px){.blog-footer{padding:1.5rem 0;margin-top:2rem}.blog-footer-content{flex-direction:column!important;gap:1rem;padding:0 1rem;text-align:center}.footer-left{align-items:center}.footer-left p{font-size:.85rem}.footer-right{gap:.8rem}.footer-right a{width:36px;height:36px;font-size:1rem}}