﻿#academics h3 {
    font-weight: 700;
}

@media(max-width:991px) {
    #academics {
        margin: 0 1rem;
    }

        #academics p {
            color: #212121;
            font-size: 15px;
            text-align: justify;
            font-weight: 400;
        }


        #academics h3 {
            font-size: 20px;
        }

    .overview h1 {
        font-size: 30px;
        margin: 3rem 0;
    }

    .overview-part {
        margin-top: 4rem;
    }

    .overview-img, .overview-p {
        width: 100%;
    }

    .overview-p {
        margin-top: 2rem;
    }

    .overview-img img {
        width: 100%;
        border-radius: 20px;
    }

    .overview-l {
        margin-top: 2rem;
        display: flex;
        flex-direction: column-reverse;
    }


        .overview-l h6, .curriculum h6 {
            font-size: 15px;
            color: #212121;
        }

    .faculties {
        margin-top: 2rem;
    }

    .faculty-cont {
        margin-bottom: 2rem;
    }


    .faculty-img img {
        width: 100%;
        border-radius: 20px;
    }

    .curriculum {
        margin-top: 2rem;
    }

    .curriculum-l {
        display: flex;
        flex-direction: column-reverse;
    }

    .curriculum-img img {
        width: 100%;
        border-radius: 20px;
        margin-bottom: 2rem;
    }

    .aspects h5 {
        font-size: 17px;
    }

    .aspects, .classroom {
        margin-top: 2rem;
    }

    .aspects-cont, .classroom-cont {
        margin-left: 1rem;
    }

    .aspects-p, .classroom-p {
        margin-left: 1rem;
    }

    .aspects-p, .classroom-p {
        border-left: 8px solid #294967;
        padding-left: 1rem;
    }

    .aspects-p-sub {
        margin-left: 1rem;
    }

        .aspects-p-sub span {
            font-size: 15px;
        }
}

@media(min-width: 992px) {
    #academics {
        margin: 0 4rem;
    }

        #academics p {
            color: #212121;
            font-size: 16px;
            text-align: justify;
        }

        #academics h3 {
            font-size: 22px;
        }

    .overview h1 {
        font-size: 50px;
        margin: 3rem 0;
    }

    .overview-part {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10rem;
        margin-top: 4rem;
    }

    .overview-img, .overview-p {
        width: 50%;
    }

        .overview-img img {
            width: 100%;
            border-radius: 20px;
        }

    .overview-l {
        margin-top: 2rem;
        display: flex;
        justify-content: space-between;
        gap: 4rem;
    }

    .stress-free-education {
        width: 75%;
    }

    .eminent-features {
        width: 20%;
    }

    .overview-l h6, .curriculum h6 {
        font-size: 12px;
        color: #212121;
    }

    .faculties {
        margin-top: 2rem;
    }

    .faculty-cont {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 7rem;
        margin-bottom: 2rem;
    }

    .faculty-p {
        width: 60%;
    }

    .faculty-img {
        width: 40%;
    }

        .faculty-img img {
            width: 100%;
            border-radius: 20px;
        }

    .curriculum {
        margin-top: 2rem;
    }

    .curriculum-l {
        display: flex;
        justify-content: space-between;
        gap: 7rem;
    }

    .curriculum-p {
        width: 60%;
    }

    .curriculum-img {
        width: 40%;
    }

        .curriculum-img img {
            width: 100%;
            border-radius: 20px;
        }

    .aspects, .classroom {
        margin-top: 2rem;
    }

    .aspects-cont, .classroom-cont {
        margin-left: 4rem;
    }

    .aspects-p, .classroom-p {
        margin-left: 2rem;
    }

    .aspects-p, .classroom-p {
        border-left: 14px solid #294967;
        padding-left: 2rem;
    }

    .aspects-p-sub {
        margin-left: 4rem;
    }

        .aspects-p-sub span {
            font-size: 15px;
        }
}

@media(min-width: 1700px) {
    #academics p {
        font-size: 20px !important;
    }

    #academics {
        margin: 0 7rem;
    }

    .overview-img, .overview-p {
        width: 40%;
    }

    .overview h1 {
        font-size: 70px !important;
    }

    .overview-l h6, .curriculum h6 {
        font-size: 17px;
    }

    .aspects-p-sub span {
        font-size: 17px;
    }
}