:root { --cyber-bg: #0A0B10; --cyber-card: #13141C; --cyber-green: #00ffcc; --cyber-magenta: #FF00FF; --cyber-text: #FFFFFF; --cyber-subtext: #9BA1A6; --cyber-border: #2D2D35; }body { background-color: var(--cyber-bg) !important; color: var(--cyber-text) !important; }body h1, body h2, body h3, body h4, body h5, body h6, body p, body li { color: var(--cyber-text) !important; }body strong, body b { color: var(--cyber-green); } .jumbotron, .bg-light, .bg-white, .background_services_details { background-color: transparent !important; background-image: none !important; } .icon-style, .icon-style__sectorAndSection { color: var(--cyber-green) !important; } .navbar, .transition-nav { background-color: rgba(10, 11, 16, 0.95) !important; border-bottom: 1px solid var(--cyber-border) !important; }.navbar .nav-link, .transition-nav .nav-link { color: var(--cyber-text) !important; text-shadow: none !important; } h1.home-main-title, .home-title { color: var(--cyber-text) !important; font-family: 'Inter', 'Roboto', sans-serif !important; font-weight: 900 !important; font-size: 3.8rem !important; text-transform: uppercase !important; text-shadow: none !important; letter-spacing: 1.5px !important; line-height: 1.1 !important; margin-bottom: 20px !important; }.home-main-p { color: var(--cyber-subtext) !important; font-family: 'Inter', 'Roboto', sans-serif !important; font-size: 1.25rem !important; font-weight: 400 !important; text-shadow: none !important; line-height: 1.5 !important; max-width: 800px; margin-bottom: 30px !important; } .home-main { background-color: var(--cyber-bg) !important; background-image: linear-gradient(90deg, #0A0B10 10%, rgba(10, 11, 16, 0.8) 40%, rgba(10, 11, 16, 0.2) 65%, transparent 100%), url(/assets/img/home/cyber_minimal_bg.png) !important; background-size: cover !important; background-position: center right !important; background-repeat: no-repeat !important; min-height: 85vh; display: flex; align-items: center; }.hero-buttons-group { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 40px !important; } .btn-cyber-primary, .btn-primary, .btn-blue, .btn-landing_theme { background: rgba(0, 0, 0, 0.8) !important; color: var(--cyber-text) !important; border: 2px solid var(--cyber-green) !important; border-radius: 8px !important; padding: 12px 24px !important; font-weight: bold !important; text-transform: uppercase !important; box-shadow: 0 0 10px var(--cyber-green), inset 0 0 10px rgba(18, 255, 58, 0.4) !important; transition: all 0.3s ease !important; }.btn-cyber-primary:hover, .btn-primary:hover, .btn-blue:hover, .btn-landing_theme:hover { background: var(--cyber-green) !important; color: var(--cyber-bg) !important; box-shadow: 0 0 20px var(--cyber-green), inset 0 0 10px rgba(18, 255, 58, 0.6) !important; }.btn-cyber-secondary { background: rgba(0, 0, 0, 0.8) !important; color: var(--cyber-text) !important; border: 2px solid var(--cyber-magenta) !important; border-radius: 8px !important; padding: 12px 24px !important; font-weight: bold !important; text-transform: uppercase !important; box-shadow: 0 0 10px var(--cyber-magenta), inset 0 0 10px rgba(255, 0, 255, 0.4) !important; transition: all 0.3s ease !important; }.btn-primary-scarlet { background: rgba(0, 0, 0, 0.8) !important; color: var(--cyber-text) !important; border: 2px solid #ff003c !important; border-radius: 8px !important; padding: 12px 24px !important; font-weight: bold !important; text-transform: uppercase !important; box-shadow: 0 0 10px #ff003c, inset 0 0 10px rgba(255, 0, 60, 0.4) !important; transition: all 0.3s ease !important; }.btn-primary-scarlet:hover { background: #ff003c !important; color: var(--cyber-bg) !important; box-shadow: 0 0 20px #ff003c, inset 0 0 10px rgba(255, 0, 60, 0.6) !important; }.btn-cyber-secondary:hover { background: var(--cyber-magenta) !important; color: var(--cyber-bg) !important; box-shadow: 0 0 20px var(--cyber-magenta), inset 0 0 10px rgba(255, 0, 255, 0.6) !important; } .btn-cyber-accent { background: linear-gradient(var(--cyber-bg), var(--cyber-bg)) padding-box, linear-gradient(90deg, var(--cyber-green), var(--cyber-magenta)) border-box !important; border: 2px solid transparent !important; color: var(--cyber-text) !important; border-radius: 8px !important; padding: 8px 24px !important; font-weight: bold !important; text-transform: uppercase !important; box-shadow: 0 0 15px rgba(255, 0, 255, 0.3) !important; transition: all 0.3s ease !important; }.btn-cyber-accent:hover { transform: scale(1.05); } .cyber-cards-container { padding: 50px 0; }.cyber-card { background-color: var(--cyber-card); border: 1px solid var(--cyber-border); border-radius: 12px; padding: 0; margin-bottom: 30px; height: 100%; overflow: hidden; transition: transform 0.3s ease; }.cyber-card:hover { transform: translateY(-5px); }.cyber-card-img-box { width: 100%; height: 180px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid var(--cyber-border); }.cyber-card-img-box img { max-height: 100px; }.cyber-card-content { padding: 25px; text-align: left; }.cyber-card-title { color: var(--cyber-text); font-size: 1.25rem; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; }.cyber-card-p { color: var(--cyber-subtext); font-size: 0.9rem; margin-bottom: 25px; line-height: 1.5; }.cyber-link-green { color: var(--cyber-green); font-weight: bold; text-decoration: none !important; }.cyber-link-green:hover { color: var(--cyber-text); }.cyber-link-magenta { color: var(--cyber-magenta); font-weight: bold; text-decoration: none !important; }.cyber-link-magenta:hover { color: var(--cyber-text); } .hero-buttons-group { display: flex; gap: 15px; margin-top: 25px; margin-bottom: 25px; flex-wrap: wrap; } nav .dropdown-menu, .dropdown-menu { background-color: var(--cyber-card) !important; border: 1px solid var(--cyber-border) !important; }nav .dropdown-menu a, .dropdown-menu .dropdown-item, .subservices-items ul li a { color: var(--cyber-subtext) !important; text-shadow: none !important; }nav .dropdown-menu a:hover, .subservices-items ul li a:hover { color: var(--cyber-text) !important; text-shadow: 0 0 8px var(--cyber-text) !important; background-color: transparent !important; }nav .dropdown-menu a.primary-service, .primary-service { color: var(--cyber-text) !important; font-weight: bold; }nav .dropdown-menu a.primary-service:hover, .primary-service:hover { color: var(--cyber-green) !important; text-shadow: 0 0 8px var(--cyber-green) !important; }.menu-p { color: var(--cyber-subtext) !important; }.subservices-items ul li { color: var(--cyber-subtext) !important; }.dropdown-menu-options-mb-services .text-services-responsive__color a { color: var(--cyber-subtext) !important; }.dropdown-menu-options-mb-services .text-services-responsive__color a:hover { color: var(--cyber-text) !important; } .mobileMenu { background-color: var(--cyber-bg) !important; }.animated-icon1 span { background: var(--cyber-text) !important; } #automatic_counters-section { background-color: var(--cyber-bg) !important; }#automatic_counters-section .icon-style:before { color: var(--cyber-magenta) !important; text-shadow: 0 0 10px var(--cyber-magenta) !important; }#automatic_counters-section .text-lightblue, #automatic_counters-section .text-lightblue h4, #automatic_counters-section .text-lightblue h2 { color: var(--cyber-green) !important; text-shadow: 0 0 5px var(--cyber-green) !important; }#automatic_counters-section p { color: var(--cyber-subtext) !important; }#automatic_counters-section .section__subtitle-style:after { border-top: 3px solid var(--cyber-magenta) !important; box-shadow: 0 0 5px var(--cyber-magenta) !important; } .home-p { color: var(--cyber-subtext) !important; }h1.highlight, h2.highlight, h3.highlight, h4.highlight, p.highlight, span.highlight { -webkit-filter: none !important; filter: none !important; }img.highlight { -webkit-filter: drop-shadow(0 0 15px rgba(18, 255, 58, 0.5)) !important; filter: drop-shadow(0 0 15px rgba(18, 255, 58, 0.5)) !important; } .blog ul.checklist { background: transparent !important; padding: 0 !important; margin: 2rem 0 !important; border-radius: 0 !important; }.cyber-service-card .checklist { padding: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }.blog ul.checklist li { padding-left: 0 !important; }.checklist li { color: var(--cyber-subtext) !important; list-style: none !important; text-indent: 0 !important; padding-left: 20px; margin-bottom: 8px; position: relative; }.blog ul.checklist li::before, .checklist .check-enabled:before { content: '✓' !important; color: var(--cyber-green) !important; text-shadow: 0 0 5px var(--cyber-green) !important; margin-left: 0 !important; padding-right: 15px !important; font-weight: bold !important; display: inline-block !important; width: auto !important; }.checklist li a { color: var(--cyber-magenta) !important; }.checklist li a:hover { color: var(--cyber-text) !important; text-shadow: 0 0 5px var(--cyber-magenta) !important; } #customers-section { background-color: var(--cyber-bg) !important; }#customers-section h2.section__subtitle-style { color: var(--cyber-magenta) !important; text-shadow: 0 0 10px var(--cyber-magenta) !important; }#customers-section .section__subtitle-style:after { border-top: 3px solid var(--cyber-magenta) !important; box-shadow: 0 0 5px var(--cyber-magenta) !important; }#customers-section .single-logo img { filter: invert(1) brightness(1.5) !important; -webkit-filter: invert(1) brightness(1.5) !important; opacity: 0.8; }#customers-section .single-logo img:hover { opacity: 1; filter: invert(1) brightness(2) !important; -webkit-filter: invert(1) brightness(2) !important; transform: scale(1.05); transition: all 0.3s ease; }#customers-section .section-padding { background-color: transparent !important; }#customers-section .brand-carousel .owl-stage { transition-timing-function: linear !important; } #main-banner .background-img { background-image: linear-gradient(90deg, #0A0B10 10%, rgba(10, 11, 16, 0.8) 40%, rgba(10, 11, 16, 0.2) 65%, transparent 100%), url(/assets/img/home/cyber_minimal_bg.png) !important; background-size: cover !important; background-position: center right !important; }#aboutUs-section, #servicios, #services-section, #other_services, #info_section, #info_section-service, #separator-section2, #ready-screen section { background-color: var(--cyber-bg) !important; } img[src*="owasp.png"], img[src*="pci-dss.png"], img[src*="logo-cwe.svg"], img[src*="logo-cve.svg"], img[src*="logo-cvss.svg"], img[src*="1280px-NIST_logo.png"] { filter: brightness(0) invert(1) drop-shadow(0 0 3px rgba(255, 255, 255, 0.2)) !important; -webkit-filter: brightness(0) invert(1) drop-shadow(0 0 3px rgba(255, 255, 255, 0.2)) !important; opacity: 0.9; } img[src*="DevSecOps-Diagram.png"] { filter: invert(1) brightness(1.5) drop-shadow(0 0 10px rgba(0, 255, 204, 0.2)) !important; -webkit-filter: invert(1) brightness(1.5) drop-shadow(0 0 10px rgba(0, 255, 204, 0.2)) !important; }#services-section .section__subtitle-style { color: var(--cyber-text) !important; text-shadow: 0 0 10px rgba(255, 255, 255, 0.5) !important; }#services-section .section__subtitle-style:after { border-top: 3px solid var(--cyber-green) !important; box-shadow: 0 0 5px var(--cyber-green) !important; }.blog-subtitle { color: var(--cyber-magenta) !important; text-shadow: 0 0 8px rgba(255, 0, 255, 0.4) !important; }#aboutUs-section img[src*="LOGO.svg"] { filter: invert(1) brightness(1.5) drop-shadow(0 0 15px rgba(0, 255, 204, 0.3)) !important; -webkit-filter: invert(1) brightness(1.5) drop-shadow(0 0 15px rgba(0, 255, 204, 0.3)) !important; } .service-box-icon { background: var(--cyber-card) !important; border-color: var(--cyber-magenta) !important; color: var(--cyber-green) !important; box-shadow: 0 0 10px rgba(255, 0, 255, 0.2) !important; transition: all 0.3s ease !important; } section p a, section:not(#main-banner) ul:not(.services-summary) li a { color: var(--cyber-green) !important; text-decoration: none !important; transition: all 0.3s ease !important; }section p a:hover, section:not(#main-banner) ul:not(.services-summary) li a:hover { color: var(--cyber-magenta) !important; text-shadow: 0 0 5px var(--cyber-magenta) !important; }.services-summary a { color: var(--cyber-text) !important; transition: all 0.3s ease !important; }.services-summary a:hover { color: var(--cyber-green) !important; background: rgba(18, 255, 58, 0.05) !important; border-radius: 8px !important; text-shadow: 0 0 5px rgba(18, 255, 58, 0.5) !important; } .timeline { background: transparent !important; }.timeline:before { background: var(--cyber-border) !important; }.timeline .entry .title { color: var(--cyber-green) !important; }.timeline .entry .title:before { border: 3px solid var(--cyber-magenta) !important; background-color: var(--cyber-card) !important; box-shadow: 0 0 10px var(--cyber-magenta) !important; }.timeline .entry .body { background: var(--cyber-card) !important; border: 1px solid var(--cyber-border) !important; padding: 20px 20px 10px 20px !important; border-radius: 8px !important; margin-bottom: 25px !important; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important; transition: all 0.3s ease !important; width: calc(66% - 25px) !important; }.timeline .entry .body:hover { border-color: var(--cyber-green) !important; box-shadow: 0 0 15px rgba(18, 255, 58, 0.2) !important; }.timeline .entry .body p { color: var(--cyber-text) !important; }.timeline .entry .body ul { color: var(--cyber-subtext) !important; } #customers-section .owl-dot { background-color: var(--cyber-border) !important; box-shadow: 0 0 5px var(--cyber-border) !important; }#customers-section .owl-dot.active { background-color: var(--cyber-magenta) !important; box-shadow: 0 0 10px var(--cyber-magenta) !important; } #contact-section { background-color: var(--cyber-bg) !important; }#contact-section h2.section__subtitle-style { color: var(--cyber-text) !important; text-shadow: 0 0 5px var(--cyber-text) !important; }#contact-section .section__subtitle-style:after { border-top: 3px solid var(--cyber-green) !important; box-shadow: 0 0 5px var(--cyber-green) !important; }#contact-section .blockquote { background-color: var(--cyber-card) !important; border: 1px solid var(--cyber-border) !important; border-left: 4px solid var(--cyber-green) !important; color: var(--cyber-text) !important; padding: 20px !important; margin-bottom: 25px !important; border-radius: 8px !important; box-shadow: inset 0 0 15px rgba(18, 255, 58, 0.05), 0 0 10px rgba(10, 11, 16, 0.8) !important; font-size: 1.05rem; }#contact-section .blockquote i.text-lightblue { color: var(--cyber-magenta) !important; text-shadow: 0 0 5px var(--cyber-magenta) !important; display: block; margin-top: 10px; } footer { background-color: var(--cyber-bg) !important; border-top: 1px solid var(--cyber-border); }footer .section__subtitle-style:after { border-top: 3px solid var(--cyber-magenta) !important; box-shadow: 0 0 5px var(--cyber-magenta) !important; }footer .text-white, footer p { color: var(--cyber-subtext) !important; }footer h6 { color: var(--cyber-text) !important; }footer a.text-white:hover { color: var(--cyber-green) !important; text-shadow: 0 0 5px var(--cyber-green) !important; }footer .icon-style:before { color: var(--cyber-magenta) !important; text-shadow: 0 0 10px var(--cyber-magenta) !important; }footer .footer-btnTop__style { background-color: var(--cyber-card) !important; border: 1px solid var(--cyber-border) !important; } .cyber-jaguar-container { width: 600px; height: 600px; margin: 30px auto; position: relative; max-width: 100%; }.cyber-jaguar-img { animation: driftFloat 6s ease-in-out infinite alternate, pulseGlow 4s ease-in-out infinite alternate; }@keyframes driftFloat { 0% { transform: translateY(0px) rotate(0deg); }100% { transform: translateY(-15px) rotate(1deg); } }@keyframes pulseGlow { 0% { filter: brightness(1) drop-shadow(0 0 10px rgba(0, 255, 0, 0.2)); }100% { filter: brightness(1.2) drop-shadow(0 0 25px rgba(255, 0, 255, 0.4)); } } .services-cards-section { padding-top: 50px; background: transparent; }.cyber-service-card { background: #0d0f19; background: linear-gradient(145deg, #111424, #080910); border: 1px solid #1a1e2f; border-radius: 12px; overflow: hidden; transition: all 0.3s ease; width: 100%; display: flex; flex-direction: column; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8); }.cyber-service-card:hover { transform: translateY(-8px); border-color: #3b4361; box-shadow: 0 15px 40px rgba(0, 255, 204, 0.15), 0 0 15px rgba(255, 0, 255, 0.1); }.cyber-service-card-img { width: 100%; height: 180px; object-fit: cover; border-bottom: 2px solid #1a1e2f; opacity: 0.9; transition: opacity 0.3s; }.cyber-service-card:hover .cyber-service-card-img { opacity: 1; }.cyber-service-card-body { padding: 30px 25px; flex-grow: 1; display: flex; flex-direction: column; }.cyber-service-card h4 { color: #ffffff; font-size: 1.25rem; font-weight: 700; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 0.5px; }.cyber-service-card p { color: #a0a5b8; font-size: 0.95rem; line-height: 1.6; margin-bottom: 25px; flex-grow: 1; }.cyber-service-link { font-weight: 600; font-size: 1rem; text-decoration: none; display: inline-flex; align-items: center; transition: all 0.2s; margin-top: auto; }.text-cyber-green { color: #00ffcc !important; }.text-cyber-magenta { color: #ff00ff !important; }.cyber-service-link:hover { text-decoration: none; opacity: 0.8; }.cyber-service-card:hover .text-cyber-green { text-shadow: 0 0 12px rgba(0, 255, 204, 0.6); }.cyber-service-card:hover .text-cyber-magenta { text-shadow: 0 0 12px rgba(255, 0, 255, 0.6); }.text-cyber-scarlet { color: #ff003c !important; }.cyber-service-card-scarlet { background: #0d0f19; background: linear-gradient(145deg, #111424, #080910); border: 1px solid #2f1a1a; border-radius: 12px; overflow: hidden; transition: all 0.3s ease; width: 100%; display: flex; flex-direction: column; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8); }.cyber-service-card-scarlet:hover { transform: translateY(-8px); border-color: #613b3b; box-shadow: 0 15px 40px rgba(255, 0, 60, 0.15), 0 0 15px rgba(255, 0, 60, 0.1); }.cyber-service-card-scarlet h4 { color: #ffffff; font-size: 1.25rem; font-weight: 700; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 0.5px; }.cyber-service-card-scarlet p { color: #a0a5b8; font-size: 0.95rem; line-height: 1.6; margin-bottom: 25px; flex-grow: 1; }.cyber-service-card-scarlet:hover .text-cyber-scarlet { text-shadow: 0 0 12px rgba(255, 0, 60, 0.6); }.text-highlight { color: #ffffff; text-shadow: 0 0 15px rgba(0, 255, 204, 0.3); } .nav-tabs, .nav-pills:not(.navbar-nav) { border-bottom: none !important; }.nav-tabs .nav-item, .nav-pills:not(.navbar-nav) .nav-item { margin-bottom: 0 !important; }.nav-tabs .nav-link, .nav-pills:not(.navbar-nav) .nav-link { color: var(--cyber-subtext) !important; background-color: var(--cyber-card) !important; border: 1px solid var(--cyber-border) !important; border-radius: 4px; margin: 4px; transition: all 0.3s ease; text-transform: uppercase; font-weight: 600; font-size: 0.9rem; letter-spacing: 1px; }.nav-tabs .nav-link:hover, .nav-pills:not(.navbar-nav) .nav-link:hover { color: var(--cyber-green) !important; border-color: var(--cyber-green) !important; box-shadow: 0 0 10px rgba(0, 255, 204, 0.2); background-color: transparent !important; }.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-pills:not(.navbar-nav) .nav-item.show .nav-link, .nav-pills:not(.navbar-nav) .nav-link.active { background-color: rgba(255, 0, 255, 0.05) !important; color: var(--cyber-magenta) !important; border: 1px solid var(--cyber-magenta) !important; box-shadow: inset 0 0 10px rgba(255, 0, 255, 0.1), 0 0 10px rgba(255, 0, 255, 0.2) !important; text-shadow: 0 0 8px rgba(255, 0, 255, 0.6); } .owl-carousel-custom-red-team.owl-theme .owl-dots .owl-dot span { background: #111424 !important; border: 1px solid #3b4361 !important; border-radius: 4px !important; transition: all 0.3s ease !important; width: 12px !important; height: 12px !important; }.owl-carousel-custom-red-team.owl-theme .owl-dots .owl-dot.active span, .owl-carousel-custom-red-team.owl-theme .owl-dots .owl-dot:hover span { background: #ff003c !important; border-color: #ff003c !important; box-shadow: 0 0 15px rgba(255, 0, 60, 0.8) !important; } .border-cyber-green { border: 1px solid var(--cyber-green) !important; }.border-cyber-magenta { border: 1px solid var(--cyber-magenta) !important; }