﻿*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;text-decoration: none;}
:root{--primary:#4361ee;--secondary:#3f37c9;--accent:#4895ef;--light:#f8f9fa;--dark:#212529;--success:#4cc9f0;--text:#333333;--text-light:#6c757d;}
body{line-height:1.6;color:var(--text);background-color:#f5f7fb;}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;}
header{background-color:white;box-shadow:0 2px 10px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000;}
.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 0;}
.logo{font-size:1.8rem;font-weight:700;color: #af5614;text-decoration:none;}
.nav-links{display:flex;list-style:none;}
.nav-links li{margin-left:30px;}
.nav-links a{text-decoration:none;color:var(--text);font-weight:500;transition:color 0.3s;}
.nav-links a:hover,.nav-links .current{color:var(--primary);}
.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--dark);}
.breadcrumb{padding:20px 0;background-color:var(--light);}
.breadcrumb-links{display:flex;list-style:none;}
.breadcrumb-links li{margin-right:10px;font-size:0.9rem;}
.breadcrumb-links li:not(:last-child)::after{content:">";margin-left:10px;color:var(--text-light);}
.breadcrumb-links a{color:var(--text-light);text-decoration:none;}
.breadcrumb-links a:hover{color:var(--primary);}
.breadcrumb-links .current{color:var(--primary);font-weight:500;}
.page-header{text-align:center;background-color:white;}
.page-header h1{font-size:2.5rem;color:var(--dark);margin-bottom:15px;}
.page-header p{color:var(--text-light);max-width:600px;margin:0 auto;}
.news-listing{padding:0 0 60px 0;background-color:#f8f9fa;}
.listing-container{display:flex;gap:30px;}
.sidebar{flex:0 0 300px;background-color:white;border-radius:10px;padding:25px;box-shadow:0 5px 15px rgba(0,0,0,0.05);height:fit-content;}
.sidebar-widget{margin-bottom:30px;}
.sidebar-widget h3{font-size:1.2rem;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee;color:var(--dark);}
.category-list{list-style:none;}
.category-list li{margin-bottom:10px;}
.category-list a{display:flex;justify-content:space-between;color:var(--text);text-decoration:none;padding:8px 0;transition:color 0.3s;}
.category-list a:hover{color:var(--primary);}
.category-list .count{background-color:var(--light);color:var(--text-light);padding:2px 8px;border-radius:10px;font-size:0.8rem;}
.recent-posts{list-style:none;}
.recent-post{display:flex;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f0f0f0;}
.recent-post:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.recent-post-image{width:80px;height:60px;border-radius:5px;overflow:hidden;margin-right:15px;flex-shrink:0;}
.recent-post-image img{width:100%;height:100%;object-fit:cover;}
.recent-post-content h4{font-size:0.95rem;margin-bottom:5px;}
.recent-post-content h4 a{color:var(--dark);text-decoration:none;transition:color 0.3s;}
.recent-post-content h4 a:hover{color:var(--primary);}
.recent-post-date{font-size:0.8rem;color:var(--text-light);}
.tags p{padding: 10px 0;}
.tags01 {font-size:1.0rem;font-weight:700;display:flex;align-items:center;justify-content:center;}
.tag{display:inline-block;padding:5px 12px;background-color:var(--light);color:var(--text);border-radius:20px;font-size:0.85rem;text-decoration:none;transition:all 0.3s;}
.tag:hover{background-color:var(--primary);color:white;}
.news-main{flex:1;}
.news-list{display:flex;flex-direction:column;gap:25px;}
.news-item{background-color:white;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:transform 0.3s,box-shadow 0.3s;}
.news-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1);}
.news-item-large{display:flex;}
.news-item-large .news-image{flex:0 0 40%;}
.news-item-large .news-content{flex:1;padding:25px;}
.news-image{width:100%;height:200px;overflow:hidden;}
.news-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s;}
.news-item:hover .news-image img{transform:scale(1.05);}
.news-content{padding:20px;}
.news-meta{display:flex;align-items:center;margin-bottom:10px;font-size:0.85rem;color:var(--text-light);}
.news-category{display:inline-block;padding:3px 10px;background-color:var(--primary);color:white;border-radius:3px;font-size:0.75rem;margin-right:15px;}
.news-date{margin-right:15px;}
.news-views{display:flex;align-items:center;}
.news-views i{margin-right:5px;}
.news-content h2{font-size:1.4rem;margin-bottom:10px;color:var(--dark);}
.news-content h2 a{color:inherit;text-decoration:none;transition:color 0.3s;}
.news-content h2 a:hover{color:var(--primary);}
.news-excerpt{color:var(--text-light);margin-bottom:15px;}
.news-read-more{display:inline-block;color:var(--primary);text-decoration:none;font-weight:500;transition:all 0.3s;}
.news-read-more:hover{color:var(--secondary);}
.pagination{display:flex;justify-content:center;margin-top:50px;}
.pagination-links{display:flex;list-style:none;gap:10px;}
.pagination-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:white;color:var(--text);text-decoration:none;border-radius:5px;transition:all 0.3s;box-shadow:0 2px 5px rgba(0,0,0,0.05);}
.pagination-links a:hover{background-color:var(--primary);color:white;}
.pagination-links .current{background-color:var(--primary);color:white;}
footer{background-color:var(--dark);color:white;padding:70px 0 20px;}
.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:50px;}
.footer-column h4{margin-bottom:20px;font-size:1.2rem;}
.footer-links{list-style:none;}
.footer-links li{margin-bottom:10px;}
.footer-links a{color:rgba(255,255,255,0.7);text-decoration:none;transition:color 0.3s;}
.footer-links a:hover{color:white;}
.social-links{display:flex;gap:15px;margin-top:20px;}
.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:rgba(255,255,255,0.1);border-radius:50%;color:white;text-decoration:none;transition:background-color 0.3s;}
.social-links a:hover{background-color:var(--primary);}
.copyright{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.7);font-size:0.9rem;}
@media (max-width:992px){.listing-container{flex-direction:column;}
.sidebar{flex:1;width:100%;}
.news-item-large{flex-direction:column;}
.news-item-large .news-image{flex:1;}}
@media (max-width:768px){.nav-links{display:none;position:absolute;top:100%;left:0;width:100%;background-color:white;flex-direction:column;padding:20px;box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.nav-links.active{display:flex;}
.nav-links li{margin:10px 0;}
.mobile-menu-btn{display:block;}
.page-header h1{font-size:2rem;}}
@media (max-width:576px){.news-listing{}
.news-meta{flex-wrap:wrap;}}
body{margin:0;padding-bottom:60px;font-family:Arial,sans-serif;background-color:#f9f9f9;}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background-color:var(--primary);display:none;justify-content:space-around;align-items:center;z-index:1000;}
@media (max-width:768px){.bottom-nav{display:flex;}}
.nav-item{text-align:center;color:white;font-size:12px;display:flex;flex-direction:column;align-items:center;text-decoration:none;}
.nav-icon{font-size:24px;margin-bottom:4px;color:white;}
.nav-item:hover .nav-icon,.nav-item:hover div{opacity:0.8;}