/* ChooseOnline Css starts */
.OnlineMBA .Onlineheading {
    text-align: center;
    font: normal normal bold 32px/45px Open Sans;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 4%;
}

.ChooseOnBanner .chooseheadingpara {
    padding: 3%;
}

.ChooseOnBanner .chooseheadingpara p {
    text-align: left;
    letter-spacing: 0px;
    color: #383838;
    opacity: 1;
    margin-top: 8%;
    font-size: 16px;
}

.ChooseOnBanner {
    background: #FFF8F0 0% 0% no-repeat padding-box;
    height: 392px;
    margin-bottom: 5%;
}

.ChooseOnBanner .chooseimg_1 {
    width: 100%;
    height: 298px;
}

.ChooseOnBanner .gallery {
    display: flex;
    justify-content: right;
    align-items: center;
    height: 392px;
}

.ChooseOnBanner .image {
    position: relative;
    margin: 0px 0px;
    z-index: 1;
    transition: .3s;
    height: 200px;
}

.ChooseOnBanner .image1 {
    position: relative;
    margin: 0px -25px;
    z-index: 1;
    transition: .3s;
    height: 100%;
}

.ChooseOnBanner .image img {
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2);
}

.ChooseOnBanner:hover .image {
    transform: translateY(-48%);
    /* z-index: 2; */
    cursor: pointer;
}

.ChooseOnBanner:hover .image1 {
    transform: translateY(24%);
    /* z-index: 2; */
}




.ChooseOnBanner .gallery {
    position: relative;

}

.ChooseOnBanner .gallery .rectangleOverlay {
    position: absolute;
    top: 0;
    height: 100%;
    width: 43px;
    z-index: 9;
    left: 57%;
    background: #FF8600 0% 0% no-repeat padding-box;
    mix-blend-mode: multiply;
    opacity: 1;
}

.ChooseOnBanner .chooseheadingpara h3 {
    font: normal normal bold 32px/45px Open Sans;
    color: #000000;
}

@media screen and (min-width: 0px) and (max-width: 320px) {
    .ChooseOnBanner .image1 {
        height: 236px;
        margin: 0;
    }

    .ChooseOnBanner .chooseimg_1 {
        width: 100%;
        height: 160px;
    }

    .ChooseOnBanner .gallery {
        height: 100%;
    }

    .ChooseOnBanner .gallery .rectangleOverlay {
        height: 75%;
        left: 44%;
    }

    .ChooseOnBanner {
        height: 100%;
    }

    .ChooseOnBanner:hover .image {
        transform: translateY(0%);
    }

    .ChooseOnBanner:hover .image1 {
        transform: translateY(0%);
    }

    


}

@media screen and (min-width: 321px) and (max-width: 485px) {
    .ChooseOnBanner .image1 {
        margin: 0px 0px;
    }

    .ChooseOnBanner .chooseimg_1 {
        width: 100%;
        height: 160px;
    }
    .ChooseOnBanner .gallery {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 392px;
    }
    .ChooseOnBanner .image {
      
        height: 86px;
    }

    .ChooseOnBanner .gallery {
        height: 100%;
        top: -5%;
    }

    .ChooseOnBanner {
        height: 430px;
    }

    .ChooseOnBanner:hover .image {
        transform: translateY(0%);
    }

    .ChooseOnBanner:hover .image1 {
        transform: translateY(0%);
    }

    .ChooseOnBanner .gallery .rectangleOverlay {
        height: 123%;
        left: 47%;
    }


}

@media screen and (min-width: 486px) and (max-width: 576px) {
    .ChooseOnBanner .chooseimg_1 {
        width: 100%;
        height: 188px;
    }

    .ChooseOnBanner .gallery .rectangleOverlay {
        height: 72%;
        left: 67%;
    }

    .ChooseOnBanner {
        height: 570px;
    }

    .ChooseOnBanner .gallery {
        left: -21%;
        bottom: -11%;
    }
}

@media screen and (min-width: 577px) and (max-width: 767px) {
    .ChooseOnBanner .chooseimg_1 {
        width: 100%;
        height: 188px;
    }

    .ChooseOnBanner .gallery .rectangleOverlay {
        height: 72%;
        left: 65%;
    }

    .ChooseOnBanner {
        height: 570px;
    }

    .ChooseOnBanner .gallery {
        left: -21%;
        bottom: -11%;
    }
}

@media(min-width:0px) and (max-width:767px) {

    .ChooseOnBanner .chooseheadingpara h3 {
        font: normal normal bold 20px/23px Open Sans;
    }

    .ChooseOnBanner .chooseheadingpara p {
        font-size: 14px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ChooseOnBanner .chooseimg_1 {
        width: 100%;
        height: 200px;
    }

    .ChooseOnBanner .gallery .rectangleOverlay {
        left: 44%;
        height: 76%;
    }

    .ChooseOnBanner {
        height: 300px;
    }

    .ChooseOnBanner .chooseheadingpara h3 {
        font: normal normal bold 20px/45px Open Sans;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .ChooseOnBanner .chooseimg_1 {
        width: 100%;
        height: 224px;
    }

    .ChooseOnBanner .gallery .rectangleOverlay {
        left: 58%;
        height: 82%;
    }

    .ChooseOnBanner {
        height: 321px;
    }

    .ChooseOnBanner .chooseheadingpara h3 {
        font: normal normal bold 25px/45px Open Sans;
    }

    
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .ChooseOnBanner .image1 {
        margin: 0px 39px;

    }
    .ChooseOnBanner .image {
        margin: 0px -39px;

    }
}
/* ChooseOnline Css ends */