@media screen and (max-width: 767px) {
    .banner_img img {
        height: 30vh;
        object-fit: cover;
    }


    .early_banner_text {
        bottom: 15px;
        left: 10px;
    }

    .early_banner_text p {
        font-size: 32px;
    }

    .early_life_div {
        grid-template-columns: auto;
        max-width: 100%;
        gap: 0px;
    }

    .early_life_head h2 {
        font-size: 40px;
        line-height: 40px;
        text-align: start;
        margin: auto 0 0 0;
        width: 100%;
    }

    .early_life_sec {
        padding: 20px 20px;
    }

    .early_life_head {
        margin: 20px 0px;
    }

    .early_life_sec .conatiner {
        width: 100%;
        max-width: 100%;
    }

    section.early_life_sec .early_life_div:not(:last-child) {
        margin-bottom: 40px;
    }
}