/* ==========================================================================
   BLINKLESS REMOTE GUARDING - EXACT MATCH STYLESHEET (V10)
   Colors:
   - Dark Forest Green: #003017, #002612, #001f0e, #00170b
   - Accent Lime: #d2ff89, var(--accent-lime), #b5f553
   - Light Body Background: #f4f6f5, #ffffff
   ========================================================================== */

:root {
    --bg-dark-forest: #003017;
    --bg-darker: #002612;
    --bg-footer: #001f0e;
    --bg-light-body: #f4f6f5;
    --bg-white: #ffffff;
    --accent-lime: #eed580;
    --accent-lime-hover: #b8f263;
    --text-dark: #003017;
    --text-body: #2d3748;
    --text-muted: #94a3b8;
    --border-light: #e2e8f0;
    --border-lime: #d2ff89;
    --font-main: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

body {
    background-color: #000;
    color: var(--text-body);
    font-family: var(--font-main);
    line-height: 1.6;
    overflow-x: hidden;
}

/* Heading & Text Utilities */
.text-forest {
    color: #eed580;
    line-height: 30px;
    font-weight: 800 !important;
    font-size: 22px;
}

.text-lime {
    color: var(--accent-lime) !important;
}

.bg-forest {
    background-color: var(--bg-dark-forest) !important;
}

.bg-light-section {
    background-color: #000000 !important;
    padding: 20px 0;
}

.bg-white-section {
    background-color: #000000 !important;
    padding: 80px 0;
}

.fw-extrabold {
    font-weight: 800;
}

/* Signature Green Curved Underline SVG */
.heading-underlined {
    position: relative;
    display: inline-block;
}

.heading-curve-svg {
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 14px;
    pointer-events: none;
    overflow: visible;
}

/* Top Bar */
.top-bar {
    background-color: #000000;
    font-size: 0.88rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    padding: 8px 0;
    position: relative;
    z-index: 1010;
    border-bottom: 0px solid #F5F5F552;
}

.top-bar a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.2s ease;
}

.top-bar a:hover {
    color: var(--accent-lime);
}

/* Header Navbar - Transparent over Hero Banner */
.site-header {
    background: transparent !important;
    border-bottom: none !important;
    padding: 16px 0;
    position: absolute;
    top: 38px;
    left: 0;
    width: 100%;
    z-index: 1000;
}

.process-heading-curve-svg {
    bottom: -12px;
    width: 100%;
    height: 16px;
    display: flex;
    right: 0;
    left: unset;
}

.brand-logo-img {
    height: 140px;
    width: auto;
    object-fit: contain;
}

.navbar-nav .nav-link {
    color: #ffffff !important;
    font-weight: 700;
    font-size: 19px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 0.5rem 0.9rem !important;
    transition: color 0.2s ease;
}

a.nav-link.process {
    color: #eed580 !important;
}

.btn-contact-pill {
    border: 2px solid var(--accent-lime);
    color: #eed580;
    border-radius: 50px;
    padding: 7px 18px !important;
    font-weight: 800;
    z-index: 111;
    font-size: 18px;
    text-transform: uppercase;
    background: transparent;
    text-decoration: none;
    display: inline-block;
    position: relative;
}

.btn-contact-pill:hover {
    background-color: var(--accent-lime);
    color: #000;
    box-shadow: 0 4px 15px rgba(210, 255, 137, 0.4);
}

section#testimonials {
    background-color: #000000 !important;
    padding: 0px 100px 0px 100px;
}

/* ==========================================================================
   INDUSTRIES DROPDOWN — Split Link + Menu
   ========================================================================== */

/* Parent li — flex so both links sit side by side */
.navbar-nav .nav-item.industries-dropdown {
    position: relative;
    display: flex;
    align-items: center;
}

/* Main "INDUSTRIES" link */
.navbar-nav .nav-item.industries-dropdown .industries-link {
    color: #ffffff !important;
    font-weight: 700;
    font-size: 19px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 0.5rem 2px 0.5rem 0.9rem !important;
    text-decoration: none;
    transition: color 0.2s ease;
}

.navbar-nav .nav-item.industries-dropdown .industries-link:hover {
    color: var(--accent-lime) !important;
}

/* Split toggle (arrow) */
.navbar-nav .nav-item.industries-dropdown .dropdown-toggle-split {
    color: #ffffff !important;
    padding: 0.5rem 0.9rem 0.5rem 2px !important;
    background: transparent;
    border: none;
    display: inline-flex;
    align-items: center;
}

/* Custom caret */
.navbar-nav .nav-item.industries-dropdown .dropdown-toggle-split::after {
    display: inline-block;
    margin-left: 0;
    vertical-align: middle;
    content: "";
    border-top: 5px solid #ffffff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    transition: border-top-color 0.2s ease, transform 0.2s ease;
}

/* Caret lime on hover */
.navbar-nav .nav-item.industries-dropdown:hover .dropdown-toggle-split::after {
    border-top-color: var(--accent-lime);
}

/* Remove Bootstrap default caret from main link (we're using split) */
.navbar-nav .nav-item.industries-dropdown .industries-link::after {
    display: none !important;
}

/* ============================================================
   Dropdown Menu — NO empty top space, flush under toggle
   ============================================================ */
.navbar-nav .nav-item.industries-dropdown .dropdown-menu {
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 0px 0px 6px 6px !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 320px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    position: absolute;
    display: none;
}

/* Open state */
.navbar-nav .nav-item.industries-dropdown .dropdown-menu.show {
    display: block;
}

/* Override Bootstrap popper positioning */
.navbar-nav .nav-item.industries-dropdown .dropdown-menu[data-bs-popper] {
    top: 100% !important;
    left: 0 !important;
    margin-top: 0 !important;
}

/* Dropdown items */
.navbar-nav .nav-item.industries-dropdown .dropdown-menu .dropdown-item {
    display: block;
    color: #000 !important;
    background-color: #ffffff !important;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    padding: 18px 22px !important;
    border-bottom: 1px solid #f1f5f9;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
    white-space: normal;
    line-height: 1.3;
    width: 100%;
}

/* First item — flush to top */
.navbar-nav .nav-item.industries-dropdown .dropdown-menu .dropdown-item:first-child {
    margin-top: 0 !important;
    padding-top: 18px !important;
}

/* Last item — no border */
.navbar-nav .nav-item.industries-dropdown .dropdown-menu .dropdown-item:last-child {
    border-bottom: none;
}

/* Hover — lime background */
.navbar-nav .nav-item.industries-dropdown .dropdown-menu .dropdown-item:hover,
.navbar-nav .nav-item.industries-dropdown .dropdown-menu .dropdown-item:focus {
    background-color: var(--accent-lime) !important;
    color: #000 !important;
}

/* ============================================================
   Hover to open (desktop only)
   ============================================================ */


/* ============================================================
   Mobile
   ============================================================ */


/* ==========================================================================
   END INDUSTRIES DROPDOWN
   ========================================================================== */


/* Hero Section - Completely Clear background image (no color overlay block) */
.hero-section {
    position: relative;
    /* background-color: #777571; */
    /* background-image: url('../images/remote-guard-2.jpg'); */
    background-size: cover;
    background-position: center right;
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: 180px 0 6px 0;
    position: relative;
    overflow: hidden;
    isolation: isolate; 
     background: radial-gradient(120% 90% at 50% 38%, #18181b 0%, #0b0b0d 52%, #040405 100%);
     touch-action: pan-y; 
    -webkit-tap-highlight-color: transparent; 
}

.hero-title {
    font-size: 4rem;
    font-weight: 900;
    color: #ffffff;
    line-height: 1.1;
    letter-spacing: -1.5px;
    position: relative;
    z-index: 111;
}

.hero-subhead-lime {
    color: var(--accent-lime);
    font-size: 1.35rem;
    font-weight: 700;
    margin-top: 28px;
    line-height: 1.4;
    position: relative;
    z-index: 111;
}

.hero-subtext-white {
    color: #ffffff;
    font-size: 1.1rem;
    margin-top: 14px;
    opacity: 0.95;
    max-width: 540px;
    position: relative;
    z-index: 111111;
}

/* Signature Asymmetrical Image Radius (Top-Right & Bottom-Left Rounded) */
.custom-corner-img {
    border-radius: 0px 36px 0px 36px !important;
    object-fit: cover;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    width: 100%;
}

/* Trusted By Section & Slider */
.trusted-section {
    background-color: #000000;
    padding: 65px 0;
    /* border-bottom: 1px solid var(--border-light); */
}

.trusted-title {
    color: #d6b854;
    font-size: 1.85rem;
    font-weight: 800;
    text-align: center;
    margin-bottom: 40px;
}

.logo-card {
    /*border: 1px solid;*/
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 95px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}

.logo-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    border-color: var(--accent-lime);
}

.logo-card-navy {
    background-color: #0b1329 !important;
}

.logo-card-black {
    background-color: #000000 !important;
}

.logo-card img {
    max-height: 100%;
    object-fit: contain;
}

/* Process Section & Numbered Cards */
.process-section {
    background-color: #000000;
    padding: 20px 0;
}

.section-heading-dark {
    color: #eed580;
    font-family: "Denim Ink", Sans-serif;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.4em;
    letter-spacing: 0.4px;
    position: relative;
}

.heading {
    font-size: 22px;
    line-height: 1.3em;
    font-weight: 800;
    color: #eed580;
}

.remote {
    padding: 10px 0;
}

.blinkless {
    padding: 22px;
}

.step-card-lime-border {
    background: #000000;
    padding: 15% 15% 15% 15%;
    height: 100%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #eed580;
    border-radius: 6px 6px 6px 6px;
    font-size: 18px;
    font-weight: 400;
    color: #000000;
}

p.terms.fw-semibold.mb-2 {
    font-size: 17px;
    color: #eed580;
}

.step-card-icon-img {
    height: 48px;
    width: auto;
    object-fit: contain;
    margin-bottom: 22px;
    filter: brightness(4) hue-rotate(
275deg);
}

.card-bullet-list {
    padding-left: 50px;
    margin-top: 14px;
    margin-bottom: 0;
}

.card-bullet-list li {
    color: #eed580;
    font-weight: 500;
    font-size: 18px;
}

/* Dark Feature Card */
.dark-feature-card {
    background-color: #020202;
    background-image: url('../images/logo-transparent.png');
    border-radius: 0px 36px 0px 36px !important;
    padding: 70px 60px;
    color: #ffffff;
    background-position: top left;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    margin: auto;
    border: 2px solid #eed580;
}

.dark-card-title {
    color: var(--accent-lime);
    font-size: 2.25rem;
    font-weight: 800;
    text-align: center;
    margin-bottom: 40px;
    position: relative;
    z-index: 2;
}

.bullet-plus-list {
    list-style: none;
    padding-left: 0;
}

.bullet-plus-list li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 12px;
    font-size: 1.05rem;
}

.bullet-plus-list li::before {
    content: "+";
    position: absolute;
    left: 0;
    color: var(--accent-lime);
    font-weight: 800;
    font-size: 1.25rem;
}

/* Service Cards */
.service-white-card {
    background: #000000;
    border-radius: 9px;
    padding: 35px 25px;
    height: 100%;
    transition: all 0.3s ease;
    border: 1px solid #eed580;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;
    text-align: center!important;
}

.service-white-card:hover {}

.service-icon-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.service-icon-circle img {
    width: 82px;
    height: 70px;
    object-fit: contain;
}

.service-card-title {
    color: #eed580;
    font-size: 1.1rem;
    font-weight: 800;
    margin-bottom: 12px;
    letter-spacing: 0.3px;
}

/* Stats Section */
.stats-light-section {
    background-color: #000000;
    padding: 20px 0;
}

.stat-card-lime-border {
    background: #000000;
    border: 1px solid #eed580;
    border-radius: 6px;
    padding: 55px 22px;
    height: 100%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    transition: transform 0.3s ease;
    text-align: center;
}

.stat-card-lime-border:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.stat-number-dark {
    color: #eed580;
    font-family: "Denim Ink", Sans-serif;
    font-weight: 800;
    margin-bottom: 12px;
    font-size: 34px;
    line-height: 1.4em;
    letter-spacing: 0.4px;
}

.stat-card-icon-circle {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
}

.stat-card-icon-circle img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

