.CoE-Objectives-container {
    width: 100%;
    height: auto;
    background-image: url(/images/main_page_image/B3.png);
    /* background-repeat: no-repeat; */
    background-size: contain;
    display: grid;
    place-items: center;
}

.CoE-Objectives-main-container {
    margin: 5rem;
    width: 80%;
    height: auto;
    background-color: var(--white-color);
    border-radius: 0.9rem;
    /* padding: 7rem; */
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;

    & .CoE-Objectives-heading {
        text-align: center;
        background-color: var(--headingback-color);
        margin: 4rem 15rem 2rem 15rem;
        padding: 1rem 2rem;
        width: 15%;
        border-radius: 0.9rem;
        font-weight: 600;
        color: var(--navandfooter-color);
    }

    & .CoE-Objectives-ayu-pot {
        position: absolute;
        width: 6%;
        height: auto;
        margin-left: 117rem;
        margin-top: 0rem;
    }

    & .CoE-Objectives-leaf {
        position: absolute;
        width: 3rem;
        height: auto;
        margin-left: 14rem;
        margin-top: 2rem;

    }

    & .hospital-outreach-sub-heading {
        text-align: center;
        background-color: var(--headingback-color);
        /* margin: 4rem; */
        margin: 4rem 50rem 2rem 50rem;
        padding: 0.5rem 1rem;
        width: 25%;
        border-radius: 0.9rem;
        font-weight: 600;
        color: var(--navandfooter-color);
    }

    & .CoE-Objectives-leaf-heading-leaf {
        position: absolute;
        width: 3rem;
        height: auto;
        margin-left: 49rem;
        margin-top: 2rem;
    }

    & h3 {
        text-align: center;
        background-color: var(--headingback-color);
        margin: 4rem 4rem 2rem 4rem;
        padding: 0.5rem 1rem;
        width: 23%;
        border-radius: 0.9rem;
        font-weight: 600;
        color: var(--navandfooter-color);
    }

    & .CoE-Objectives-h3-leaf {
        position: absolute;
        width: 3rem;
        height: auto;
        margin-left: 3rem;
        margin-top: 1rem;
    }

    & .CoE-Objectives-para {
        padding: 0rem 4rem 1rem 4rem;
        text-align: justify;
        font-weight: 400;
    }

    & .CoE-Objectives-heading-leaf {
        position: absolute;
        width: 3rem;
        height: auto;
        margin-left: 3rem;
        margin-top: 1rem;
    }

    & ul li {
        padding: 0.5rem 5rem;
        margin-right: 1rem;
        text-align: justify;
    }

    & li::before {
        content: "\27A4";
        color: var(--headingback-color);
        font-family: "Poppins", sans-serif;
        /* margin-left: 2rem; */
        text-align: justify;
        margin-left: -2rem;
        padding-right: 1rem;
    }

    & .CoE-Objective-table {
        margin: 0rem 7rem;

        & table {
            font-size: 1.3rem;
            text-align: justify;
            color: var(--navandfooter-color);
        }

        & .CoE-Objective-table-row {
            text-align: center;
        }
    }

    & .present-status {
        text-align: justify;
        /* padding: 0rem 4rem; */
    }

    & .present-status li {
        text-align: justify;
        padding: 0.5rem 5rem;
    }

    & .present-status li::before {
        text-align: justify;
        margin-left: -2rem;
        padding-right: 1rem;
    }
}

@media (max-width: 1600.98px) {
    .CoE-Objectives-main-container {
        & .CoE-Objectives-ayu-pot {
            margin-left: 125rem;
        }
    }
}

@media (max-width: 1495.98px) {
    .CoE-Objectives-main-container {
        & .CoE-Objectives-ayu-pot {
            margin-left: 116rem;
        }
    }
}

@media (max-width: 1399.98px) {
    .CoE-Objectives-main-container {
        & .CoE-Objectives-heading {
            margin: 4rem 12rem 2rem 12rem;
            width: 80%;
        }

        & .CoE-Objectives-ayu-pot {
            margin-left: 109rem;
        }

        & .CoE-Objectives-leaf {
            margin-left: 11rem;
        }
    }
}

@media (max-width: 1199.98px) {
    .CoE-Objectives-main-container {
        & .CoE-Objectives-heading {
            margin: 4rem 1rem 2rem 2rem;
            width: 97%;
            font-size: 2.3rem;
        }

        & .CoE-Objectives-ayu-pot {
            margin-left: 103rem;
        }

        & .CoE-Objectives-leaf {
            margin-left: 1rem;
        }

        & .hospital-outreach-sub-heading {
            margin: 4rem 41rem 2rem 41rem;
            width: 26%;
            font-size: 2.2rem;
        }

        & .CoE-Objectives-leaf-heading-leaf {
            margin-left: 40rem;
        }

        & h3 {
            width: 30%;
            font-size: 2.2rem;
        }
    }
}

