.tips-container {
    margin: 0 auto;
    padding: 40px 20px;
    line-height: 1.7;
    font-size: 1.6rem; /* smaller text for readability */
    max-width: 900px; /* keep content from being too wide */
    text-align: left; /* left-align text content */
}

.tips-image {
    display: block;
    margin: 0 auto 30px auto; /* center image with spacing below */
    max-width: 100%;
    height: auto;
    width: 850px; /* fixed size but responsive because of max-width */
    border-radius: 8px;
    border: 6px solid #ccc; /* adds a visible frame around the image */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* optional: subtle shadow for depth */
}
.tips-image2 {
    display: block;
    margin: 0 auto 30px auto; /* center image with spacing below */
    max-width: 100%;
    height: 270px;
    width: 850px; /* fixed size but responsive because of max-width */
    border-radius: 8px;
    border: 6px solid #ccc; /* adds a visible frame around the image */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* optional: subtle shadow for depth */
}
.tips-container h1 {
    text-align: left; /* align heading to the left */
    font-size: 2.8rem;
    margin-bottom: 20px;
    font-weight: bold;
}

.tips-list {
    padding-left: 20px;
    margin-bottom: 20px;
    list-style-type: disc;
    color: #000;
}

.tips-list li {
    margin-bottom: 10px;
    color: #000;
}
@media (max-width: 900px) {
    .home-btn {
        position: relative;
        margin-left: 310px;
        transform: translateY(-45px); /* moves button 50px down */
    }
}