/* Callout Green Banner */
.callout-forest-banner {
    background-color: #000000;
    background-image: url('../images/logo-bkg-green.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 100%;
    border-radius: 0px 36px 0px 36px !important;
    padding: 60px 40px;
    color: #ffffff;
    position: relative;
    overflow: hidden;
    margin: 40px 0;
    min-height: 240px;
    border: 2px solid #eed580;
}

.btn-learn-more-pill {
    border: 2px solid var(--accent-lime);
    color: #ffffff;
    border-radius: 50px;
    padding: 12px 36px;
    font-weight: 700;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: transparent;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

.btn-learn-more-pill:hover {
    background-color: var(--accent-lime);
    color: var(--bg-dark-forest);
    box-shadow: 0 4px 15px rgba(210, 255, 137, 0.4);
}

/* Ready for security that acts? Card */
.ready-security-card {
    background-color: #000000;
    background-image: url('../images/logo-bkg-green.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto 100%;
    border-radius: 0px 36px 0px 36px !important;
    padding: 100px 50px;
    color: #ffffff;
    text-align: center;
    /* position: relative; */
    overflow: hidden;
    box-shadow: 0 12px 35px rgba(0, 48, 23, 0.25);
    border: 1px solid #eed580;
}

/* Go Deeper Section */
.go-deeper-section {
    background-color: #000000 !important;
    padding: 25px 0 50px 0;
}

.go-deeper-title {
    color: var(--accent-lime);
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 30px;
}

.go-deeper-card {
    border: 1px solid rgb(238 213 128);
    border-radius: 12px;
    padding: 24px 28px;
    color: #ffffff;
    height: 100%;
    transition: all 0.3s ease;
}

.go-deeper-card:hover {
    background-color: rgba(210, 255, 137, 0.08);
    border-color: var(--accent-lime);
}

.go-deeper-card-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--accent-lime);
    margin-bottom: 8px;
}

.go-deeper-card-desc {
    color: #cbd5e1;
    font-size: 0.95rem;
    margin-bottom: 0;
}

/* Testimonial Cards & Slider */
.testimonials-wrapper {
    position: relative;
}

.testimonial-white-card {
    background: #ffffff;
    border: 1px solid #dcdcdc;
    border-radius: 12px;
    padding: 42px 36px 36px 36px;
    height: 100%;
    min-height: 490px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
}

.testimonial-logo-wrapper {
    min-height: 55px;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.testimonial-logo-img {
    max-height: 50px;
    width: auto !important;
    max-width: 170px;
    object-fit: contain;
}

.testimonial-quote {
    color: #222222;
    font-size: 0.94rem;
    line-height: 1.65;
    margin-bottom: 28px;
    font-weight: 500;
    font-style: normal;
    flex-grow: 1;
}

.testimonial-author {
    color: #003017;
    font-weight: 700;
    font-style: italic;
    font-size: 1.05rem;
    margin-top: auto;
}

/* Testimonial Owl Navigation Chevrons */
.testimonials-slider .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
    pointer-events: none;
    margin-top: 0 !important;
}

.testimonials-slider .owl-nav button.owl-prev,
.testimonials-slider .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: auto;
    background: transparent !important;
    color: #003017 !important;
    font-size: 1.35rem !important;
    font-weight: 900 !important;
    border: none !important;
    padding: 10px !important;
    transition: color 0.2s ease, transform 0.2s ease;
}

.testimonials-slider .owl-nav button.owl-prev {
    left: -35px;
}

.testimonials-slider .owl-nav button.owl-next {
    right: -35px;
}

.testimonials-slider .owl-nav button.owl-prev:hover,
.testimonials-slider .owl-nav button.owl-next:hover {
    color: var(--accent-lime) !important;
    transform: translateY(-50%) scale(1.2);
}



/* Industry Cards */
.industry-grid-card {
    background: #ffffff;
    border: 1px solid #003017;
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
}

.industry-grid-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 48, 23, 0.12);
}

.industry-img-wrapper {
    height: 230px;
    overflow: hidden;
    position: relative;
    padding: 9px;
}

.industry-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.industry-grid-card:hover .industry-img-wrapper img {
    transform: scale(1.06);
}

.industry-card-body {
    padding: 30px 24px 28px 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
}

.industry-card-title {
    color: #000;
    font-size: 1.15rem;
    font-weight: 800;
    margin-bottom: 14px;
    text-transform: uppercase;
    line-height: 1.35;
    letter-spacing: 0.3px;
}

.industry-card-text {
    color: #334155;
    font-size: 0.95rem;
    line-height: 1.55;
    margin-bottom: 24px;
}

.industry-learn-more {
    color: #000;
    font-weight: 800;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.5px;
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    transition: color 0.2s ease, transform 0.2s ease;
}

.industry-learn-more:hover {
    color: var(--accent-lime);
    transform: translateX(4px);
}

/* Contact / Quote Form Section */
.quote-section {
    background-color: #003017;
    color: #ffffff;
    padding: 85px 0;
}

.form-control-custom {
    background-color: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(210, 255, 137, 0.3);
    color: #ffffff;
    padding: 14px 18px;
    border-radius: 10px;
}

.form-control-custom:focus {
    background-color: rgba(255, 255, 255, 0.14);
    border-color: var(--accent-lime);
    color: #ffffff;
    box-shadow: 0 0 0 0.25rem rgba(210, 255, 137, 0.2);
}

.form-control-custom option {
    background-color: #003017;
    color: #ffffff;
}

.btn-submit-lime {
    background-color: var(--accent-lime);
    color: #003017;
    font-weight: 800;
    font-size: 1.1rem;
    padding: 16px;
    border-radius: 50px;
    border: none;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.btn-submit-lime:hover {
    background-color: var(--accent-lime-hover);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(210, 255, 137, 0.4);
}

/* Bottom Privacy Cookie Bar */
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #0c140e;
    color: #ffffff;
    padding: 12px 24px;
    font-size: 0.85rem;
    z-index: 1050;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.cookie-banner a {
    color: var(--accent-lime);
    text-decoration: underline;
}

.btn-optout {
    background: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
    padding: 4px 16px;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 700;
}

.btn-optout:hover {
    background: #ffffff;
    color: #000000;
}

/* Footer */
.footer {
    background-color: #000000 !important;
    color: #ffffff;
    padding: 50px 0 30px 0;
    border-top: 3px solid #eed580;
}

.footer-heading {
    color: var(--accent-lime);
    font-size: 1.25rem;
    font-weight: 800;
    margin-bottom: 22px;
    text-align: center;
}

.footer-nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.footer-nav-list li {
    margin-bottom: 12px;
}

.footer-nav-list a {
    color: #ffffff;
    font-size: 0.98rem;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer-nav-list a:hover {
    color: var(--accent-lime);
}

.footer-privacy-links {
    margin-top: 24px;
    text-align: center;
}

.footer-privacy-links a {
    color: var(--accent-lime);
    font-size: 0.95rem;
    font-weight: 700;
    text-decoration: none;
}

.footer-privacy-links a:hover {
    text-decoration: underline;
}

.footer-contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-contact-list li {
    margin-bottom: 14px;
    color: #ffffff;
    font-size: 0.98rem;
    font-weight: 500;
}

.footer-contact-list a {
    color: #ffffff;
    text-decoration: none;
}

.footer-contact-list a:hover {
    color: var(--accent-lime);
}



.terms.lead {
    font-size: 1.25rem;
    font-weight: 300;
    margin-top: 40px;
}

p.terms.lead {
    color: #eed580;
    padding: 10px;
}

.text-secondary {
    color: #eed580 !important;
    font-size: 16px;
}

h2.text-center.section-security.mb-5 {
    color: #eed580;
    font-family: "Denim Ink", Sans-serif;
    font-size: 31px;
    font-weight: 800;
    line-height: 1.4em;
    letter-spacing: 0.4px;
    padding-bottom: 0px;
}

.service {
    padding-bottom: 30px;
}

.test {
    width: 130px;
    margin-bottom: 15px;
}

.testimonial-name {
    font-weight: 700;
    font-style: italic;
    font-size: 16px;
}

.testimonial-name span {
    color: #11482b;
}

h4.footer-heading.contact {
    text-align: end;
}

.contact-content {
    text-align: end;
}

.copyright {
    color: #eed580;
}

.footer-content {
    color: #fff;
}

ul.footer-contact-list.contact-content li {
    justify-content: end;
}

.traditional-security {
    color: #eed580 !important;
    font-size: 22px;
}

/* process Hero Banner Section */
.detection-hero-section {
    position: relative;
    background-color: #000000;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 200px 120px 140px 120px;
    text-align: center;
    border-bottom: 2px solid #ffffff30;
}

.detection-hero-title {
    font-size: 45px;
    font-weight: 900;
    color: #ffffff;
    line-height: 70px;
}

.detection-hero-title .heading-underlined {
    position: relative;
    display: inline-block;
    color: #ffffff;
}

.detection-hero-title .heading-curve-svg {
    bottom: -12px;
    width: 60%;
    height: 16px;
    display: flex;
    right: 0;
    left: unset;
}

.detection-hero-section::after {
    content: '';
    position: absolute;
    background: var(--accent-lime) !important;
    bottom: -21px;
    left: 50%;
    transform: rotate(135deg);
    width: 40px;
    height: 40px;
}





/* process page css */

.transparent-process-section {
    background-color: #000;
    background-image: url('../images/bkg-logo-white.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 21% 70%;
    padding: 100px 140px 100px 190px;
    overflow: hidden;
}

.transparent-process-section .container {
    position: relative;
    z-index: 2;
}

.transparent-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.3em;
    margin-bottom: 25px;
}

.transparent-text {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 35px;
}

.btn-transparent-consult {
    background-color: transparent;
    color: #ffffff;
    border: 2px solid var(--accent-lime);
    border-radius: 50px;
    padding: 10px 25px;
    font-weight: 800;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
}

.btn-transparent-consult:hover {
    background-color: var(--accent-lime);
    color: #003017;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 48, 23, 0.3);
}

.transparent-content {
    padding: 0px 60px 0px 0px;
}

.transparent-image {
    width: 465px;
    height: auto;
    border-radius: 0px 24px 0px 24px;
    object-fit: cover;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
    display: block;
}







/* Our Process */
.our-process-section {
    background-color: #000;
    padding: 85px 120px 100px 120px;
}

.our-process-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 48px;
    font-weight: 800;
    line-height: 1.3em;
    letter-spacing: 0.4px;
    margin: 0;
    display: inline-block;
    position: relative;
}

.our-process-heading .heading-underlined {
    position: relative;
    display: inline-block;
}

.our-process-heading .heading-curve-svg {
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 16px;
    pointer-events: none;
}

.process-steps-wrapper {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.process-step-card {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 28px 35px;
    display: flex;
    align-items: flex-start;
    gap: 28px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.process-step-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 48, 23, 0.1);
    background: var(--accent-lime);
}

.process-step-lime {
    background-color: #f7fbe9;
}

.process-step-icon {
    flex-shrink: 0;
    width: 85px;
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.process-step-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: brightness(4) hue-rotate(275deg);
}

.process-step-content {
    flex-grow: 1;
    padding-top: 5px;
}

.process-step-title {
    color: #000;
    font-size: 19px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    line-height: 1.3;
}

.process-step-text {
    color: #000;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

/* No guessing. No waiting. Just clarity. */
.clarity-cta-wrapper {
    margin-top: 50px;
}

.clarity-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 35px;
    font-weight: 800;
    line-height: 1.3em;
    margin: 0px 0 45px 0;
}

.clarity-heading .heading-underlined {
    position: relative;
    display: inline-block;
}

.clarity-heading .heading-curve-svg {
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 16px;
    pointer-events: none;
}

.clarity-btn-wrapper {
    margin-top: 10px;
}

.btn-clarity-consult {
    background-color: transparent;
    color: #ffffff;
    border: 2px solid var(--accent-lime);
    border-radius: 50px;
    padding: 10px 25px;
    font-weight: 800;
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
}

.btn-clarity-consult:hover {
    background-color: var(--accent-lime);
    color: #003017;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 48, 23, 0.3);
}







/* Nothing happened. The end. */
.nothing-happened-section {
    background-color: #000;
    padding: 10px 150px 50px 150px;
}

.nothing-happened-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 48px;
    font-weight: 800;
    line-height: 1.3em;
    letter-spacing: 0.4px;
    margin: 0;
    display: inline-block;
    position: relative;
}

.nothing-happened-heading .heading-curve-svg {
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 65%;
    height: 16px;
    pointer-events: none;
}

.incident-content {
    padding-right: 30px;
}

.incident-location {
    color: white;
    font-size: 19px;
    font-weight: 800;
    margin-bottom: 0px;
}

.incident-company {
    color: white;
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 15px;
}

.incident-log {
    color: white;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 10px;
}

.incident-image-wrapper {
    display: flex;
    justify-content: flex-end;
}

.incident-image {
    width: 500px;
    height: auto;
    border-radius: 4px;
    object-fit: cover;
    display: block;
}

.incident-subheading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.4em;
    letter-spacing: 0.3px;
    padding-top: 30px;
}

.incident-testimonial-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 55px 60px 45px 60px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}

.incident-logo-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.incident-logo-img {
    max-height: 70px;
    width: auto;
    object-fit: contain;
}

.incident-quote {
    color: #222222;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 25px;
}

.incident-author {
    color: #000;
    font-size: 18px;
    font-weight: 800;
    margin: 0;
}

