@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Merriweather Sans', sans-serif;
}

.hero_banner .owl-theme .owl-nav {
    position: absolute;
    top: 5px;
    right: 20px;
}

.owl-carousel .owl-nav button.owl-prev {
    transition: .7s;
}

.owl-carousel .owl-nav button.owl-prev:hover {
    transform: translateX(-10px);
    transition: .7s;
}

.owl-carousel .owl-nav button.owl-next {
    transition: .7s;
}

.owl-carousel .owl-nav button.owl-next:hover {
    transform: translateX(10px);
    transition: .7s;
}

@media all and (min-width: 1240px) and (max-width: 1360px) {
    .hero_banner .item.banner1 {
        background: url(../images/banner/banner_home.webp) no-repeat center;
        background-size: 100% 100%;
        min-height: 595px;
    }

    .hero_banner .item>img {
        display: none;
    }
}

@media all and (min-width: 1500px) and (max-width: 1700px) {
    .hero_banner .item.banner1 {
        background: url(../images/banner/banner_home.webp) no-repeat center;
        background-size: 100% 100%;
        min-height: 573px;
    }

    .hero_banner .item>img {
        display: none;
    }
}

@media all and (min-width: 1700px) and (max-width: 1920px) {
    .hero_banner .item.banner1 {
        background: url(../images/banner/banner_home.webp) no-repeat center;
        background-size: 100% 100%;
        min-height: 555px;
    }

    .hero_banner .item>img {
        display: none;
    }
}

@media all and (min-width: 1920px) and (max-width: 2200px) {
    .hero_banner .item.banner1 {
        background: url(../images/banner/banner_home.webp) no-repeat center;
        background-size: 100% 100%;
        min-height: 555px;
    }

    .hero_banner .item>img {
        display: none;
    }
}

.hero_banner .banner_caption {
    position: absolute;
    bottom: 2rem;
    left: 7rem;
    color: #fff;
}

.hero_banner .banner_caption .banner_content {
    font-family: 'Oswald', sans-serif;
    color: #FFFFFF;
    text-shadow: 0px 0px 20px #000000AD;
    font-size: 40px;
}

.hero_banner .banner_caption .banner_content b {
    font-weight: 600;
}

.btn_apply {
    color: #fff;
    position: relative;
    padding: 5px 8px 5px 0;
    font-size: 18px;
    transition: .7s;
}

.btn_apply::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    height: 3px;
    border-radius: 10px;
}

.btn_apply::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30%;
    background-color: #f00;
    height: 3px;
    border-radius: 10px;
    transition: .7s;
}

.btn_apply:hover {
    color: #fff;
    transition: .7s;
}

.btn_apply:hover::after {
    width: 100%;
    transition: .7s;
}

.hero_banner .notice {
    background: url(../images/resourse/notice.webp) no-repeat top center;
    background-size: cover;
    padding: 1.8rem 7rem 1rem 3rem;
    border: 2px solid #fff;
    border-left: 3px solid #fff;
}

.hero_banner .notice.adimission {
    background: url(../images/resourse/admission_bg.webp);
    background-size: contain;
}

.hero_banner .notice.result {
    background: url(../images/resourse/results_bg.webp);
    background-size: contain;
}

