* {
    padding: 0;
    margin: 0;
}


.banner {
    width: 100%;
    height: 40vh;
    overflow: hidden;
    position: relative;
}
.banner img {
    width: 100%;
    height: 100%;
    object-fit:cover;
    
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 3, 43, 0.436); /* Semi-transparent black overlay */
    display: flex;
    justify-content: center;
    align-items:end;
}
.path{
    margin-bottom: 5%;
}
.path h1 {
    color: white;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
.container-why-us{
    background: rgb(248, 254, 255);
    padding: 5%;
}
.content, .container-image {
    padding: 15px; /* Optional: add padding for better spacing */
    border-radius: 5%;
}
.borders {
    display: flex;
    flex-direction: row; /* Stack the borders vertically */
    align-items: flex-start; /* Align the borders to the left */
    margin-top: 20px; /* Add some space between the heading and the borders */
}

.small-border {
    height: 3px;
    background: black;
    width: 5%; /* Smaller line */
    margin-bottom: 5px; /* Space between the lines */
    margin-right: 1%;
    border-radius: 5%;
}

.large-border {
    height: 3px;
    background: black;
    width: 30%; /* Larger line */
    border-radius: 5%;

}

.container-image img {
    /* width: 100%; */
    height: 100%;
    object-fit: cover; /* Optional: adjust to control image display */
    border-radius: 2% 2% 2% 50%;
}
.content p{
    text-align: justify;
}