.btn-nothing-consult {
    background-color: transparent;
    color: #ffffff;
    border: 2px solid var(--accent-lime);
    border-radius: 50px;
    padding: 8px 22px;
    font-weight: 800;
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
}

.btn-nothing-consult:hover {
    background-color: var(--accent-lime);
    color: #003017;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 48, 23, 0.3);
}







/* Next in the process */
.next-process-section {
    background-color: #000000 !important;
    padding: 50px 50px 60px 50px;
    border-top: 1px solid rgba(210, 255, 137, 0.15);
}

.next-process-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3em;
    letter-spacing: 0.4px;
    margin-bottom: 40px;
    text-align: left;
}

.next-process-card {
    display: block;
    background-color: transparent;
    border: 1px solid var(--accent-lime);
    border-radius: 10px;
    padding: 18px 25px;
    text-decoration: none;
    margin-left: 30px;
}

.next-process-card:hover {
    background-color: rgba(210, 255, 137, 0.06);
    border-color: #fff;
    text-decoration: none;
}

.next-process-card-title {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
}

.next-process-card-desc {
    color: #cbd5e1;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}







/* ABOUT PAGE: Founder Story */
.about-founder-section {
    background-color: #000;
    padding: 70px 150px 90px 150px;
}

.about-founder-toptext {
    max-width: 950px;
    margin: 0 auto 70px auto;
}

.about-founder-intro {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.55em;
    margin: 0;
    letter-spacing: 0.1px;
}

.about-founder-intro strong {
    color: #fff;
    font-weight: 700;
}

.about-founder-content {
    padding: 0px 22px 0px 20px;
}

.about-founder-para {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.55em;
    margin: 0;
    letter-spacing: 0.1px;
}

.about-founder-image-wrapper {
    display: flex;
    justify-content: flex-end;
}

.about-founder-image {
    width: 85%;
    height: auto;
    border-radius: 0px 40px 0px 40px;
    object-fit: cover;
    display: block;
}







/* ABOUT PAGE: Bridge section */
.about-bridge-section {
    background-color: #000;
    padding: 40px 180px 50px 180px;
}

.about-bridge-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 35px;
    font-weight: 800;
}

.about-bridge-underlined {
    position: relative;
    display: inline-block;
}

.about-bridge-curve-svg {
    position: absolute;
    bottom: -15px;
    left: unset;
    right: 0px;
    width: 287px;
    height: 16px;
    pointer-events: none;
}

.about-bridge-card {
    background-color: #000;
    background-image: url('../images/logo-transparent.png');
    border-radius: 0px 36px 0px 36px !important;
    padding: 60px 80px 100px 80px;
    color: #ffffff;
    background-position: top left;
    background-repeat: no-repeat;
    width: 100%;
}

.about-bridge-card-title {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 36px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 50px;
    position: relative;
    z-index: 2;
}

.about-bridge-col {
    padding: 10px;
}

.about-bridge-subhead {
    color: #ffffff;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.4em;
    margin-bottom: 22px;
}

.about-bridge-text {
    color: #ffffff;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.7em;
    margin: 0 0 18px 0;
}

.about-bridge-text-bold {
    color: #ffffff;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.6em;
    margin: 22px 0 0 0;
}

.about-bridge-text strong {
    font-weight: 800;
    color: #ffffff;
}







/* ABOUT PAGE: Broken status quo */
.about-broken-section {
    background-color: #000;
    padding: 60px 180px 70px 180px;
}

.about-broken-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.3em;
    letter-spacing: 0.4px;
    margin: 0;
    display: inline-block;
    position: relative;
}

.about-broken-underlined {
    position: relative;
    display: inline-block;
}

.about-broken-curve-svg {
    position: absolute;
    bottom: -10px;
    left: unset;
    right: 255px;
    width: 170px;
    height: 16px;
}

.about-broken-subheading {
    color: white;
    font-family: "Denim Ink", Sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.3px;
    margin: 25px 0 30px 0;
}

.about-broken-intro {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 40px 0;
}

.about-broken-card {
    background-color: #ffffff;
    border: 2px solid var(--accent-lime);
    border-radius: 6px;
    padding: 15px 15px 15px 15px;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2) !important;
}

.about-broken-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.about-broken-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-broken-icon svg {
    width: 100%;
    height: 100%;
}

.about-broken-card-text {
    color: black;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5em;
    margin: 0;
}

.about-broken-bottomtext {
    max-width: 950px;
    margin: 45px auto 0 auto;
}

.about-broken-para {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6em;
    margin: 0 0 14px 0;
}

.about-broken-para-bold {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.6em;
    margin: 0;
}







/* ABOUT PAGE: Search for smarter solution */
.about-search-section {
    background-color: #000;
    padding: 0px 180px 0px 180px;
}

.about-search-card {
    background-color: #000;
    background-image: url('../images/logo-transparent.png');
    border-radius: 0px 36px 0px 36px !important;
    padding: 70px 110px 20px 110px;
    color: #ffffff;
    background-position: top left;
    background-repeat: no-repeat;
    width: 100%;
}

.about-search-title {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 38px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 55px;
    position: relative;
    z-index: 2;
}

.about-search-col {
    padding: 10px;
}

.about-search-text {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7em;
    margin: 0 0 20px 0;
}

.about-search-text-bold {
    color: var(--accent-lime);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5em;
    margin: 25px 0 0 0;
}







/* ABOUT PAGE: Birth of Blinkless */
.about-birth-section {
    background-color: #000;
    padding: 70px 180px 0px 180px;
}

.about-birth-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.3em;
    letter-spacing: 0.4px;
    margin: 0;
}

.about-birth-subheading {
    color: #fff;
    font-family: "Denim Ink", Sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.3px;
    margin: 25px 0 30px 0;
}

.about-birth-intro {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 40px 0;
}

.about-birth-card {
    background-color: #ffffff;
    border: 2px solid var(--accent-lime);
    border-radius: 6px;
    padding: 20px 30px 20px 30px;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2) !important;
}

.about-birth-icon {
    width: 55px;
    height: 55px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-birth-icon svg {
    height: 35px;
    display: block;
}

.about-birth-card-text {
    color: black;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5em;
    margin: 0;
}

.about-birth-content {
    padding: 0px 22px 0px 20px;
}

.about-birth-para {
    color: #ffff;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.6em;
    margin: 0 0 20px 0;
}

.about-birth-para strong {
    font-weight: 700;
    color: #fff;
}

.about-birth-para-label {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6em;
    margin: 0 0 12px 0;
}

.about-birth-checklist {
    list-style: none;
    padding: 0;
    margin: 0;
}

.about-birth-checklist li {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.8em;
    position: relative;
    padding-left: 28px;
}

.about-birth-checklist li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-weight: 800;
    font-size: 18px;
}

.about-birth-image-wrapper {
    display: flex;
    justify-content: flex-end;
}

.about-birth-image {
    width: 100%;
    max-width: 560px;
    height: auto;
    border-radius: 0px 40px 0px 40px;
    object-fit: cover;
    display: block;
}







/* ABOUT PAGE: Philosophy */
.about-philosophy-section {
    background-color: #000;
    padding: 70px 180px 50px 180px;
}

.about-philosophy-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.3em;
    letter-spacing: 0.4px;
    margin: 0;
    display: inline-block;
    position: relative;
}

.about-philosophy-underlined {
    position: relative;
    display: inline-block;
}

.about-philosophy-curve-svg {
    position: absolute;
    bottom: -12px;
    left: unset;
    right: 0px;
    width: 580px;
    height: 16px;
    pointer-events: none;
}

.about-philosophy-intro {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6em;
    margin: 25px auto 45px auto;
    max-width: 1100px;
}

.about-philosophy-intro strong {
    color: #fff;
    font-weight: 700;
}

.about-philosophy-emphasis {
    color: #fff;
    font-family: "Denim Ink", Sans-serif;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin: 0 0 40px 0;
}

.about-philosophy-card {
    background-color: #ffffff;
    border: 2px solid var(--accent-lime);
    border-radius: 6px;
    padding: 35px 20px 25px 20px;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15) !important;
}

.about-philosophy-icon {
    width: 70px;
    height: 70px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-philosophy-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.about-philosophy-card-text {
    color: black;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5em;
    margin: 0;
}

.about-philosophy-bottomtext {
    max-width: 950px;
    margin: 20px auto 0 auto;
}

.about-philosophy-para {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6em;
    margin: 0;
}







/* ABOUT PAGE: Modern properties */
.about-modern-section {
    background-color: #000;
    background-image: url('../images/Blinkless-icon-white.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 60%;
    padding: 50px 180px 90px 180px;
}

.about-modern-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.3em;
    letter-spacing: 0.4px;
    margin: 0;
    display: inline-block;
    position: relative;
}

.about-modern-underlined {
    position: relative;
    display: inline-block;
}

.about-modern-curve-svg {
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 16px;
    pointer-events: none;
}

.about-modern-image-wrapper {
    display: flex;
    justify-content: flex-start;
    position: relative;
    z-index: 2;
}

.about-modern-image {
    width: 100%;
    max-width: 560px;
    height: auto;
    border-radius: 0px 40px 0px 40px;
    object-fit: cover;
    display: block;
}

.about-modern-content {
    padding: 0px 20px 0px 20px;
}

.about-modern-intro {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6em;
    margin: 0 0 30px 0;
}

.about-modern-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.about-modern-list li {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6em;
    margin-bottom: 16px;
}

.about-modern-list-icon {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.about-modern-list-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

.about-modern-bottomtext {
    max-width: 950px;
    margin: 40px auto 0 auto;
    position: relative;
    z-index: 2;
}

.about-modern-para {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6em;
    margin: 0;
}







/* ABOUT PAGE: Looking forward */
.about-forward-section {
    background-color: #000;
    padding: 60px 180px 0px 180px;
}

.about-forward-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.3em;
    letter-spacing: 0.4px;
    margin: 0;
    display: inline-block;
    position: relative;
}

.about-forward-underlined {
    position: relative;
    display: inline-block;
}

.about-forward-curve-svg {
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 16px;
    pointer-events: none;
}

.about-forward-intro {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6em;
    margin: 0 auto 20px auto;
    max-width: 1100px;
}

.about-forward-emphasis {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin: 40px 0 50px 0;
}

.about-forward-card {
    background-color: #000;
    border: 1px solid var(--accent-lime);
    border-radius: 12px;
    padding: 60px 50px 50px 50px;
    text-align: center;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
}

.about-forward-quote {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.7em;
    margin: 0 0 40px 0;
    text-align: start;
    padding: 0px 0px 0px 70px;
}

.about-forward-quote strong {
    color: #fff;
    font-weight: 700;
}

.about-forward-logo-wrapper {
    display: flex;
    justify-content: start;
    margin-bottom: 15px;
    padding-left: 200px;
}

.about-forward-logo {
    height: 60px;
    filter: brightness(4) hue-rotate(
258deg);
}

.about-forward-name {
    color: var(--accent-lime);
    font-family: "Vujahday Script", sans-serif;
    font-size: 23px;
    font-weight: 600;
    margin: 0;
    text-align: start;
    padding-left: 170px;
}

.about-forward-role {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    padding-left: 155px;
    text-align: start;
}







/* CONTACT PAGE: Banner */
.contact-banner-section {
    position: relative;
    background-color: #00170b;
    background-image: url('../images/hero-new2.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 140px 120px 80px 120px;
}

.contact-banner-title {
    color: #ffffff;
    font-family: "Denim Ink", Sans-serif;
    font-size: 55px;
    font-weight: 900;
    line-height: 1.2em;
    letter-spacing: -1px;
    margin: 0;
    display: inline-block;
    position: relative;
    z-index: 2;
}

.contact-banner-underlined {
    position: relative;
    display: inline-block;
    color: #ffffff;
}

.contact-banner-curve-svg {
    position: absolute;
    bottom: -14px;
    left: 0;
    width: 100%;
    height: 18px;
    pointer-events: none;
}

body:has(.contact-banner-section) .site-header {
    background-color: #000 !important;
    top: 38px;
}

body:has(.contact-banner-section) .top-bar {
    background-color: #000 !important;
}







/* CONTACT PAGE: Main section */
.contact-main-section {
    background-color: #000;
    background-image: url('../images/icon-lightgreen.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 480px auto;
    padding: 90px 170px 100px 170px;
    overflow: hidden;
}

.contact-info-wrapper {
    padding-right: 30px;
    position: relative;
    z-index: 2;
}

.contact-info-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 35px;
    font-weight: 800;
    line-height: 1.3em;
    margin: 0 0 35px 0;
}

.contact-info-text {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6em;
    margin: 0 0 35px 0;
}

.contact-info-bold {
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.6em;
    margin: 0 0 35px 0;
}

.contact-info-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.contact-info-list li {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 0;
    border-bottom: 1px solid #e2e8f0;
    font-size: 18px;
    color: #fff;
}

.contact-info-list li:last-child {
    border-bottom: none;
}

.contact-info-list a {
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.contact-info-list a:hover {
    color: #11482B;
}

.contact-info-icon {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.contact-info-icon svg {
    width: 100%;
    height: 100%;
}

.contact-form-wrapper {
    background-color: #000;
    border: 2px solid var(--accent-lime);
    border-radius: 35px 0px 35px 0px;
    padding: 45px 50px 45px 50px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 2;
}

.contact-form-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.3em;
    margin: 0 0 15px 0;
}

.contact-form-subtext {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6em;
    margin: 0 0 35px 0;
}

.contact-form-group {
    margin-bottom: 22px;
}

.contact-form-label {
    display: block;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;
}

.contact-required {
    color: #e53e3e;
    font-weight: 700;
}

.contact-form-input,
.contact-form-textarea {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 14px 18px;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    color: #1a1a1a;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.contact-form-input::placeholder,
.contact-form-textarea::placeholder {
    color: #94a3b8;
}

.contact-form-input:focus,
.contact-form-textarea:focus {
    border-color: var(--accent-lime);
    box-shadow: 0 0 0 3px rgba(204, 254, 133, 0.3);
}

.contact-form-textarea {
    resize: vertical;
    min-height: 120px;
}

.contact-form-submit {
    background-color: transparent;
    color: #ffffff;
    border: 2px solid var(--accent-lime);
    border-radius: 50px;
    padding: 8px 25px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-top: 10px;
    display: inline-block;
}

.contact-form-submit:hover {
    background-color: var(--accent-lime);
    color: #003017;
    border-color: var(--accent-lime);
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 48, 23, 0.3);
}







/* ==========================================================================
   INDUSTRIES PAGE: Hero Banner Section
   ========================================================================== */

.industries-hero-section {
    position: relative;
    background-color: #000;
    /* height: 420px; */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 180px 120px 100px 120px;
    border: 2px solid #ffffff30;
}

.industries-hero-title {
    color: #ffffff;
    font-family: "Denim Ink", Sans-serif;
    font-size: 45px;
    font-weight: 900;
    line-height: 1.2em;
    letter-spacing: -1px;
    margin: 0;
    display: inline-block;
    position: relative;
    z-index: 2;
}

.industries-hero-underlined {
    position: relative;
    display: inline-block;
    color: #ffffff;
}

.industries-hero-curve-svg {
    position: absolute;
    bottom: -14px;
    left: 0;
    width: 100%;
    height: 18px;
    pointer-events: none;
}

/* Bottom Arrow Pointer - Triangle */
.industries-hero-section::after {
    content: '';
    position: absolute;
    background: var(--accent-lime) !important;
    bottom: -21px;
    left: 50%;
    transform: rotate(135deg);
    width: 40px;
    height: 40px;
    z-index: 5;
}

/* Industries active nav link - lime green */
.navbar-nav .nav-item.industries-dropdown .industries-link.industries-active {
    color: var(--accent-lime) !important;
}

/* ==========================================================================
   INDUSTRIES PAGE: Header Override (Dark Green Background on Industries Page)
   ========================================================================== */

body:has(.industries-hero-section) .site-header {
    background-color: #000 !important;
    top: 38px;
}

body:has(.industries-hero-section) .top-bar {
    background-color: #000 !important;
}

/* ==========================================================================
   Responsive Adjustments for Industries Hero Section
   ========================================================================== */







/* ==========================================================================
   INDUSTRIES PAGE: Security challenges Section
   ========================================================================== */

.industries-challenges-section {
    background-color: #000;
    padding: 80px 150px 50px 150px;
}

.industries-challenges-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.35em;
    letter-spacing: 0.3px;
    margin: 0;
}

.industries-challenges-content {
    padding: 10px 45px 0px 45px;
}

.industries-challenges-text {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    /* line-height: 1.7em; */
    margin: 0 0 25px 0;
}

.industries-challenges-text strong {
    color: #fff;
    font-weight: 700;
}

.industries-challenges-image-wrapper {
    display: flex;
    justify-content: flex-end;
    padding-top: 10px;
}

.industries-challenges-image {
    width: 85%;
    /* max-width: 620px; */
    height: auto;
    border-radius: 0px 50px 0px 50px;
    object-fit: cover;
    display: block;
}

/* ==========================================================================
   INDUSTRIES PAGE: Why industry-specific security matters Section
   ========================================================================== */

.industries-specific-section {
    background-color: #000;
    padding: 40px 150px 50px 150px;
}

.industries-specific-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.3em;
    letter-spacing: 0.4px;
    margin: 0;
    display: inline-block;
    position: relative;
}

.industries-specific-underlined {
    position: relative;
    display: inline-block;
}

.industries-specific-curve-svg {
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 16px;
    pointer-events: none;
}

.industries-specific-intro {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6em;
    margin: 25px auto 0 auto;
    max-width: 1100px;
}

/* Feature Cards */
.industries-specific-card {
    background-color: #ffffff;
    border: 2px solid var(--accent-lime);
    border-radius: 6px;
    padding: 15px 25px 20px 25px;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.industries-specific-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15) !important;
}

