/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*Swiper*/
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #7c7c7c;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: #e59e00 !important;
}

.swiper-button-next {
    --swiper-theme-color: #343a40 !important;
    /*background-image: url("home/hlaing/workspace/miu_static/images/next.svg") !important;
    background-repeat: no-repeat;*/
}

/* Header Slider */
#header-slider .swiper-pagination-bullet {
    background: #ffffff;
}

#header-slider .swiper-pagination {
    top: 12px;
    left: 128px;
}

#header-slider .swiper-caption {
    left: 14px;
    width: 90%;
    bottom: 0;
    position: absolute;
    font-size: 14px;
}

#header-slider .swiper-button-next {
    top: 50%;
    right: 28px;
}

#event1-slider .swiper-wrapper .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 60% !important;
}

#gallery-slider .swiper-wrapper .swiper-slide {
    width: 40% !important;
} 

.card {
    background-color: #7c7c7c0d !important;
}

.event-img {
    width: 120px;
}

.bg-yellow {
    color: #ffffff;
}

/* education section */

.education-img {
    /* -o-object-position: 100% 24%;
       object-position: 100% 24%;
    -o-object-fit: cover; */
       /* object-fit: cover; */
    width: 100%;
    height: 158px;
}

.education-img-2 {
    -o-object-position: 100% 72%;
       object-position: 100% 72%;
}

.education-img-3 {
    -o-object-position: 100% 70%;
       object-position: 100% 70%;
}

.education .row {
    position: relative !important;
}

.education-mark {
    position: absolute !important;
    bottom: 0px !important;
    padding: 12px 30px !important;
    width: 100% !important;
    /* height: 45px !important;  */
    background-color: #f8f9fab5 !important;
}

/* Our Achievement Section */
.gallery-img {
    width: 100%;
}

#gallery-slider .swiper-button-next {
    background-color:#ced4dae6;
    height: 100%;
    width: 64px;
    top: 14%;
    right: 0;
    left: auto;
}

#modal_search {
    border: none;
    border-radius: 0;
}

#modal_search:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-bottom: 2px solid #4285f4 !important;
}
