.banner-img { width: 100%; height: 90vh; object-fit: cover; position: absolute; top: 0; left: 0; z-index: -1; } /* Slide container */ .main-banner-item-new, .main-banner-item { position: relative; height: 90vh; display: flex; justify-content: center; } /* ------------------------------- */ /* Bottom-Centered Content - Desktop */ /* ------------------------------- */ .banner-content { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); text-align: center; width: 60%; padding: 0 15px; } /* ------------------------------- */ /* MOBILE RESPONSIVE (UPDATED) */ /* ------------------------------- */ @media (max-width: 767px) { /* Mobile banner height */ .banner-img { height: 50vh; } .main-banner-item-new, .main-banner-item { height: 50vh; } /* Move content to TOP + Transparent Background */ .banner-content { width: 100%; top: 10px; bottom: auto; transform: translateX(-50%); /* ✅ Transparent dark background added */ background: rgba(0, 0, 0, 0.35); border-radius: 10px; padding: 10px 15px; } /* Mobile heading */ .banner-content h2 { font-size: 16px !important; padding: 5px !important; margin: 0; font-weight: 700; color: #ffffff !important; background: none !important; border: none !important; box-shadow: none !important; } /* Mobile tagline */ .banner-content h4 { font-size: 12px !important; padding: 5px !important; margin-top: 5px !important; color: #ffffff !important; background: none !important; border: none !important; box-shadow: none !important; } }