.hero_banner .notice .notice_titles {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hero_banner .notice .notice_titles .notice_title {
    font-size: 36px;
    color: #fff;
}

.hero_banner .notice .notice_content {
    padding-right: 2rem;
}

.hero_banner .notice .notice_content a.btn_apply {
    font-size: 18px;
}

.hero_banner .notice.first_notice .notice_content {
    overflow-y: scroll;
    height: 103px;
}

.hero_banner .notice .notice_content::-webkit-scrollbar-track-piece {
    background: #ffffff4a;
}

.hero_banner .notice .notice_content::-webkit-scrollbar-thumb {
    background: #fff;
    height: 20px;
}

.hero_banner .notice .notice_content::-webkit-scrollbar-track-piece:decrement {
    background: #fff;
}

.hero_banner .notice .notice_content::-webkit-scrollbar {
    width: 2px;
}

.hero_banner .notice .notice_content p {
    margin-bottom: 0;
}

.hero_banner .notice .notice_content a {
    font-size: 14px;
    color: #fff;
}

.info_media {
    background-color: #624623;
    margin-top: -1px;
    padding: 1rem 0 .5rem;
}

.info_media .card {
    border: none;
    background: transparent;
}

.info_media .card .card-header {
    padding: 0 1rem;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: none;
}

.info_media .card .card-header .btn {
    color: #FFFFFF;
    font-size: 22px;
    box-shadow: none;
    display: block;
    text-align: left;
    transition: .7s;
    position: relative;
}

.info_media .card .card-header .btn::before {
    content: "";
    position: absolute;
    bottom: 46%;
    right: 0;
    width: 102px;
    background-color: #fff;
    height: 3px;
    border-radius: 10px;
}

.info_media .card .card-header .btn::after {
    content: "";
    position: absolute;
    bottom: 46%;
    left: 57%;
    width: 30px;
    background-color: #f00;
    height: 3px;
    border-radius: 10px;
    transition: .7s;
}

.info_media .card .card-header .btn:hover::after {
    width: 102px;
    transition: .7s;
}

.info_media .card .card-header .btn.collapsed::after,
.info_media .card .card-header .btn.collapsed::before {
    display: none;
}

.info_media .card .card-header .btn.collapsed {
    color: #C18943;
}

.info_media .card .card-body h4 {
    color: #FFD710;
    font-size: 20px;
    margin-bottom: 1rem;
}

.info_media .card .card-body,
.info_media .card .card-body p {
    color: #fff;
    font-size: 16px;
}

.program {
    text-align: center;
    background-color: #EFEFEF;
}

.program h2 {
    font-size: 38px;
    color: #000;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.bar {
    height: 4px;
    width: 100px;
    background: #f00;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    margin: auto;
    margin-bottom: 1.5rem;
}

.bar:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 10px;
    background: #fff;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: MOVE-BG;
}

.bar::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 10px;
    background: #fff;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: MOVE-BG1;
}

@keyframes MOVE-BG {
    0% {
        transform: translateX(85px)
    }

    50% {
        transform: translateX(10px)
    }

    100% {
        transform: translateX(60px)
    }
}

@keyframes MOVE-BG1 {
    0% {
        transform: translateX(15px)
    }

    50% {
        transform: translateX(50px)
    }

    100% {
        transform: translateX(85px)
    }
}

.program a {
    text-decoration: none;
}

.program .program_div {
    border: 0.5px solid #00000026;
    background-color: #fff;
    margin: 0 2rem 1.5rem;
    padding: 15px;
    min-height: 240px;
}