.industries-specific-icon {
    width: 55px;
    height: 55px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.industries-specific-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.industries-specific-card-text {
    color: #1a1a1a;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5em;
    margin: 0;
}

/* CTA Button */
.industries-specific-cta {
    background-color: transparent;
    color: #ffffff;
    border: 2px solid var(--accent-lime);
    border-radius: 50px;
    padding: 8px 30px;
    font-weight: 800;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
}

.industries-specific-cta:hover {
    background-color: var(--accent-lime);
    color: #003017;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 48, 23, 0.3);
}

/* ==========================================================================
   Responsive Adjustments
   ========================================================================== */







.industry-next-process-card {
    display: block;
    background-color: transparent;
    border: 1px solid rgba(210, 255, 137, 0.35);
    border-radius: 10px;
    padding: 18px 25px;
    text-decoration: none;
    margin-left: 0px;
    margin-bottom: 15px;
}

/* ==========================================================================
   SERVICES PAGE: Hero Banner Section
   ========================================================================== */

.services-hero-section {
    position: relative;
    background-color: #000;
    height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 180px 120px 100px 120px;
    border-bottom: 2px solid #ffffff30;
}

.services-hero-title {
    color: #ffffff;
    font-family: "Denim Ink", Sans-serif;
    font-size: 58px;
    font-weight: 900;
    line-height: 1.2em;
    letter-spacing: -1px;
    margin: 0 0 30px 0;
    display: inline-block;
    position: relative;
    z-index: 2;
}

.services-hero-underlined {
    position: relative;
    display: inline-block;
    color: #ffffff;
}

.services-hero-curve-svg {
    position: absolute;
    bottom: -14px;
    left: 0;
    width: 100%;
    height: 18px;
    pointer-events: none;
}

.services-hero-subtitle {
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5em;
    letter-spacing: 0.2px;
    margin: 30px auto 0 auto;
    max-width: 1000px;
    position: relative;
    z-index: 2;
}

/* Bottom Arrow Pointer - Triangle */
.services-hero-section::after {
    content: '';
    position: absolute;
    background: var(--accent-lime) !important;
    bottom: -21px;
    left: 50%;
    transform: rotate(135deg);
    width: 40px;
    height: 40px;
    z-index: 5;
}

/* Services active nav link - lime green */
.navbar-nav .nav-link.services-active {
    color: var(--accent-lime) !important;
}

/* ==========================================================================
   SERVICES PAGE: Header Override (Dark Green Background)
   ========================================================================== */

body.services-page .site-header {
    background-color: #003017 !important;
    top: 38px;
}

body.services-page .top-bar {
    background-color: #003017 !important;
}

/* ==========================================================================
   Responsive Adjustments for Services Hero Section
   ========================================================================== */







/* ==========================================================================
   SERVICES PAGE: What's at stake Section
   ========================================================================== */

.services-stake-section {
    background-color: #000;
    padding: 20px 150px 50px 150px;
}

.services-stake-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 35px;
    font-weight: 800;
    line-height: 1.3em;
    letter-spacing: 0.4px;
    margin: 0;
    display: inline-block;
    position: relative;
}

.services-stake-underlined {
    position: relative;
    display: inline-block;
}

.services-stake-curve-svg {
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 16px;
    pointer-events: none;
}

/* Feature Cards */
.services-stake-card {
    background-color: #ffffff;
    border: 2px solid var(--accent-lime);
    border-radius: 6px;
    padding: 30px 30px 30px 30px;
    text-align: left;
    height: 100%;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.services-stake-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15) !important;
}

.services-stake-card-title {
    color: #000;
    font-family: "Denim Ink", Sans-serif;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin: 0 0 15px 0;
    line-height: 1.35em;
}

.services-stake-card-text {
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.65em;
    margin: 0;
}

/* Bottom Heading */
.services-stake-bottom-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 35px;
    font-weight: 800;
    line-height: 1.3em;
    letter-spacing: 0.3px;
    margin: 0;
    display: inline-block;
    position: relative;
}

.services-stake-bottom-underlined {
    position: relative;
    display: inline-block;
}

.services-stake-bottom-curve-svg {
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 16px;
    pointer-events: none;
}

/* CTA Button */
.services-stake-cta {
    background-color: transparent;
    color: #ffffff;
    border: 2px solid var(--accent-lime);
    border-radius: 50px;
    padding: 5px 20px;
    font-weight: 800;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
}

.services-stake-cta:hover {
    background-color: var(--accent-lime);
    color: #003017;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 48, 23, 0.3);
}

/* ==========================================================================
   Responsive Adjustments for Services Stake Section
   ========================================================================== */







/* ==========================================================================
   SERVICES PAGE: Our Services Section (24/7 Remote Guarding)
   ========================================================================== */

.services-main-section {
    background-color: #000;
    padding: 40px 180px 50px 180px;
}

.services-main-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.3em;
    letter-spacing: 0.4px;
    margin: 0;
    display: inline-block;
    position: relative;
}

.services-main-underlined {
    position: relative;
    display: inline-block;
}

.services-main-curve-svg {
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 16px;
    pointer-events: none;
}

/* Left Content */
.services-main-content {
    padding: 0px 40px 0px 20px;
}

.services-main-subtitle {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 26px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.3em;
    margin: 0 0 15px 0;
}

.services-main-tagline {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    line-height: 1.5em;
    margin: 0 0 35px 0;
}

.services-main-text {
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.7em;
    margin: 0;
}

/* Right Image */
.services-main-image-wrapper {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
}

.services-main-image {
    width: 90%;
    max-width: 620px;
    height: auto;
    border-radius: 0px 50px 0px 50px;
    object-fit: cover;
    display: block;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

/* ==========================================================================
   Responsive Adjustments for Services Main Section
   ========================================================================== */








/* ==========================================================================
   SERVICES PAGE: How it works / Benefits Section
   ========================================================================== */

.services-how-benefits-section {
    background-color: #000;
    padding: 40px 180px 50px 180px;
}

.services-how-benefits-wrapper {
    background-color: #000;
    border-radius: 0px 24px 0px 24px;
    padding: 60px 60px 60px 60px;
    border: 2px solid var(--accent-lime);
}

/* ==========================================================================
   LEFT COLUMN: How it works
   ========================================================================== */

.services-how-title {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 28px;
    font-weight: 800;
    text-align: center;
    /* line-height: 1.3em; */
    /* letter-spacing: 0.4px; */
    margin: 0 0 35px 0;
}

.services-how-card {
    background-color: #ffffff;
    border: 1.5px solid var(--accent-lime);
    border-radius: 8px;
    padding: 22px 25px 22px 25px;
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 22px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.services-how-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 48, 23, 0.08);
}

.services-how-card:last-child {
    margin-bottom: 0;
}

.services-how-icon {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.services-how-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.services-how-text {
    color: #1a1a1a;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5em;
    margin: 0;
}

/* ==========================================================================
   RIGHT COLUMN: Benefits
   ========================================================================== */

.services-benefits-title {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 28px;
    font-weight: 800;
    text-align: center;
    /* line-height: 1.3em; */
    /* letter-spacing: 0.4px; */
    margin: 0 0 35px 0;
}

.services-benefits-card {
    background-color: #ffffff;
    border: 1.5px solid var(--accent-lime);
    border-radius: 8px;
    padding: 22px 25px 22px 25px;
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 22px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.services-benefits-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 48, 23, 0.08);
}

.services-benefits-card:last-child {
    margin-bottom: 0;
}

