body {
       
}

.gs{
    background-color: #f2f2f2;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    
    margin: 20px; /* Add some space around the container */
}

    .goals-container h2 {
        font-size: 24px;
        color: #007BFF;
        margin-bottom: 20px;
    }

.goals-list {
    list-style-type: disc;
    padding-left: 20px;
    margin: 0; /* Remove default margin for the list */
}

    .goals-list li {
        font-size: 16px;
        margin: 10px 0;
        color: #333;
        transition: color 0.3s ease-in-out, transform 0.3s ease-in-out; /* Combine transitions */

        display: flex; /* Make list items flex containers */
        align-items: center; /* Center list items vertically */
    }

        .goals-list li::before {
            content: '•'; /* Use a bullet point as the list marker */
            margin-right: 10px; /* Add space between bullet point and text */
        }

        .goals-list li:hover {
            color: #007BFF;
            transform: translateX(5px);
        }