.program .program_icon {
    min-height: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.program .program_div p {
    font-size: 23px;
    color: #000;
    margin: 0;
}

.college_information h4 {
    font-size: 30px;
    color: #000;
    font-weight: 600;
}

.college_information p>a {
    color: #686868;
    font-size: 23px;
}

.links_title {
    background-color: #fff;
}

.quick_links h2 {
    font-size: 38px;
    color: #000;
    font-weight: 700;
}

.quick_links .row>div {
    padding: 0;
}

.quick_links a {
    text-decoration: none;
}

.quick_links .quick_link {
    display: flex;
    align-items: center;
    border: 1px solid #fff;
    padding: 2rem 0 2rem 3rem;
}

.quick_links .quick_link .link_content h4 {
    color: #000;
    font-size: 20px;
}

.quick_links .quick_link p {
    margin-bottom: 0;
    color: #686868;
    font-size: 14px;
}

.quick_links .quick_link .img {
    margin-right: 1rem;
}

.quick_links .quick_link .img img {
    background: #686868;
    transition: .7s;
}

.quick_links .quick_link:hover .img img {
    background: #f00;
    transform: translate(-7px, -7px);
    transition: .7s;
}

.Awards_Achievements,
#testimonial-sec,
.event ,.form_style {
    background-color: #EFEFEF;
}

.quick_need {
    background-color: #624623;
    padding: 1.5rem 0;
    text-align: center;
}

.quick {
    display: flex;
    justify-content: center;
    align-items: center;
}

.quick p {
    margin-bottom: 0;
    color: #fff;
    font-size: 20px;
}

.quick a.btn {
    font-size: 17px;
    color: #fff;
    background-color: #f00;
    border-radius: 0;
    margin-left: 2rem;
    padding: .9rem 1.1rem;
}

.event h2 {
    color: #000;
    font-size: 38px;
    font-weight: 700;
    text-align: center;
}

.event .owl-carousel a {
    text-decoration: none;
}

.event .item {
    border: #0000001C 1px solid;
    box-shadow: 0 0 10px #00000038;
    min-height: 482px;
    transition: .7s;
}

.event .item:hover {
    transform: scale(1.05);
    transition: .7s;
}

.event .item .event_caption {
    position: absolute;
    top: 5%;
    left: 5%;
}

.event .item .event_caption h4 {
    color: #fff;
    font-size: 25px;
    font-weight: 400;
}

.event .item .event_content {
    padding: 2rem;
}

.event .item .event_content p {
    color: #000;
    font-size: 18px;
    margin: 0;
}

.event .owl-theme .owl-dots .owl-dot span {
    width: 30px;
    height: 5px;
    background: #918f8f;
}

.event .owl-theme .owl-dots .owl-dot.active span,
.event .owl-theme .owl-dots .owl-dot:hover span {
    background: #f00;
}

.event .owl-carousel .owl-item img {
    width: auto;
}

.about_bmcc {
    background-color: #FFCC00;
}

.about_bmcc h2 {
    font-size: 55px;
    font-weight: 200;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    color: #2000FF;
}

.about_bmcc p {
    font-size: 18px;
    color: #000;
    margin-bottom: 2rem;
}

.about_bmcc .students>img.student {
    height: 600px;
}

.about_bmcc .students {
    position: relative;
}

.about_bmcc .students .caption_student {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #00000070;
    padding: 2.3rem;
}

.about_bmcc .view {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    text-decoration: underline;
    margin-top: 7rem;
    transition: .7s;
    box-shadow: none;
    font-weight: 600;
}

.about_bmcc .view img {
    transition: .7s;
}

.about_bmcc .view:hover img {
    transform: translate(10px, -10px);
    transition: .7s;
}

.about_bmcc .caption_student p {
    color: #fff;
    font-size: 18px;
}

@media all and (min-width: 1200px) and (max-width: 1300px) {
    .about_bmcc .discussion {
        background: url(../images/resourse/discussion.webp) no-repeat;
        min-height: 645px;
        background-size: 100% 100%;
    }

    .about_bmcc .students {
        background: url(../images/resourse/student.webp) no-repeat;
        min-height: 645px;
        background-size: 100% 100%;
    }

    .about_bmcc .discussion>img,
    .about_bmcc .students>img {
        display: none;
    }
}

@media (min-width: 1300px) {
    .about_bmcc .discussion {
        background: url(../images/resourse/discussion.webp) no-repeat;
        min-height: 600px;
        background-size: 100% 100%;
    }

    .about_bmcc .students {
        background: url(../images/resourse/student.webp) no-repeat;
        min-height: 600px;
        background-size: 100% 100%;
    }

    .about_bmcc .discussion>img,
    .about_bmcc .students>img {
        display: none;
    }
}

.about_bmcc .discussion {
    position: relative;
}

.about_bmcc .discussion .caption_discussion {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #00000070;
    padding: 2.3rem;
    display: flex;
    justify-content: flex-start;
    align-items: end;
}

.Awards_Achievements h2 {
    text-align: center;
    font-size: 38px;
    color: #000;
    font-weight: 700;
}

.Awards_Achievements #Achievements {
    background-color: #000;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 13px;
}

.Awards_Achievements .Achievement {
    position: relative;
}

.Awards_Achievements .Achievement .caption_Achievement {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #00000038;
    padding: 1rem 5rem 1rem 1rem;
    color: #ffff;
}

.Awards_Achievements .Achievement .caption_Achievement h4 {
    font-size: 18px;
}

.Awards_Achievements .Achievement .caption_Achievement p {
    font-size: 14px;
    margin: 0;
}

.Awards_Achievements .medals {
    position: relative;
}

.Awards_Achievements .medals .caption_medal {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem 2rem;
    color: #ffff;
}



/* ********************************** Faculty and Staff ******************************* */

#nav_tab .nav-tabs,
#nav_tab .nav-pills {
    /* border-bottom: 1px solid #CFB697; */
    border-bottom: none;
    justify-content: center;
}

#nav_tab .nav-tabs li {
    border-bottom: 1px solid #CFB697;
}

#nav_tab .nav-tabs .nav-item.show .nav-link,
#nav_tab .nav-tabs .nav-link.active {
    color: #624623;
    background-color: #fff;
    border: 1px solid #CFB697;
    font-size: 18px;
    font-weight: 700;
    border-top: #FF0000 3px solid !important;
    border-radius: 0;
    border-bottom: none;
    padding-top: 3px;
}

#nav_tab .nav-tabs .nav-link {
    color: #CFB697;
    border: 0px transparent solid;
    font-weight: 500;
    padding: .5rem 34px .3rem;
    border-bottom: 1px solid #CFB697;
}

#nav_tab .nav-tabs .nav-link:hover {
    border: none;
    isolation: isolate;
    font-weight: 500;
    color: #624623;
}

#nav_tab .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #624623;
    background-color: transparent;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 2px solid #f00;
    border-radius: 0;
}

