/* Hwo We Are */
#overview {
    background-color: #f5f5f5;
    display: flex;
    justify-content: center;
    align-self: auto;
    align-items: center;
    height: 90vh;
    background: url('../../images/wave.svg') no-repeat center center/cover;
    color: black;
    text-align: center;

}
.overview-title {
    padding-bottom: 0.7em;
    font-family: 'Open Sans', sans-serif;
}

.overview-body{
    opacity: 0; /* Initially hidden */
    transform: translateY(40px); /* Start off slightly lower */
    transition: opacity 2s ease-in-out, transform 2s ease-in-out; /* Transition properties */
}

.overview-body.visible {
    opacity: 1; /* Fully visible */
    transform: translateY(0); /* Moves to the original position */
}

.overview-text-container {
    /* display: flex; */
    /* margin-left: 10%; */
    /* text-align: left; */
    /* padding-top: 20px;
    padding-bottom: 50px;
    width: 60%; */
    width: 60%; /* Adjust the width as per your preference */
    margin: 0 auto; /* Centers the div horizontally */
    text-align: center; /* Centers the text within the div */
    align-items: center;
    font-family: 'Open Sans', sans-serif;
}

@media (max-width: 480px) {
    .overview-body, .overview-text-container{
        padding: 0 !important;
    }
    
    .overview-text-container {
        width: 100%;
        padding: 2em !important;
    }
}