nav ul {
    list-style-type: none;
}

nav li {
    display: inline-block;
    margin-right: 20px;
}

nav a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

.slogan h1 {
    font-size: 24px;
    margin: 20px 0;
}

.cta-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: var(--anyshore-green);
    color: white;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.cta-button:hover {
    background-color: var(--anyshore-green-hover);
    color: white;
}

/* How It Works Section styles */
.how-it-works {
    padding: 40px 0;
    text-align: center;
}

.how-it-works h2 {
    font-size: 24px;
    margin-bottom: 20px;
}

.how-it-works ol {
    list-style-type: decimal;
    font-size: 18px;
    margin-top: 20px;
}

.step-images img {
    max-width: 100px;
    height: auto;
    margin: 20px;
}

/* Explore Experts Section styles */
.explore-experts {
    background-color: #fff;
    padding: 40px 0;
    text-align: center;
}

.explore-experts h2 {
    font-size: 24px;
    margin-bottom: 20px;
}

.rotatingClock{
    background-image: url("/images/clock-rotate-left-solid.svg");
    display: block;
    background-repeat: no-repeat;
    height: 2em;
    width: 2em;
    filter: invert(49%) sepia(15%) saturate(564%) hue-rotate(105deg) brightness(90%) contrast(89%); /* AnyShore green */
}