.services-benefits-icon {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.services-benefits-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.services-benefits-text {
    color: #1a1a1a;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5em;
    margin: 0;
}

/* ==========================================================================
   Responsive Adjustments for How/Benefits Section
   ========================================================================== */








/* ==========================================================================
   SERVICES PAGE: Live Audio Intervention + Use Cases & Benefits Section
   ========================================================================== */

.services-audio-section {
    background-color: #000;
    padding: 30px 150px 50px 150px;
}

/* ==========================================================================
   Top: Left Image + Right Content
   ========================================================================== */

.services-audio-image-wrapper {
    display: flex;
    justify-content: flex-start;
}

.services-audio-image {
    width: 100%;
    max-width: 620px;
    height: auto;
    border-radius: 0px 50px 0px 50px;
    object-fit: cover;
    display: block;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.services-audio-content {
    padding: 0px 20px 0px 20px;
}

.services-audio-subtitle {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 26px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.3em;
    margin: 0 0 15px 0;
}

.services-audio-tagline {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    line-height: 1.5em;
    margin: 0 0 30px 0;
}

.services-audio-text {
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.7em;
    margin: 0;
}

/* ==========================================================================
   Bottom: Use Cases & Benefits Box
   ========================================================================== */

.services-audio-usecase-wrapper {
    background-color: #000;
    border: 2px solid var(--accent-lime);
    border-radius: 0px 24px 0px 24px;
    padding: 60px 60px 60px 60px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

/* LEFT COLUMN: Use Cases */
.services-audio-usecase-title {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    line-height: 1.3em;
    letter-spacing: 0.4px;
    margin: 0 0 30px 0;
}

.services-audio-usecase-card {
    background-color: #ffffff;
    border: 1.5px solid var(--accent-lime);
    border-radius: 8px;
    padding: 22px 25px 22px 25px;
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 22px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.services-audio-usecase-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 48, 23, 0.08);
}

.services-audio-usecase-card:last-child {
    margin-bottom: 0;
}

.services-audio-usecase-icon {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.services-audio-usecase-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.services-audio-usecase-text {
    color: #1a1a1a;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5em;
    margin: 0;
}

/* RIGHT COLUMN: Benefits */
.services-audio-benefits-title {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    line-height: 1.3em;
    letter-spacing: 0.4px;
    margin: 0 0 30px 0;
}

.services-audio-benefits-card {
    background-color: #ffffff;
    border: 1.5px solid var(--accent-lime);
    border-radius: 8px;
    padding: 22px 25px 22px 25px;
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 22px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.services-audio-benefits-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 48, 23, 0.08);
}

.services-audio-benefits-card:last-child {
    margin-bottom: 0;
}

.services-audio-benefits-icon {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.services-audio-benefits-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.services-audio-benefits-text {
    color: #1a1a1a;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5em;
    margin: 0;
}

/* ==========================================================================
   Responsive Adjustments for Live Audio Section
   ========================================================================== */







/* ==========================================================================
   SERVICES PAGE: Incident Reporting & Alerts + What You Get & Benefits
   ========================================================================== */

.services-incident-section {
    background-color: #000;
    padding: 50px 150px 50px 150px;
}

/* ==========================================================================
   Top: Left Content + Right Image
   ========================================================================== */

.services-incident-content {
    padding: 0px 20px 0px 20px;
}

.services-incident-subtitle {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 26px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.3em;
    margin: 0 0 15px 0;
}

.services-incident-tagline {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    line-height: 1.5em;
    margin: 0 0 30px 0;
}

.services-incident-text {
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.7em;
    margin: 0;
}

/* Right Image */
.services-incident-image-wrapper {
    display: flex;
    justify-content: flex-end;
}

.services-incident-image {
    width: 100%;
    max-width: 620px;
    height: auto;
    border-radius: 0px 50px 0px 50px;
    object-fit: cover;
    display: block;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

/* ==========================================================================
   Bottom: What You Get & Benefits Box
   ========================================================================== */

.services-incident-benefits-wrapper {
    background-color: #000;
    border-radius: 0px 24px 0px 24px;
    padding: 60px 60px 60px 60px;
    border: 2px solid var(--accent-lime);
}

/* LEFT COLUMN: What You Get */
.services-incident-get-title {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    line-height: 1.3em;
    letter-spacing: 0.4px;
    margin: 0 0 30px 0;
}

.services-incident-get-card {
    background-color: #ffffff;
    border: 1.5px solid var(--accent-lime);
    border-radius: 8px;
    padding: 22px 25px 22px 25px;
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 22px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.services-incident-get-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 48, 23, 0.08);
}

.services-incident-get-card:last-child {
    margin-bottom: 0;
}

.services-incident-get-icon {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.services-incident-get-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.services-incident-get-text {
    color: #1a1a1a;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5em;
    margin: 0;
}

/* RIGHT COLUMN: Benefits */
.services-incident-benefits-title {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    line-height: 1.3em;
    letter-spacing: 0.4px;
    margin: 0 0 30px 0;
}

.services-incident-benefits-card {
    background-color: #ffffff;
    border: 1.5px solid var(--accent-lime);
    border-radius: 8px;
    padding: 22px 25px 22px 25px;
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 22px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.services-incident-benefits-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 48, 23, 0.08);
}

.services-incident-benefits-card:last-child {
    margin-bottom: 0;
}

.services-incident-benefits-icon {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.services-incident-benefits-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.services-incident-benefits-text {
    color: #1a1a1a;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5em;
    margin: 0;
}

/* ==========================================================================
   Responsive Adjustments for Incident Section
   ========================================================================== */







/* ==========================================================================
   SERVICES PAGE: Blinkless Virtual Concierge + How It Works & Benefits
   ========================================================================== */

.services-concierge-section {
    background-color: #000;
    padding: 50px 150px 50px 150px;
}

/* ==========================================================================
   Top: Left Image + Right Content
   ========================================================================== */

.services-concierge-image-wrapper {
    display: flex;
    justify-content: flex-start;
}

.services-concierge-image {
    width: 100%;
    max-width: 620px;
    height: auto;
    border-radius: 0px 50px 0px 50px;
    object-fit: cover;
    display: block;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.services-concierge-content {
    padding: 0px 20px 0px 20px;
}

.services-concierge-subtitle {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 26px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.3em;
    margin: 0 0 15px 0;
}

.services-concierge-tagline {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    line-height: 1.5em;
    margin: 0 0 30px 0;
}

.services-concierge-text {
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.7em;
    margin: 0;
}

/* ==========================================================================
   Bottom: How It Works & Benefits Box
   ========================================================================== */

.services-concierge-benefits-wrapper {
    background-color: #000;
    border-radius: 0px 24px 0px 24px;
    padding: 60px 60px 60px 60px;
    border: 2px solid var(--accent-lime);
}

/* LEFT COLUMN: How It Works */
.services-concierge-how-title {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    line-height: 1.3em;
    letter-spacing: 0.4px;
    margin: 0 0 30px 0;
}

.services-concierge-how-card {
    background-color: #ffffff;
    border: 1.5px solid var(--accent-lime);
    border-radius: 8px;
    padding: 22px 25px 22px 25px;
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 22px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.services-concierge-how-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 48, 23, 0.08);
}

.services-concierge-how-card:last-child {
    margin-bottom: 0;
}

.services-concierge-how-icon {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.services-concierge-how-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.services-concierge-how-text {
    color: #1a1a1a;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5em;
    margin: 0;
}

/* RIGHT COLUMN: Benefits */
.services-concierge-benefits-title {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    line-height: 1.3em;
    letter-spacing: 0.4px;
    margin: 0 0 30px 0;
}

.services-concierge-benefits-card {
    background-color: #ffffff;
    border: 1.5px solid var(--accent-lime);
    border-radius: 8px;
    padding: 22px 25px 22px 25px;
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 22px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.services-concierge-benefits-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 48, 23, 0.08);
}

.services-concierge-benefits-card:last-child {
    margin-bottom: 0;
}

.services-concierge-benefits-icon {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.services-concierge-benefits-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.services-concierge-benefits-text {
    color: #1a1a1a;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5em;
    margin: 0;
}

/* ==========================================================================
   Responsive Adjustments for Concierge Section
   ========================================================================== */







/* ==========================================================================
   CAR DEALERSHIPS PAGE: Hero Banner Section
   ========================================================================== */

.dealerships-hero-section {
    position: relative;
    background-color: #00170b;
    background-image: url('../images/dealership_header.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 180px 120px 100px 120px;
}

.dealerships-hero-title {
    color: #ffffff;
    font-family: "Denim Ink", Sans-serif;
    font-size: 52px;
    font-weight: 900;
    line-height: 1.25em;
    letter-spacing: -0.8px;
    margin: 0;
    max-width: 1100px;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

/* ==========================================================================
   CAR DEALERSHIPS PAGE: Header Override (Dark Green Background)
   ========================================================================== */

body.dealerships-page .site-header {
    background-color: #003017 !important;
    top: 38px;
}

body.dealerships-page .top-bar {
    background-color: #003017 !important;
}

/* ==========================================================================
   Responsive Adjustments for Car Dealerships Hero Section
   ========================================================================== */







/* ==========================================================================
   CAR DEALERSHIPS PAGE: Vulnerability Section
   ========================================================================== */

.dealerships-vulnerable-section {
    background-color: #000;
    padding: 90px 170px 50px 170px;
}

.dealerships-vulnerable-content {
    padding: 0px 30px 0px 20px;
}

.dealerships-vulnerable-text {
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.7em;
    margin: 0 0 30px 0;
}

.dealerships-vulnerable-emphasis {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    line-height: 1.3em;
    margin: 20px 0 0 0;
    display: inline-block;
    position: relative;
}

.dealerships-vulnerable-underlined {
    position: relative;
    display: inline-block;
    color: var(--accent-lime);
}

.dealerships-vulnerable-curve-svg {
    position: absolute;
    bottom: -14px;
    left: 0;
    width: 100%;
    height: 16px;
    pointer-events: none;
}

/* Right Image */
.dealerships-vulnerable-image-wrapper {
    display: flex;
    justify-content: flex-end;
}

.dealerships-vulnerable-image {
    width: 85%;
    height: auto;
    border-radius: 0px 50px 0px 50px;
    object-fit: cover;
    display: block;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

/* Bottom Heading */
.dealerships-vulnerable-bottom-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 20px;
    padding: 10px 50px 10px 50px;
    font-weight: 800;
    line-height: 1.5em;
    letter-spacing: 0.3px;
    margin: 0;
}

/* ==========================================================================
   Responsive Adjustments for Vulnerability Section
   ========================================================================== */







/* ==========================================================================
   CAR DEALERSHIPS PAGE: Why car dealerships are high-risk Section
   ========================================================================== */

.dealerships-highrisk-section {
    background-color: #000;
}

.dealerships-highrisk-card {
    background-color: transparent;
    border-radius: 0px 40px 40px 40px;
    padding: 70px 80px 70px 80px;
    border: 2px solid var(--accent-lime);
}

.dealerships-highrisk-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.3em;
    letter-spacing: 0.4px;
    margin: 0;
}

/* Subheadings */
.dealerships-highrisk-subhead {
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5em;
    margin: 0 0 25px 0;
}

/* LEFT COLUMN: Arrow List */
.dealerships-highrisk-list-arrow {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dealerships-highrisk-list-arrow li {
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6em;
    position: relative;
    padding-left: 32px;
    margin-bottom: 5px;
}

.dealerships-highrisk-list-arrow li:last-child {
    margin-bottom: 0;
}

.dealerships-highrisk-list-arrow li::before {
    content: "→";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--accent-lime);
    font-weight: 800;
    font-size: 20px;
    line-height: 1.4em;
}

/* RIGHT COLUMN: X List */
.dealerships-highrisk-list-x {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dealerships-highrisk-list-x li {
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6em;
    position: relative;
    padding-left: 32px;
    margin-bottom: 5px;
}

.dealerships-highrisk-list-x li:last-child {
    margin-bottom: 0;
}

.dealerships-highrisk-list-x li::before {
    content: "×";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--accent-lime);
    font-weight: 800;
    font-size: 18px;
    line-height: 1.5em;
}

/* Bottom Text */
.dealerships-highrisk-bottomtext {
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5em;
    margin: 0 auto;
    max-width: 1000px;
}

/* ==========================================================================
   Responsive Adjustments for High-Risk Section
   ========================================================================== */







/* ==========================================================================
   CAR DEALERSHIPS PAGE: How Blinkless protects dealerships + Key Benefits
   ========================================================================== */

.dealerships-protect-section {
    background-color: #000;
    background-image: url('../images/bkg-logo-white.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 22% 40%;
    padding: 70px 170px 50px 170px;
    overflow: hidden;
}

.dealerships-protect-section .container {
    position: relative;
    z-index: 2;
}

/* Top Heading */
.dealerships-protect-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.3em;
    letter-spacing: 0.4px;
    margin: 0;
    display: inline-block;
    position: relative;
}

.dealerships-protect-underlined {
    position: relative;
    display: inline-block;
}

.dealerships-protect-curve-svg {
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 16px;
    pointer-events: none;
}

/* Left Content */
.dealerships-protect-content {
    padding: 0px 30px 0px 40px;
}

.dealerships-protect-text {
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.7em;
    margin: 0 0 25px 0;
}

.dealerships-protect-text:last-child {
    margin-bottom: 0;
}

/* Right Image */
.dealerships-protect-image-wrapper {
    display: flex;
    justify-content: flex-end;
}

.dealerships-protect-image {
    width: 85%;
    height: auto;
    border-radius: 0px 35px 0px 35px;
    object-fit: cover;
    display: block;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

/* Key Benefits Heading */
.dealerships-protect-benefits-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.3em;
    letter-spacing: 0.4px;
    margin: 0;
}

/* Feature Cards */
.dealerships-protect-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 30px 30px 30px 30px;
    text-align: left;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06);
}

.dealerships-protect-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
}

.dealerships-protect-icon {
    width: 55px;
    margin-bottom: 35px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.dealerships-protect-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.dealerships-protect-card-text {
    color: #000;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.5em;
    margin: 0;
}

/* ==========================================================================
   Responsive Adjustments for Protect Section
   ========================================================================== */








/*================ residential-commercial-properties ======= */
/* ==========================================================================
   RESIDENTIAL & COMMERCIAL PAGE: Hero Banner Section
   ========================================================================== */

.residential-hero-section {
    position: relative;
    background-color: #00170b;
    background-image: url('../images/apartment-banner.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 180px 120px 100px 120px;
}

.residential-hero-title {
    color: #ffffff;
    font-family: "Denim Ink", Sans-serif;
    font-size: 52px;
    font-weight: 900;
    line-height: 1.25em;
    letter-spacing: -0.8px;
    margin: 0;
    max-width: 1200px;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

/* ==========================================================================
   RESIDENTIAL & COMMERCIAL PAGE: Common security challenges Section
   ========================================================================== */

.residential-challenges-section {
    background-color: #000;
    padding: 40px 150px 90px 150px;
}

.residential-challenges-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 38px;
    font-weight: 800;
    margin: 0;
}

/* Cards */
.residential-challenges-card {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 20px 25px 20px 25px;
    text-align: left;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.residential-challenges-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.residential-challenges-icon {
    height: 42px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.residential-challenges-icon svg {
    height: 85%;
    display: block;
    fill: var(--accent-lime);
}

.residential-challenges-card-text {
    color: #1a1a1a;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5em;
    margin: 0;
}

/* ==========================================================================
   Responsive Adjustments for Common Security Challenges Section
   ========================================================================== */







/* ==========================================================================
   RESIDENTIAL & COMMERCIAL PAGE: How Blinkless helps + Agents can
   ========================================================================== */

.residential-helps-section {
    position: relative;
    background-color: #000;
    background-image: url('../images/bkg-logo-white.png');
    background-repeat: no-repeat;
    background-position: -140px -60px;
    background-size: auto 80%;
    padding: 15px 150px 0px 150px;
    overflow: hidden;
}

.residential-helps-section .container {
    position: relative;
    z-index: 2;
}

/* ==========================================================================
   Top: How Blinkless helps
   ========================================================================== */

.residential-helps-content {
    padding: 0px 30px 0px 40px;
}

.residential-helps-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.3em;
    letter-spacing: 0.4px;
    margin: 0 0 30px 0;
    display: inline-block;
    position: relative;
}

.residential-helps-underlined {
    position: relative;
    display: inline-block;
    color: #11482B;
}

.residential-helps-curve-svg {
    position: absolute;
    bottom: -10px;
    left: 0px;
    width: 100%;
    height: 15px;
    pointer-events: none;
}

.residential-helps-text {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
}

/* Right Image */
.residential-helps-image-wrapper {
    display: flex;
    justify-content: flex-end;
}

.residential-helps-image {
    width: 90%;
    height: auto;
    border-radius: 0px 30px 0px 30px;
    object-fit: cover;
    display: block;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

/* ==========================================================================
   Bottom: Agents can
   ========================================================================== */

.residential-agents-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.3em;
    letter-spacing: 0.4px;
    margin: 0;
}

/* Agents Cards */
.residential-agents-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px 30px 20px 30px;
    text-align: left;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.residential-agents-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
}

.residential-agents-icon {
    height: 70px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.residential-agents-icon img {
    height: 75%;
    object-fit: contain;
    display: block;
}

.residential-agents-card-text {
    color: #000;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.5em;
    margin: 0;
}

/* ==========================================================================
   Responsive Adjustments for Helps Section
   ========================================================================== */







/* ==========================================================================
   SHOPPING CENTERS PAGE: Hero Banner Section
   ========================================================================== */

.shopping-hero-section {
    position: relative;
    background-color: #00170b;
    background-image: url('../images/shopping-center-img.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 180px 120px 100px 120px;
}

.shopping-hero-title {
    color: #ffffff;
    font-family: "Denim Ink", Sans-serif;
    font-size: 52px;
    font-weight: 900;
    line-height: 1.25em;
    letter-spacing: -0.8px;
    margin: 0;
    max-width: 1200px;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

.shopping-centers-text {
    color: var(--accent-lime);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.7em;
    margin: 0 0 30px 0;
}

/* ==========================================================================
   SHOPPING CENTERS PAGE: Why shopping centers are vulnerable Section
   ========================================================================== */

.shopping-vulnerable-section {
    background-color: #000;
    padding: 40px 180px 90px 180px;
}

.shopping-vulnerable-card {
    background-color: #000;
    border-radius: 0px 40px 40px 40px;
    padding: 70px 80px 70px 80px;
    border: 2px solid var(--accent-lime);
}

/* LEFT COLUMN */
.shopping-vulnerable-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.3em;
    letter-spacing: 0.3px;
    margin: 0 0 30px 0;
}

.shopping-vulnerable-text {
    color: #ffffff;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.7em;
    margin: 0;
}

/* RIGHT COLUMN */
.shopping-vulnerable-subhead {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.4em;
    letter-spacing: 0.3px;
    margin: 0 0 25px 0;
}

.shopping-vulnerable-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.shopping-vulnerable-list li {
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6em;
    position: relative;
    padding-left: 32px;
    margin-bottom: 18px;
}

.shopping-vulnerable-list li:last-child {
    margin-bottom: 0;
}

.shopping-vulnerable-list li::before {
    content: "→";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--accent-lime);
    font-weight: 800;
    font-size: 20px;
    line-height: 1.4em;
}

/* Bottom Text */
.shopping-vulnerable-bottomtext {
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5em;
    margin: 0 auto;
    max-width: 1000px;
}

/* ==========================================================================
   Responsive Adjustments for Shopping Vulnerable Section
   ========================================================================== */







/* ==========================================================================
   SHOPPING CENTERS PAGE: How Blinkless protects shopping centers Section
   ========================================================================== */

.shopping-protect-section {
    position: relative;
    background-color: #000;
    background-image: url('../images/bkg-logo-white.png');
    background-repeat: no-repeat;
    background-position: -180px -80px;
    background-size: auto 100%;
    padding: 0px 150px 50px 150px;
    overflow: hidden;
}

.shopping-protect-section .container {
    position: relative;
    z-index: 2;
}

/* Top Heading */
.shopping-protect-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.3em;
    letter-spacing: 0.4px;
    margin: 0;
    display: inline-block;
    position: relative;
}

.shopping-protect-underlined {
    position: relative;
    display: inline-block;
}

.shopping-protect-curve-svg {
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 16px;
    pointer-events: none;
}

/* Left Content */
.shopping-protect-content {
    padding: 0px 30px 0px 40px;
}

.shopping-protect-text {
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.7em;
    margin: 0 0 25px 0;
}

.shopping-protect-text:last-child {
    margin-bottom: 0;
}

/* Right Image */
.shopping-protect-image-wrapper {
    display: flex;
    justify-content: flex-end;
}

.shopping-protect-image {
    width: 100%;
    max-width: 620px;
    height: auto;
    border-radius: 20px;
    object-fit: cover;
    display: block;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

/* ==========================================================================
   Responsive Adjustments for Shopping Protect Section
   ========================================================================== */







/* ================ industrial-properties ================= */

.industrial-properties-hero-section {
    position: relative;
    background-color: #00170b;
    background-image: url('../images/industrial-hero.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 180px 120px 100px 120px;
}

.industrial-properties-hero-title {
    color: #ffffff;
    font-family: "Denim Ink", Sans-serif;
    font-size: 52px;
    font-weight: 900;
    line-height: 1.25em;
    letter-spacing: -0.8px;
    margin: 0;
    max-width: 1200px;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}


.industrial-properties-centers-text {
    color: var(--accent-lime);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.7em;
    margin: 0 0 30px 0;
}

.industrial-properties-list li::before {
    content: "×";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--accent-lime);
    font-weight: 800;
    font-size: 20px;
    line-height: 1.4em;
}

.industrial-properties-list li {
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6em;
    position: relative;
    padding-left: 32px;
    margin-bottom: 5px;
    list-style: none;
}



/* ================ parking-garages ================= */

.parking-garages-hero-section {
    position: relative;
    background-color: #00170b;
    background-image: url('../images/parking-garage-1.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 180px 120px 100px 120px;
}

.parking-garages-hero-title {
    color: #ffffff;
    font-family: "Denim Ink", Sans-serif;
    font-size: 52px;
    font-weight: 900;
    line-height: 1.25em;
    letter-spacing: -0.8px;
    margin: 0;
    max-width: 1200px;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}


/* ==========================================================================
   PARKING GARAGES PAGE: How Blinkless protects parking garages Section
   ========================================================================== */

.parking-protect-section {
    position: relative;
    background-color: #000;
    background-image: url('../images/bkg-logo-white.png');
    background-repeat: no-repeat;
    background-position: -220px -70px;
    background-size: 35%;
    padding: 70px 170px 50px 170px;
    overflow: hidden;
}

.parking-protect-section .container {
    position: relative;
    z-index: 2;
}

/* Top Heading */
.parking-protect-heading {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.3em;
    letter-spacing: 0.4px;
    margin: 0;
    display: inline-block;
    position: relative;
}

.parking-protect-underlined {
    position: relative;
    display: inline-block;
}

.parking-protect-curve-svg {
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 16px;
    pointer-events: none;
}

/* Left Content */
.parking-protect-content {
    padding: 0px 30px 0px 40px;
}

.parking-protect-text {
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.7em;
    margin: 0 0 15px 0;
}

.parking-protect-list {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
}

.parking-protect-list li {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6em;
    position: relative;
    padding-left: 30px;
    margin-bottom: 14px;
}

.parking-protect-list li:last-child {
    margin-bottom: 0;
}

.parking-protect-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--accent-lime);
    font-weight: 800;
    font-size: 20px;
    line-height: 1.4em;
}

/* Right Image */
.parking-protect-image-wrapper {
    display: flex;
    justify-content: flex-end;
}

.parking-protect-image {
    width: 90%;
    height: auto;
    border-radius: 0px 30px 0px 30px;
    display: block;
}

/* Bottom Text */
.parking-protect-bottomtext {
    color: var(--accent-lime);
    font-size: 22px;
    font-weight: 800;
    margin: 0 auto;
    padding: 0px 50px 0px 50px;
}

/* ==========================================================================
   Responsive Adjustments for Parking Protect Section
   ========================================================================== */







/* ==========================================================================
   CONSTRUCTION SITES PAGE — Header, Banner & Steps (FINAL)
   ========================================================================== */

/* ============================================================
   HEADER — TRANSPARENT over banner
   ============================================================ */
.construction-header {
    background-color: transparent;
    padding: 22px 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

.construction-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px;
    width: 100%;
}

.construction-header-left {
    display: flex;
    align-items: center;
    gap: 30px;
}

.construction-logo {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.construction-logo img {
    height: 25px;
    width: auto;
    object-fit: contain;
    display: block;
}

.construction-label {
    color: #fff;
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'BlinkMacSystemFont', sans-serif;
    opacity: 0.9;
}

.construction-phone {
    color: #eed580;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.3px;
    font-family: 'BlinkMacSystemFont', sans-serif;
    text-decoration: none;
    transition: color 0.2s ease;
}

.construction-phone:hover {
    color: #ffffff;
}

/* ============================================================
   HERO BANNER
   ============================================================ */
.construction-hero-section {
    position: relative;
    background-image: linear-gradient(rgba(13, 36, 23, .66), rgba(13, 36, 23, .82)), url('../images/construction_top.webp');
    background-color: #0d2417;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    min-height: 800px;
    padding: 108px 20px 52px;
    overflow: visible;
}

.construction-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #eed58047;
    z-index: 1;
}

.construction-hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 950px;
    margin: 0 auto;
    padding: 0 20px;
}

.construction-breadcrumb {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 30px 0;
    opacity: 0.85;
}

.construction-breadcrumb a {
    color: #ffffff;
    text-decoration: none;
    opacity: 0.9;
    transition: color 0.2s ease;
}

.construction-breadcrumb a:hover {
    color: var(--accent-lime);
}

.construction-tagline {
    color: #eed580;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    font-family: 'BlinkMacSystemFont', sans-serif;
    margin: 0 0 25px 0;
}

.construction-hero-title {
    color: #ffffff;
    font-family: "Denim Ink", "Inter", Sans-serif;
    font-size: 60px;
    font-weight: 900;
    line-height: 1.1em;
    letter-spacing: -1.5px;
    margin: 0 0 35px 0;
}

.construction-hero-subtext {
    color: #cbdad2;
    font-size: 17px;
    font-weight: 400;
    font-family: 'BlinkMacSystemFont', sans-serif;
    width: 600px;
    margin: 0 auto 45px auto;
    opacity: 0.95;
}

.construction-hero-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.btn-construction-primary {
    background-color: transparent;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    padding: 18px 34px;
    border-radius: 6px;
    border: 2px solid #eed580;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
}

.btn-construction-primary:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #003017;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.btn-construction-secondary {
    background-color: transparent;
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    padding: 18px 34px;
    border-radius: 6px;
    border: 2px solid rgba(255, 255, 255, 0.7);
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
}

.btn-construction-secondary:hover {
    background-color: rgba(255, 255, 255, 0.12);
    border-color: #ffffff;
    color: #ffffff;
    transform: translateY(-2px);
}

/* ============================================================
   STEPS BOX — Bootstrap row/col use kiya, apni CSS nahi
   ============================================================ */
.construction-steps-wrapper {
    position: relative;
    z-index: 5;
    width: 94%;
    margin: -90px auto 60px auto;
}

.construction-steps-row {
    background-color: #ffffff;
    border-radius: 16px 16px 0px 0px;
    box-shadow: 0 -6px 40px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    margin: 0;
}

.construction-step-col {
    padding: 50px 30px 55px 30px;
    border-right: 1px solid #e8edf1;
    text-align: left;
}

.construction-step-col:last-child {
    border-right: none;
}

.construction-step-number {
    color: #94a3b8;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0 0 15px 0;
}

.construction-step-title {
    color: #003017;
    font-family: "Denim Ink", "Inter", Sans-serif;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.3em;
    margin: 0 0 18px 0;
}

.construction-step-text {
    color: #475569;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7em;
    margin: 0;
}

/* ==========================================================================
   Responsive — Construction Page
   ========================================================================== */







/* ==========================================================================
   CUSTOM FONT: BlinkMacSystemFont
   ========================================================================== */

@font-face {
    font-family: 'BlinkMacSystemFont';
    src: url('../fonts/BlinkMacSystemFont-master/BlinkMacSystemFont-Regular.woff2') format('woff2'),
        url('../fonts/BlinkMacSystemFont-master/BlinkMacSystemFont-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BlinkMacSystemFont';
    src: url('../fonts/BlinkMacSystemFont-master/BlinkMacSystemFont-Bold.woff2') format('woff2'),
        url('../fonts/BlinkMacSystemFont-master/BlinkMacSystemFont-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BlinkMacSystemFont';
    src: url('../fonts/BlinkMacSystemFont-master/BlinkMacSystemFont-Black.woff2') format('woff2'),
        url('../fonts/BlinkMacSystemFont-master/BlinkMacSystemFont-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* ==========================================================================
   EXACT LIVE CSS FROM BLINKLESS.COM/INDUSTRIES/CONSTRUCTION-SITES/
   ========================================================================== */

:root {
    --ink: #12241b;
    --muted: #5c6f66;
    --line: #e2e8e4;
    --dark: #0d2417;
    --lime: #c9f24b;
    --green: #1d6b3f;
}

body.construction-page {
    min-height: 100vh;
    background: #f2f5f3 !important;
    color: var(--ink);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif;
    line-height: 1.6;
    position: relative;
}

.construction-main {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 0 64px;
}

.construction-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1px;
    gap: 1px;
    background: var(--line);
    border: 1px solid var(--accent-lime);
    border-radius: 12px;
    overflow: hidden;
    margin-top: -30px;
    position: relative;
    z-index: 5;
}

.construction-strip-item {
    background: #000;
    padding: 20px 18px;
}

.construction-strip-item h2 {
    margin: 0 0 4px;
    font-size: 15px;
    color: var(--accent-lime);
    font-weight: 700;
}

.construction-strip-item p {
    margin: 0;
    font-size: 14px;
    color: #fff;
    line-height: 1.5;
}

.construction-strip-num {
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    color: var(--accent-lime);
    margin-bottom: 6px;
}





.construction-card {
    background: #000;
    border: 1px solid var(--accent-lime);
    border-radius: 12px;
    padding: 26px;
    margin-top: 28px;
    scroll-margin-top: 16px;
}

.construction-card-head {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-bottom: 6px;
}

.construction-card-head h2 {
    margin: 0;
    font-size: 23px;
    letter-spacing: -.01em;
    color: var(--accent-lime);
    font-weight: 700;
}

.construction-meta {
    font-size: 13.5px;
    color: var(--accent-lime);
}

.construction-grid2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px 28px;
    gap: 8px 28px;
}



.construction-block h3 {
    margin: 12px 0 6px;
    font-size: 12.5px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
}

.construction-block p {
    margin: 0;
    font-size: 14.5px;
}

.construction-note {
    margin: 16px 0 0;
    font-size: 15.5px;
    max-width: 74ch;
    color: #fff;
    line-height: 1.6;
}

.construction-note a {
    color: var(--accent-lime);
    text-decoration: underline;
}

.construction-sources {
    margin: 18px 0 0;
    padding: 12px 0 0;
    border-top: 1px solid var(--line);
    font-size: 13px;
    color: #fff;
}

.construction-sources ul {
    margin: 4px 0 0;
    padding-left: 18px;
}

.construction-sources li {
    margin-bottom: 3px;
}

.construction-sources a {
    color: var(--green);
    overflow-wrap: anywhere;
}

.construction-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 14px;
    gap: 14px;
    margin: 16px 0 4px;
}



.construction-stat {
    background: #f5f8f6;
    border-radius: 10px;
    padding: 14px 16px;
}

.construction-stat-value {
    display: block;
    font-size: 27px;
    font-weight: 700;
    color: var(--dark);
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    line-height: 1.15;
}

.construction-stat-label {
    display: block;
    font-size: 12.5px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--muted);
    margin-top: 4px;
    font-weight: 700;
}

.construction-stat-note {
    display: block;
    font-size: 13px;
    color: var(--muted);
    margin-top: 5px;
    line-height: 1.4;
}

.construction-cover-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14.5px;
}

.construction-cover-list li {
    margin-bottom: 6px;
    page-break-inside: avoid;
    break-inside: avoid;
    padding-left: 20px;
    position: relative;
    color: #fff;
}

.construction-cover-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background: var(--accent-lime);
    border: 1px solid var(--accent-lime);
}

.construction-phases {
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}

.construction-phases li {
    display: grid;
    grid-template-columns: 200px 1fr;
    grid-gap: 4px 20px;
    gap: 4px 20px;
    padding: 12px 0;
    border-bottom: 1px solid #f1f5f2;
    font-size: 14.5px;
    color: #fff;
}

.construction-phases li:last-child {
    border-bottom: 0;
}

.construction-phase-name {
    font-weight: 700;
    color: #fff;
}



.construction-compare {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 14px;
    gap: 14px;
    margin-top: 16px;
}



.construction-compare-col {
    background: #f5f8f6;
    border-radius: 10px;
    padding: 18px;
    font-size: 14.5px;
}

.construction-compare-col-alt {
    background: var(--accent-lime);
    color: #eef4f0;
}

.construction-compare-col h3,
.construction-compare-col-alt h3 {
    margin: 0 0 8px;
    font-size: 16px;
    color: var(--dark);
    font-weight: 700;
}

.construction-compare-col-alt h3 {
    color: #000;
}

.construction-compare-col p,
.construction-compare-col-alt p {
    margin: 0 0 10px;
    line-height: 1.5;
}

.construction-compare-col p:last-child,
.construction-compare-col-alt p:last-child {
    margin-bottom: 0;
    color: black;
}

.construction-compare-col a {
    color: var(--green);
    text-decoration: underline;
}

.construction-compare-col-alt a {
    color: var(--lime);
    text-decoration: underline;
}

.construction-testimonial {
    margin: 16px 0 0;
    padding: 0 0 0 18px;
    border-left: 3px solid var(--accent-lime);
}

.construction-testimonial p {
    margin: 0 0 10px;
    font-size: 16px;
    color: var(--ink);
}

.construction-testimonial-who {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--accent-lime);
    letter-spacing: .04em;
    text-transform: uppercase;
    display: block;
}

