.top-bar {
   background: linear-gradient(90deg, #1a5276, #2980b9);
   color: #fff;
   padding: 10px 0;
   font-size: 14px;
}
.top-bar .container {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
}
.top-bar a { color: #fff; text-decoration: none; }
.top-bar a:hover { color: #f1c40f; }
.main-header {
   background: #fff;
   padding: 15px 0;
   box-shadow: 0 3px 15px rgba(0,0,0,0.08);
}
.logo-text {
   font-size: 18px;
   color: #1a5276;
   font-weight: bold;
}
.logo-text:hover { color: #2980b9; text-decoration: none; }
.nav-pills .nav-link {
   color: #1a5276;
   font-weight: 500;
   padding: 10px 15px;
}
.nav-pills .nav-link.active {
   background: #2980b9;
   color: #fff;
}
.hero-banner {
   background: linear-gradient(135deg, rgba(26,82,118,0.9), rgba(41,128,185,0.8)), url('../images/g2.jpg') center/cover;
   padding: 100px 0;
   color: #fff;
   position: relative;
}
.hero-banner::after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 60px;
   background: linear-gradient(to top, #fff, transparent);
}
.hero-content h1 {
   font-size: 48px;
   margin-bottom: 20px;
   text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.hero-content p {
   font-size: 20px;
   max-width: 900px;
}
.intro-section {
   padding: 80px 0;
   background: #fff;
}
.intro-box {
   background: #f8f9fa;
   border-radius: 10px;
   padding: 40px;
   border-left: 5px solid #2980b9;
}
.service-grid {
   padding: 60px 0;
   background: linear-gradient(to bottom, #f8f9fa, #fff);
}
.service-item {
   background: #fff;
   border-radius: 12px;
   padding: 35px;
   margin-bottom: 30px;
   box-shadow: 0 8px 25px rgba(0,0,0,0.08);
   transition: all 0.3s ease;
   border-top: 4px solid #2980b9;
}
.service-item:hover {
   transform: translateY(-8px);
   box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}
.service-icon {
   width: 70px;
   height: 70px;
   background: linear-gradient(135deg, #1a5276, #2980b9);
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 20px;
}
.service-icon i {
   font-size: 30px;
   color: #fff;
}
.service-item h4 {
   color: #1a5276;
   font-size: 24px;
   margin-bottom: 15px;
}
.product-list {
   list-style: none;
   padding: 0;
}
.product-list li {
   padding: 12px 0;
   border-bottom: 1px solid #eee;
   display: flex;
   align-items: flex-start;
}
.product-list li:last-child { border-bottom: none; }
.product-list li i {
   color: #2980b9;
   margin-right: 10px;
   margin-top: 5px;
}
.product-list h6 {
   color: #1a5276;
   margin-bottom: 5px;
   font-size: 16px;
}
.product-list p {
   margin: 0;
   color: #666;
   font-size: 14px;
}
.brands-section {
   background: #1a5276;
   padding: 60px 0;
   color: #fff;
}
.brand-item {
   text-align: center;
   padding: 20px;
   background: rgba(255,255,255,0.1);
   border-radius: 8px;
   margin-bottom: 20px;
}
.brand-item h5 {
   margin: 0;
   font-size: 20px;
}
.counter-section {
   padding: 70px 0;
   background: #fff;
}
.counter-box {
   text-align: center;
   padding: 30px 20px;
}
.counter-box .number {
   font-size: 52px;
   font-weight: bold;
   color: #2980b9;
   display: block;
}
.counter-box .label {
   color: #666;
   font-size: 16px;
   margin-top: 10px;
}
.contact-cta {
   background: linear-gradient(135deg, #2980b9, #1a5276);
   padding: 70px 0;
   text-align: center;
   color: #fff;
}
.contact-cta h3 {
   font-size: 34px;
   margin-bottom: 15px;
}
.contact-cta .phone-number {
   font-size: 36px;
   font-weight: bold;
   color: #f1c40f;
   display: block;
   margin: 20px 0;
   text-decoration: none;
}
.footer-section {
   background: #0d2137;
   color: #fff;
   padding: 50px 0 20px;
}
.footer-section a { color: #f1c40f; }
.footer-bottom {
   text-align: center;
   padding-top: 25px;
   border-top: 1px solid rgba(255,255,255,0.1);
   margin-top: 30px;
}
@media(max-width:768px){
   .nav-link { color: #000 !important; }
   .nav-link.active { color: #fff !important; }
   .dropdown-item { color: #000 !important; }
   .logo-text { color: #000 !important; }
}
