/* Logo Styling */.logo {    width: 225px;    height: 60px;    border-radius: 17px; /* Rounded corners */    object-fit: contain; /* Ensures the image is resized properly */}/* General Reset */* {    margin: 0;    padding: 0;    box-sizing: border-box;    font-family: 'Arial', sans-serif;}/* Body & Layout */body {    background-color: #f4f4f4;    color: #333;    line-height: 1.6;}/* Header */header {    background-color: #900;    padding: 20px;    display: flex;    justify-content: space-between;    align-items: center;    color: white;    position: relative;}header img {    width: 50px;    height: 50px;}nav ul {    list-style: none;    display: flex;}nav ul li {    margin: 0 15px;}nav ul li a {    color: white;    text-decoration: none;    font-weight: bold;}nav ul li a:hover {    text-decoration: underline;}/* Navigation Bar Separator */.nav-separator {    height: 5px;    background-color: #ccc; /* Light gray */    width: 100%;    position: absolute;    bottom: -5px; /* Places it just below the navbar */}/* Hero Section */.hero {    background: url('../images/hero.png') no-repeat center center/cover;    height: 400px;    display: flex;    justify-content: center;    align-items: center;    text-align: center;    position: relative;}.hero-text {    background: rgba(255, 255, 255, 0.15); /* Transparent white */    padding: 30px;    border-radius: 15px;    backdrop-filter: blur(10px); /* Glassmorphism Effect */    -webkit-backdrop-filter: blur(10px);    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);    max-width: 600px;    color: white;}.hero-text h1 {    font-size: 2.5rem;    font-weight: bold;}.hero-text p {    font-size: 1.2rem;    margin: 15px 0;}.hero button {    background-color: white;    color: #900;    border: none;    padding: 12px 20px;    font-size: 1rem;    cursor: pointer;    font-weight: bold;    transition: 0.3s;}.hero button:hover {    background-color: #ddd;}/* Sections */section {    padding: 50px 20px;    text-align: center;}/* Service Boxes */.service-grid {    display: grid;    grid-template-columns: repeat(2, 1fr);    gap: 20px;    max-width: 900px;    margin: auto;}.service-item {    background: white;    padding: 20px;    border-radius: 10px;    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}/* HIPAA Violations & Training */.hipaa, .training {    background: #fff;    padding: 50px 20px;    border-radius: 10px;    margin: 20px auto;    max-width: 900px;    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}.hipaa h2, .training h2 {    color: #900;}ul {    text-align: left;    max-width: 600px;    margin: auto;    padding: 10px;}/* Contact Section */.contact {    background-color: #900;    color: white;    padding: 40px 20px;}.contact a {    color: yellow;    font-weight: bold;}/* Footer */footer {    background-color: #333;    color: white;    text-align: center;    padding: 15px;    margin-top: 20px;}/* Projects Section */#projects-container {    display: flex;    flex-direction: column;    align-items: center;    gap: 30px; /* Space between projects */    margin: 40px auto;    max-width: 1200px;}/* Individual Project Styling */.project {    width: 1200px;    height: 350px;    display: flex;    align-items: center;    justify-content: space-between;    padding: 20px;    border-radius: 10px;    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);}/* Alternating Background Colors */.project:nth-child(odd) {    background-color: #f9f9f9; /* Light gray */}.project:nth-child(even) {    background-color: #ddd; /* Slightly darker gray */}/* Image Styling */.project img {    max-width: 500px;    max-height: 400px;    border-radius: 8px; /* Slightly rounded edges */    object-fit: cover;}/* Project Content (Text) */.project-content {    flex: 1;    padding: 20px;    text-align: left;}/* Flip Content Layout */.project:nth-child(odd) .project-content {    order: 2; /* Image on the left, text on the right */}.project:nth-child(even) .project-content {    order: -1; /* Image on the right, text on the left */}/* Contact Page Styles */.container {    max-width: 700px;    margin: auto;    padding: 40px;    text-align: center;}/* Contact Info */.contact-info {    margin-bottom: 30px;    font-size: 18px;    line-height: 1.5;}/* Contact Form */form {    background: #f9f9f9;    padding: 20px;    border-radius: 10px;    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);    text-align: left;}form label {    font-weight: bold;    display: block;    margin: 10px 0 5px;}form input,form textarea {    width: 100%;    padding: 10px;    margin-bottom: 15px;    border: 1px solid #ccc;    border-radius: 5px;}form button {    width: 100%;    padding: 12px;    background-color: #900;    color: white;    border: none;    font-size: 16px;    cursor: pointer;    transition: 0.3s;    border-radius: 5px;}form button:hover {    background-color: #700;}/* Form Status Message */#form-status {    margin-top: 10px;    font-weight: bold;}/* Founder Message Section */.founder-message {    background: rgba(255, 255, 255, 0.8);    padding: 30px;    text-align: center;    border-radius: 15px;    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);    margin: 40px auto;    max-width: 700px;}/* Industries Section */.industries, .why-choose-us {    background: #f9f9f9;    padding: 40px;    border-radius: 10px;    margin: 20px auto;    max-width: 900px;    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);    text-align: center;}/* Bullet Points */.why-choose-us ul {    text-align: left;    list-style-type: none;    padding: 0;}.why-choose-us ul li {    background: url('../images/checkmark.png') no-repeat left center;    background-size: 20px;    padding-left: 30px;    margin-bottom: 10px;    font-size: 18px;}