#nav_tab .nav-pills .nav-link {
    color: #CFB697;
    font-size: 18px;
    font-weight: 500;
}

#nav_tab .nav-pills .nav-link:hover {
    color: #624623;
}

#nav_tab .staff {
    box-shadow: 0 0 10px #ccc;
    margin-bottom: 2rem;
}

#nav_tab .info_staff {
    background: #624623;
    text-align: center;
    padding: 1rem 1rem 3rem;
    min-height: 150px;
}

#nav_tab .info_staff h4 {
    color: #fff;
    font-size: 17px;
}

#nav_tab .info_staff p {
    color: #fff;
    font-size: 12px;
    margin: 0;
    font-weight: 300;
}

#nav_tab .info_staff a {
    font-weight: 300;
    color: #fff;
    font-size: 10px;
}

#nav_tab .staff_member {
    background: #FFF4E6;
    text-align: center;
    min-height: 150px;
}

#nav_tab .staff_member img {
    transform: translateY(-2rem);
    border: 2px solid #fff;
}

.events_info .download_doc {
    background: #624623;
    padding: 5px;
}

.events_info .border_download {
    border: 1px #fff dashed;
    padding: 10px;
}

.events_info .icon_download {
    display: flex;
    justify-content: space-between;
}

.events_info .download_doc p {
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    margin-top: 2rem;
    text-align: center;
    margin-bottom: 0;
}

.events_info h3 {
    color: #624623;
    font-size: 28px;
    margin-bottom: 1.5rem;
    font-weight: 700;
}

.events_info h5 {
    color: #624623;
    font-size: 14px;
    margin-bottom: 1rem;
}

.event h4 {
    color: #624623;
    font-size: 20px;
    margin-bottom: 1rem;
    font-weight: 600;
    text-align: center;
}

.event p {
    font-size: 16px;
    font-weight: 400;
}

.event .event_img {
    display: flex;
    justify-content: center;
}

@media (max-width: 1200px) {
    .hero_banner .banner_caption {
        left: 3rem;
    }

    .hero_banner .notice.adimission,
    .hero_banner .notice.result {
        background-size: cover;
        background-repeat: no-repeat;
    }

    .hero_banner .notice .notice_titles .notice_title {
        font-size: 34px;
    }

    .info_media .card .card-header .btn::before {
        right: -25px;
    }

    .info_media .card .card-header .btn::after {
        left: 57%;
    }

    .college_information h4 {
        font-size: 22px;
    }

    .college_information p>a {
        font-size: 18px;
    }

    .quick_links h2,
    .program h2,
    .event h2,
    .about_bmcc h2,
    .Awards_Achievements h2 {
        font-size: 34px;
    }

    .info_media .card .card-body {
        padding: 0 1rem;
    }

    .event .item .event_caption h4 {
        font-size: 20px;
    }

    .event .item {
        min-height: 440px;
    }

    .about_bmcc .students>img.student,
    .about_bmcc .discussion>img {
        height: 521px;
        width: 100%;
    }

    .about_bmcc .students .caption_student>img {
        width: 20%;
    }

    .about_bmcc .view {
        margin-top: 4rem;
    }

    .about_bmcc .container-fluid {
        padding: 0 3rem;
    }

    .Awards_Achievements #Achievements .caption_Achievement {
        padding: .5rem;
    }

    .Awards_Achievements #Achievements .btn_apply {
        font-size: 13px;
    }

    #nav_tab .info_staff {
        padding: 1rem 1px 3rem;
    }
}

@media (max-width: 991px) {

    .info_media .card .card-header .btn::before,
    .info_media .card .card-header .btn::after {
        display: none;
    }

    .college_information p>a {
        font-size: 15px;
    }

    .college_information h4 {
        font-size: 18px;
        margin-top: 1rem;
    }

    .quick p {
        font-size: 16px;
    }

    .quick a.btn {
        font-size: 14px;
        padding: .5rem .7rem;
    }

    .quick_links h2,
    .program h2,
    .event h2,
    .about_bmcc h2,
    .Awards_Achievements h2 {
        font-size: 26px;
    }

    .event .item .event_caption h4 {
        font-size: 18px;
    }

    .event .item .event_content p {
        font-size: 16px;
    }

    .about_bmcc h2 {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .about_bmcc p {
        font-size: 16px;
        margin-bottom: 1rem;
    }

    .program .program_div {
        margin: 0 1rem 1.5rem;
    }

    .college_information {
        text-align: center;
        padding: 2rem 0 0;
    }

    .about_bmcc .students>img.student,
    .about_bmcc .discussion>img {
        height: 521px;
        width: 100%;
        object-fit: cover;
    }

    .about_bmcc .students,
    .about_bmcc .discussion {
        margin-bottom: 2rem;
    }

    .Awards_Achievements .Achievement .caption_Achievement p {
        width: 60%;
    }

    .medals img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    .Awards_Achievements #Achievements {
        margin: 0 1px 13px;
    }

    #nav_tab .nav-tabs .nav-link {
        padding: .5rem 15px .3rem;
    }
}