.construction-cta,
.construction-ghost {
    display: inline-block;
    padding: 13px 22px;
    font: inherit;
    font-size: 15px;
    font-weight: 700;
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    border: 1px solid transparent;
}

.construction-cta {
    background: transparent;
    color: #fff;
    border: 2px solid var(--accent-lime);
}

.construction-cta:hover {
    background: var(--accent-lime);
    color: var(--dark);
}

.construction-ghost {
    background: transparent;
    border-color: rgba(242, 245, 243, .45);
    color: #f2f5f3;
}

.construction-ghost-light {
    background: #fff;
    border-color: #cfdad4;
    color: var(--ink);
}

.construction-ghost-light:hover {
    background: #f5f8f6;
    color: var(--ink);
}

.construction-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.construction-prose {
    max-width: 72ch;
    margin: 44px auto 0;
    font-size: 16.5px;
}

.construction-prose h2 {
    margin: 38px 0 12px;
    font-size: 24px;
    letter-spacing: -.01em;
    color: var(--accent-lime);
    font-weight: 700;
}

.construction-prose p {
    margin: 0 0 14px;
    line-height: 1.6;
    color: white;
}

.construction-prose a {
    color: var(--accent-lime);
    text-decoration: underline;
}

.construction-faq-item {
    border-bottom: 1px solid var(--line);
}

