* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Roboto', sans-serif; color: #f0f0f0; line-height: 1.6; overflow-x: hidden; background-color: #111; } h1, h2, h3, h4 { font-family: 'Montserrat', sans-serif; font-weight: 700; margin-bottom: 1rem; } .container { width: 90%; max-width: 1200px; margin: 0 auto; padding: 0 15px; } /* Header Styles */ header { position: fixed; top: 0; left: 0; width: 100%; background-color: rgba(10, 10, 10, 0.95); padding: 15px 0; z-index: 1000; border-bottom: 2px solid #C41E3A; } .header-container { display: flex; justify-content: space-between; align-items: center; } .logo { display: flex; align-items: center; gap: 12px; cursor: pointer; } .logo-image { width: 52px; height: 52px; object-fit: contain; border-radius: 10px; transition: transform 0.4s ease, box-shadow 0.4s ease; } .logo-text { font-size: 15px; font-weight: 500; letter-spacing: 0.6px; transition: color 0.3s ease; color: #fff; } .logo-text span { color: #ffcc00; display: block; font-size: 14px; } @keyframes glowPulse { 0% { box-shadow: 0 0 8px rgba(255,204,0,0.2); } 50% { box-shadow: 0 0 22px rgba(255,204,0,0.6); } 100% { box-shadow: 0 0 8px rgba(255,204,0,0.2); } } .logo-image { animation: glowPulse 3s infinite ease-in-out; } /* Desktop Navigation */ .desktop-nav ul { display: flex; list-style: none; } .desktop-nav ul li { margin-left: 30px; } .desktop-nav ul li a { color: #fff; text-decoration: none; font-weight: 500; font-size: 1.1rem; transition: color 0.3s ease; padding: 5px 0; position: relative; } .desktop-nav ul li a:hover { color: #D4AF37; } .desktop-nav ul li a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #D4AF37; transition: width 0.3s ease; } .desktop-nav ul li a:hover::after { width: 100%; } /* Mobile Menu Button */ .mobile-menu-btn { display: none; background: none; border: none; color: white; font-size: 1.5rem; cursor: pointer; z-index: 1001; } /* Mobile Menu */ .mobile-menu { display: none; position: fixed; top: 80px; right: -100%; width: 80%; max-width: 300px; height: calc(100vh - 80px); background-color: rgba(10, 10, 10, 0.98); transition: right 0.3s ease; padding: 30px; box-shadow: -5px 0 15px rgba(0, 0, 0, 0.3); border-left: 3px solid #C41E3A; z-index: 999; } .mobile-menu.active { right: 0; } .mobile-menu ul { list-style: none; } .mobile-menu ul li { margin-bottom: 20px; } .mobile-menu ul li a { color: #fff; text-decoration: none; font-size: 1.2rem; font-weight: 500; display: block; padding: 10px; border-radius: 4px; transition: all 0.3s ease; } .mobile-menu ul li a:hover { background-color: rgba(212, 175, 55, 0.1); color: #D4AF37; } /* Hero Section */ .hero { height: 100vh; position: relative; display: flex; align-items: center; color: white; overflow: hidden; margin-top: 80px; } #vanta-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .hero-content { max-width: 700px; } .hero h1 { font-size: 3.5rem; margin-bottom: 20px; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); color: #fff; } .hero h1 span { color: #D4AF37; } .hero p { font-size: 1.3rem; margin-bottom: 30px; opacity: 0.9; } .btn { display: inline-block; background-color: #D4AF37; color: #111; padding: 14px 32px; border-radius: 4px; text-decoration: none; font-weight: 700; font-size: 1.1rem; transition: all 0.3s ease; border: 2px solid #D4AF37; cursor: pointer; } .btn:hover { background-color: #b8941f; color: #111; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(212, 175, 55, 0.3); } .btn-red { background-color: #C41E3A; border-color: #C41E3A; margin-left: 15px; } .btn-red:hover { background-color: #a0182f; box-shadow: 0 10px 20px rgba(196, 30, 58, 0.3); } /* Slider Section */ .slider-section { position: relative; width: 100%; height: 80vh; min-height: 500px; overflow: hidden; background: #000; } .slider-container { width: 100%; height: 100%; position: relative; } .slider-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease-in-out; display: flex; align-items: center; justify-content: center; } .slider-slide.active { opacity: 1; } .slider-image { width: 100%; height: 100%; object-fit: cover; object-position: center; } .slider-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7)); } .slider-caption { position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); text-align: center; color: white; z-index: 2; width: 80%; max-width: 800px; } .slider-caption h3 { font-family: 'Montserrat', sans-serif; font-size: 2.2rem; font-weight: 700; margin-bottom: 15px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); color: #fff; } .slider-caption p { font-size: 1.1rem; opacity: 0.9; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } .slider-nav { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); display: flex; gap: 12px; z-index: 3; } .slider-dot { width: 12px; height: 12px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); cursor: pointer; transition: all 0.3s ease; border: 2px solid transparent; } .slider-dot.active { background: #dc3545; transform: scale(1.2); border-color: white; } .slider-dot:hover { background: #dc3545; } /* Section Styles */ section { padding: 80px 0; } .section-title { text-align: center; margin-bottom: 50px; } .section-title h2 { font-size: 2.5rem; color: #D4AF37; position: relative; display: inline-block; padding-bottom: 15px; } .section-title h2::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background-color: #C41E3A; } /* About Section */ .about-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 50px; align-items: center; } .about-text p { margin-bottom: 20px; font-size: 1.1rem; color: #ccc; } .stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 30px; } .stat-item { text-align: center; padding: 20px; background-color: #1a1a1a; border-radius: 8px; border-bottom: 3px solid #C41E3A; } .stat-number { font-size: 2.5rem; font-weight: 800; color: #D4AF37; display: block; } .stat-label { color: #ccc; font-weight: 500; } /* Services Section */ .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .service-card { background-color: #1a1a1a; border-radius: 8px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); transition: transform 0.3s ease; border-top: 4px solid #C41E3A; } .service-card:hover { transform: translateY(-10px); box-shadow: 0 15px 35px rgba(212, 175, 55, 0.2); } .service-icon { background-color: #222; color: #D4AF37; font-size: 2.5rem; padding: 25px; text-align: center; } .service-content { padding: 25px; } .service-content h3 { font-size: 1.5rem; color: #D4AF37; margin-bottom: 15px; } .service-content p { color: #ccc; } /* Gallery Section */ .gallery-section { background-color: #1a1a1a; } .gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 25px; } .gallery-item { position: relative; border-radius: 8px; overflow: hidden; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); height: 250px; cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease; } .gallery-item:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(212, 175, 55, 0.2); } .gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .gallery-item:hover img { transform: scale(1.05); } /* Team Section */ .team-container { display: flex; gap: 30px; justify-content: center; flex-wrap: wrap; padding: 30px 20px; } .team-card { width: 280px; text-align: center; } .team-card .hover-card { width: 100%; height: 360px; position: relative; overflow: hidden; border-radius: 14px; box-shadow: 0 15px 35px rgba(0,0,0,0.4); cursor: pointer; margin-bottom: 15px; } .team-card .hover-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .team-card .hover-card:hover img { transform: scale(1.12); } .team-info h3 { margin: 0; font-size: 1.2rem; font-weight: 600; color: #D4AF37; } .team-info p { margin-top: 6px; font-size: 0.95rem; color: #ccc; } .btn-center { text-align: center; margin-top: 30px; } .btn-sub { display: block; font-size: 0.9rem; opacity: 0.85; margin-top: 4px; } /* Contact Section */ .contact-section { background-color: #1a1a1a; } .contact-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; } .contact-info h3 { color: #D4AF37; margin-bottom: 20px; } .contact-item { display: flex; align-items: center; margin-bottom: 20px; } .contact-icon { background-color: #C41E3A; color: #fff; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; margin-right: 15px; flex-shrink: 0; } .contact-form input, .contact-form textarea { width: 100%; padding: 15px; margin-bottom: 20px; border: 1px solid #333; border-radius: 4px; font-family: 'Roboto', sans-serif; background-color: #222; color: #fff; font-size: 16px; } .contact-form textarea { height: 150px; resize: vertical; } .contact-form input:focus, .contact-form textarea:focus { outline: none; border-color: #D4AF37; } /* Footer */ footer { background-color: #0a0a0a; color: #fff; padding: 50px 0 20px; border-top: 3px solid #C41E3A; } .footer-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-logo .logo-text { font-size: 1.4rem; margin-bottom: 15px; } .footer-about p { opacity: 0.8; color: #ccc; line-height: 1.6; } .footer-links h3, .footer-contact h3 { font-size: 1.3rem; margin-bottom: 20px; color: #D4AF37; } .footer-links ul { list-style: none; } .footer-links ul li { margin-bottom: 10px; } .footer-links ul li a { color: #ccc; text-decoration: none; transition: all 0.3s ease; } .footer-links ul li a:hover { color: #D4AF37; padding-left: 5px; } .footer-contact p { display: flex; align-items: center; margin-bottom: 15px; opacity: 0.8; color: #ccc; } .footer-contact i { margin-right: 10px; color: #C41E3A; min-width: 20px; } .copyright { text-align: center; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.1); opacity: 0.7; font-size: 0.9rem; color: #aaa; } /* Responsive Styles */ @media (max-width: 992px) { .hero h1 { font-size: 2.8rem; } .mobile-menu-btn { display: block; } .desktop-nav { display: none; } .gallery-grid { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); } .slider-section { height: 60vh; } .slider-caption h3 { font-size: 1.8rem; } } @media (max-width: 768px) { .hero { height: 80vh; } .hero h1 { font-size: 2.2rem; } .hero p { font-size: 1.1rem; } .section-title h2 { font-size: 2rem; } .stats { grid-template-columns: 1fr; } .slider-section { height: 50vh; } .slider-caption { bottom: 60px; } .slider-caption h3 { font-size: 1.5rem; } } @media (max-width: 576px) { .hero { height: 70vh; } .hero h1 { font-size: 1.8rem; } .btn { padding: 12px 25px; font-size: 1rem; display: block; margin-bottom: 10px; width: 100%; text-align: center; } .btn-red { margin-left: 0; } section { padding: 60px 0; } .slider-section { height: 40vh; min-height: 300px; } .slider-caption h3 { font-size: 1.2rem; } .slider-caption p { font-size: 0.9rem; } .gallery-grid { grid-template-columns: 1fr; } .team-card { width: 100%; max-width: 300px; } } .iso-badge { margin-top: 5px; font-family: sans-serif; } .iso-badge p { margin: 0; font-weight: bold; color: #003366; /* A professional navy blue */ font-size: 0.9em; } .certified-text { font-size: 0.75em; color: #666; text-transform: uppercase; letter-spacing: 1px; } .company-info { display: flex; flex-direction: column; gap: 2px; } .logo { display: flex; align-items: center; gap: 15px; cursor: pointer; } .logo-image { width: 52px; height: 52px; object-fit: contain; border-radius: 10px; transition: transform 0.4s ease, box-shadow 0.4s ease; } .logo-text { font-size: 16px; font-weight: 600; letter-spacing: 0.6px; color: #fff; line-height: 1.2; } .iso-badge p { margin: 0; font-weight: bold; color: #D4AF37; font-size: 0.85em; font-family: 'Roboto', sans-serif; } .certified-text { font-size: 0.75em; color: #aaa; text-transform: uppercase; letter-spacing: 1px; }
AN ISO/IEC 27001:2022 Certified Company
Bengal Sheild Security Services Pvt Ltd delivers premium security solutions with cutting-edge technology and highly trained personnel. Your safety is our command.
Get a Free Security Audit Our ServicesFounded in 2018, Bengal Sheild Security Services Private Limited has established itself as a premier security provider with a reputation for excellence, integrity, and innovation in the security industry.
Our elite team undergoes rigorous training and continuous development to stay ahead of evolving security threats. We combine human expertise with advanced technology to deliver unparalleled protection.
We proudly serve a diverse portfolio of clients including corporate offices, residential complexes, industrial facilities, and government institutions across the region.
Advanced security solutions for corporate offices, IT parks, and business centers with integrated access control and surveillance systems.
Complete 24/7 security for residential complexes, gated communities, and luxury estates with patrol systems and emergency response.
Comprehensive security for shopping malls, retail outlets, restaurants, and entertainment venues with crowd management expertise.
Specialized protection for manufacturing plants, warehouses, and industrial facilities with fire safety and emergency protocols.
Professional security management for concerts, exhibitions, sports events, and corporate functions with crowd control strategies.
Installation and monitoring of advanced CCTV systems with AI analytics, remote access, and proactive security management.
High-level armed protection by licensed personnel for sensitive locations and high-risk environments.
Secure transportation of cash and valuables with trained armed guards to prevent theft or loss.
Personal protection services with arms for high-profile individuals during travel, events, and meetings.
A visual showcase of our security personnel, operations, and facilities
Managing Director
Contact us for a comprehensive security assessment. Our elite team is available 24/7 to address your security requirements.
Bengal Sheild Security Services Pvt. Ltd
Registered Address: Jalalpur, Gangarampur,
South Dinajpur 733124, West Bengal
+91 8777271367 | +91 9748521736
Info@bengalSheild.com