.wrapper{max-width:1200px;margin:0 auto;padding:50px 20px}.blog-tabs-ul{display:flex;flex-direction:row;list-style-type:none;margin-bottom:20px;padding:5px;border-radius:8px}.blog-tabs{padding:10px 20px;font-size:1rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s ease;color:#4a4a4a;border-radius:5px}.blog-tabs:hover{background-color:#a7b0b9;color:#000000!important;transform:translateY(-3px)}.blog-tabs.active{background-color:#5fc0c0;color:#000000!important;transform:scale(1.1)}.blog-tabs a{text-decoration:none}.blog-tabs.text-black-tint-500{color:#777}.blog-tabs-ul{position:relative}.blog-tabs:after{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background-color:#007bff;transition:width .3s ease-in-out}.blog-tabs.active:after{width:100%}.blog-tabs:not(.active):after{width:0}.blog-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px;transition:transform .3s ease-in-out}.blog-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:box-shadow .3s ease,transform .3s ease;text-decoration:none}.blog-card:hover{box-shadow:0 6px 14px rgba(0,0,0,.2);transform:scale(1.05)}.blog-card img{width:100%;height:250px;object-fit:cover;transition:transform .5s ease-in-out}.blog-card .blogcontent{padding:20px}.blog-card h3{font-size:20px;font-weight:700;color:#333;transition:color .3s ease;margin-top:10px}.blog-card:hover h3{color:#007acc}.blog-card .category{font-size:14px;font-weight:600;color:#007acc;letter-spacing:.5px}.blog-card p.date{font-size:14px;color:#777;margin-top:8px}.ad-banner{background:#ffdd00;padding:10px;text-align:center;font-weight:700;font-size:16px;margin:20px 0;animation:slideIn 1s ease-in-out}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media (max-width:768px){.blog-section{padding:50px 10px!important}.blog-card,.blog-tabs a{text-decoration:none}.blog-card img{height:200px}.blog-card h3{font-size:18px}.ad-banner{font-size:14px}.wrapper h2{margin-top:0!important}}@media (max-width:400px){.blog-tabs-ul{padding:5px 0!important}.wrapper{padding:20px 10px!important}}.dark-mode .wrapper{color:#e0e0e0}.dark-mode .blog-tabs-ul{background-color:#1e1e1e}.dark-mode .blog-tabs{color:#cccccc}.dark-mode .blog-tabs:hover{background-color:#333333;color:#ffffff!important}.dark-mode .blog-tabs.active{background-color:#007acc;color:#ffffff!important}.dark-mode .blog-card{background-color:#1e1e1e;box-shadow:0 4px 6px rgba(255,255,255,.05);color:#e0e0e0;text-decoration:none}.dark-mode .blog-card:hover{box-shadow:0 6px 14px rgba(255,255,255,.1);transform:scale(1.05)}.dark-mode .blog-card h3{color:#e0e0e0}.dark-mode .blog-card:hover h3{color:#00aaff}.dark-mode .blog-card .category{color:#55b4eb}.dark-mode .blog-card p.date{color:#aaaaaa}.dark-mode .ad-banner{background-color:#333333;color:#ffdd00}.dark-mode .blog-card img{filter:brightness(.9)}@media (max-width:768px){.dark-mode .blog-card img{filter:brightness(.9)}}