.construction-faq-item summary {
    padding: 14px 0;
    font-weight: 600;
    color: var(--accent-lime);
    cursor: pointer;
    font-size: 16.5px;
    list-style: none;
    position: relative;
    padding-right: 24px;
}

.construction-faq-item summary::-webkit-details-marker {
    display: none;
}

.construction-faq-item summary::after {
    content: "+";
    position: absolute;
    right: 0;
    top: 14px;
    font-size: 18px;
    font-weight: 700;
    color: var(--muted);
}

.construction-faq-item[open] summary::after {
    content: "×";
}

.construction-faq-item summary:hover {
    color: var(--accent-lime);
}

.construction-faq-item p {
    margin: 2px 0 16px;
    font-size: 15.5px;
    color: #fff;
    line-height: 1.6;
}

.construction-faq-item a {
    color: var(--accent-lime);
    text-decoration: underline;
}

.construction-fine-print {
    font-size: 13px;
    color: var(--muted);
    border-top: 1px solid var(--line);
    margin-top: 30px;
    padding-top: 14px;
    line-height: 1.5;
}

.construction-fine-print a {
    color: var(--green);
    text-decoration: underline;
}

.construction-gen-band {
    margin-top: 40px;
    background: #000;
    border: 1px solid var(--accent-lime);
    border-left: 5px solid var(--accent-lime);
    border-radius: 12px;
    padding: 30px 30px 32px;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    grid-gap: 30px;
    gap: 30px;
}



.construction-gen-kicker {
    margin: 0 0 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--accent-lime);
}

.construction-gen-band h2 {
    margin: 0 0 12px;
    font-size: 25px;
    letter-spacing: -.01em;
    color: var(--accent-lime);
    font-weight: 700;
}

.construction-gen-band p {
    margin: 0 0 14px;
    font-size: 16px;
    line-height: 1.5;
    color: white;
}

.construction-gen-band .construction-actions {
    margin-top: 20px;
}

.construction-gen-steps {
    margin: 0;
    padding: 0 0 0 20px;
    align-self: center;
    font-size: 14.5px;
    color: var(--muted);
}

.construction-gen-steps li {
    margin-bottom: 10px;
    padding-left: 4px;
    line-height: 1.5;
    color: white;
}

.construction-gen-steps li::marker {
    font-weight: 700;
    color: var(--accent-lime);
}

.construction-gen-steps strong {
    color: var(--accent-lime);
}

.construction-quote {
    margin-top: 32px;
    background: #000;
    color: #f2f5f3;
    border-radius: 12px;
    padding: 32px 28px;
    scroll-margin-top: 16px;
    border: 2px solid var(--accent-lime);
}

.construction-quote h2 {
    margin: 0 0 8px;
    font-size: 25px;
    letter-spacing: -.01em;
    color: #f2f5f3;
    font-weight: 700;
}

.construction-quote-sub {
    margin: 0 0 22px;
    color: #b9c9c0;
    font-size: 15.5px;
    max-width: 62ch;
    line-height: 1.5;
}

.construction-quote-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 14px;
    gap: 14px;
}



.construction-quote-form label {
    display: block;
    font-size: 13.5px;
    font-weight: 600;
    color: #cbdad2;
}

.construction-wide {
    grid-column: 1 / -1;
}