@media (max-width: 767px) {
    .hero_banner .banner_caption .banner_content {
        font-size: 26px;
    }

    .btn_apply {
        font-size: 16px;
    }

    .hero_banner .notice {
        border: none;
    }

    .hero_banner .banner_caption {
        right: 3rem;
    }

    .hero_banner .notice .notice_titles .notice_title {
        font-size: 22px;
        margin: 0;
    }

    .hero_banner .notice .notice_titles {
        margin-bottom: 1rem;
    }

    .info_media .card .card-header .btn {
        font-size: 14px;
    }

    .info_media .card .card-body h4 {
        font-size: 16px;
        margin-bottom: .5rem;
    }

    .info_media .card .card-body p {
        font-size: 14px;
    }

    .info_media .card .card-body p br {
        display: none;
    }

    .info_media {
        padding: .5rem 0 .5rem;
    }

    .info_media .card .card-body {
        padding: 0rem;
    }

    .quick p {
        font-size: 13px;
    }

    .event .owl-carousel .owl-item .item>img {
        width: 100%;
    }

    .event .item .event_caption {
        right: 5%;
    }

    #nav_tab .info_staff,
    #nav_tab .staff_member {
        min-height: 170px;
    }

    #nav_tab .nav-tabs .nav-link {
        padding: 5px;
        border-bottom: none;
    }
}

@media (max-width: 576px) {
    .hero_banner .banner_caption {
        right: 2rem;
    }

    .hero_banner .banner_caption .banner_content {
        font-size: 22px;
    }

    .hero_banner .notice {
        padding: 2rem;
    }

    .hero_banner .notice .notice_content a br {
        display: none;
    }

    .Awards_Achievements .Achievement .caption_Achievement p {
        width: auto;
    }

    .Awards_Achievements #Achievements .btn_apply {
        margin: .7rem 0;
    }

    .info_media .card .card-header .btn::before,
    .info_media .card .card-header .btn::after {
        display: block;
        left: 0;
        bottom: 0;
    }

    .info_media .card .card-header .btn {
        padding: 0;
    }

    .info_media .card .card-header {
        padding: 0;
    }

    .info_media .card .card-body {
        padding: 1rem;
        border: 1px solid #fff;
        margin-top: 1rem;
    }

    .quick {
        display: block;
    }

    .quick p {
        font-size: 16px;
    }

    .quick a.btn {
        margin-left: 0;
        margin-top: 1rem;
    }

    .about_bmcc .container-fluid {
        padding: 0 1rem;
    }

    .about_bmcc .students>img.student,
    .about_bmcc .discussion>img {
        height: auto;
        width: auto;
        object-fit: cover;
        min-height: 570px;
    }

    .about_bmcc .view {
        margin-top: 0;
    }

    .event .event_img {
        display: block;
    }

    .event .event_img img {
        width: 100%;
        margin: 10px 0;
    }

}

.para-text {
    font-size: 16px !important;
    text-align: justify !important;
}

.img_popup {
    z-index: 999999;
}

.image-grid figure {
    margin-bottom: 0;
}

.image-grid img {
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.2s;
}

.image-grid a:hover img {
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.35);
}


/* LIGHTBOX STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.lightbox-modal .modal-content {
    background: var(--lightbox);
}

.lightbox-modal .btn-close {
    position: absolute;
    top: 20px;
    right: 18px;
    font-size: 1.2rem;
    z-index: 10;
}

.lightbox-modal .modal-body {
    display: flex;
    align-items: center;
    padding: 0;
    text-align: center;
}

.lightbox-modal img {
    width: auto;
    max-height: 100vh;
    max-width: 100%;
}

.lightbox-modal .carousel-caption {
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(36, 36, 36, 0.75);
}

.lightbox-modal .carousel-control-prev,
.lightbox-modal .carousel-control-next {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    width: auto;
}

.lightbox-modal .carousel-control-prev {
    left: 10px;
}

.lightbox-modal .carousel-control-next {
    right: 10px;
}

.hero_banner h1 {
    font-size: 50px;
}

.hero_banner h2{
    font-size: 1.5rem !important;
}