/* --- SERVICES PAGE SPECIFIC STYLES --- */

/* NAYA FIX: Navbar ke niche chipakne se rokne ke liye (Upar se dhakka) */
main .section:first-child { padding-top: 180px; }

.services-divider { display: flex; align-items: center; justify-content: center; margin: 60px 0 50px; }
.services-divider span { background: var(--glass-bg); padding: 15px 40px; color: #fff; font-weight: 800; font-size: clamp(1.2rem, 3vw, 1.8rem); text-transform: uppercase; letter-spacing: 2px; border: 1px solid var(--primary); border-radius: 50px; box-shadow: 0 0 20px rgba(255,106,0,0.2); }
.services-divider::before, .services-divider::after { content: ""; flex: 1; height: 2px; background: linear-gradient(90deg, transparent, var(--primary), transparent); opacity: 0.5; }

.industries-section { padding: 40px 20px 100px 20px; max-width: 1300px; margin: auto; text-align: center; }
.industries-title { font-size: 2.5rem; font-weight: 800; color: #fff; margin-bottom: 50px; }
.industry-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.industry-box { background: var(--glass-bg); border: 1px solid var(--glass-border); border-left: 4px solid var(--primary); padding: 20px 25px; border-radius: 15px; display: flex; align-items: center; gap: 15px; color: #fff; font-size: 1.05rem; font-weight: 500; transition: 0.3s; backdrop-filter: blur(10px); text-align: left; }
.industry-box:hover { background: rgba(255, 106, 0, 0.1); transform: translateX(5px); border-color: var(--primary); box-shadow: 0 5px 20px rgba(255, 106, 0, 0.2); }
.industry-box i { color: var(--primary); font-size: 1.4rem; }

.special-card { max-width: 1000px; margin: auto; background: linear-gradient(135deg, rgba(255,106,0,0.1) 0%, rgba(10,10,10,0.8) 100%); padding: 80px 60px; border-radius: 45px; border: 1px solid rgba(255, 106, 0, 0.3); backdrop-filter: blur(30px); text-align: center; text-decoration: none; display: block; transition: 0.6s cubic-bezier(0.16, 1, 0.3, 1); position: relative; overflow: hidden; -webkit-tap-highlight-color: transparent; }
.special-card:hover { transform: scale(1.02) translateY(-10px); border-color: var(--primary); box-shadow: 0 0 60px rgba(255, 106, 0, 0.15); }
.special-card h2 { font-size: clamp(2rem, 5vw, 3.5rem); margin-bottom: 20px; color: #fff; }
.special-card p { color: #ffffff; font-size: 1.25rem; line-height: 1.6; margin-bottom: 30px; }

@media (max-width: 768px) {
    /* Mobile par bhi spacing theek karne ke liye */
    main .section:first-child { padding-top: 130px; }
    
    .services-divider::before, .services-divider::after { display: none; }
    .services-divider span { width: 100%; text-align: center; }
    .special-card { padding: 40px 20px; border-radius: 30px; }
    .special-card p { font-size: 1rem; }
    .industries-section { padding: 20px 15px 60px 15px; }
}