.construction-quote-form input,
.construction-quote-form select,
.construction-quote-form textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-top: 5px;
    padding: 11px 12px;
    font: inherit;
    font-size: 16px;
    font-weight: 400;
    color: var(--ink);
    background: #fff;
    border: 1px solid #cfdad4;
    border-radius: 8px;
}

.construction-quote-form textarea {
    min-height: 92px;
    resize: vertical;
}

.construction-quote-foot {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}

.construction-quote-note {
    margin: 0;
    font-size: 13.5px;
    color: #b9c9c0;
}

.construction-quote-note a {
    color: var(--accent-lime);
    text-decoration: underline;
}

.construction-field-hint {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #a3b6ac;
}

.construction-field-hint a {
    color: var(--accent-lime);
    text-decoration: underline;
}

/* Include Responsive Stylesheet */
@import url("responsive.css");




/* ==========================================================================
   PRIVACY POLICY PAGE — Content Styling
   ========================================================================== */

.privacy-policy-section {
    background-color: #000;
    padding: 80px 0 70px 0;
}

.privacy-policy-container {
    width: 75%;
    margin: 0 auto;
}

/* Main H1 Heading */
.privacy-policy-main-heading {
    color: #11482B;
    font-family: "Denim Ink", Sans-serif;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.25em;
    letter-spacing: 0.3px;
    margin: 0 0 35px 0;
}

/* H3 Subheadings */
.privacy-policy-section h3 {
    color: var(--accent-lime);
    font-family: "Denim Ink", Sans-serif;
    font-size: 30px;
    font-weight: 800;
    margin: 20px 0 20px 0;
}

/* Paragraphs */
.privacy-policy-section p {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
}

/* Lists */
.privacy-policy-section ul {
    padding-left: 25px;
    margin: 0 0 22px 0;
}

.privacy-policy-section ul li {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.7em;
    margin-bottom: 12px;
}

/* Bold text inside paragraphs */
.privacy-policy-section p strong {
    font-weight: 700;
    color: #1a1a1a;
}


/* ==========================================================================
   FAQ PAGE — Exact Match (blinkless.com/faq/)
   ========================================================================== */

/* =============================================
   FAQ HERO / INTRO
   ============================================= */
.faq-hero-section {
    background-color: #000;
    padding: 100px 150px 20px 150px;
}

.faq-hero-content {
    width: 65%;
    margin: 0 auto;
}

.faq-hero-tagline {
    color: #fff;
    font-size: 10px;
    font-family: 'BlinkMacSystemFont', sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.faq-hero-title {
    color: var(--accent-lime);
    font-size: 40px;
    font-weight: 600;
    line-height: 1.15em;
    font-family: 'BlinkMacSystemFont', sans-serif;
    letter-spacing: -1px;
    margin: 0 0 20px 0;
}

.faq-hero-subtext {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6em;
    width: 75%;
    margin: 0;
    font-family: 'BlinkMacSystemFont', sans-serif;
}

.faq-hero-link {
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
    transition: color 0.2s ease;
}

.faq-hero-link:hover {
    color: #1d6b3f;
}

/* =============================================
   FAQ MAIN SECTION
   ============================================= */
.faq-section {
    background-color: #0000;
    padding: 20px 150px 80px 150px;
}

.faq-main-card {
    background-color: #000;
    border-radius: 16px;
    padding: 40px 40px 40px 40px;
    width: 65%;
    margin: 0 auto;
    color: #eef4f0;
    border: 2px solid var(--accent-lime);
}

/* Meta line */
.faq-meta {
    color: #fff;
    font-size: 10px;
    font-family: ui-monospace, Cascadia Code, SF Mono, Consolas, monospace;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}

/* Search Box */
.faq-search-wrapper {
    position: relative;
    margin: 0 0 30px 0;
}

.faq-search-icon {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #5c7a6a;
    font-size: 15px;
    pointer-events: none;
}

.faq-search-input {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(201, 242, 75, 0.15);
    border-radius: 10px;
    padding: 16px 20px 16px 48px;
    color: #eef4f0;
    font-size: 15px;
    font-family: 'BlinkMacSystemFont', sans-serif;
    outline: none;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.faq-search-input::placeholder {
    color: #5c7a6a;
}

.faq-search-input:focus {
    border-color: rgba(201, 242, 75, 0.5);
    background-color: rgba(255, 255, 255, 0.06);
}

/* "All 43 questions" */
.faq-all-questions {
    color: #ffff;
    font-size: 13px;
    font-family: 'BlinkMacSystemFont', sans-serif;
    font-weight: 500;
    margin: 0 0 30px 0;
}

/* Section heading (General, Construction sites, etc.) */
.faq-section-heading {
    color: var(--accent-lime);
    font-family: 'BlinkMacSystemFont', sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    margin: 45px 0 10px 0;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(201, 242, 75, 0.15);
}

/* FAQ Item (details/summary) */
.faq-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.faq-item:last-child {
    border-bottom: none;
}

.faq-summary {
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 12px 0;
    cursor: pointer;
    list-style: none;
    transition: color 0.2s ease;
}

.faq-summary::-webkit-details-marker {
    display: none;
}

.faq-summary:hover .faq-question {
    color: var(--accent-lime);
}

.faq-number {
    color: var(--accent-lime);
    font-size: 10px;
    font-family: 'BlinkMacSystemFont', sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    min-width: 25px;
    flex-shrink: 0;
}

.faq-question {
    color: #eef4f0;
    font-family: 'BlinkMacSystemFont', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4em;
    /* flex-grow: 1; */
    /* transition: color 0.2s ease; */
}

.faq-toggle-icon {
}

.faq-toggle-icon::before,
.faq-toggle-icon::after {
    content: "";
    position: absolute;
    background-color: #8aa295;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.faq-toggle-icon::before {
    /* top: 50%; */
    /* left: 0; */
    /* width: 100%; */
    /* height: 2px; */
    /* transform: translateY(-50%); */
}

.faq-toggle-icon::after {
    /* left: 50%; */
    /* top: 0; */
    /* width: 2px; */
    /* height: 100%; */
    /* transform: translateX(-50%); */
}

.faq-item[open] .faq-toggle-icon::after {
    transform: translateX(-50%) rotate(90deg);
    opacity: 0;
}

.faq-item[open] .faq-toggle-icon::before {
    background-color: #c9f24b;
}

.faq-summary:hover .faq-toggle-icon::before,
.faq-summary:hover .faq-toggle-icon::after {
    background-color: #c9f24b;
}

/* Answer */
.faq-answer {
    padding: 0 0 22px 47px;
}

.faq-answer p {
    color: #b9c9c0;
    font-size: 15px;
    font-family: 'BlinkMacSystemFont', sans-serif;
    font-weight: 400;
    line-height: 1.65em;
    margin: 0;
}

/* =============================================
   FAQ CTA SECTION
   ============================================= */
.faq-cta-section {
    background-color: #000;
    padding: 0 120px 80px 120px;
}

.faq-cta-card {
    background-color: #000;
    border-radius: 16px;
    padding: 35px 40px 35px 40px;
    width: 60%;
    margin: 0 auto;
    text-align: center;
    border: 2px solid var(--accent-lime);
}

.faq-cta-heading {
    color: var(--accent-lime);
    font-family: 'BlinkMacSystemFont', sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 10px 0;
}

.faq-cta-text {
    color: #fff;
    font-size: 16px;
    font-family: 'BlinkMacSystemFont', sans-serif;
    font-weight: 400;
    line-height: 1.6em;
    margin: 0 auto 30px auto;
    width: 70%;
}

.faq-cta-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.faq-cta-btn-primary {
    background-color: var(--accent-lime);
    color: #0d2417;
    font-size: 15px;
    font-family: 'BlinkMacSystemFont', sans-serif;
    font-weight: 700;
    padding: 14px 30px;
    border-radius: 50px;
    border: 2px solid var(--accent-lime);
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
}

.faq-cta-btn-primary:hover {
    background-color: var(--accent-lime);
    border-color: var(--accent-lime);
    color: #0d2417;
}

.faq-cta-btn-secondary {
    background-color: transparent;
    color: var(--accent-lime);
    font-size: 14px;
    font-family: 'BlinkMacSystemFont', sans-serif;
    font-weight: 700;
    padding: 14px 30px;
    border-radius: 50px;
    border: 1px solid var(--accent-lime);
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
}

.faq-cta-btn-secondary:hover {
    background-color: #12241b;
    color: #ffffff;
}

.faq-cta-phone {
    color: #fff;
    font-size: 15px;
    font-family: 'BlinkMacSystemFont', sans-serif;
    font-weight: 400;
    margin: 0;
}

.faq-cta-phone a {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
}

.faq-cta-phone a:hover {
    color: #1d6b3f;
}

/* ==========================================================================
   FAQ PAGE — Responsive
   ========================================================================== */

@media (max-width: 1199px) {

    .faq-hero-content,
    .faq-main-card,
    .faq-cta-card {
        width: 85%;
    }

    .faq-hero-title {
        font-size: 44px;
    }

    .faq-main-card {
        padding: 35px 30px 35px 30px;
    }
}

@media (max-width: 991px) {
    .faq-hero-section {
        padding: 110px 0 50px 0;
    }

    .faq-hero-content,
    .faq-main-card,
    .faq-cta-card {
        width: 92%;
    }

    .faq-hero-title {
        font-size: 36px;
    }

    .faq-hero-subtext {
        font-size: 16px;
    }

    .faq-main-card {
        padding: 30px 25px 30px 25px;
    }

    .faq-question {
        font-size: 15px;
    }

    .faq-answer {
        padding-left: 42px;
    }

    .faq-answer p {
        font-size: 14px;
    }

    .faq-cta-heading {
        font-size: 26px;
    }

    .faq-cta-text {
        width: 90%;
    }
}

#camera {
  display: block;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
  position: absolute;
  top: 0px;
  left: 0px;
    filter: brightness(.62) contrast(1.22) saturate(.85);
    -webkit-mask-image: radial-gradient(ellipse 48% 64% at 50% 50%, #000 50%, transparent 100%);
    mask-image: radial-gradient(ellipse 48% 64% at 50% 50%, #000 50%, transparent 100%);
    backface-visibility: hidden;
    transform: translateZ(0);
}
}

.hint {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(0,0,0,.45);
  color: #fff;
  font: 500 14px/1 system-ui, sans-serif;
  pointer-events: none;
  transition: opacity .25s ease;
}

section.hero-section:after {
    content: "";
    position:absolute;
    inset:0;
    z-index:6;
    pointer-events:none;
    opacity:.07;
    mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.asdsd {
   position: absolute;
   inset: 0;
   z-index: 2;
   pointer-events: none;
   background: radial-gradient(75% 70% at 50% 44%, transparent 33%, rgb(3 3 4) 100%), linear-gradient(to top, rgb(3 3 4) 0, transparent 42%);
   }
   svg.heading-curve-svg path {
    stroke: #d6b854 !important;
}

.step-card-lime-border p {
    color: #eed580;
}


.real-protection {
    border-bottom: 2px solid #ffffff26;
}

.process-step-card:hover .process-step-icon img {
    filter: brightness(0) invert(0);
}




.img-custom-anim-top {
  animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes img-anim-top {
  0% {
    transform: translateY(-5%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-bottom {
  animation: img-anim-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes img-anim-bottom {
  0% {
    transform: translateY(5%);
    clip-path: inset(100% 0 0 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

.img-custom-anim-left {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

.img-custom-anim-right {
  animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-right {
  0% {
    transform: translateX(5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}


.about-founder-content h2 {
    text-align: start;
    margin-bottom: 10px;
}

.about-founder-content p {
    font-size: 16px;
    margin: 15px 0;
}

.about-founder-content h6 {
    color: white;
    font-weight: 900;
    font-size: 18px;
}
.security-away {
    background: var(--accent-lime);
    padding-bottom: 50px;
}

.security-away .about-founder-content-title h2 {
    color: black;
    margin: 0;
}

.security-away .about-founder-content p {
    color: black;
}

.viricanus-different {
    padding: 50px 0;
}

.viricanus-different .about-bridge-card-title {
    margin: 0;
    font-size: 26px;
    color: black;
}

.viricanus-different .about-founder-content-title {
    text-align: center;
    background: var(--accent-lime);
    padding: 20px;
    border-radius: 20px;
}

.viricanus-different .about-founder-content-title p {
    margin-top: 15px;
    font-size: 17px;
    color: black;
}
.viricanus-different .about-founder-content-title img {
    width: 25%;
    margin: auto;
    border-radius: 60%;
    margin-bottom: 18px;
}

.different-technology {
    padding: 50px 0;
}

.different-technology ul {color: white;margin: 15px 0;}

.different-technology ul li p {
    margin: 0;
    color: white;
}

.different-technology h3 {
    color: white;
    margin: 20px 0;
    font-weight: 600;
    font-size: 25px;
}
section.different-technology .about-modern-para {
    margin-top: 20px;
}