/* _content/Spiderink/Components/Layout/Footer.razor.rz.scp.css */
.footer[b-nl4twfnwk5] {
    background-color: var(--spiderink-text-dark);
    color: var(--spiderink-text-light);
    padding: 60px 0;
    text-align: center;
}

    .footer a[b-nl4twfnwk5] {
        color: var(--spiderink-light-blue);
    }

    .footer h5[b-nl4twfnwk5] {
        color: var(--spiderink-light-blue);
    }
/* _content/Spiderink/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-f3iuf4173w] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-f3iuf4173w] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Spiderink/Components/Layout/Navbar.razor.rz.scp.css */
.navbar[b-mlbnsf15ay] {
    background-color: var(--spiderink-primary-blue) !important;
    border-bottom: 3px solid var(--spiderink-secondary-blue);
}

.navbar-brand img[b-mlbnsf15ay] {
    height: 40px;
    margin-right: 10px;
}

.navbar-brand[b-mlbnsf15ay], .nav-link[b-mlbnsf15ay] {
    color: var(--spiderink-white) !important;
}

    .nav-link:hover[b-mlbnsf15ay], .nav-link.active[b-mlbnsf15ay] {
        color: var(--spiderink-light-blue) !important;
    }

.navbar-toggler[b-mlbnsf15ay] {
    border-color: var(--spiderink-light-blue);
}

.navbar-toggler-icon[b-mlbnsf15ay] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
/* _content/Spiderink/Components/Pages/Home.razor.rz.scp.css */
#hero[b-vjns4pkiqf] {
    /* background-color: var(--spiderink-secondary-blue); */
    color: var(--spiderink-white);
    padding: 80px 0;
    text-align: center;
    background-image: url('/images/hero.avif');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    #hero h1[b-vjns4pkiqf] {
        font-size: 2.8rem;
        font-weight: bold;
        margin-bottom: 0.5rem;
    }

    #hero .lead[b-vjns4pkiqf] {
        font-size: 1.3rem;
        font-weight: bold;
    }

.section-heading[b-vjns4pkiqf] {
    color: var(--spiderink-primary-blue);
    margin-bottom: 40px;
    font-weight: bold;
}

    .section-heading[b-vjns4pkiqf]::after {
        content: '';
        display: block;
        width: 60px;
        height: 3px;
        background-color: var(--spiderink-secondary-blue);
        margin: 10px auto 0;
    }

#about[b-vjns4pkiqf], #services[b-vjns4pkiqf], #contact[b-vjns4pkiqf] {
    padding: 60px 0;
}

#about[b-vjns4pkiqf] {
    background-color: #f8f9fa; /* Light grey background */
}

.service-card[b-vjns4pkiqf] {
    background-color: var(--spiderink-white);
    border: 1px solid #ddd;
    border-left: 5px solid var(--spiderink-secondary-blue);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%; /* Ensure cards in a row have same height */
}

    .service-card:hover[b-vjns4pkiqf] {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    }

    .service-card .card-title[b-vjns4pkiqf] {
        color: var(--spiderink-primary-blue);
        font-weight: bold;
    }

    .service-card i[b-vjns4pkiqf] {
        font-size: 2.5rem;
        color: var(--spiderink-secondary-blue);
        margin-bottom: 15px;
    }

#contact[b-vjns4pkiqf] {
    background-color: var(--spiderink-primary-blue);
    color: var(--spiderink-text-light);
}

    #contact .section-heading[b-vjns4pkiqf] {
        color: var(--spiderink-white);
    }

        #contact .section-heading[b-vjns4pkiqf]::after {
            background-color: var(--spiderink-light-blue);
        }

    #contact p a[b-vjns4pkiqf] {
        color: var(--spiderink-light-blue);
        text-decoration: none;
    }

        #contact p a:hover[b-vjns4pkiqf] {
            text-decoration: underline;
        }

    #contact i[b-vjns4pkiqf] {
        color: var(--spiderink-light-blue);
        margin-right: 8px;
    }