@media (max-width: 575.98px) {
    .CoE-Objectives-main-container {
        /* margin-left: -3rem; */
        width: 90%;

        & .CoE-Objectives-heading {
            margin: 4rem 4rem 2rem 4rem;
            width: 90%;
            font-size: 2rem;
        }

        & .CoE-Objectives-ayu-pot {
            margin-left: 75rem;
        }

        & .CoE-Objectives-leaf {
            margin-left: 3rem;
        }

        & .hospital-outreach-sub-heading {
            margin: 4rem 26rem 2rem 28rem;
            width: 36%;
            font-size: 2.2rem;
        }

        & .CoE-Objectives-leaf-heading-leaf {
            margin-left: 27rem;
        }

        & h3 {
            width: 42%;
            font-size: 2.2rem;
        }
    }
}


@media (max-width: 479.98px) {
    .CoE-Objectives-main-container {
        margin-left: 0rem;
        width: 85%;

        & .CoE-Objectives-heading {
            margin: 4rem 4rem 2rem 4rem;
            width: 90%;
            font-size: 2rem;
        }

        & .CoE-Objectives-ayu-pot {
            margin-left: 58rem;
        }

        & .CoE-Objectives-leaf {
            margin-left: 3rem;
        }

        & .hospital-outreach-sub-heading {
            margin: 4rem 15rem 2rem 20rem;
            width: 45%;
        }

        & .CoE-Objectives-leaf-heading-leaf {
            margin-left: 19rem;
        }

        & h3 {
            width: 52%;
            font-size: 2.2rem;
        }
    }
}


@media (max-width: 413.98px) {
    .CoE-Objectives-main-container {
        margin-left: 5rem;
        width: 96%;

        & .CoE-Objectives-heading {
            margin: 4rem 4rem 2rem 4rem;
            width: 90%;
            font-size: 2rem;
        }

        & .CoE-Objectives-ayu-pot {
            margin-left: 62rem;
            width: 7rem;
        }

        & .CoE-Objectives-leaf {
            margin-left: 3rem;
        }

        & .hospital-outreach-sub-heading {
            margin: 4rem 21rem 2rem 23rem;
            width: 40%;
        }

        & .CoE-Objectives-leaf-heading-leaf {
            margin-left: 22rem;
        }

        & h3 {
            width: 48%;
            font-size: 2.2rem;
        }

        & .CoE-Objective-table {
            margin: 0rem 0rem;

        }
    }
}

@media (max-width: 375.98px) {
    .CoE-Objectives-main-container {
        margin-left: 5rem;
        width: 95%;

        & .CoE-Objectives-heading {
            margin: 4rem 4rem 2rem 3rem;
            width: 90%;
            font-size: 2rem;
        }

        & .CoE-Objectives-ayu-pot {
            margin-left: 52rem;
            width: 7rem;
        }

        & .CoE-Objectives-leaf {
            margin-left: 2rem;
        }

        & .hospital-outreach-sub-heading {
            margin: 4rem 16rem 2rem 19rem;
            width: 45%;
        }

        & .CoE-Objectives-leaf-heading-leaf {
            margin-left: 18rem;
        }

        & h3 {
            width: 54%;
            font-size: 2.2rem;
        }

        & .CoE-Objective-table {
            margin: 0rem 0rem;

        }
    }
}

@media (max-width: 360.98px) {
    .CoE-Objectives-main-container {
        margin-left: 4.5rem;
        width: 94%;


        & .CoE-Objectives-heading {
            margin: 4rem 4rem 2rem 3rem;
            width: 90%;
            font-size: 2rem;
        }

        & .CoE-Objectives-ayu-pot {
            margin-left: 52rem;
            width: 7rem;
        }

        & .CoE-Objectives-leaf {
            margin-left: 2rem;
        }

        & .hospital-outreach-sub-heading {
            margin: 4rem 9rem 2rem 16rem;
            width: 49%;
        }

        & .CoE-Objectives-leaf-heading-leaf {
            margin-left: 15rem;
        }

        & h3 {
            width: 57%;
            font-size: 2.2rem;
        }

        & .CoE-Objective-table {
            margin: 0rem 0rem;

        }
    }
}