/* ===== Top Bar ===== */
.top-bar{background:#f5f5f5;padding:8px 0;font-size:14px;border-bottom:1px solid #eee}
.top-bar a{color:#333;text-decoration:none}
.top-bar a:hover{color:#1E90FF}
.top-bar i{margin-right:5px;color:#1E90FF}

/* ===== Header Phone ===== */
.header-phone{float:right;margin-top:15px}
.header-phone a{color:#333;text-decoration:none;font-size:14px;font-weight:bold}
.header-phone a:hover{color:#1E90FF}
.header-phone i{margin-right:5px;color:#1E90FF}

/* ===== Logo ===== */
.logo-text{font-size:16px;color:#1E90FF;font-weight:bold;line-height:1.4;padding:15px 0}
.logo-text a{color:#1E90FF;text-decoration:none}
.logo-text a:hover{color:#4169E1}

/* ===== PC Nav ===== */
.nav-new{margin-top:10px}
.nav-new ul{display:flex;justify-content:flex-end;margin:0;padding:0;list-style:none}
.nav-new ul li{position:relative}
.nav-new ul li a{display:block;padding:15px 18px;color:#333;text-decoration:none;font-size:16px;font-weight:700;transition:color .3s}
.nav-new ul li a:hover{color:#8B0000}
.nav-red{border-bottom:3px solid #8B0000}
.nav-orange{border-bottom:3px solid #B22222}
.nav-yellow{border-bottom:3px solid #DAA520}
.nav-green{border-bottom:3px solid #228B22}
.nav-blue{border-bottom:3px solid #1E90FF}
.nav-purple{border-bottom:3px solid #4A0E4E}

/* ===== Body Padding ===== */
body{padding-top:120px}

/* ===== Hero ===== */
.hero-overlay{background:rgba(0,0,0,0.5);padding:80px 0;text-align:center;color:#fff}
.hero-overlay h1{font-size:42px;margin-bottom:20px;color:#FFD700}
.hero-overlay p{font-size:18px;max-width:800px;margin:0 auto 30px}

/* ===== Service Cards ===== */
.service-card{background:#fff;border:1px solid #eee;padding:30px;margin-bottom:30px;border-radius:8px;transition:all 0.3s}
.service-card:hover{box-shadow:0 5px 20px rgba(0,0,0,0.1);transform:translateY(-5px)}
.service-card h4{color:#8B0000;margin-bottom:15px}
.service-card .icon{font-size:48px;color:#8B0000;margin-bottom:20px}

/* ===== About ===== */
.about-section{background:#f9f9f9;padding:60px 0}
.about-section h2{color:#8B0000;margin-bottom:20px}
.feature-box{text-align:center;padding:20px}
.feature-box i{font-size:36px;color:#8B0000;margin-bottom:15px}
.feature-box h4{margin-bottom:10px}

/* ===== CTA ===== */
.cta-section{background:#8B0000;color:#fff;padding:60px 0;text-align:center}
.cta-section h2{color:#FFD700;margin-bottom:20px}
.cta-btn{background:#FFD700;color:#8B0000;padding:12px 30px;border-radius:5px;text-decoration:none;font-weight:bold;display:inline-block}
.cta-btn:hover{background:#fff;color:#8B0000}

/* ===== Footer ===== */
.footer-new{background:#333;color:#fff;padding:40px 0}
.footer-new a{color:#FFD700}

/* ===== Business Table ===== */
.business-table{margin:20px 0}
.business-table table{width:100%;border-collapse:collapse}
.business-table th,.business-table td{padding:12px;border:1px solid #ddd;text-align:center}
.business-table th{background:#8B0000;color:#fff}

/* ===== Mobile ===== */
@media(max-width:767px){
.top-bar-mobile{background:#f5f5f5;padding:8px 0;font-size:14px;border-bottom:1px solid #eee}
.top-bar-mobile a{color:#666;text-decoration:none}
.top-bar-mobile i{margin-right:5px;color:#8B0000}
.mobile-header{background:#fff;padding:10px 0;border-bottom:1px solid #eee}
.mobile-header .logo-text{padding:5px 0;font-size:14px}
.mobile-toggle{background:none;border:2px solid #333;border-radius:4px;padding:6px 10px;cursor:pointer;display:inline-flex;flex-direction:column;gap:4px}
.mobile-toggle span{display:block;width:20px;height:2px;background:#333;transition:all .3s}
.mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}
.mobile-toggle.active span:nth-child(2){opacity:0}
.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}
.mobile-nav-dropdown{display:none;background:#fff;border-bottom:1px solid #eee}
.mobile-nav-dropdown.active{display:block}
.mobile-nav-dropdown nav ul{list-style:none;padding:0;margin:0}
.mobile-nav-dropdown nav ul li a{display:block;padding:12px 20px;color:#333;text-decoration:none;font-size:14px;border-bottom:1px solid #f0f0f0}
.mobile-nav-dropdown nav ul li a:hover{color:#8B0000;background:#f9f9f9}
body{padding-top:0}
}

/* ===== Utility ===== */
.gold-link{color:#FFD700}
.white-bg{background:#fff}
.cta-text{font-size:18px;margin-bottom:30px}
.no-list{list-style:none;padding:0}
.footer-divider{margin-top:30px;border-top:1px solid #555;padding-top:20px}
.mt-20{margin-top:20px}
