.dropdown-toggle:after {
    font-family: bootstrap-icons !important;
    display: inline-block;
    margin-left: 0.05rem;
    vertical-align: -3px;
    font-weight: 700 !important;
    content: "";
    border: 0;
    content: "\F078";
}

.swiper-controls .swiper-navigation .swiper-button.swiper-button-next:after {
    content: "\F138";
}

.swiper-controls .swiper-navigation .swiper-button:after {
    font-family: bootstrap-icons !important;
    font-size: 1.2rem;
}

.swiper-controls .swiper-navigation .swiper-button.swiper-button-prev:after {
    content: "\F12F";
}

.progress-wrap:after {
    content: "\F145";
}

.dropdown .dropdown-toggle:after {
    content: "\F282";
    font-family: bootstrap-icons !important;
    position: absolute;
}

.btn-close:before {
    content: "x";
}

.logo-light {
    max-height: 70px;
}

.logo__toggle {
    max-height: 30px;
}

.logo-dark {
    max-height: 50px;
}

.navbar-brand {
    margin-right: 35px;
}

.navbar-expand-lg.caret-none .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after {
    display: inline-block !important;
    font-size: 10px;
    vertical-align: middle;
    margin: 6px;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse .nav-link {
        white-space: nowrap;
        padding-right: 1.3rem;
        padding-left: 1.3rem;
    }

    .navbar-expand-lg:not(.hover-none) .navbar-nav .dropdown:not(.dropdown-submenu):hover > .dropdown-menu {
        top: 90%;
        border-radius: 3px;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu:before {
        /*content: "\F235";*/
        /*color: #fff;*/
        /*font-family: bootstrap-icons !important;*/
        /*font-size: 36px;*/
        /*left: 2px;*/
        /*top: -33px;*/
    }
}

/*============= Hero Slider Start ================*/
.swiper-hero, .swiper-hero .swiper-slide {
    height: 850px !important;
}

.swiper-slide.bg-overlay-400:before {
    background: rgb(0 0 0 / 36%);
    background-image: linear-gradient(360deg, rgba(0, 0, 0, 0) 0, #00000000 74%, #000000ba 100%);
}

/*============= Hero Slider End ================*/
@media (max-width: 991px) {
    .logo-light {
        max-height: 38px;
    }

    .navbar-stick .logo-dark {
        max-height: 34px;
    }

    .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
        position: absolute;
        margin-right: 0;
        right: -0.25rem;
        top: 0.35rem;
        font-size: .5rem;
    }

    .swiper-hero, .swiper-hero .swiper-slide {
        height: 450px !important;
    }

    .fs-56 {
        font-size: 20px !important;
    }

    .fs-23 {
        font-size: 17px !important;
    }

    .swiper-hero .swiper-slide {
        padding-top: 150px;
    }

    .down__arrow:after {
        display: none;
    }

    .nav-item .bi.bi-info-circle {
        display: none;
    }
}


/*============== Home Page Start =============*/

.teachers__block .swiper-container .card-body img {
    width: 115px !important;
    height: 115px !important;
    object-fit: cover;
    border-radius: 50%;
}

.counter__block img {
    border-radius: 50%;
    width: 5rem !important;
    height: 5rem !important;
    padding: 8px;
    border: 1px solid #ccc;
    background: #0000006e;
}

.counter__block h3 {
    visibility: visible;
    font-weight: bold;
    color: #fff;
    font-size: 56px !important;
    text-shadow: 0px 3px 4px #000;
}

.image-wrapper.bg-overlay:before {
    background: rgb(0 0 0 / 57%) !important;
}


.pr__msg .img {
    text-align: center;
    box-shadow: 0px 0px 28px #a5a5a5;
    padding: 34px;
    max-width: 250px;
    float: right;
}

.pr__msg .img img {
    max-height: 139px;
}

.pr__msg .body {
    text-align: left;
    box-shadow: 0px 0px 28px #a5a5a5;
    padding: 34px;
    height: 208px;
    overflow: hidden;
}

.pr__msg .body a {
    margin-left: 10px;
    border: 1px solid #ccc;
    padding: 1px 15px 2px;
    border-radius: 15px;
    background: #000;
    color: #fff;
}

.pr__msg .body a:hover {
    background: #db0000;
}

.join__us {
    background-image: url("../../assets/img/photos/join_us.jpg") !important;
}

.join__us h2 {
    color: #fff;
    text-shadow: 0px 2px 3px #000;
}

.join__us p {
    color: #fff;
    font-size: 20px;
    line-height: 1.3;
    text-shadow: 1px 1px 1px #444;
    background: #00000073;
    padding: 10px 0;
}

.read__more__about a {
    border: 1px solid #4c4c4c;
    padding: 5px 15px;
    color: #242424;
    transition: .3s;
}

.read__more__about a:hover {
    border: none;
    padding: 5px 15px;
    color: #fff;
    background: #000;
    transition: .3s;
}

.read__more__about i {
    position: relative;
    top: -1px;
}
.latest__news article .card-body .post-date{
    font-size: 14px;
}
.post-date i {
    position: relative;
    top: -2px;
    font-size: 13px;
}

.post-meta li a {
    color: #000000;
    /*border: 1px solid #ccc;*/
    padding: 1px 7px 3px;
}

.read__more__post i {
    position: relative;
    top: -1px
}

@media (min-width: 1400px) {
    .pr__msg {
        margin: auto 250px !important;
    }
}

@media (min-width: 992px){
    .grid-view article .card-body {
        padding: 15px 27px;
    }
}

@media (max-width: 991px) {
    .pr__msg {
        margin: auto 0px !important;
    }

    .pr__msg .img {
        text-align: center;
        box-shadow: 0px 0px 28px #a5a5a5;
        padding: 34px;
        max-width: none;
        float: none;
    }

    .pr__msg .body {
        text-align: left;
        box-shadow: 0px 0px 28px #a5a5a5;
        padding: 24px;
        height: auto;
        overflow: hidden;
    }
}