.h1-hero-heading {
    font-size: 4.5em; /* Adjust size as needed */
    margin-top: -60px;
    line-height: 1.2;
    font-weight: 400;
    color: #000000; /* Black color for standard text */
    text-align: left; /* Align text to the left */
}

.h1-home-text-span {
    opacity: 1; /* Initially visible */
    transform: none; /* Remove transform animation */
}

.green-text {
    color: #e63946; /* Green color for emphasis */
    font-weight: 700; /* Bold to emphasize */
}

.red-text {
    color: #e63946; /* Red color for period */
}

.hero-button {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #e63946; /* Button color to match the green text */
    color: #ffffff; /* White text color */
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.hero-button:hover {
    background-color: #559d7a; /* Darker shade on hover */
}