/*Flex Container for Home Page Part*/

.flex-container {
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: center;
}

.flex-container > div {
    width: 500px;
    height: auto;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
}

.flex-container > div:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-container .tagline {
    margin-top: -20px;
}

.flex-container .tag {
    font-size: 13px;
}

.flex-container img {
    width: 100%;
}


/*Flex Container for Why Choose Us Part*/

.flex-container-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.flex-container-2 > div {
    width: 500px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.flex-container-2 > div:nth-child(2) {
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
    align-items: start;
    justify-content: center;
}

.flex-container-2 .tagline {
    margin-top: -20px;
}

.flex-container-2 .tag {
    font-size: 13px;
}

.flex-container-2 img {
    width: 90%;
}

/*Flex Container for Contact Form*/

.flex-container-3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.flex-container-3 > div {
    width: 500px;
    height: auto;
    display: flex;
    padding: 20px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.flex-container-3 img {
    width: 90%;
}


/*Courses Information Flexbox*/

.course-box {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.course-box > div {
    width: 500px;
    height: auto;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
}

.course-box .placement-icon {
    width: 170px;
    margin-left: -12px;
    margin-top: -15px;
}

.course-box .duration-icon {
    width: 150px;
    margin-left: 0px;
    margin-bottom: -5px;
}

.course-box .colab {
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 0px;
}

.course-box .tagline {
    margin-top: 0px;
    margin-bottom: 0px;
}

.course-box > div:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.course-box h1 {
    margin-top: 5px;
    margin-bottom: -20px;
}

.course-box .fees {
    font-size: 18px;
    font-weight: bold;
}

.course-box .fees span {
    color: var(--orange);
}

/*Community Information Flexbox*/

.community-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 25px;
}

.community-container > div {
    width: 500px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.community-container > div:nth-child(1) {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    text-align: center;
    align-items: start;
    justify-content: center;
}

.community-container .tagline {
    margin-top: -20px;
    text-align: center;
}

.community-container img {
    width: 90%;
    margin-top: 10px;
}

.community-container .hide {
    display: none;
}

@media screen and (min-width: 1040px) {

    .community-container .tagline {
        margin-top: -20px;
        text-align: left;
    }

    .community-container .hide {
        display: block;
        text-align: left;
    }

    .hide-2 {
        display: none;
    }
}