@import "pages-css/sidebar.css";
@import "pages-css/default.css";
@import "pages-css/main-default-content.css";
@import "pages-css/top-header.css";
@import "pages-css/navbar.css";
@import "pages-css/gallery.css";
@import "pages-css/coming-soon.css";
@import "pages-css/404.css";
@import "pages-css/admissions.css";
@import "pages-css/faq.css";
@import "pages-css/tuition-fees.css";
@import "pages-css/products.css";
@import "pages-css/product-details.css";
@import "pages-css/cart.css";
@import "pages-css/wishlist.css";
@import "pages-css/checkout.css";
@import "pages-css/event-details.css";
@import "pages-css/courses-details.css";
@import "pages-css/blog.css";
@import "pages-css/blog-details.css";
@import "pages-css/my-account.css";
@import "pages-css/register.css";
@import "pages-css/contact.css";
@import "pages-css/application.css";
@import "pages-css/page-title.css";
@import "pages-css/others.css";
@import "pages-css/footer.css";

:root {
    --grey-bg: #727171;
}

.search-modal-area .modal-content {
    height: 100vh;
    border: none;
    border-radius: 0;
    background-color: rgba(0, 0, 0, .9);
    position: relative
}

.search-modal-area .modal-content form.search-box {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.search-modal-area .modal-content form.search-box .search-input {
    width: 810px;
    position: relative;
    padding: 30px
}

.search-modal-area .modal-content form.search-box .search-input .form-control {
    color: var(--white-color);
    height: 60px
}

.search-modal-area .modal-content form.search-box .search-input .form-control::-webkit-input-placeholder {
    color: #eee
}

.search-modal-area .modal-content form.search-box .search-input .form-control:-ms-input-placeholder {
    color: #eee
}

.search-modal-area .modal-content form.search-box .search-input .form-control::-ms-input-placeholder {
    color: #eee
}

.search-modal-area .modal-content form.search-box .search-input .form-control::placeholder {
    color: #eee
}

.search-modal-area .modal-content form.search-box .search-input .search-btn {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 60px;
    height: 60px;
    line-height: 63px;
    font-size: 25px;
    background-color: var(--white-color);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    cursor: pointer;
    z-index: 1;
}

.search-modal-area .modal-content form.search-box .search-input .search-btn:hover {
    color: var(--white-color);
    background-color: var(--main-color)
}

.search-modal-area .modal-content .closer-btn {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #ff3131;
    color: var(--white-color);
    font-size: 20px;
    z-index: 1
}

.search-modal-area .modal-dialog {
    max-width: 100%;
    margin: 0
}

.search-modal-area.modal {
    overflow: hidden;
    padding: 0 !important
}

.banner-area {
    position: relative;
    z-index: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.banner-area.bg-1 {
    background-image: url(..../../images/banner/banner-bg-1.jpg)
}

.banner-area.bg-2 {
    background-image: url(../../images/banner/banner-bg-2.jpg)
}

.banner-area.bg-3 {
    background-image: url(../../images/banner/banner-bg-3.jpg);
    padding-top: 200px;
    padding-bottom: 400px
}

.banner-area.bg-3::before {
    background-color: #000;
    opacity: .8
}

.banner-area.bg-3::after {
    display: none
}

.banner-area.bg-3 .banner-content {
    margin-top: 50px
}

.banner-area.bg-3 .banner-content span {
    color: var(--white-color)
}

.banner-area.bg-3 .banner-content h1 {
    color: var(--white-color);
    font-weight: 700
}

.banner-area.bg-3 .banner-content .courses-link {
    margin-top: 100px
}

.banner-area.bg-3 .banner-content .courses-link a {
    color: var(--white-color)
}

.banner-area.bg-3 .banner-content .courses-link a:hover {
    color: var(--white-color)
}

.banner-area.bg-3 .banner-content .courses-link .study-online {
    margin-left: 100px
}

.banner-area.bg-3 .video-button {
    text-align: center
}

.banner-area.bg-3 .social-link {
    top: 21%;
    right: 0
}

.banner-area .social-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    position: absolute;
    top: 16%;
    right: -24px;
    z-index: 5;
    list-style-type: none;
    padding: 0;
    margin: 0;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.banner-area .social-link li {
    margin: 15px 0
}

.banner-area .social-link li a {
    display: block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: var(--white-color);
    font-weight: 500;
    text-transform: capitalize;
    font-size: 26px
}

.banner-area .social-link li a:hover {
    color: var(--main-color)
}

.banner-area .social-link:before,
.banner-area .social-link:after {
    content: "";
    height: 5px;
    width: 100%;
    background-color: #d63842;
}


.banner-area.banner-area-style-two {
    overflow: initial;
    padding-bottom: 0
}

.banner-area.banner-area-style-two::after {
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 350px;
    background-color: var(--white-color);
    z-index: -1
}

.banner-area.banner-area-style-two .banner-content {
    text-align: center;
    max-width: 990px;
    margin: auto
}

.banner-area.banner-area-style-two .banner-content h1 {
    font-size: 72px
}

.banner-area.banner-area-style-two .banner-content .find-courses-from-bg {
    background-color: var(--white-color);
    padding: 0;
    border: 1px solid #d7d7d7;
    margin-bottom: 100px
}

.banner-area.banner-area-style-two .banner-content .find-courses-from-bg .form-group {
    margin-bottom: 0
}

.banner-area.banner-area-style-two .banner-content .find-courses-from-bg .form-group .form-control {
    border: none;
    max-width: 100%;
    width: 420px
}

.banner-area.banner-area-style-two .banner-content .find-courses-from-bg .form-group select.form-control {
    border-left: 1px solid #d7d7d7
}

.banner-area.banner-area-style-two .banner-content .find-courses-from-bg ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.banner-area.banner-area-style-two .banner-content .find-courses-from-bg ul li {
    display: inline-block
}

.banner-area.banner-area-style-two .banner-content .find-courses-from-bg ul li .default-btn {
    padding: 14px 27px;
    top: 1px
}

.banner-area.banner-area-style-two .video-banner {
    max-width: 1100px;
    margin: auto;
    position: relative;
    z-index: 1
}

.banner-area.banner-area-style-two .video-banner .video-button {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%
}

.banner-area.banner-area-style-two .video-banner .shape-1 {
    position: absolute;
    bottom: -30px;
    right: -30px;
    z-index: -1
}

.banner-content {
    margin-top: 50px
}

.banner-content span {
    font-size: 16px;
    display: block;
    color: var(--main-color);
    margin-bottom: 10px
}

.banner-content h1 {
    font-size: 55px;
    margin-bottom: 25px;
    color: var(--heading-color);
    -webkit-animation: .6s fadeInUpBig;
    animation: .6s fadeInUpBig;
    font-weight: 900;
    line-height: 1.3
}

.banner-content p {
    margin-bottom: 30px;
    max-width: 750px;
    font-size: 18px;
    -webkit-animation: .9s fadeInUpBig;
    animation: .9s fadeInUpBig;
    color: var(--heading-color)
}

.banner-content .banner-btn {
    -webkit-animation: 1s fadeInUpBig;
    animation: 1s fadeInUpBig;
    margin-top: 40px
}

.banner-content .courses-link {
    margin-top: 100px;
    -webkit-animation: 1s fadeInUpBig;
    animation: 1s fadeInUpBig
}

.banner-content .courses-link a {
    font-size: 18px;
    color: var(--heading-color)
}

.banner-content .courses-link a i {
    position: relative;
    top: 4px;
    margin-left: 8px
}

.banner-content .courses-link a:hover {
    color: var(--main-color)
}

.banner-content .courses-link .study-online {
    margin-left: 100px
}

.banner-img {
    -webkit-animation: 1s fadeInUpBig;
    animation: 1s fadeInUpBig
}

.about-area {
    position: relative;
    z-index: 1
}

.about-area.about-area-style-three {
    background-image: unset;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain
}

.about-area.about-area-style-three .about-img-two {
    padding-right: 0;
    padding-bottom: 0
}

.about-area.about-area-style-three .about-img-two::before {
    background-color: var(--main-color)
}

.about-area.about-area-style-three .about-img-two .about-shape {
    display: none
}

.about-img {
    position: relative;
    padding-top: 70px;
    padding-bottom: 70px;
    padding-left: 70px;
    z-index: 1
}

.about-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 500px;
    height: 100%;
    border: 20px solid var(--optional-color);
    z-index: -1;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.about-img:hover::before {
    border-color: var(--main-color)
}

.about-img-two {
    position: relative;
    padding-right: 0;
    padding-bottom: 0
}

.about-img-two::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 500px;
    height: 350px;
    background-color: #efeef2;
    z-index: -1;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.about-img-two .about-shape {
    position: relative;
    position: absolute;
    top: 100px;
    right: -30px;
    opacity: .4;
    display: none
}

.about-content span {
    font-size: 15px;
    color: var(--main-color);
    font-weight: 600;
    display: block;
    margin-bottom: 10px
}

.about-content h2 {
    font-size: 45px;
    margin-bottom: 20px
}

.about-content p {
    margin-bottom: 30px
}

.study-area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--optional-color);
    opacity: .9;
    z-index: -1
}

.study-area::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background-color: var(--white-color);
    z-index: -1
}

.study-area .section-title {
    margin-left: 0;
    text-align: left
}

.study-area .section-title p {
    margin-left: 0
}

.study-area .owl-theme .owl-nav {
    margin-top: 0 !important;
    position: absolute;
    right: 7px;
    top: -95px;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}

.study-area .owl-theme .owl-nav .owl-prev,
.study-area .owl-theme .owl-nav .owl-next {
    margin: 0 5px
}

.study-area .owl-theme .owl-nav .owl-prev i,
.study-area .owl-theme .owl-nav .owl-next i {
    font-size: 20px;
    color: var(--white-color);
    border: 1px solid var(--white-color);
    width: 50px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.study-area .owl-theme .owl-nav .owl-prev:hover i,
.study-area .owl-theme .owl-nav .owl-next:hover i {
    background-color: var(--white-color);
    color: var(--main-color)
}

.study-area .owl-theme .owl-nav .owl-next {
    right: -50px;
    left: auto
}

.study-area .owl-theme .owl-nav [class*=owl-]:hover {
    background-color: transparent
}

.study-area.study-area-style-two::after {
    height: 100%
}

.study-area.study-area-style-two .owl-theme .owl-nav .owl-prev i,
.study-area.study-area-style-two .owl-theme .owl-nav .owl-next i {
    font-size: 20px;
    color: var(--heading-color);
    border: 1px solid var(--heading-color)
}

.study-area.study-area-style-two .owl-theme .owl-nav .owl-prev:hover i,
.study-area.study-area-style-two .owl-theme .owl-nav .owl-next:hover i {
    background-color: var(--main-color);
    color: var(--white-color);
    border-color: var(--main-color)
}

.study-area.study-area-style-two .owl-theme .owl-nav [class*=owl-]:hover {
    background-color: transparent
}

.single-study {
    background-color: var(--white-color);
    border: 1px solid #e8e8e8;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    padding: 20px;
    margin-bottom: 30px
}

.single-study.style-img {
    padding: 0
}

.single-study.style-img .single-study-content {
    padding: 35px 20px;
    position: relative
}

.featured-news .single-study.style-img .single-study-content {
    background-color: #d63842;
}

.featured-news .single-study-content a,
.featured-news .single-study-content p {
    color: #fff;
}

.featured-news a:hover {
    color: #bebebe;
}

.featured-news .single-study:hover.style-img .single-study-content h3 a {
    color: #bebebe;
}

.featured-news .single-study:hover.style-img .single-study-content p {
    color: #bebebe;
}

.featured-news .single-study:hover.style-img .single-study-content .read-more {
    color: #bebebe;
}

.featured-news .single-study:hover.style-img .single-study-content i {
    background-color: #d63842;
}

.single-study.style-img .single-study-content i {
    color: #ebebeb;
    width: auto;
    height: auto;
    line-height: 1;
    display: inline-block;
    background-color: transparent;
    position: absolute;
    bottom: 20px;
    right: 20px;
    margin-bottom: 0
}

.single-study.study-f3f3f4 {
    background-color: #f3f3f4;
    border: none;
    padding: 30px
}

.single-study i {
    font-size: 40px;
    line-height: 1;
    margin-bottom: 20px;
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    background-color: var(--optional-color);
    border-radius: 50%;
    text-align: center;
    color: var(--white-color);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.single-study h3 {
    font-size: 17px;
    margin-bottom: 14px
}

.single-study h3 a {
    color: var(--heading-color);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.single-study p {
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.single-study:hover {
    background-color: var(--main-color);
    border-color: var(--main-color)
}

.single-study:hover.style-img {
    background-color: var(--white-color);
    border: 1px solid #e8e8e8
}

.single-study:hover.style-img .single-study-content i {
    background-color: var(--white-color);
    color: #ebebeb
}

.single-study:hover.style-img .single-study-content h3 a {
    color: var(--main-color)
}

.single-study:hover.style-img .single-study-content p {
    color: var(--body-color)
}

.single-study:hover.style-img .single-study-content .read-more {
    color: var(--main-color)
}

.single-study:hover i {
    background-color: var(--white-color);
    color: var(--main-color)
}

.single-study:hover h3 a {
    color: var(--white-color)
}

.single-study:hover p {
    color: var(--white-color)
}

.single-study:hover .read-more {
    color: var(--white-color)
}

.study-load {
    text-align: center
}

.our-campus-bg.our-campus-bg-style {
    background-color: #f8fafb;
    padding-top: 0;
    margin-bottom: 0;
    padding-left: 50px;
    padding-right: 50px
}

.our-campus-bg.our-campus-bg-style::before {
    display: none
}

.our-campus-bg.our-campus-bg-style::after {
    display: none
}

.our-campus-bg.our-campus-bg-style .campus-content {
    background-color: transparent;
    padding: 0
}

.our-campus-bg.our-campus-bg-style .campus-content::before {
    display: none
}

.our-campus-bg.our-campus-bg-style .campus-content span {
    color: var(--main-color)
}

.our-campus-bg.our-campus-bg-style .campus-content h2 {
    color: var(--heading-color)
}

.our-campus-bg.our-campus-bg-style .campus-content p {
    color: var(--body-color)
}

.our-campus-bg.our-campus-bg-style .campus-content .read-more {
    color: var(--main-color)
}

.our-campus-bg.our-campus-bg-style .campus-img-2 {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    z-index: 1
}

.our-campus-bg.our-campus-bg-style .campus-img-2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: var(--main-color);
    width: 300px;
    height: 100%;
    z-index: -1;
    margin: auto;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.our-campus-bg.our-campus-bg-style .campus-img-2:hover::before {
    background-color: var(--optional-color)
}

.our-campus-bg.our-campus-bg-style-three .campus-content {
    background-color: var(--optional-color)
}

.our-campus-bg.our-campus-bg-style-three .campus-content::before {
    left: -415px;
    width: 460px;
    background-color: var(--optional-color)
}

.our-campus-bg.our-campus-bg-style-three .campus-img {
    position: relative;
    z-index: 1
}

.our-campus-bg.our-campus-bg-style-three .campus-img::before {
    content: "";
    position: absolute;
    top: -30px;
    left: -30px;
    width: 400px;
    height: 500px;
    background-color: var(--main-color);
    z-index: -1
}

.campus-img {
    margin-top: 0
}

.campus-content {
    background-color: var(--main-color);
    padding: 49px;
    padding-left: 26px;
    position: relative
}

.campus-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: -300px;
    width: 400px;
    height: 100%;
    background-color: var(--main-color);
    z-index: -1
}

.campus-content span {
    color: var(--white-color);
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block
}

.campus-content h2 {
    font-size: 40px;
    color: var(--white-color);
    margin-bottom: 20px
}

.campus-content p {
    color: var(--white-color);
    margin-bottom: 22px
}

.campus-content .read-more {
    color: var(--white-color)
}

.single-simple-steps {
    padding: 30px;
    margin-bottom: 30px;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    border: 1px solid #ddd
}

.single-simple-steps.icon-bg-style i {
    background-color: var(--white-color);
    color: var(--optional-color);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    position: relative;
    border-radius: 50%
}

.single-simple-steps.icon-bg-style i::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: -3px 3px 0 0 rgba(0, 0, 0, .9);
    box-shadow: -3px 3px 0 0 rgba(0, 0, 0, .9);
    border-radius: 50%;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.single-simple-steps.icon-bg-style:hover i:after {
    -webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, .9);
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, .9)
}

.single-simple-steps i {
    background-color: var(--optional-color);
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 50%;
    color: var(--white-color);
    display: inline-block;
    text-align: center;
    font-size: 50px;
    margin-bottom: 20px
}

.single-simple-steps h3 {
    font-size: 25px;
    margin-bottom: 10px
}

.single-simple-steps:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.events-area.events-area-style-two .events-timer {
    background-color: var(--main-color)
}

.events-area.events-area-style-two .events-timer .default-btn {
    background-color: var(--white-color);
    color: var(--heading-color);
    display: block
}

.events-area.events-area-style-two .events-timer .default-btn:hover {
    color: var(--white-color)
}

.events-area.events-area-style-two .pagination-area {
    text-align: left
}

.events-area .notice-bord.style1 {
    margin-top: -73px;
}

.events-content span {
    font-size: 15px;
    font-weight: 600;
    color: var(--main-color);
    display: inline-block;
    margin-bottom: 10px
}

.events-content h2 {
    font-size: 45px;
    margin-bottom: 50px
}

.events-content .events-list {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.events-content .events-list li {
    position: relative;
    background-color: var(--white-color);
    padding-left: 160px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.events-content .events-list li:last-child {
    margin-bottom: 0
}

.events-content .events-list li .events-date {
    background-color: var(--optional-color);
    padding: 33px 15px;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    min-width: 136px
}

.events-content .events-list li .events-date span {
    color: var(--white-color);
    margin-bottom: 0;
    font-size: 16px
}

.events-content .events-list li span {
    margin-bottom: 12px;
    display: block;
    font-size: 14px
}

.events-content .events-list li h3 {
    font-size: 18px;
    margin-bottom: 15px
}

.events-content .events-list li h3 a {
    color: var(--heading-color)
}

.events-content .events-list li:hover .events-date {
    background-color: var(--main-color)
}

.events-content .events-list li:hover h3 a {
    color: var(--main-color)
}

.events-content .events-list.events-list-style-three li {
    background-color: #f3f3f4;
    padding: 30px;
    padding-left: 150px
}

.events-content .events-list.events-list-style-three li .events-date {
    padding: 20px;
    top: 31px;
    left: 31px
}

.events-content .events-list.events-list-style-three li h3 {
    font-size: 23px
}

.events-timer {
    background-color: var(--optional-color);
    text-align: center;
    padding: 50px 30px
}

.events-timer .event-img {
    margin-bottom: 30px
}

.events-timer span {
    color: var(--white-color);
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
    font-family: var(--heading-font-family);
    margin-bottom: 30px
}

.events-timer h3 {
    color: var(--heading-color);
    font-size: 40px;
    margin-bottom: 30px;
    font-weight: 900;
    letter-spacing: 5px
}

.events-timer #timer div {
    display: inline-block;
    background-color: var(--white-color);
    color: var(--heading-color);
    width: 80px;
    height: 80px;
    padding-top: 13px;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    margin-right: 7px;
    margin-bottom: 30px
}

.events-timer #timer div span {
    display: block;
    text-transform: capitalize;
    margin-top: -4px;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 400;
    color: var(--heading-color);
    font-weight: 600
}

.events-timer #timer div:last-child::before {
    display: none
}

.events-timer #timer div:last-child::after {
    display: none
}

.admission-img {
    position: relative;
    padding-top: 70px;
    padding-bottom: 70px;
    padding-left: 70px;
    z-index: 1
}

.admission-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 500px;
    height: 100%;
    border: 20px solid var(--main-color);
    z-index: -1;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.admission-img:hover::before {
    border-color: var(--optional-color)
}

.admission-content span {
    font-size: 15px;
    color: var(--main-color);
    font-weight: 600;
    display: block;
    margin-bottom: 10px
}

.admission-content h2 {
    font-size: 45px;
    margin-bottom: 20px
}

.admission-content p {
    margin-bottom: 30px
}

.find-courses-bg {
    position: relative;
    z-index: 1
}

.find-courses-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 48%;
    height: 100%;
    background-color: #f9f5f1;
    z-index: -1;
    display: none
}

.find-courses-from-bg {
    background-color: var(--bg-grey);
    padding-top: 50px;
    padding-bottom: 50px;
    padding-right: 50px;
    padding-left: 50px
}

.find-courses-from-bg h2 {
    font-size: 40px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    margin-top: -8px
}

.find-courses-from-bg .form-group {
    margin-bottom: 25px;
    position: relative
}

.find-courses-from-bg .form-group .form-control {
    color: var(--body-color)
}

.find-courses-from-bg .form-group .form-control::-webkit-input-placeholder {
    color: var(--body-color)
}

.find-courses-from-bg .form-group .form-control:-ms-input-placeholder {
    color: var(--body-color)
}

.find-courses-from-bg .form-group .form-control::-ms-input-placeholder {
    color: var(--body-color)
}

.find-courses-from-bg .form-group .form-control::placeholder {
    color: var(--body-color)
}

.find-courses-from-bg .form-group .form-control:focus {
    border-color: var(--main-color)
}

.find-courses-from-bg .form-group i {
    color: var(--body-color);
    position: absolute;
    top: 8px;
    right: 0;
    padding: 5px 15px;
    font-size: 20px
}

.find-courses-from-bg select option {
    color: var(--heading-color)
}

.find-courses-from-bg .default-btn {
    width: 100%;
    background-color: var(--main-color);
    color: var(--white-color)
}

.find-courses-from-bg .default-btn:hover {
    color: var(--white-color)
}

.find-courses-from-bg.find-courses-from-bg-three {
    padding: 100px;
    padding-bottom: 75px;
    background-image: url(../../images/find-courses-from-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: relative;
    z-index: 1;
    margin-top: -200px
}

.find-courses-from-bg.find-courses-from-bg-three::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--optional-color);
    opacity: .9;
    z-index: -1
}

.find-courses-from-bg.find-courses-from-bg-three h2 {
    text-align: center;
    color: var(--white-color);
    border-color: #384a57
}

.find-courses-from-bg.find-courses-from-bg-three .single-check {
    color: var(--white-color)
}

.find-courses-from-bg.find-courses-from-bg-three .single-check .checkmark {
    border: 1px solid var(--white-color)
}

.find-courses-from-bg.find-courses-from-bg-three .form-group i {
    color: var(--white-color)
}

.find-courses-from-bg.find-courses-from-bg-three .form-control {
    color: var(--white-color)
}

.find-courses-from-bg.find-courses-from-bg-three .form-control::-webkit-input-placeholder {
    color: var(--white-color)
}

.find-courses-from-bg.find-courses-from-bg-three .form-control:-ms-input-placeholder {
    color: var(--white-color)
}

.find-courses-from-bg.find-courses-from-bg-three .form-control::-ms-input-placeholder {
    color: var(--white-color)
}

.find-courses-from-bg.find-courses-from-bg-three .form-control::placeholder {
    color: var(--white-color)
}

.find-courses-from-bg.find-courses-from-bg-three ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.find-courses-from-bg.find-courses-from-bg-three ul li {
    display: inline-block;
    margin-right: 30px
}

.find-courses-from-bg.find-courses-from-bg-three ul li:last-child {
    margin-right: 0
}

.single-check {
    display: block;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 25px;
    font-weight: 600
}

.single-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.single-check input:checked~.checkmark {
    background-color: var(--main-color);
    border-color: var(--main-color)
}

.single-check input:checked~.checkmark:after {
    display: block
}

.single-check:hover input~.checkmark {
    background-color: var(--main-color);
    border-color: var(--main-color)
}

.single-check .checkmark {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    border-radius: 0;
    border: 1px solid var(--heading-color);
    background-color: transparent;
    position: absolute;
    top: 5px;
    left: 0;
    height: 12px;
    width: 12px;
    border-radius: 50%
}

.single-check .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    top: 2px;
    left: 2px;
    width: 6px;
    height: 6px;
    border-radius: 0;
    background: var(--white-color);
    border-radius: 50%
}

.counter-area {
    overflow: hidden
}

.counter-bg {
    position: relative;
    z-index: 1
}

.counter-bg .shape {
    position: absolute;
    z-index: -1
}

.counter-bg .shape.counter-shape-1 {
    top: -30px;
    left: -30px
}

.counter-bg .shape.counter-shape-2 {
    bottom: 0;
    right: -30px
}

.single-counter {
    background-color: var(--main-color);
    text-align: center;
    padding: 30px;
    margin-bottom: 24px;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.single-counter.bg-172f41 {
    background-color: var(--optional-color)
}

.single-counter.mt-minus-24 {
    margin-top: -24px
}

.single-counter.bg-style {
    background-color: #efeef2;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 165px;
    padding-right: 40px;
    text-align: left;
    margin-bottom: 30px
}

.single-counter.bg-style i {
    position: absolute;
    top: 38px;
    left: 40px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 50px;
    text-align: center
}

.single-counter.bg-style h2 {
    color: var(--heading-color)
}

.single-counter.bg-style h4 {
    color: var(--body-color)
}

.single-counter i {
    background-color: var(--white-color);
    width: 70px;
    height: 70px;
    line-height: 70px;
    color: var(--main-color);
    display: inline-block;
    border-radius: 50%;
    font-size: 40px;
    margin-bottom: 15px
}

.single-counter .heading {
    color: var(--white-color);
    margin-bottom: 5px;
    font-weight: 700;
    font-family: var(--heading-font-family);
    font-size: 3rem;
    line-height: 1.2;
}

.single-counter h4 {
    font-weight: 400;
    font-size: 18px;
    color: var(--white-color)
}

.accredit-area {
    background-image: url(../../images/campus-experience-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    background-attachment: fixed;
}

.logistics-solutions-img {
    text-align: center
}

.accredit-slider.owl-theme .owl-nav {
    margin-top: 0 !important
}

.accredit-slider.owl-theme .owl-nav .owl-prev,
.accredit-slider.owl-theme .owl-nav .owl-next {
    position: absolute;
    left: -5px;
    top: 50%;
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
    margin: 0 5px;
    opacity: 0
}

.accredit-slider.owl-theme .owl-nav .owl-prev i,
.accredit-slider.owl-theme .owl-nav .owl-next i {
    font-size: 20px;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.accredit-slider.owl-theme .owl-nav .owl-prev:hover i,
.accredit-slider.owl-theme .owl-nav .owl-next:hover i {
    background-color: var(--main-color);
    color: var(--white-color)
}

.accredit-slider.owl-theme .owl-nav .owl-next {
    right: -5px;
    left: auto
}

.accredit-slider.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: transparent
}

.accredit-slider:hover.owl-theme .owl-nav .owl-prev,
.accredit-slider:hover.owl-theme .owl-nav .owl-next {
    opacity: 1
}

.single-accredit {
    background-color: #ffffffd1;
    padding: 25px 30px;
    border-radius: 8px;
}

.single-accredit span {
    color: var(--main-color);
    margin-bottom: 10px;
    display: block;
}

.single-accredit h3 {
    font-size: 26px;
    margin-bottom: 0px;
    padding: 0px 0px 15px 0px;
}

.single-accredit p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    margin-top: 10px;
}

.single-accredit .default-btn {
    margin-top: 16px
}

.single-accredit .read-more {
    margin-top: 25px;
    display: block
}

.campus-experience-bg {
    background-image: url(../../images/campus-experience-bg-2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%
}

.campus-experience-bg .accredit-slider {
    max-width: 620px;
    margin-left: auto;
    margin-right: 50px
}

.campus-experience-area-style .campus-experience-bg {
    position: relative
}

.campus-experience-area-style .campus-experience-bg::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 400px;
    height: 100%;
    background-color: var(--optional-color);
    display: none
}

.campus-experience-area-style .campus-experience-bg::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 400px;
    height: 50px;
    background-color: var(--white-color);
    display: none
}

.single-team-member {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    margin-bottom: 30px;
    position: relative;
    transition: var(--transition)
}

.single-team-member .team-content .team-name {
    background: var(--white-color);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    padding: 20px;
    width: 345px;
    max-width: 100%;
    text-align: center;
    overflow: hidden;
    transition-property: height;
    transition-duration: 1s;
    transition-delay: 1s;
}

.single-team-member img {
    width: 100%;
    background-color: var(--bg-grey);
}

.single-team-member .team-content h3 {
    margin-bottom: 5px;
    font-size: 20px
}

.single-team-member .team-content span {
    display: block;
    font-size: 15px;
    color: var(--body-color)
}

.single-team-member .team-social ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 15px;
    opacity: 1;
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.single-team-member .team-social ul li {
    display: inline-block;
    margin-right: 5px;
}

.single-team-member .team-social ul li a i {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    color: var(--main-color);
    font-size: 20px;
    text-align: center;
    box-shadow: 1px 3px 7px -1px #7e7e7e;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    display: inline-block;
}

.single-team-member:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.application-submit-bg {
    background-image: url(../../images/application-submit-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    padding: 100px;
    overflow: hidden
}

.application-submit-bg .col-lg-6 {
    position: relative
}

.application-submit-bg.application-submit-bg-style-three {
    overflow: initial
}

.application-submit-bg.application-submit-bg-style-three .application-submit-img {
    bottom: -201px
}

.application-submit-content h2 {
    font-size: 45px;
    color: var(--white-color);
    margin-bottom: 40px
}

.application-submit-content .default-btn {
    background-color: var(--white-color);
    color: var(--optional-color)
}

.application-submit-content .default-btn:hover {
    color: var(--white-color)
}

.application-submit-img {
    text-align: center;
    position: absolute;
    bottom: -205px;
    right: 0;
    left: 0
}

.costing-content {
    margin-bottom: 30px
}

.costing-content h2 {
    font-size: 45px;
    margin-bottom: 20px
}

.costing-content p {
    margin-bottom: 20px
}

.single-costing-card {
    background-color: #f3f3f4;
    padding: 30px;
    text-align: center;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    margin-bottom: 30px
}

.single-costing-card h3 {
    font-size: 25px;
    color: var(--main-color);
    margin-top: -4px
}

.single-costing-card .subtitle {
    display: block;
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: 600
}

.single-costing-card p {
    border-bottom: 1px solid #dddfe2;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-weight: 600;
    color: var(--heading-color);
    font-size: 15px
}

.single-costing-card p span {
    color: var(--body-color)
}

.single-costing-card p .price {
    color: var(--main-color)
}

.single-costing-card ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left
}

.single-costing-card ul li {
    display: inline-block;
    font-weight: 600;
    font-size: 16px
}

.single-costing-card ul .price {
    color: var(--main-color);
    float: right
}

.single-costing-card:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.single-blog {
    margin-bottom: 30px
}

.single-blog .blog-img {
    display: block;
    position: relative;
    margin-bottom: 30px
}

.single-blog .blog-img span {
    background-color: var(--optional-color);
    color: var(--white-color);
    display: inline-block;
    padding: 5px 20px;
    font-size: 15px;
    position: absolute;
    bottom: 10px;
    left: 10px
}

.single-blog .blog-content {
    position: relative;
    z-index: 1
}

.single-blog .blog-content::before,
.single-blog .blog-content::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--white-color);
    z-index: -1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: var(--transition);
    transition: var(--transition)
}

.single-blog .blog-content::after {
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.single-blog .blog-content ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-bottom: 10px
}

.single-blog .blog-content ul li {
    font-size: 15px;
    display: inline-block;
    margin-right: 15px;
    color: var(--body-color)
}

.single-blog .blog-content ul li i {
    color: var(--main-color);
    position: relative;
    top: 2px;
    margin-right: 5px
}

.single-blog .blog-content ul li a {
    color: var(--body-color)
}

.single-blog .blog-content ul li a:hover {
    color: var(--main-color)
}

.single-blog .blog-content h3 {
    font-size: 24px;
    margin-bottom: 15px
}

.single-blog .blog-content h3 a {
    color: var(--heading-color)
}

.single-blog .blog-content p {
    margin-bottom: 17px;
    color: var(--body-color)
}

.single-blog .blog-content .read-more {
    color: var(--heading-color)
}

.single-blog:hover .blog-content h3 a {
    color: var(--main-color)
}

.single-blog:hover .blog-content::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.single-blog:hover .blog-content::after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

/*Common */
body {
    overflow-x: hidden;
}

.no-gutter {
    margin-left: 0;
    margin-right: 0;
}

.no-gutter [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.gray-bg {
    background: #f2f2f2;
}

.pt-15 {
    padding-top: 15px;
}

.pb-15 {
    padding-bottom: 15px;
}

.padding-0 {
    padding: 0;
}

.main-default-content ol li ul,
.main-default-content ul li ul {
    padding-left: 15px;
    list-style-type: circle;
    display: block;
    margin-bottom: 0;
}

.main-default-content ul li,
.main-default-content ol li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 5px;
}

ol.boxes-list {
    counter-reset: item;
    margin-left: 15px;
}

ol.boxes-list li:not(ul li):before {
    content: counter(item) " ";
    counter-increment: item;
    color: #ffffff;
    position: absolute;
    top: 0;
    left: -3%;
    margin-top: 0em;
    background: #d63842;
    height: 25px;
    width: 25px;
    line-height: 24px;
    text-align: center;
    border-radius: 2em;
    font-weight: 700;
}

.y-middle {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/*Video Icon*/
.media-icon {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.media-icon .popup-videos {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    background: #d63842;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    text-align: center;
}

.media-icon .popup-videos:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
    transition: all 0.3s ease;
    z-index: -1;
}

.media-icon .popup-videos i {
    margin-left: 5px;
}

.media-icon .popup-videos i:before {
    font-size: 30px;
    line-height: 70px;
}

.media-icon .popup-videos:hover:before {
    background: #21a7d0;
}

.media-icon.orange-color .popup-videos {
    color: var(--main-color);
    background: #ffffff;
}

.media-icon.orange-color .popup-videos i:before {
    font-size: 30px;
    line-height: 70px;
}

.media-icon.orange-color .popup-videos:hover:before {
    background: #ffffff;
}

.media-icon.orange-color2 .popup-videos {
    color: #ffffff;
    background: #ff5421;
    animation: circle-ripple 3s linear linear infinite;
    -webkit-animation: circle-ripple 3s linear infinite;
}

.media-icon.orange-color2 .popup-videos:before {
    display: none;
}

.media-icon.orange-color2 .popup-videos:hover:before {
    background: #ff5421;
}

.media-icon.yellow-color .popup-videos {
    color: #273c66;
    background: #f4bf00;
}

.media-icon.yellow-color .popup-videos:hover:before {
    background: #1c335f;
}

.aau2 ul.header-sec-top {
    margin-bottom: 0px;
}

.aau2 .header-sec-top li {
    line-height: 10px
}

.aau2 .header-sec-top a {
    font-size: 11px;
    text-transform: uppercase
}

.aau2 .header-sec-top li {
    padding-left: 6px;
    padding-right: 6px;
    display: inline-block;
    list-style: none
}

@media (max-width:1199px) {
    .aau2 .header-sec-top li {
        padding-left: 5px;
        padding-right: 5px
    }
}

/* Top Header */
.aau2 .header-sec-top li:first-child {
    border-left: none
}

.aau2 .header-sec-top li:last-child {
    padding-right: 0
}

.aau2 .header-sec-top a {
    font-size: 11px;
    font-weight: 600;
    color: #fff
}

.header-area .top-header {
    background-color: var(--body-color);
    padding-top: 7px;
    padding-bottom: 5px;
}

.top-header .header-right-content .header-sec-top {
    position: relative;
    padding-left: 20px;
    display: inline-block;
    top: 1px;
}

.top-header .header-right-content .languages-switcher select {
    font-size: 13px;
}

.navbar {
    margin-bottom: 0px;
}

.navbar-brand {
    height: auto;
}

.navbar-brand.slogan {
    border-left: 1px solid #eee;
    padding-left: 15px;
}

/* End Top Header */

/* Main Slider */
.aau2 .home-bottom-html .owl-carousel {
    margin-top: 37px
}

.aau2 .home-bottom-html .owl-carousel .item {
    text-align: center;
    padding: 10px;
    background: #f7f6f6
}

.aau2 .home-bottom-html .owl-carousel .item:hover {
    background-color: #f0f0f0 !important
}

.events-slider {
    background-color: #fff
}

.events-slider .all {
    color: #fff;
    float: right
}

.events-slider .all i {
    color: #fff
}

.events-slider .slider-column {
    padding: 0;
    margin-left: 0
}

.events-slider .events-list {
    padding-right: 0;
    color: #fff
}

.events-slider .events-list h2 {
    font-size: 1.5em;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-right: 0
}

.events-slider .events-list .item {
    margin-bottom: 10px
}

.events-slider .events-list .title {
    color: #fff;
    font-size: 1em;
    margin-bottom: 10px;
    display: block
}

.events-slider .events-list .extra-info {
    color: #fff;
    font-size: .857em
}

.events-slider .events-list .date {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    display: block;
    width: 70px;
    height: 103px
}

.events-slider .events-list .date .month {
    font-family: var(--body-family);
    padding-top: 9px;
    text-align: center;
    color: #d63842;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 700
}

.events-slider .events-list .date .day {
    font-family: var(--body-family);
    color: #d63842;
    bottom: 2px;
    font-size: 4.071em;
    font-weight: 700;
    position: relative;
    right: -9px
}

.events-slider .events-list .info {
    float: left;
    padding-right: 0;
    padding-left: 0
}

.events-slider .events-list a:hover {
    text-decoration: none
}

.events-slider .events-list .date {
    height: 75px
}

.events-slider .events-list .date .month {
    padding-top: 3px
}

.events-slider .events-list .date .day {
    font-size: 3em
}

.events-slider .events-list .sticky {
    background-color: #98141d;
    margin-right: -30px;
    border-bottom: 4px solid #fff;
    color: black;
    border-top: 4px solid #fff;
    padding: 3px 0
}

.events-slider .events-list .sticky .date {
    background-color: #98131e
}

.events-slider .events-list .sticky .date .month {
    color: #fff
}

.events-slider .events-list .sticky .date .day {
    color: #fff
}

.events-slider .events-list .sticky .info .title {
    color: #fff
}

.events-slider .events-list .sticky .info .extra-info {
    color: #fff
}

.events-slider .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.events-slider .animate-out {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.events-slider .owl-item {
    display: table
}

.events-slider .owl-carousel .item {
    display: table-cell;
    vertical-align: middle
}

.events-slider .btn {
    color: #000;
    background: transparent;
    border: 2px solid #d63842;
    padding: 8px 24px;
    text-transform: uppercase
}

.events-slider .btn-primary:hover {
    color: #fff;
    background-color: #d63842;
    border-color: #d63842
}

.events-slider .slider-contents {
    position: absolute;
    top: 25%;
    left: 10%;
    text-align: left;
    color: #fff;
    width: 40%
}

.events-slider .slider-contents.background {
    background: #0000009c;
    width: 50%;
    padding: 40px
}

.events-slider .img-overlay {
    width: auto !important;
    position: absolute;
    bottom: -15%;
    right: 10%;
    height: 90%
}

.events-slider .owl-dots {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    width: 10px
}

.events-slider .owl-carousel .owl-dot {
    background-color: #fff;
    border: 1px solid #c2c2c3;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block
}

.events-slider .owl-carousel .owl-dot.active {
    background-color: #d63842;
    border: 0;
    width: 12px;
    height: 12px
}

.events-slider .owl-theme .owl-dots .owl-dot span {
    width: 0;
    height: 0
}

.events-slider .owl-theme .owl-controls {
    margin: 0
}

.events-slider h1 {
    font-size: 5em;
    width: 100%
}

.events-slider h2 {
    font-size: 3em;
    width: 100%
}

.events-slider h3 {
    font-size: 2.3em;
    width: 100%
}

.events-slider h4 {
    font-size: 28px;
    width: 100%;
    line-height: 40px
}

.events-slider p {
    font-size: 18px;
    width: 100%;
    line-height: 24px
}

.events-slider p .category {
    background-color: #004b85;
    padding: 5px 10px;
    line-height: 50px;
    color: #fff
}

.events-slider a {
    text-decoration: none
}

.events-slider h4 {
    font-size: 6px;
    width: 100%;
    line-height: 11px;
    margin: 0
}

.events-slider h1 {
    font-size: 1em;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px
}

.events-slider h2 {
    font-size: .8em;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px
}

.events-slider p {
    font-size: 5px;
    width: 100%;
    line-height: 0;
    margin-bottom: 5px
}

.events-slider p .category {
    background-color: #004b85;
    padding: 2px 3px;
    line-height: 15px;
    color: #fff
}

.events-slider .btn {
    padding: 3px 5px;
    text-transform: uppercase;
    font-size: 4px
}

.events-slider .owl-carousel .owl-nav .owl-next,
.events-slider .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    border-radius: 50%;
    background: var(--main-color) !important;
    text-align: center;
    color: #ffffff !important;
    transition: all 0.5s;
    transition-delay: 0.70s;
    opacity: 0;
    visibility: hidden;
}

.events-slider .owl-carousel .owl-nav .owl-next {
    right: 30px;
    left: unset;
}

.events-slider .owl-carousel:hover .owl-nav .owl-next,
.events-slider .owl-carousel:hover .owl-nav .owl-prev {
    left: 50px;
    transition-delay: 0s;
    visibility: visible;
    opacity: 1;
}

.events-slider .owl-carousel:hover .owl-nav .owl-next {
    right: 50px;
    left: unset;
}

/* Menu Under Slider*/
.menu-under-slider .menu-slider-items {
    margin-bottom: 5px;
}

.menu-under-slider .menu-slider-items .cate-item {
    max-height: 195px;
}

.menu-under-slider .owl-stage-outer {
    padding: 20px;
    margin: -20px;
}

.menu-under-slider .menu-slider-items .cate-item {
    position: relative;
    transition: all 500ms ease;
    box-shadow: 0 0 30px #eee;
    background: #fff;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0 10px #eae4e4;
    padding: 30px 15px 35px;
    text-align: center;
}

.menu-under-slider .menu-slider-items .cate-item .cate-img i {
    width: 60px;
    margin: 0 auto;
    font-size: 40px;
    color: var(--main-color);
}

.menu-under-slider .menu-slider-items .cate-item .cate-content .title {
    font-size: 18px;
    line-height: 32px;
    font-weight: 600;
    margin: 15px 0px 0px 0px;
}

.menu-under-slider .menu-slider-items .cate-item .cate-content .title a {
    color: #101010;
}

.menu-under-slider .menu-slider-items .cate-item .cate-content .title a:hover {
    color: var(--main-color);
}

.menu-under-slider .menu-slider-items .cate-item .cate-content .course-qnty {
    color: #101010;
}

.menu-under-slider .menu-slider-items .cate-item:hover {
    transform: translateY(-10px);
    border-bottom: 5px solid var(--main-color);
}

.menu-under-slider .menu-slider-items:hover i::before {
    transform: rotate(360deg);
}

.menu-under-slider .menu-slider-items i:before {
    display: inline-block;
    /* mandatory to be able to use transform */
    transition: 1s all;
}

.menu-under-slider .owl-nav .owl-next,
.menu-under-slider .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    border: 1px solid #101010;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    color: #101010;
    background: 0 0;
    transition: .4s;
    margin: 0 auto;
    text-align: center;
}

.menu-under-slider .owl-nav .owl-next i,
.menu-under-slider .owl-nav .owl-prev i {
    margin-top: 13px;
}

.menu-under-slider .owl-nav .owl-next i:before,
.menu-under-slider .owl-nav .owl-prev i:before {
    content: "\f133";
    font-family: Flaticon;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
}

.menu-under-slider .owl-nav .owl-next:hover,
.menu-under-slider .owl-nav .owl-prev:hover {
    background: #ff5421;
    color: #ffffff;
    border: 1px solid #ff5421;
}

.menu-under-slider .owl-nav .owl-next {
    right: -75px;
    left: unset;
}

.menu-under-slider .owl-nav .owl-next i:before {
    content: "\f133";
    font-size: 18px;
    font-weight: 400;
}

.menu-under-slider .owl-nav .owl-prev {
    right: unset;
    left: -105px;
}

.menu-under-slider .owl-nav .owl-prev i:before {
    content: "\f134";
    font-size: 18px;
    font-weight: 400;
}

/* Menu Under Slider*/

/* Colleges Section*/
.colleges .college-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 3px;
}

.colleges .college-wrap img {
    width: 100%;
}

.colleges .college-wrap .title-part {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 30px 21px;
    opacity: 1;
    transition: all 0.3s ease;
}

.colleges .college-wrap .title-part .title {
    margin: 0;
    color: #ffffff;
    font-size: 18px;
}

.colleges .college-wrap .content-part {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotateY(90deg);
    text-align: center;
    background: var(--optional-color);
    border-radius: 3px;
    padding: 15px;
    color: #ffffff;
    opacity: 0;
    transition: all 0.3s ease;
}

.colleges .college-wrap .content-part .title {
    margin-bottom: 13px;
    font-size: 18px;
}

.colleges .college-wrap .content-part .title a {
    color: #ffffff;
}

.colleges .college-wrap .content-part .title a:hover {
    color: #cccccc;
}

.colleges .college-wrap .content-part .desc {
    margin-bottom: 15px;
}

.colleges .college-wrap .content-part .btn-part a {
    text-transform: uppercase;
    font-weight: 500;
    color: #ffffff;
    padding-bottom: 0;
    border-bottom: 1px solid #ffffff;
}

.colleges .college-wrap .content-part .btn-part a:hover {
    color: #cccccc;
}

.colleges .college-wrap:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    background: linear-gradient(transparent, var(--black-color));
}

.colleges .college-wrap:hover .content-part {
    transform: translate(-50%, -50%) rotateY(0);
    opacity: 1;
}

.colleges .college-wrap:hover .title-part {
    bottom: -60px;
    opacity: 0;
}



.strips {
    min-height: 675px;
    text-align: center;
    overflow: hidden;
    color: white;
    position: relative;
}

.strips__strip {
    will-change: width, left, z-index, height;
    position: absolute;
    width: 16.666667%;
    min-height: 675px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    background-size: contain;
}

.strips__strip:nth-child(1) {
    left: 0%;
    background-image: url(../../images/eng1.jpg);
    background-position: center top;
}

.strips__strip:nth-child(2) {
    left: 16.666667%;
    background-image: url(../../images/phar1.jpg);
    background-position: center top;
}

.strips__strip:nth-child(3) {
    left: 33.333334%;
    background-image: url(../../images/law1.jpg);
    background-position: center top;
}

.strips__strip:nth-child(4) {
    left: 49.999997%;
    background-image: url(../../images/edu1.jpg);
    background-position: center top;
}

.strips__strip:nth-child(5) {
    left: 66.666668%;
    background-image: url(../../images/bus1.jpg);
    background-position: center top;
}

.strips__strip:nth-child(6) {
    left: 83.333335%;
    background-image: url(../../images/comm1.jpg);
    background-position: center top;
}

.strips__strip:nth-child(1) .strip__content {
    background: #00000052;
    transform: translate3d(-100%, 0, 0);
    -webkit-animation-name: strip1;
    animation-name: strip1;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.strips__strip:nth-child(2) .strip__content {
    background: #00000052;
    transform: translate3d(0, 100%, 0);
    -webkit-animation-name: strip2;
    animation-name: strip2;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.strips__strip:nth-child(3) .strip__content {
    background: #00000052;
    transform: translate3d(0, -100%, 0);
    -webkit-animation-name: strip3;
    animation-name: strip3;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.strips__strip:nth-child(4) .strip__content {
    background: #00000052;
    transform: translate3d(0, 100%, 0);
    -webkit-animation-name: strip4;
    animation-name: strip4;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.strips__strip:nth-child(5) .strip__content {
    background: #00000052;
    transform: translate3d(100%, 0, 0);
    -webkit-animation-name: strip3;
    animation-name: strip3;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.strips__strip:nth-child(6) .strip__content {
    background: #00000052;
    transform: translate3d(100%, 0, 0);
    -webkit-animation-name: strip5;
    animation-name: strip5;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.strips .strip__content {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-decoration: none;
    z-index: -1;
}

.strips .strip__content:hover:before {
    transform: skew(-30deg) scale(3) translate(0, 0);
    opacity: 0.1;
}

.strips .strip__content:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    opacity: 0.05;
    transform-origin: center center;
    transform: skew(-30deg) scaleY(1) translate(0, 0);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.strips .strip__inner-text {
    will-change: transform, opacity;
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    width: 70%;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.strips__strip--expanded {
    width: 100%;
    top: 0 !important;
    left: 0 !important;
    z-index: 3;
    cursor: default;
}

@media screen and (max-width: 760px) {
    .strips__strip--expanded {
        min-height: 60vh;
    }
}

.strips__strip--expanded .strip__content:hover:before {
    transform: skew(-30deg) scale(1) translate(0, 0);
    opacity: 0.05;
}

.strips__strip--expanded .strip__title {
    opacity: 0;
}

.strips__strip--expanded .strip__inner-text {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.strip_text {
    position: absolute;
    bottom: 5%;
    z-index: 1;
}

.strip_text a:hover {
    color: #cccccc;
}

.strip_text a {
    text-transform: uppercase;
    font-weight: 500;
    color: #ffffff;
    padding-bottom: 0;
    border-bottom: 1px solid #ffffff;
    margin-top: 5px;
    font-size: 13px;
}

.strip__title {
    display: block;
    margin-bottom: 5px;
    position: relative;
    z-index: 2;
    width: 100%;
    font-size: 16px;
    line-height: 21px;
    padding: 0px 5px;
    font-weight: 600;
    color: white;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.strip__close {
    position: absolute;
    right: 3vw;
    top: 3vw;
    opacity: 0;
    z-index: 10;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    cursor: pointer;
    transition-delay: 0.5s;
}

.strip__close--show {
    opacity: 1;
}

@-webkit-keyframes strip1 {
    0% {
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes strip1 {
    0% {
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes strip2 {
    0% {
        transform: translate3d(0, 100%, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes strip2 {
    0% {
        transform: translate3d(0, 100%, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes strip3 {
    0% {
        transform: translate3d(0, -100%, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes strip3 {
    0% {
        transform: translate3d(0, -100%, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes strip4 {
    0% {
        transform: translate3d(0, 100%, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes strip4 {
    0% {
        transform: translate3d(0, 100%, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes strip5 {
    0% {
        transform: translate3d(100%, 0, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes strip5 {
    0% {
        transform: translate3d(100%, 0, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

/* Colleges Section*/

/* Accreditation */
.accredit-slider .single-accredit span {
    font-size: 15px;
    color: var(--main-color);
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}

/* Accreditation */

/* Notice Board*/
.events-area .section-title,
.colleges .section-title,
.testimonials .section-title,
.counter-area .section-title {
    margin: 0px;
    text-align: left;
    margin-bottom: 30px;
    position: relative;
}

.events-area .notice-bord.style1 .title {
    background: var(--main-color);
    font-size: 20px;
    text-transform: uppercase;
    padding: 18px 25px;
    text-align: center;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 10px;
}

.events-area .notice-bord.style1 ul {
    padding-left: 0px;
}

.events-area .notice-bord.style1 li {
    position: relative;
    background: var(--bg-grey);
    margin-bottom: 12px;
    border-radius: 3px;
    padding: 0px;
    padding-left: 0 !important;
    overflow: hidden;
}

.events-area .notice-bord.style1 li .date {
    color: var(--main-color);
    padding: 5px 15px 5px 15px;
    font-weight: 600;
    border-bottom: 1px dotted #e2e2e2;
}

.events-area .notice-bord.style1 li .date span {
    font-size: 15px;
    font-family: var(--body-family);
    margin-right: 5px;
}

.events-area .notice-bord.style1 li .desc {
    padding: 10px 15px;
    font-weight: 500;
}

.events-area .notice-bord.style1 li:last-child {
    margin-bottom: 0;
}

.events-area .event-details h4 {
    font-size: 16px;
}

.events-area .event-list-item {
    background-color: #f9f8f8;
    padding: 10px;
    margin-bottom: 15px;
}

.events-area .event-list-item a.read-more {
    display: block;
}

/* Notice Board */
.publication-tabs .section-title {
    margin: 0px;
    text-align: left;
    margin-bottom: 30px;
}

.publication-tabs .section-title p {
    margin-left: 0;
}

.publication-tabs {
    position: relative;
}

.publication-tabs .section-pub {
    position: relative;
    font-size: 0;
    box-shadow: 0 0 18px RGBa(0, 0, 0, 0.5);
    border-radius: 3px;
    overflow: hidden;
}

.publication-tabs input {
    display: none;
}

.publication-tabs input:checked+label {
    background: #eee;
}

.publication-tabs input#tab1:checked~.line {
    left: 0%;
}

.publication-tabs input#tab1:checked~.content-container #c1 {
    display: block;
}

.publication-tabs input#tab2:checked~.line {
    left: 33.33%;
}

.publication-tabs input#tab2:checked~.content-container #c2 {
    display: block;
}

.publication-tabs input#tab3:checked~.line {
    left: 66.66%;
}

.publication-tabs input#tab3:checked~.content-container #c3 {
    display: block;
}

.publication-tabs label {
    display: inline-block;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    width: 33.333%;
    text-align: center;
    background: #f4f4f4;
    color: var(--black-color);
    position: relative;
    transition: 0.25s background ease;
    cursor: pointer;
    margin-bottom: 0px;
}

.publication-tabs label::after {
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    display: block;
    background: #ccc;
    bottom: 0;
    opacity: 0;
    left: 0;
    transition: 0.25s ease;
}

.publication-tabs label:hover::after {
    opacity: 1;
}

.publication-tabs .line {
    position: absolute;
    height: 2px;
    background: var(--main-color);
    width: 33.333%;
    top: 48px;
    left: 0;
    transition: 0.25s ease;
}

.publication-tabs .content-container {
    background: #eee;
    position: relative;
    font-size: 16px;
}

.publication-tabs .content-container .content {
    position: relative;
    padding: 30px 15px;
    width: 100%;
    top: 0;
    display: none;
    transition: 0.25s ease;
    color: #333;
}

.publication-tabs .content-container .content h3 {
    font-weight: 200;
    margin: 10px 0;
}

.publication-tabs .content-container .content p {
    margin: 10px 0;
}

.publication-tabs .content-container .content p,
.publication-tabs .content-container .content i {
    font-size: 13px;
}


.publication_tab .publication-list {
    list-style: none;
    position: relative;
}

.publication-list-item {
    margin-bottom: 35px;
}

.publication-list-item .publication-item {
    position: relative;
}

.publication-list-item .publication-item .thumb-info {
    display: block;
    position: relative;
    text-decoration: none;
    max-width: 100%;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 4px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.publication-list-item .publication-item .thumb-info .thumb-info-wrapper {
    margin: 0;
}

.publication-item .thumb-info img {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 3px;
    position: relative;
    width: 100%;
    z-index: -1;
}

.publication-item .thumb-info .thumb-info-action-icon {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: #c30e2e;
    border-radius: 0 0 0 25px;
    display: inline-block;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    right: -100px;
    text-align: center;
    top: -100px;
    width: 50px;
    z-index: 2;
}

.publication-item .thumb-info .thumb-info-action-icon i {
    font-size: 24px;
    left: 3px;
    position: relative;
    top: -4px;
    color: #FFF;
}

.publication-item .thumb-info:hover .thumb-info-action-icon {
    right: 0;
    top: 0;
}

.publication-item .thumb-info .thumb-info-action-icon i {
    font-size: 24px;
    left: 3px;
    position: relative;
    top: -4px;
    color: #FFF;
}

/* Publication Tab */

/* Testimonials */
.testimonials .main-part {
    background: #f9f8f8;
    padding: 30px 35px 30px;
}

.testimonials .main-part .title .text-part {
    font-size: 40px;
    color: #111111;
    line-height: 46px;
    font-weight: 700;
}

.testimonials .img-part {
    background: url(../../images/testimonial.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    min-height: 393px;
}


/* Text Testim */
.testimonials .testi-item {
    /*                padding: 38px 37px 30px 37px;*/
    padding: 38px 0px 30px 0px;
}

.testimonials .testi-item .image-wrap {
    position: relative;
    margin-bottom: 25px;
}

.testimonials .testi-item .image-wrap img {
    height: 65px;
    width: 65px;
    border-radius: 50%;
    position: relative;
}

.testimonials .testi-item .item-content {
    position: relative;
}

.testimonials .testi-item .item-content .quote-positions {
    opacity: .1;
    width: 150px;
    top: 60%;
    position: absolute;
    z-index: 1;
    right: 5%;
}

.testimonials .testi-item .item-content p {
    font-size: 18px;
    line-height: 31px;
    font-weight: 400;
    color: #505050;
    margin-bottom: 18px;
}

.testimonials .testi-item .testi-content .testi-name {
    font-size: 20px;
    line-height: 34px;
    font-weight: 500;
    color: #101010;
}

.testimonials .testi-item .testi-content .testi-title {
    font-size: 16px;
    line-height: 31px;
    font-weight: 400;
    color: #505050;
    display: block;
}

.r-button {
    background-color: transparent;
    padding: 0 0 0 0;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
}

.r-button::-moz-focus-inner,
.r-button[type="button"]::-moz-focus-inner,
.r-button[type="reset"]::-moz-focus-inner,
.r-button[type="submit"]::-moz-focus-inner {
    /* Remove the inner border and padding in Firefox. */
    border-style: none;
    padding: 0;
}

.r-link {
    display: inline-flex !important;
    color: var(--white) !important;
    text-decoration: none !important;
}

.r-list {
    padding-left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    list-style: none !important;
}

.m-hamburger {
    display: inline-flex;
    width: 28px;
    height: 20px;
    position: relative;
    z-index: 5;
    margin-top: 15px;
}

.m-hamburger::before,
.m-hamburger::after,
.m-hamburger__label {
    width: 100%;
    height: 4px;
    border-radius: 5px;
    background-color: var(--white);
    position: absolute;
    left: 0;
}

.m-hamburger::before,
.m-hamburger::after {
    content: "";
}

.m-hamburger::before {
    top: 0;
}

.m-hamburger::after {
    bottom: 0;
}

.m-hamburger__label {
    /* The calculation of middle hamburger button line position */
    top: calc(50% - calc(4px / 2));
}

/* helper to hide elements that are available only for screen readers. */

.screen-reader {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border: none !important;

    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    overflow: hidden !important;
}

.quick-menu {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: var(--menuZindex, 9998);
}

.menu__nav {
    box-sizing: border-box;
    width: 100%;
    height: 0;

    transition: opacity 0.2s ease-out;
    opacity: 0;

    display: flex;
    align-items: flex-end;
    z-index: 2;
}

.quicklinks {
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.menu__toggle {
    box-sizing: border-box;
    width: 6.25rem;
    height: calc(6.25rem / 2);
    flex: none;

    position: relative;
}

.menu__toggle::before {
    content: "";
    width: 1em;
    height: 1em;
    font-size: 6.25rem;
    /* 1 */
    background-color: var(--main-color);
    border-radius: 50%;
    position: absolute;
    bottom: -0.5em;
    /* 2 */
    left: calc(50% - 0.5em);
    z-index: -1;
    will-change: width, height;
    transition: transform 0.25s cubic-bezier(0.04, -0.1, 0.29, 0.98),
        width 0.25s cubic-bezier(0.04, -0.1, 0.29, 0.98),
        height 0.25s cubic-bezier(0.04, -0.1, 0.29, 0.98);
}

/* styles of hamburger's animation */

.m-hamburger::before,
.m-hamburger::after,
.m-hamburger__label {
    transition-timing-function: ease;
    transition-duration: 0.15s;
}

.m-hamburger::before,
.m-hamburger::after {
    transition-property: transform;
}

.m-hamburger__label {
    transition-property: transform, opacity;
}

/*
=====
MENU STATES
=====
*/

.menu__toggle:focus {
    outline: 2px solid var(--colorMain);
    outline-offset: 5px;
}

.menu_activated {
    height: 100%;
}

.menu_activated .menu__nav {
    flex-grow: 1;
    opacity: 1;
    will-change: opacity;
    transition-duration: 0.2s;
    transition-delay: 0.3s;
}

.menu_activated .menu__toggle::before {
    width: 100vmax;
    height: 100vmax;
    transform: translate3d(-50vh, -50vh, 0) scale(5);
    transition-duration: 1s;
}

.quick-menu:not(.menu_activated) .quicklinks {
    display: none;
}

.menu_activated .m-hamburger::before {
    top: 50%;
    transform: translate3d(0, -50%, 0) rotate(45deg);
    background-color: #000000;
}

.menu_activated .m-hamburger::after {
    transform: translate3d(0, -50%, 0) rotate(135deg);
    top: 50%;
    background-color: #000000;
}

.menu_activated .m-hamburger__label {
    transform: rotate(-45deg) translate3d(-0.285em, -0.3em, 0);
    opacity: 0;
}

.menu_activated {
    outline-color: var(--white);
}

.menu__group {
    --rLinkTextColor: var(--white);

    padding: 0.5rem 2rem;
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
}

.linktr {
    order: -1;
    padding: 1.75rem;
    text-align: center;
}

.linktr__goal {
    background-color: rgb(209, 246, 255);
    color: rgb(8, 49, 112);
    box-shadow: rgb(8 49 112 / 24%) 0px 2px 8px 0px;
    border-radius: 2rem;
    padding: 0.5rem 1.25rem;
}

/*Custom*/
.show {
    display: block !important;
}

.quicklinks.show {
    height: 100%;
    opacity: .96;
    visibility: visible;
    padding: 3.125% 3.90625%;
    transform: translateY(0);
}

.quicklinks {
    flex-flow: row wrap;
    justify-content: center;
    display: flex !important;
    background-color: #e5eef6;
    list-style: none;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s cubic-bezier(.42, 0, .58, 1), visibility 1s cubic-bezier(.42, 0, .58, 1), height 1.2s cubic-bezier(.165, .84, .44, 1), transform 1.2s cubic-bezier(.165, .84, .44, 1);
    overflow: hidden;
    padding: 3.125% 3.90625%;
    transform: translateY(-100%);
}

.quicklinks.show>li {
    opacity: 1;
    transform: rotateY(0);
}

.quicklinks>li {
    padding: 4px;
    width: 20%;
    height: 33%;
    opacity: 0;
    transform: rotateY(90deg);
    transition: all 600ms ease;
    transition-delay: 650ms;
}

.quicklinks h4 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin: 1% 0;
    text-transform: uppercase;
    font-weight: 600;
}

.quicklinks-item {
    background-color: #000000bf;
    color: #fff;
    display: block;
    height: 100%;
    padding: 20% 20px 0;
    text-align: center;
}

.quicklinks-item:hover,
.quicklinks-item:focus {
    background-color: #d63842;
    text-decoration: none;
    color: #fff;
}

.quicklinks-item i {
    display: block;
    font-size: 96px;
    margin-bottom: 10px;
}

/*Scrollbar */
.publication-tabs .content-container {
    overflow-y: scroll;
}

.publication-tabs .content-container::-webkit-scrollbar {
    width: 10px;
}

.publication-tabs .content-container::-webkit-scrollbar-track {
    background: rgb(238, 238, 238);
    border-radius: 10px;
}

.publication-tabs .content-container::-webkit-scrollbar-thumb {
    background: rgb(136, 136, 136);
    border-radius: 10px;
}

.publication-tabs .content-container::-webkit-scrollbar-thumb:hover {
    background: rgb(100, 100, 100);
    border-radius: 10px;
}

.publication-tabs .content-container::-webkit-scrollbar-thumb:active {
    background: rgb(68, 68, 68);
    border-radius: 10px;
}

/* Endscroll */

#filter_form {
    background: var(--bg-grey);
    padding: 15px 15px 15px;
}

#filter_form h3 {
    margin-bottom: 15px;
    font-size: 16px;
}

#filter_form .form-control {
    border: 1px solid #bababa;
    background-color: white;
    box-shadow: none;
    height: 55px;
}

.empty {
    padding: 0px 15px;
}

/*News Page*/
.pagination li.first a,
.pagination li.prev a,
.pagination li.next a,
.pagination li.last a,
.pagination li.next span,
.pagination li.last span {
    padding: 0.5rem 0.75rem;
}

.pagination li a,
.pagination li span {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.pagination li a {
    color: #007bff;
}

.pagination li span {
    color: #000;
}

.bootsize {
    margin-bottom: 15px;
}

.bootsize select.form-control:not([size]):not([multiple]) {
    height: inherit;
}

.bootsize .form-control {
    height: inherit;
    color: #000;
}

.news-wrapper .news-single {
    position: relative;
}

.news-wrapper .item-attr {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #ffffff;
    padding: 15px;
}

.news-wrapper .item-img-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
}

.news-wrapper .item-img-wrapper {
    position: relative;
}

.news-wrapper .item {
    margin-bottom: 30px;
}

.news-wrapper .item h3 {
    font-size: 16px;
    margin-top: 10px;
    color: #fff;
}

.news-wrapper .item-date i {
    line-height: 18px;
    vertical-align: middle;
    font-size: 18px;
    margin-right: 5px;
}

.news-wrapper .pager-attr .summary {
    line-height: 35px;
    margin-right: 15px;
}

.news-details-area .sec-read-more a {
    color: #fff;
}

.latest .title-with-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.latest .item {
    display: flex;
    margin-bottom: 15px;
}

.latest .item a {
    padding-left: 10px;
}

.latest .item a h4 {
    font-size: 16px;
}

.editorpick-box .item a {
    display: block;
    margin-top: 10px;
}

.editorpick-box .item a h4 {
    margin-bottom: 2px;
}

.news-white-box {
    margin-top: 30px;
}

.news-white-box .sec-title {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.news-white-box .sec-title a {
    background-color: #fff;
    padding-left: 10px;
}

.news-white-box .sec-title button {
    padding: 0px 30px;
    height: 30px;
    font-size: 13px;
}

.news-white-box .sec-title:before {
    content: '';
    position: absolute;
    height: .5px;
    background: #7B756F;
    left: 16px;
    right: 0;
    top: 12px;
    z-index: -1;
}

.news-white-box h3 {
    text-transform: uppercase;
    font-size: 18px;
    background-color: #fff;
    padding-right: 10px;
    padding-left: 5px;
    border-left: 3px solid #d63842;
}

.news-white-box .news-item h4 {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.news-white-box .news-item p,
.editorpick-box .item a .date,
.latest .item a .date {
    font-size: 13px;
    color: #a2a2a2;
}

.owl-carousel .owl-nav button {
    background-color: #ffffff8c !important;
    width: 45px;
    border-radius: 50%;
    font-size: 30px !important;
    color: #d63842 !important;
}

.photo-holder .owl-carousel .owl-nav button.owl-next,
.main-default-content .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: 5%;
    top: 45%;
}

.photo-holder .owl-carousel .owl-nav button.owl-prev,
.main-default-content .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: 5%;
    top: 45%;
}

.photo-holder {
    position: relative;
}

.photo-holder .all-images {
    position: absolute;
    right: 0;
    bottom: 80px;
    background: #ffffff;
    padding: 10px 25px;
    z-index: 2;
    border-radius: 0px;
    font-size: 18px;
}

.photo-holder .view-video {
    position: absolute;
    right: 0;
    bottom: 15px;
    background: #ffffff;
    padding: 10px 25px;
    z-index: 2;
    border-radius: 0px;
    font-size: 18px;
}

/*End News Page*/
/* 
    Gallery Area Style
    =====================================================*/
.view-single-gallery {
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}

.view-single-gallery .gallery-item-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

.view-single-gallery .gallery-item-content a {
    margin: 0 10px;
}

.view-single-gallery .gallery-item-content a i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: var(--white-color);
    border: 1px solid var(--white-color);
    border-radius: 50%;
    display: inline-block;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    font-size: 20px;
}

.view-single-gallery .gallery-item-content a:hover i {
    background-color: var(--white-color);
    color: var(--heading-color);
}

.view-single-gallery:hover .gallery-item-content {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.gallery-btn {
    text-align: center;
}

/* Event Listing */
.events-wrapper .single-study.style-img .single-study-content {
    padding: 15px;
}

.events-wrapper .single-study.style-img .single-study-content .event-category {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 8px;
    background: #ececec;
    padding: 0px 4px;
}

.events-wrapper .single-study.style-img .single-study-content .timing {
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 600;
    color: #b6b6b6;
}

/* Event Listing */

.details-area .top-title {
    color: var(--main-color);
    display: block;
    margin-bottom: 10px;
}

.details-area h2 {
    font-size: 35px;
}

.details-area .date-time {
    display: block;
    margin-bottom: 0;
}

.details-area .date-time li {
    display: inline-block;
    padding-left: 30px;
    position: relative;
    margin-bottom: 0;
}

.details-area .date-time li i {
    font-size: 18px;
    position: absolute;
    top: 3px;
    left: 0;
    line-height: 1;
}

.details-area .date-time li::before {
    display: none;
}

.event-sidebar .event-single-sidebar {
    background-color: #f3f3f4;
    padding: 30px;
}

.event-sidebar .event-single-sidebar h3 {
    margin-bottom: 25px;
    font-size: 25px;
}

.event-sidebar ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: block;
}

.event-sidebar ul li {
    font-weight: 600;
    color: var(--heading-color);
    font-size: 15px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #bebebebe;
}

.event-sidebar ul li span {
    color: var(--body-color);
    float: right;
}

.event-sidebar ul li a {
    float: right;
}

.event-sidebar ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.single-gallery .gallery-item-content a i {
    width: 24px;
    height: 40px;
    line-height: 37px;
    color: var(--white-color);
    border: none;
    display: inline-block;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    font-size: 20px;
    vertical-align: middle;
}

.single-gallery .gallery-item-content .details {
    text-align: left;
    padding: 0px 10px;
    margin: 0;
    display: block;
    position: absolute;
    bottom: 15px;
    width: 100%;
    left: 0px;
    right: 0px;
    color: white;
}

.single-gallery .gallery-item-content .gallery-link h3 {
    color: #fff;
    font-size: 17px;
}

.single-gallery .gallery-item-content a:hover i {
    color: #ffffff;
    background-color: transparent;
}

.single-gallery .gallery-item-content {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.form-inline .form-control {
    width: 100%;
}

.photos-wrapper .item {
    margin-bottom: 15px;
}

.filter-form-title {
    background-color: #f9f8f8;
    margin-bottom: 0;
    padding: 20px 30px 0px;
    font-weight: 600;
    font-size: 20px;
}

/* Notification Popup */
.notification_wrap .dropdown {
    width: 350px;
    height: auto;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 80%);
    margin: 15px auto 0;
    padding: 15px;
    position: relative;
    display: none;
    position: fixed;
    bottom: 19%;
    left: 40px;
    z-index: 3;
}

.notification_wrap .dropdown .notify_title {
    padding: 0rem 0.5rem 1rem !important;
    border-bottom: 1px solid #dee2e6 !important;
    font-weight: 600;
}

.notification_wrap .dropdown .notify_item {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #dbdaff;
}

.notification_wrap .dropdown .notify_item:last-child {
    border-bottom: 0px;
}

.notification_wrap .dropdown .notify_item .notify_img {
    margin-right: 15px;
}

.notification_wrap .dropdown .notify_item .notify_info p {
    margin-bottom: 5px;
    font-size: 15px;
    line-height: initial;
}

.notification_wrap .dropdown .notify_item .notify_info p span {
    color: #605dff;
    margin-left: 5px;
}

.notification_wrap .dropdown .notify_item .notify_info .notify_time {
    color: #c5c5e6;
    font-size: 12px;
}

.notification_wrap .dropdown:before {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 10%;
    transform: translateX(-50%);
    border: 15px solid;
    border-color: #fff transparent transparent transparent;
}

.notification_wrap .dropdown.active {
    display: block;
}

/* Notification Popup */

/* Mouse Page scroll */
.mouse_scroll {
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 100px;
    margin-top: 0px;
    position: absolute;
    bottom: 1%;
    left: 49.3%;
    z-index: 1;
    cursor: pointer;
}

.m_scroll_arrows {
    display: block;
    width: 5px;
    height: 5px;
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    transform: rotate(45deg);

    border-right: 2px solid #d63842;
    border-bottom: 2px solid #d63842;
    margin: 0 4px 3px 4px;

    width: 16px;
    height: 16px;
}

.unu {
    margin-top: 1px;
}

.unu,
.doi,
.trei {
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;
}

.unu {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -webkit-animation-direction: alternate;

    animation-direction: alternate;
    animation-delay: alternate;
}

.doi {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -webkit-animation-direction: alternate;

    animation-delay: 0.2s;
    animation-direction: alternate;

    margin-top: -6px;
}

.trei {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -webkit-animation-direction: alternate;

    animation-delay: 0.3s;
    animation-direction: alternate;

    margin-top: -6px;
}

.mouse {
    height: 42px;
    width: 24px;
    border-radius: 14px;
    transform: none;
    border: 2px solid #d63842;
    top: 170px;
}

.wheel {
    height: 5px;
    width: 2px;
    display: block;
    margin: 5px auto;
    background: #d63842;
    position: relative;

    height: 4px;
    width: 4px;
    border: 2px solid #d63842;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.wheel {
    -webkit-animation: mouse-wheel 0.6s linear infinite;
    -moz-animation: mouse-wheel 0.6s linear infinite;
    animation: mouse-wheel 0.6s linear infinite;
}

@-webkit-keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@-moz-keyframes mouse-wheel {
    0% {
        top: 1px;
    }

    25% {
        top: 2px;
    }

    50% {
        top: 3px;
    }

    75% {
        top: 2px;
    }

    100% {
        top: 1px;
    }
}

@-o-keyframes mouse-wheel {
    0% {
        top: 1px;
    }

    25% {
        top: 2px;
    }

    50% {
        top: 3px;
    }

    75% {
        top: 2px;
    }

    100% {
        top: 1px;
    }
}

@keyframes mouse-wheel {
    0% {
        top: 1px;
    }

    25% {
        top: 2px;
    }

    50% {
        top: 3px;
    }

    75% {
        top: 2px;
    }

    100% {
        top: 1px;
    }
}

@-webkit-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes mouse-scroll {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

/* MOuse page scroll */


/* Bell with number badge */
.bell-ann {
    position: fixed;
    bottom: 30px;
    left: 30px;
    z-index: 2;
    cursor: pointer;
}

.bell-ann .fa-bell {
    animation: animation-layer-1 5000ms infinite;
    opacity: 1;
}

@keyframes animation-layer-1 {
    0% {
        transform: rotate(0deg);
    }

    8.0% {
        transform: rotate(0deg);
    }

    12.0% {
        transform: rotate(42deg);
    }

    16.0% {
        transform: rotate(-35deg);
    }

    20.0% {
        transform: rotate(0deg);
    }

    23.0% {
        transform: rotate(28deg);
    }

    26.0% {
        transform: rotate(-20deg);
    }

    29.0% {
        transform: rotate(0deg);
    }

    31.0% {
        transform: rotate(16deg);
    }

    33.0% {
        transform: rotate(-12deg);
    }

    35.0% {
        transform: rotate(0deg);
    }

    37.0% {
        transform: rotate(-6deg);
    }

    39.0% {
        transform: rotate(0deg);
    }
}

.fa-stack[data-count]:after {
    position: absolute;
    right: 0%;
    top: 1%;
    content: attr(data-count);
    font-size: 30%;
    padding: .6em;
    border-radius: 999px;
    line-height: .75em;
    color: white;
    background: rgba(255, 0, 0, .85);
    text-align: center;
    min-width: 2em;
    font-weight: bold;
}

/* End Bell with number badge */

/* Announcements Page Custom */
.announcement-date h4 {
    color: white;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    width: 80%;
    text-align: center;
    transform: rotate(270deg);
    opacity: .2;
    font-size: 35px;
}

.announcement-content .announcement-list {
    padding-left: 0;
}

.announcement-content .announcement-list>li {
    list-style: none;
    position: relative;
    background-color: var(--white-color);
    padding-left: 140px;
    padding-top: 0px;
    padding-bottom: 30px;
    margin-bottom: 15px;
    border-bottom: 1px solid #f2f2f2;
}

.announcement-content .announcement-list li h3 {
    font-size: 24px;
    margin-bottom: 15px;
}

.announcement-content .announcement-list li:hover h3 a {
    color: var(--main-color);
}

.announcement-content .announcement-list li:hover .announcement-date {
    background-color: var(--main-color);
}

.announcement-content .announcement-list li .announcement-date {
    background-color: var(--optional-color);
    padding: 20px 30px 20px 45px;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: var(--transition);
    transition: var(--transition);
}

.announcement-content .announcement-list li .announcement-date span {
    color: var(--white-color);
    margin-bottom: 0;
    font-size: 16px;
    display: block;
}

.announcement-content .announcement-list li .announcement-date span.month {
    margin-bottom: 0 !important;
}

.announcement-content .announcement-list li .announcement-date span.day {
    min-width: 53px;
    font-size: 46px;
    line-height: 50px;
}

/* End Announcements Page Custom */

/* Pagination */
.pagination-area li {
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: var(--heading-color);
    text-align: center;
    display: inline-block;
    position: relative;
    margin-left: 3px;
    margin-right: 3px;
    font-size: 17px;
    background-color: #f9fbfe;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    border: 1px solid #ebebeb;
}

.pagination-area li.disabled {
    opacity: .5;
    cursor: not-allowed
}

.pagination-area li:not(.disabled):hover {
    color: var(--white-color);
    border-color: var(--main-color);
    background-color: var(--main-color);
}

.pagination-area .active {
    color: var(--white-color);
    border-color: var(--main-color);
    background-color: var(--main-color);
}

.pagination-area .active a,
.pagination-area li:hover a {
    color: var(--white-color);
}

/* Ends Pagination */

/* Publication */
.single-product {
    background-color: #d5d5d5;
    padding-bottom: 15px;
}

.single-product a h3 {
    margin-bottom: 10px;
    font-size: 16px;
}

.single-product .sub-title {
    text-align: center;
    font-size: 14px;
    margin-bottom: 10px;
    color: #ffffff;
    background-color: var(--main-color);
    padding: 2px 7px;
    border-radius: 4px;
}

.product-area .sec-handbooks {
    margin-left: 0;
    margin-right: 0;
}

/* Ends Publication */
.preloader .lds-ripple {
    width: 200px;
    height: 200px;
    left: 47%;
    top: 40%;
}

.preloader:before {
    content: "";
    width: 200px;
    height: 200px;
    left: 47%;
    top: 40%;
    position: fixed;
    background-color: #fff;
    transition: all 3s;
    transform: scale(0);
}

.full-width {
    width: 100%;
}

.read-more {
    transition: var(--transition);
}

.line {
    border: 0;
    height: 5px;
    background-color: #d63842;
    width: 82px;
    margin-left: 0px;
    position: relative;
    margin-bottom: 30px;
}

.line:not(.section-pub .line):before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border: 4px solid #ffffff;
    background-color: #d63842;
    border-radius: 100%;
    top: 2px;
    transform: translateY(-50%);
    left: -1px;
}

.results-list .items {
    margin-bottom: 15px;
    background-color: #f9f8f8;
}

.results-list .items img {
    padding: 15px 0px;
}

.label {
    padding: 5px 15px;
}

.label.label-success {
    background-color: #d63842;
    color: white;
}

.label.label-info {
    background-color: #393939;
    color: white;
}

.main-default-content h3 {
    margin-bottom: 15px;
}

select.form-control:not([size]):not([multiple]) {
    height: 55px;
}

.single-study .single-study-content .program-type {
    font-weight: 600;
    position: relative;
    padding-left: 20px;
    color: #8c8c8c;
}

.single-study .single-study-content .program-type a {
    color: #8c8c8c;
}

.single-study .single-study-content .program-type:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 15px;
    height: 2px;
    background-color: #d63842;
}

/* Academic Calendar -- Accordion */
a.accordion-toggle {
    position: relative;
}

a.accordion-toggle:after {
    content: "\f00d";
    font-family: 'FontAwesome';
    position: absolute;
    right: 5%;
}

a.accordion-toggle.collapsed:after {
    content: "\f067";
    font-family: 'FontAwesome';
    position: absolute;
    right: 5%;
}

.main-default-content h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
}

.main-default-content>h4 {
    margin-bottom: 15px;
}

.panel-group {
    margin-bottom: 30px;
}

a.accordion-toggle {
    background-color: #f2f2f2;
    padding: 10px;
    display: block;
    color: #000000;
}

.panel p.panel-title {
    margin-top: 0;
}

a.accordion-toggle.collapsed {
    border-top: 1px solid #d5d4d4;
}

.panel .panel-body {
    padding: 15px;
}

.panel .panel-body .special-ul {
    padding-left: 30px;
}

#committee-accordion .panel-title {
    font-weight: 600;
}

/* End Academic Calendar -- Accordion */

/* Vaccancies Start */
.block-quote {
    color: #d63842;
    border-left: 5px solid #d63842;
    padding: 15px;
    margin-bottom: 15px;
}

ul.special-ul {
    padding-left: 15px;
    list-style-type: none !important;
}

ul.special-ul>li:before {
    content: "\f14a";
    font-family: "Font Awesome 6 Free";
    display: inline-block;
    margin-left: -1.1em;
    width: 1.3em;
    color: #d63842;
    font-size: 16px;
}

.vacancy-content i {
    color: #d63842;
}

.vacancy-content .vacancy-item-date {
    margin-bottom: 15px;
}

.vacancy-content .vacancy-item-date span {
    margin-right: 15px;
}

.vacancy-content .btn-apply {
    padding: 10px 15px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    background-color: transparent;
    color: #d63842;
    border: 1px solid #d63842;
}

.vacancy-content ul {
    padding-left: 15px;
    list-style: none;
}

.vacancy-content li {
    margin-bottom: 5px;
}

.vacancy-content ul>li:before {
    content: "\f192";
    font-family: "Font Awesome 6 Free";
    display: inline-block;
    margin-left: -1.1em;
    width: 1.3em;
    color: #d63842;
    font-size: 13px;
}

.vacancy-content ul>li>ul>li:before {
    content: "\f35a";
    font-family: "Font Awesome 6 Free";
    display: inline-block;
    margin-left: -1.1em;
    width: 1.3em;
    color: #d63842;
    font-size: 13px;
}

.vacancy-item {
    box-shadow: 3px -6px 20px #f1f1f1;
    padding: 30px 30px;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    margin-bottom: 15px;
}

.vacancy-item .title {
    font-size: 20px;
    font-weight: 600;
}

.vacancy-item i {
    color: #d63842;
}

.vacancy-item .vacancy-item-date {
    margin-bottom: 15px;
}

.vacancy-item .vacancy-item-date span {
    margin-right: 15px;
}

.vacancy-item .btn-apply {
    padding: 10px 15px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    background-color: transparent;
    color: #d63842 !important;
    border: 1px solid #d63842;
}

/* Vaccancies End */
.input-group-addon {
    position: relative;
}

.candidates-resume-content .resume-info .form-group .date i {
    right: 25%;
}

.input-group-addon,
.input-group-btn {
    width: 12%;
    background-color: #e8e8e8;
}

.single-team-member .team-content .team-name p {
    margin: 0px;
}

.dep-staff .team-social .control {
    width: 50px;
    height: 50px;
    line-height: 50px;
    left: -50px;
}

.dep-staff .team-social ul {
    bottom: 50px;
    left: -50px
}

.dep-staff .team-social ul li {
    position: relative;
    margin-bottom: 0;
    padding-left: 0;
}

.dep-staff .team-social ul li i {
    position: inherit;
    top: 0;
    left: 0;
}

.dep-staff .team-content h3 {
    font-size: 16px;
}

.dep-staff .team-content .team-name p {
    margin-top: 0px;
}

/* Staff */
ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.pb-100 {
    padding-bottom: 100px;
}

.pt-100 {
    padding-top: 100px;
}

.profile-section {
    position: relative;
}

.profile-section .content-part .title {
    color: #111111;
    font-weight: 600;
    line-height: 1.3em;
    font-size: 26px;
}

.profile-section .content-part p {
    font-size: 16px;
    margin: 0;
}

.profile-section .content-column {
    position: relative;
}

.profile-section .content-column .inner-column {
    position: relative;
}

.profile-section .content-column .inner-column h2 {
    position: relative;
    color: #111111;
    font-weight: 700;
    margin: 0;
}

.profile-section .content-column .inner-column h4 {
    position: relative;
    color: #111111;
    font-weight: 600;
    line-height: 1.3em;
    margin-top: 15px;
    margin-bottom: 20px;
}

.profile-section .content-column .inner-column h5 {
    position: relative;
    color: #111111;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.3em;
    margin-top: 12px;
    margin-bottom: 0px;
}

.profile-section .content-column .inner-column p {
    position: relative;
    color: #626262;
    font-weight: 400;
    line-height: 1.9em;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 35px;
}

.profile-section .content-column .inner-column .student-list {
    position: relative;
    margin-top: 25px;
    margin-bottom: 10px;
}

.profile-section .content-column .inner-column .student-list li {
    position: relative;
    color: #393939;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3em;
    margin-right: 80px;
    display: inline-block;
    list-style: disc;
    margin-bottom: 20px;
}

.profile-section .content-column .inner-column .student-list li .fa {
    color: #ff5421;
    margin: 0px 2px;
}

.profile-section .content-column .inner-column .student-list li:last-child {
    margin-right: 0px;
}

.profile-section .image-column {
    position: relative;
}

.profile-section .image-column .inner-column {
    position: relative;
    display: flex;
    padding: 30px;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.12);
}

.profile-section .image-column .inner-column .image {
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 25%;
}

.profile-section .image-column .inner-column .image img {
    position: relative;
    display: inline-block;
    border-radius: 5px;
    width: 100%;
}

.profile-section .image-column .team-content {
    padding-left: 30px;
}

.profile-section .image-column .team-content h3 {
    position: relative;
    font-weight: 700;
    color: #111111;
    margin-top: 30px;
    margin-bottom: 10px;
}

.profile-section .image-column .team-content p {
    margin: 0px 0px 8px;
}

.profile-section .image-column .team-content .text {
    position: relative;
    color: #626262;
    font-size: 16px;
    line-height: 1.7em;
    margin-bottom: 8px;
}

.profile-section .image-column .team-content .personal-info {
    margin-bottom: 15px;
}

.profile-section .image-column .team-content .personal-info li {
    margin: 5px 0;
    display: flex;
    padding-right: 15px;
}

.profile-section .image-column .team-content .personal-info li:last-child {
    margin-right: none;
}

.profile-section .image-column .team-content .personal-info li a {
    color: #111111;
}

.profile-section .image-column .team-content .personal-info li a:hover {
    color: #ff5421;
}

.profile-section .image-column .team-content .personal-info li span i:before {
    font-size: 16px;
    margin-right: 10px;
}

.profile-section .image-column .social-box {
    position: relative;
    text-align: left;
}

.profile-section .image-column .social-box a {
    position: relative;
    color: #626262;
    font-size: 28px;
    margin-right: 5px;
    margin-left: 0px;
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.profile-section .image-column .social-box a:hover {
    color: #ff5421;
}

.profile-section .browse-course-section {
    position: relative;
    margin-top: 50px;
}

.profile-section .browse-course-section .styled-pagination {
    margin-top: 20px;
}

.profile-section .skill-title {
    font-size: 25px;
    margin-top: 15px;
    margin-bottom: 30px;
}

.profile-section .rs-progress {
    height: 8px;
    border: 1px solid #ff5421;
    border-radius: 0;
    overflow: visible;
    padding: 1px;
    background: #fff;
    margin-top: 25px;
}

.profile-section .rs-progress+.rs-progress {
    margin-top: 50px;
}

.profile-section .rs-progress .progress-bar {
    position: relative;
    text-align: left;
    line-height: 4px;
    border-radius: 0;
    box-shadow: none;
    background-color: #ff5421;
    overflow: visible;
}

.profile-section .rs-progress .progress-bar .pb-label {
    position: absolute;
    left: 0px;
    top: -24px;
    color: #666;
    font-size: 15px;
    font-weight: 600;
}

.profile-section .rs-progress .progress-bar .pb-percent {
    position: absolute;
    right: -13px;
    font-weight: 500;
    color: #fff;
    font-size: 10px;
    top: -30px;
    background: #ff5421;
    padding: 8px 5px;
}

.profile-section .rs-progress .progress-bar .pb-percent:after {
    content: '';
    position: absolute;
    border: 5px solid transparent;
    left: 50%;
    border-top-color: #ff5421;
    top: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.profile-section .tab .tabs_item ul {
    padding-left: 15px;
    margin-bottom: 15px;
}

.profile-section .tab .tabs_item ul li {
    padding-left: 15px;
    list-style: circle;
    margin-bottom: 10px;
}

.profile-section .product-details-tab .tab_content .tabs_item .product-details-tab-content p {
    margin-bottom: 10px;
}

.profile-section .product-details-tab {
    margin-top: 0px;
}

.profile-section .icon:before {
    content: "";
}

.product-details-area .product-details-tab .tab_content .research-item .authors a {
    margin-right: 15px;
}

/* Staff */
.team-area-three .category {
    margin-top: 30px;
    margin-bottom: 15px;
    position: relative;
}

.team-area-three .category:before {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0;
    width: 50px;
    height: 3px;
    background-color: #d63842;
}

/* Pages */
/* Centers */
.center-box img {
    min-width: 100%;
}

.center-box .center-info {
    background-color: #f9f8f8;
    padding: 15px 10px;
    margin-bottom: 15px;
}

.center-box .center-info .center-title {
    display: table;
    min-height: 55px;
}

.center-box .center-info h4 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
    display: table-cell;
    vertical-align: middle;
}

/* End Pages */

/* Tabs */
.page-details-area .tab .tabs_item {
    display: none;
}

.page-details-area .tab .tabs_item:first-child {
    display: block;
}

.page-details-area .details-tab .tabs {
    list-style-type: none;
    padding: 0;
    border-bottom: 1px solid #eaedff;
    margin-bottom: 0;
    display: block;
}

.page-details-area .details-tab .tabs li {
    display: inline-block;
    line-height: initial;
    margin-right: 25px;
    margin-bottom: 15px;
    color: var(--heading-color);
    font-size: 18px;
    font-family: var(--heading-font-family);
    font-weight: 600;
    cursor: pointer;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    padding-left: 0px;
}

.page-details-area .details-tab .tabs li:hover {
    color: var(--main-color);
}

.page-details-area .details-tab .tabs li.current {
    color: var(--main-color);
    position: relative;
}

.page-details-area .details-tab .tabs li.current::before {
    content: "";
    position: absolute;
    bottom: -17px;
    left: 0px;
    top: inherit;
    width: 100%;
    height: 3px;
    background-color: var(--main-color);
    border-radius: inherit;
}

.page-details-area .details-tab .tab_content {
    padding: 30px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.page-details-area .details-tab .tab_content .tabs_item .details-tab-content p {
    margin-bottom: 20px;
}

.page-details-area .details-tab .tab_content .tabs_item .details-tab-content p:last-child {
    margin-bottom: 0;
}

.page-details-area .details-tab .tab_content .tabs_item .details-tab-content h3 {
    margin-bottom: 15px;
    font-size: 22px;
    margin-top: -5px;
}

.mr-20 {
    margin-right: 20px;
}

/* End Tabs */

/* Timeline */
.timeline {
    position: relative;
}

.timeline:before {
    content: "";
    position: absolute;
    top: 45px;
    left: 50%;
    bottom: -100px;
    transform: translateX(-50%);
    width: 4px;
    background-color: #1D1D1D;
}

.timeline .entries {
    width: 100%;
    margin: auto;
    position: relative;
    left: -5px;
}

.timeline .entries .entry {
    width: calc(50%);
    padding: 20px;
    clear: both;
    text-align: right;
}

.timeline .entries .entry:not(:first-child) {
    margin-top: -60px;
}

.timeline .entries .entry .title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 12px;
    margin-right: 15px;
    position: relative;
    color: #1D1D1D;
}

.timeline .entries .entry .title:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border: 4px solid #1D1D1D;
    background-color: #fff;
    border-radius: 100%;
    top: 50%;
    transform: translateY(-50%);
    right: -50px;
}

.timeline .entries .entry .title.big:before {
    width: 24px;
    height: 24px;
    transform: translate(8px, -50%);
}

.timeline .entries .entry .body {
    color: #aaa;
    margin-right: 15px;
}

.timeline .entries .entry .body ul {
    line-height: 1.4em;
    list-style: none;
    padding: 15px 15px;
    background-color: #f9f9f9;
    margin-bottom: 5px;
}

.timeline .entries .entry .body ul li {
    position: relative;
    padding-right: 26px;
    margin-bottom: 10px;
}

.timeline .entries .entry .body ul li em {
    color: #d63842;
    font-weight: 600;
}

.timeline .entries .entry .body ul li:before {
    content: "\f359";
    font-family: "Font Awesome 6 Free";
    position: absolute;
    right: 0;
    top: 0;
    color: #d63842;
    font-size: 13px;
}

.timeline .entries .entry:nth-child(2n) {
    text-align: left;
    float: right;
}

.timeline .entries .entry:nth-child(2n) .body,
.timeline .entries .entry:nth-child(2n) .title {
    margin-right: inherit;
    margin-left: 15px;
}

.timeline .entries .entry:nth-child(2n) .body ul li {
    padding-right: inherit;
    padding-left: 26px;
}

.timeline .entries .entry:nth-child(2n) .title:before {
    left: -40px;
}

.timeline .entries .entry:nth-child(2n) .title.big:before {
    transform: translate(-8px, -50%);
}

.timeline .entries .entry:nth-child(2n) .body ul li:before {
    content: "\f35a";
    right: inherit;
    left: 0;
}

/* End Timeline */

/* Counter */
.single-counter .count-title h2 {
    color: #fff;
}

/* End Counter */
.menu-img .col-content ul {
    padding-left: 0;
    list-style: none;
}

/* Organizational Chart */
.org-chart {
    display: block;
    clear: both;
    position: relative
}

.org-chart.cf:before,
.org-chart.cf:after {
    content: " ";
    display: table
}

.org-chart.cf:after {
    clear: both
}

.org-chart.cf {
    *zoom: 1
}

.org-chart ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.org-chart ul li {
    position: relative;
    list-style: none;
}

.org-chart ul li span {
    display: block;
    border: 1px solid #e3e3e3;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
    color: black;
    font-size: 12px;
    -webkit-transition: all linear .1s;
    -moz-transition: all linear .1s;
    transition: all linear .1s;
    background: #d3d3d3;
    padding: 15px 0
}

.org-chart ul.level-2 li span {
    padding: 35px 0px;
}

.org-chart ul.level-2-1 li span,
.org-chart ul li.level-1-1 span {
    padding: 0;
}

.org-chart .lvl-b {
    background: #d63842;
    color: #fff
}

.org-chart .board {
    width: 70%;
    margin: 0 auto;
    display: block;
    position: relative
}

.org-chart .board:before {
    content: "";
    display: block;
    position: absolute;
    height: 235px;
    width: 0;
    border-left: 3px solid #b7a6aa;
    margin-left: 50.3%;
    top: 20px
}

.org-chart ul.columnOne {
    height: 70px;
    position: relative;
    width: 100%;
    display: block;
    clear: both;
    z-index: 1;
}

.org-chart ul.columnOne li {
    width: 30%;
    margin: 0 auto;
    top: 20px;
    z-index: 2;
}

.org-chart ul.columnTwo {
    position: relative;
    width: 100%;
    display: block;
    height: 60px;
    clear: both
}

.org-chart ul.columnTwo.level-2-1 {
    height: 22px;
    top: -60px;
}

.org-chart ul.columnTwo:nth-last-child(1) {
    height: 0px
}

.org-chart ul.columnTwo li:first-child {
    width: 30%;
    float: left;
    z-index: 1;
}

.org-chart ul.columnTwo li {
    width: 31%;
    float: right;
    z-index: 1
}

.org-chart ul.columnTwo:before {
    content: "";
    display: block;
    position: relative;
    width: 80%;
    height: 10px;
    border-top: 1px solid #000;
    margin: 0 auto;
    top: 40px
}

.org-chart ul.columnTwo.level-2-1:before {
    content: "";
    display: block;
    position: relative;
    width: 80%;
    height: 3px;
    border-top: 1px solid #000;
    margin: 0 auto;
    top: 12px;
    z-index: -1
}

.org-chart ul.columnTwo:nth-last-child(1):before {
    width: 49%;
    margin: 0;
    left: 5px;
}

.org-chart ul.columnThree {
    position: relative;
    width: 100%;
    display: block;
    clear: both
}

.org-chart ul.columnThree li:first-child {
    width: 30%;
    float: left;
    margin-left: 0
}

.org-chart ul.columnThree li {
    width: 30%;
    margin-left: 5%;
    float: left
}

.org-chart ul.columnThree li:last-child {
    width: 30%;
    float: right;
    margin-left: 0
}

.org-chart ul.columnThree:before {
    content: "";
    display: block;
    position: relative;
    width: 80%;
    height: 10px;
    border-top: 1px solid #000;
    margin: 0 auto;
    top: 40px
}

.org-chart .board ul.columnThree:nth-child(1) strong.border {
    border: 1px solid #000;
    padding: 4px 10px;
}

.org-chart .board ul.columnThree:nth-child(1) p {
    background: #f2f2f2;
    text-align: center;
    font-weight: 600;
    padding-top: 5px;
    margin: 0px;
}

.org-chart .board ul.columnThree:nth-child(1):before {
    width: 40%;
    margin: 0;
    float: right;
    top: 20px;
}

.org-chart .departments {
    width: 100%;
    display: block;
    clear: both
}

.org-chart .departments:before {
    content: "";
    display: block;
    width: 85%;
    height: 22px;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    margin: 0 auto;
    top: 0
}

.org-chart .department {
    border-left: 1px solid #000;
    width: 15.7%;
    float: left;
    margin: 0 4px
}

.org-chart .department:after {
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 22px;
    border-left: 2px solid #000;
    left: 50%;
    top: -22px
}

.org-chart .department:first-child:after {
    display: none
}

.org-chart .department:last-child:after {
    display: none
}

.org-chart .department.central {
    background: #fff
}

.org-chart .department.central:after {
    display: none
}

.org-chart .department span {
    border-left: 1px solid #000
}

.org-chart .department li {
    padding-left: 25px;
    border-bottom: 1px solid #000;
    height: 75px
}

.org-chart .department li span {
    background: #f2f2f2;
    top: 55px;
    position: absolute;
    z-index: 1;
    width: 95%;
    height: auto;
    vertical-align: middle;
    right: 0;
    line-height: 14px;
    border: 1px solid #e3e3e3;
    padding: 10px 0
}

.org-chart .department .sections {
    margin-top: -20px
}
.bg-light-blue{
    background-color: #6e94ab!important;
}
.bg-yellow{
    background-color: #eebd28!important;
}
.bg-dark-green{
    background-color: #0d755a!important;
}
.bg-light-green{
    background-color: #7fa564!important;
}
.bg-orange{
    background-color: #dd7a0a!important;
}
.bg-light-orange{
    background-color: #eeab5e!important;
}
@media all and (max-width:767px) {
    .org-chart .board {
        margin: 0;
        width: 100%
    }

    .org-chart .departments:before {
        border: none
    }

    .org-chart .department {
        float: none;
        width: 100%;
        margin-left: 0;
        background: #F5EEC9;
        margin-bottom: 40px
    }

    .org-chart .department:before {
        content: "";
        display: block;
        position: absolute;
        width: 15px;
        height: 60px;
        border-left: 2px solid orange;
        z-index: 1;
        top: -45px;
        left: 0%;
        margin-left: -2px
    }

    .org-chart .department:after {
        display: none
    }

    .org-chart .department:first-child:before {
        display: none
    }
}

.responsive-content {
    width: 767px;
    margin: 0 auto
}

.responsive-content .org-chart .board {
    margin: 0;
    width: 100%
}

.responsive-content .org-chart .departments:before {
    border: none
}

.responsive-content .org-chart .department {
    float: none;
    width: 100%;
    margin-left: 0;
    background: #F5EEC9;
    margin-bottom: 40px
}

.responsive-content .org-chart .department:before {
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 60px;
    border-left: 2px solid orange;
    z-index: 1;
    top: -45px;
    left: 0%;
    margin-left: -2px
}

.responsive-content .org-chart .department:after {
    display: none
}

.responsive-content .org-chart .department:first-child:before {
    display: none
}

ol.organizational-chart,
ol.organizational-chart ol,
ol.organizational-chart li,
ol.organizational-chart li>div {
    position: relative;
}

ol.organizational-chart,
ol.organizational-chart ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol.organizational-chart {
    text-align: center;
}

ol.organizational-chart ol {
    padding-top: 1em;
}

ol.organizational-chart ol:before,
ol.organizational-chart ol:after,
ol.organizational-chart li:before,
ol.organizational-chart li:after,
ol.organizational-chart>li>div:before,
ol.organizational-chart>li>div:after {
    background-color: #b7a6aa;
    content: '';
    position: absolute;
}

ol.organizational-chart ol>li {
    padding: 1em 0 0 1em;
    margin-bottom: 0px;
}

ol.organizational-chart ol>li a {
    text-decoration: none;
    color: inherit;
}

ol.organizational-chart>li ol:before {
    height: 1em;
    left: 50%;
    top: 0;
    width: 3px;
}

ol.organizational-chart>li ol:after {
    height: 3px;
    left: 3px;
    top: 1em;
    width: 50%;
}

ol.organizational-chart>li ol>li:not(:last-of-type):before {
    height: 3px;
    left: 0;
    top: 2em;
    width: 1em;
}

ol.organizational-chart>li ol>li:not(:last-of-type):after {
    height: 100%;
    left: 0;
    top: 0;
    width: 3px;
}

ol.organizational-chart>li ol>li:last-of-type:before {
    height: 3px;
    left: 0;
    top: 2em;
    width: 1em;
}

ol.organizational-chart>li ol>li:last-of-type:after {
    height: 2em;
    left: 0;
    top: 0;
    width: 3px;
}

ol.organizational-chart li>div {
    background-color: #fff;
    border-radius: 3px;
    min-height: 2em;
    padding: 0.5em;
}

/*** PRIMARY ***/
ol.organizational-chart>li>div {
    background-color: #a2ed56;
    margin-right: 1em;
}

ol.organizational-chart>li>div:before {
    bottom: 2em;
    height: 3px;
    right: -1em;
    width: 1em;
}

ol.organizational-chart>li>div:first-of-type:after {
    bottom: 0;
    height: 2em;
    right: -1em;
    width: 3px;
}

ol.organizational-chart>li>div+div {
    margin-top: 1em;
}

ol.organizational-chart>li>div+div:after {
    height: calc(100% + 1em);
    right: -1em;
    top: -1em;
    width: 3px;
}

/*** SECONDARY ***/
ol.organizational-chart>li>ol:before {
    left: inherit;
    right: 0;
}

ol.organizational-chart>li>ol:after {
    left: 0;
    width: 100%;
}

ol.organizational-chart>li>ol>li>div {
    background-color: #d63842;
    color: #ffffff;
}

ol.organizational-chart>li>ol>li>div h4 {
    color: #ffffff;
}

/*** TERTIARY ***/
ol.organizational-chart>li>ol>li>ol>li>div {
    background-color: #d3d3d3;
}

/*** QUATERNARY ***/
ol.organizational-chart>li>ol>li>ol>li>ol>li>div {
    background-color: #f2f2f2;
}

/*** QUINARY ***/
ol.organizational-chart>li>ol>li>ol>li>ol>li>ol>li>div {
    background-color: #fddc32;
}


/* Program Page */
.gridFilter button {
    background: transparent;
    border: 0;
    font-size: 15px;
    font-weight: 700;
    outline: none;
    color: #505050;
    cursor: pointer;
}

.gridFilter button.active {
    color: #ff5421;
}

.gridFilter button+button {
    margin-left: 20px;
}

.gridFilter.style2 button {
    background: #f9f7f8;
    border: none;
    border-radius: 3px;
    font-weight: 500;
    font-size: 16px;
    color: #101010;
    padding: 10px 30px;
    outline: none;
    margin: 0 10px 20px;
}

.gridFilter.style2 button.active,
.gridFilter.style2 button:hover {
    background: #fff;
    color: #ff5421;
    box-shadow: 0 0 30px #eee;
}

.gridFilter.style2.modify1 button {
    margin: 0 0px 20px;
}

.rs-popular-courses.style1 .courses-item {
    padding: 30px;
    border: 1px solid #dfe9eb;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.rs-popular-courses.style1 .courses-item .img-part {
    margin-bottom: 30px;
}

.rs-popular-courses.style1 .courses-item .img-part img {
    width: 100%;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.rs-popular-courses.style1 .courses-item .content-part .meta-part {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.rs-popular-courses.style1 .courses-item .content-part .meta-part {
    margin-bottom: 17px;
}

.rs-popular-courses.style1 .courses-item .content-part .meta-part li {
    display: inline;
    margin-right: 10px;
}

.rs-popular-courses.style1 .courses-item .content-part .meta-part li span.price {
    display: inline-block;
    padding: 3px 20px;
    color: #ffffff;
    font-weight: 500;
    background: #d63842;
    border-radius: 3px;
    transition: all 0.3s ease;
}

.rs-popular-courses.style1 .courses-item .content-part .meta-part li a.categorie {
    color: #505050;
}

.rs-popular-courses.style1 .courses-item .content-part .meta-part li:last-child {
    margin: 0;
}

.rs-popular-courses.style1 .courses-item .content-part .title {
    font-size: 18px;
}

.rs-popular-courses.style1 .courses-item .content-part .title a {
    color: #111111;
}

.rs-popular-courses.style1 .courses-item .content-part .bottom-part {
    overflow: hidden;
}

.rs-popular-courses.style1 .courses-item .content-part .bottom-part .info-meta ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.rs-popular-courses.style1 .courses-item .content-part .bottom-part .info-meta {
    float: left;
    padding-top: 10px;
}

.rs-popular-courses.style1 .courses-item .content-part .bottom-part .info-meta li {
    display: inline;
    margin-right: 15px;
    transition: all 0.3s ease;
}

.rs-popular-courses.style1 .courses-item .content-part .bottom-part .info-meta li.user i {
    color: #505050;
    margin-right: 8px;
    transition: all 0.3s ease;
}

.rs-popular-courses.style1 .courses-item .content-part .bottom-part .info-meta li.ratings i {
    color: #fcb903;
}

.rs-popular-courses.style1 .courses-item .content-part .bottom-part .info-meta li:last-child {
    margin: 0;
}

.rs-popular-courses.style1 .courses-item .content-part .bottom-part .btn-part {
    text-align: right;
}

.rs-popular-courses.style1 .courses-item .content-part .bottom-part .btn-part a {
    padding: 5px 13px;
    border: 1px solid #f2f2f2;
    background: transparent;
    display: inline-block;
    border-radius: 3px;
    color: #111111;
}

.rs-popular-courses.style1 .courses-item .content-part .bottom-part .btn-part a i:before {
    font-size: 18px;
    font-weight: 700;
}

.rs-popular-courses.style1.modify1 .courses-item {
    overflow: hidden;
    transition: all 0.3s ease;
}

.rs-popular-courses.style1.modify1 .courses-item .img-part {
    overflow: hidden;
    margin-bottom: 35px;
    border-radius: 4px;
}

.rs-popular-courses.style1.modify1 .courses-item .img-part img {
    transition: all 500ms ease;
    transform: scale(1);
}

.rs-popular-courses.style1.modify1 .courses-item .content-part .title {
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 12px;
}

.rs-popular-courses.style1.modify1 .courses-item .content-part .title a {
    color: #111111;
}

.rs-popular-courses.style1.modify1 .courses-item .content-part .title a:hover {
    color: #ff5421;
}

.rs-popular-courses.style1.modify1 .courses-item:hover .img-part img {
    transform: scale(1.1);
}

/* Program Page */

.main-default-content ul {
    list-style-type: inherit;
    padding-left: 15px;
}

.default-btn i:not(i.ri-arrow-right-line) {
    top: 0;
}

.gal-item-mb {
    margin-bottom: 30px;
}

.gal-item-mb .default-btn {
    color: #fff !important;
}

.gal-item-mb .default-btn-adv {
    color: #000 !important;
}

.gal-item-mb .default-btn-adv:hover {
    color: #fff !important;
}

.pt-30 {
    padding-top: 30px;
}

.sec-gallery {
    background-image: url(../../images/gallery-sec-bg.jpg);
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.main-default-content ul.special-ul>li:not(ol>li>ul>li, ul>li>ul>li, .org-chart ul li, ul.default-ul li):before {
    content: "\f0a9";
    font-family: "FontAwesome";
    display: inline-block;
    margin-left: -1.1em;
    width: 1.3em;
    color: #d63842;
    font-size: 16px;
}

.default-btn {
    border: none;
}

.default-btn-adv {
    background-color: var(--white-color);
    color: var(--main-color);
}

/*Social Tabs*/
.social-sec .tab .tabs_item {
    display: none;
}

.social-sec .tab .tabs_item:first-child {
    display: block;
}

.social-sec .social-tab {
    margin-top: 50px;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    background-color: var(--white-color);
    padding: 30px;
}

.social-sec .social-tab .tabs {
    list-style-type: none;
    padding: 0;
    border-bottom: 1px solid #eaedff;
    margin-bottom: 0;
}

.social-sec .social-tab .tabs li {
    display: inline-block;
    line-height: initial;
    margin-right: 15px;
    margin-bottom: 25px;
    color: var(--heading-color);
    font-size: 20px;
    font-family: var(--heading-font-family);
    font-weight: 600;
    cursor: pointer;
    -webkit-transition: var(--transition);
    transition: var(--transition);
}

.social-sec .social-tab .tabs li:hover {
    color: var(--main-color);
}

.social-sec .social-tab .tabs li.current {
    color: var(--main-color);
    position: relative;
}

/* Social Icons*/
.social-icons {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.social-icons li {
    display: inline-block;
    padding-right: 10px
}

.social-icons li a {
    color: var(--white-color);
}

/* Main Menu */
.header-area .navbar-area {
    box-shadow: 0 4px 20px -15px grey;
    z-index: 2;
}

.main-default-content .single-counter {
    background-color: var(--bg-grey);
    text-align: center;
    padding: 30px;
    margin-bottom: 24px;
    -webkit-transition: var(--transition);
    transition: var(--transition);
}

.main-default-content .single-counter h4 {
    color: var(--gray-dark);
}

.main-default-content .single-counter .heading {
    color: var(--gray-dark);
}

.social-sec .social-tab .tabs li.current::before {
    content: "";
    position: absolute;
    bottom: -27px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: var(--main-color);
}

/* Contact Page*/
.mb-15 {
    margin-bottom: 15px;
}

.mb-10 {
    margin-bottom: 10px;
}

.pb-50 {
    padding-bottom: 50px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-40 {
    margin-bottom: 40px;
}

.contact-page-section .contact-info::before {
    content: inherit;
}

.contact-page-section.contact-bg1 {
    background: #f9f9f9;
}

.contact-page-section .inner-part .title {
    font-size: 36px;
    color: #101010;
    line-height: 46px;
    font-weight: 700;
    margin-bottom: 14px;
}

.contact-page-section .inner-part .title2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.25em;
    color: #111111;
}

.contact-page-section .inner-part p {
    font-size: 19px;
    color: #363636;
    line-height: 32px;
    font-weight: 400;
}

.contact-page-section .rs-quick-contact {
    background-color: #F9F8F8;
    padding: 70px 150px 70px;
}

.contact-page-section .rs-quick-contact .from-control {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F1F1F1;
    box-shadow: 0 0 30px #eee;
    color: #363636;
    width: 100%;
    max-width: 100%;
    opacity: 1;
    border-radius: 3px;
    border: 1px solid #ffffff;
    color: #767676;
    background: #ffffff;
    padding: 10px 18px;
}

.contact-page-section .rs-quick-contact textarea {
    height: 140px;
}

.contact-page-section .rs-quick-contact .form-group .btn-send {
    padding: 16px 0px 16px 0px;
    text-transform: uppercase;
    box-shadow: 0px 28px 50px 0px rgba(0, 0, 0, 0.05);
    outline: none;
    border: none;
    padding: 12px 40px;
    border-radius: 3px;
    display: inline-block;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    background: #ff5421;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.contact-page-section .rs-quick-contact .form-group .btn-send:hover {
    opacity: 0.90;
}

.contact-page-section .rs-quick-contact.new-style {
    padding: 70px 60px 70px;
}

.contact-page-section .contact-comment-box .from-control {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F1F1F1;
    box-shadow: 0 0 30px #eee;
    color: #363636;
    width: 100%;
    max-width: 100%;
    opacity: 1;
    border-radius: 3px;
    border: 1px solid #ffffff;
    color: #767676;
    background: #ffffff;
    padding: 10px 18px;
}

.contact-page-section .contact-comment-box textarea {
    height: 140px;
}

.contact-page-section .contact-comment-box .form-group .btn-send {
    padding: 16px 0px 16px 0px;
    box-shadow: 0px 28px 50px 0px rgba(0, 0, 0, 0.05);
    outline: none;
    border: none;
    padding: 12px 40px;
    border-radius: 3px;
    display: inline-block;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    background: #ff5421;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    width: 100%;
    text-transform: uppercase;
}

.contact-page-section .contact-comment-box .form-group .btn-send:hover {
    opacity: 0.90;
}

.contact-page-section .contact-comment-box.new-style {
    padding: 60px 70px 60px !important;
}

.contact-page-section .contact-map {
    overflow: hidden;
}

.contact-page-section .contact-map iframe {
    float: left;
    width: 100%;
    height: 430px;
    border: none;
}

.contact-page-section .contact-map2 {
    overflow: hidden;
}

.contact-page-section .contact-map2 iframe {
    float: left;
    width: 100%;
    height: 720px;
    border: none;
}

.contact-page-section .contact-map3 {
    overflow: hidden;
}

.contact-page-section .contact-map3 iframe {
    float: left;
    width: 100%;
    height: 600px;
    border: none;
}

.contact-page-section .contact-address-section {
    text-align: center;
    margin: 0 0 50px;
}

.contact-page-section .contact-address-section .contact-info {
    background: #f9f9f9;
    display: flex;
    text-align: left;
    align-items: center;
    padding: 0 30px;
    min-height: 175px;
    border-radius: 5px;
    position: relative;
    transition: all 0.3s ease;
}

.contact-page-section .contact-info .address {
    margin-bottom: 5px;
}

.contact-page-section .contact-address-section .contact-info .icon-part {
    margin-right: 20px;
}

.contact-page-section .contact-address-section .contact-info .icon-part img {
    color: #ff5421;
    font-size: 30px;
    margin: 0;
    padding: 0;
    width: 109px;
    height: 109px;
    line-height: 58px;
    border-radius: 50%;
    text-align: center;
    background: transparent;
    border: 6px solid #f9ede9;
}

.contact-page-section .contact-address-section .contact-info .content-part .info-subtitle {
    font-size: 18px;
    font-weight: 700;
    color: #505050;
    margin: 0 0 5px;
}

.contact-page-section .contact-address-section .contact-info .content-part .info-title {
    font-size: 24px;
    font-weight: 700;
    color: #111111;
    margin: 0;
    position: relative;
    margin-bottom: 10px;
}

.contact-page-section .contact-address-section .contact-info .content-part .info-title:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 30%;
    height: 3px;
    background-color: var(--main-color);
}

.contact-page-section .contact-address-section .contact-info .content-part a {
    color: #111111;
}

.contact-page-section .contact-address-section .contact-info .content-part a:hover {
    color: #ff5421;
}

.contact-page-section .contact-address-section .contact-info:hover {
    transform: translateY(-5px);
}

.contact-page-section .contact-address-section.style2 {
    margin: 0;
}

.contact-page-section .contact-comment-section {
    padding: 50px;
}

.contact-page-section .contact-comment-section h3 {
    font-size: 36px;
    margin: 0;
    padding-bottom: 15px;
    font-weight: 700;
}

.contact-page-section .contact-comment-section form .form-group input {
    height: 43px;
    padding: 0 15px;
}

.contact-page-section .contact-comment-section form .form-group input,
.contact-page-section .contact-comment-section form .form-group textarea {
    border: none;
    background: #ffffff;
    border-radius: 0;
    box-shadow: none;
}

.contact-page-section .contact-comment-section form .form-group label {
    color: #505050;
    font-weight: 400;
}

.contact-page-section .contact-comment-section form .form-group input.btn-send {
    text-transform: uppercase;
    color: #ffffff;
    background-color: #ff5421;
    margin-top: 15px;
    border: none;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: 600;
    padding: 0 50px;
    cursor: pointer;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -ms-transition: 0.4s;
}

.contact-page-section .contact-comment-section form .form-group input.btn-send:hover {
    background: #ed3600;
}

.contact-page-section .contact-bg1 {
    background: #f9f9f9;
}

.rs-facilities .img-part {
    position: relative;
}

.rs-facilities .img-part .overlay {
    position: absolute;
    left: 0;
    right: 41.3%;
    top: 0;
    bottom: 0;
    background: #0000008c;
    border-radius: 5px;
}

.rs-facilities .sec-why-aau .title {
    color: #fff;
    -webkit-text-stroke: 1px black;
}

.rs-facilities .img-part .media-icon {
    position: absolute;
    left: 80px;
    top: 90px;
}

.rs-facilities .choose-part {
    max-width: 700px;
    border-radius: 10px;
    padding: 80px 40px;
    background: var(--bg-grey);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.rs-facilities .choose-part .our-facilities {
    display: flex;
    align-items: center;
}

.rs-facilities .choose-part .our-facilities .icon-part img {
    max-width: 55px;
}

.rs-facilities .choose-part .our-facilities .content-part .text-part {
    padding-left: 30px;
}

.rs-facilities .choose-part .our-facilities .content-part .text-part .title {
    font-size: 24px;
    line-height: 22px;
    font-weight: 800;
    color: #031a3d;
    margin: 0;
    padding-bottom: 10px;
}

.rs-facilities .choose-part .our-facilities .content-part .text-part .desc {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #54647b;
    margin: 0;
}

.rs-facilities .services-part {
    display: flex;
    background: #f9f8f83d;
    padding: 15px 30px;
}

.rs-facilities .services-part .services-icon {
    margin-right: 15px;
    display: table;
}

.rs-facilities .services-part .services-icon i {
    font-size: 30px;
    color: #ffffff;
    display: table-cell;
    vertical-align: middle;
}

.rs-facilities .services-part .services-text .title {
    font-size: 20px;
    line-height: 36px;
    font-weight: 700;
    padding-bottom: 5px;
    margin: 0;
    color: #171f32;
}

.rs-facilities .services-part .services-text .services-txt {
    font-weight: 600;
    margin: 0;
    color: #ffffff;
}

.relative {
    position: relative;
}

.form-control {
    color: #727171;
}

.rs-facilities .sec-why-aau {
    position: absolute;
    top: 25%;
    left: 3%;
    width: 38%;
}

/* Accredit */
.rs-popular-courses.style2 .course-wrap {
    background: #f9f8f8;
    position: relative;
    border-radius: 10px;
    text-align: center;
    transition: all 0.3s ease;
    overflow: hidden;
    padding: 30px;
}

.rs-popular-courses.style2 .course-wrap .front-part {
    z-index: 1;
    position: relative;
    transition: all 0.3s ease;
    opacity: 1;
    visibility: visible;
}

.rs-popular-courses.style2 .course-wrap .front-part .img-part {
    margin-bottom: 21px;
}

.rs-popular-courses.style2 .course-wrap .front-part .content-part a.categorie {
    color: #505050;
}

.rs-popular-courses.style2 .course-wrap .front-part .content-part .title {
    margin: 7px 0 0 0;
}

.rs-popular-courses.style2 .course-wrap .front-part .content-part .title a {
    color: #111111;
}

.rs-popular-courses.style2 .course-wrap .inner-part {
    z-index: 1;
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    padding: 0 30px;
    transform: translateY(-50%);
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
}

.rs-popular-courses.style2 .course-wrap .inner-part .content-part a.categorie {
    color: #ffffff;
}

.rs-popular-courses.style2 .course-wrap .inner-part .content-part a.categorie:hover {
    color: #111111;
}

.rs-popular-courses.style2 .course-wrap .inner-part .content-part .title {
    margin: 10px 0 25px;
}

.rs-popular-courses.style2 .course-wrap .inner-part .content-part .title a {
    color: #ffffff;
}

.rs-popular-courses.style2 .course-wrap .inner-part .content-part .title a:hover {
    color: #111111;
}

.rs-popular-courses.style2 .course-wrap .inner-part .content-part .course-meta {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.rs-popular-courses.style2 .course-wrap .inner-part .content-part .course-meta li {
    color: #ffffff;
    display: inline;
    margin-right: 15px;
}

.rs-popular-courses.style2 .course-wrap .inner-part .content-part .course-meta li.course-user i {
    margin-right: 6px;
}

.rs-popular-courses.style2 .course-wrap .inner-part .content-part .course-meta li.ratings i {
    margin-right: 3px;
    color: #fcb903;
}

.rs-popular-courses.style2 .course-wrap .inner-part .content-part .course-meta li:last-child {
    margin: 0;
}

.rs-popular-courses.style2 .course-wrap .price-btn {
    position: absolute;
    bottom: 0;
    padding-bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
}

.rs-popular-courses.style2 .course-wrap .price-btn a {
    font-weight: 500;
    background: #ffffff;
    border-radius: 3px;
    color: #111111;
    display: inline-block;
    padding: 5px 5px 5px 10px;
}

.rs-popular-courses.style2 .course-wrap .price-btn a i {
    padding-left: 5px;
}

.rs-popular-courses.style2 .course-wrap .price-btn a i:before {
    font-size: 15px;
    color: #ffffff;
    width: 41px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #d63842;
    display: inline-block;
    border-radius: 3px;
    transition: all 0.3s ease;
}

.rs-popular-courses.style2 .course-wrap .price-btn a:hover i:before {
    background: #111111;
}

.rs-popular-courses.style2 .course-wrap:after,
.rs-popular-courses.style2 .course-wrap:before {
    position: absolute;
    content: '';
    border-radius: 50%;
    transition: all 0.3s ease;
    z-index: 0;
    background: #f3f1f1;
}

.rs-popular-courses.style2 .course-wrap:after {
    width: 146px;
    height: 146px;
    left: -73px;
    bottom: 70px;
}

.rs-popular-courses.style2 .course-wrap:before {
    width: 412px;
    height: 412px;
    right: -133px;
    top: -80px;
}

.rs-popular-courses.style2 .course-wrap.small-size:after {
    width: 73px;
    height: 73px;
    left: -36px;
    bottom: 35px;
}

.rs-popular-courses.style2 .course-wrap.small-size:before {
    width: 206px;
    height: 206px;
    right: -66px;
    top: -40px;
}

.rs-popular-courses.style2 .course-wrap:not(.course-wrap.without-overlay):hover {
    background: #cfcfcf;
}

.rs-popular-courses.style2 .course-wrap:not(.course-wrap.without-overlay):hover .front-part {
    opacity: 0;
    visibility: hidden;
}

.rs-popular-courses.style2 .course-wrap.small-size .front-part {
    min-height: 260px;
}

.rs-popular-courses.style2 .course-wrap.small-size .front-part .content-part {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
}

.rs-popular-courses.style2 .course-wrap:hover .inner-part,
.rs-popular-courses.style2 .course-wrap:hover .price-btn {
    opacity: 1;
    visibility: visible;
}

.rs-popular-courses.style2 .course-wrap:hover:after,
.rs-popular-courses.style2 .course-wrap:hover:before {
    background: #cfcfcf;
}

.main-default-content ul.default-ul li i {
    position: inherit;
    top: inherit;
    left: inherit;
    color: inherit;
    font-size: inherit;
}

.gal-item-vid .gal-item-mb .default-btn {}

/* Program Filter */
.program-link a:before {
    content: "\f19d";
    font-family: 'FontAwesome';
    padding-right: 5px;
    color: #d63842;
}

.program-link {
    font-weight: 600;
    padding: 5px 0px;
}

.program-wrapper h4 {
    font-size: 18px;
    margin-top: 15px;
}

.program-wrapper h4:after {}

form .program-filters p {
    margin-bottom: 0px;
    margin-top: 5px;
}

form#frm-filter .default-btn {
    margin-top: 15px;
    padding: 10px 15px;
}



.filter-box {
    background-color: #fff;
}

.filter-box form {
    background-color: var(--bg-grey);
    border-radius: 5px;
    padding: 10px 10px 20px;
    margin-bottom: 15px;
}

.filter-box form header {
    background-color: #e4e4e4;
    border-radius: 5px 5px 0 0;
    color: #ffffff;
    margin: -10px;
    margin-bottom: 20px;
    padding: 10px 20px;
    text-align: left;
}

.filter-box form header h4 {
    margin: 5px 0;
    color: white;
}

.filter-box form fieldset {
    border: none;
    margin-bottom: 5px;
    text-align: left;
}

.filter-box form fieldset label {
    color: #000;
    margin-bottom: 2px;
    font-weight: 600;
}

.filter-box form fieldset label.label-header {
    display: block;
    margin-bottom: 5px;
}

.filter-box form fieldset .form-button-container,
.filter-box form fieldset radiogroup {
    display: flex;
    justify-content: space-between;
}

.filter-box form fieldset .form-button-container button,
.filter-box form fieldset radiogroup button {
    background-color: #BEC7D1;
    border: none;
    border-radius: 3px;
    flex-grow: 1;
    font-size: 14px;
    height: 44px;
    min-width: 0;
    transition: background-color 0.3 ease;
}

.filter-box form fieldset .form-button-container button:hover,
.filter-box form fieldset radiogroup button:hover {
    background-color: #a0adbc;
    color: black;
}

.filter-box form fieldset .form-button-container button:active,
.filter-box form fieldset radiogroup button:active {
    background-color: #94a3b3;
    color: black;
    outline: none;
}

.filter-box form fieldset .form-button-container button:focus,
.filter-box form fieldset radiogroup button:focus {
    color: black;
    outline: none;
}

.filter-box form fieldset .form-button-container button.btn-primary,
.filter-box form fieldset radiogroup button.btn-primary {
    background-color: #d63842;
    color: #ffffff;
}

.filter-box form fieldset .form-button-container button.btn-primary:hover,
.filter-box form fieldset radiogroup button.btn-primary:hover {
    background-color: #d63842;
    color: #fff;
}

.filter-box form fieldset .form-button-container button.btn-primary:active,
.filter-box form fieldset radiogroup button.btn-primary:active {
    background-color: #d63842;
    color: #fff;
}

.filter-box form fieldset .form-button-container button:first-of-type,
.filter-box form fieldset radiogroup button:first-of-type {
    margin-right: 10px;
}

.filter-box form fieldset input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.filter-box form fieldset input[type=radio]+label {
    background: #f9f8f8;
    box-sizing: border-box;
    color: #d63842;
    border: 2px solid #d63842;
    flex-grow: 1;
    font-weight: 400;
    height: 44px;
    max-width: 50%;
    padding: 0.6em;
    text-align: center;
    transition: all 0.5s ease;
}

.filter-box form fieldset input[type=radio]+label:hover {
    background: #f9f8f8;
}

.filter-box form fieldset input[type=radio]+label:first-of-type {
    border-radius: 25px 0 0 25px;
}

.filter-box form fieldset input[type=radio]+label:last-of-type {
    border-radius: 0 25px 25px 0;
}

.filter-box form fieldset input[type=radio]+label:not(:last-of-type) {
    border-right: 1px solid rgba(194, 224, 243, 0.5);
}

.filter-box form fieldset input[type=radio]+label::before {
    content: "\f058";
    font-family: 'FontAwesome';
    color: #ffffff;
    margin-right: -10px;
    opacity: 0;
    transition: all 0.5s ease;
}

.filter-box form fieldset input[type=radio]:checked+label,
.filter-box form fieldset input[type=radio]:active+label {
    color: #ffffff;
    background: #d63842;
    border: 2px solid #d63842;
}

.filter-box form fieldset input[type=radio]:checked+label::before,
.filter-box form fieldset input[type=radio]:active+label::before {
    margin-right: 10px;
    opacity: 1;
}

.filter-box form fieldset .triple input[type=radio]+label {
    max-width: 33.3%;
}

.float-btnedit {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 100;
    color: white;
    background-color: #d63842;
    padding: 10px 13px;
}

.float-btnedit i {
    color: white;
}

.candidates-resume-content .resume-info .form-group i {
    color: rgb(128 128 128);
    top: 18px;
}

.candidates-resume-content p {
    margin-top: 5px;
}

.facts-section .odometer-inside {
    -webkit-text-stroke: 1px #000;
    color: #fbfbfb;
}

.flip-box .notif {
    position: absolute;
    z-index: 1;
    right: 20px;
    top: 5px;
    border-radius: 50%;
    background-color: #000;
    color: #fff;
    padding: 2px 4px 4px 6px;
}

.flip-box-inner {
    position: relative;
}

.flip-box-front {
    color: #000
}

.flip-box-back {
    color: #fff;
    background-color: #e5243b;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s all ease;
    opacity: 0;
}

.flip-box:hover .flip-box-back {
    opacity: 1;
    transition: .3s all ease;
}

.flip-box-back a.btn {
    border-radius: 3px;
    background: transparent;
    border: 2px solid #fff;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 15px;
}

.admission-modal .modal-dialog {
    max-width: 950px;
}

.admission-modal .modal-content {
    border: none;
    position: relative;
    padding: 0 !important;
    font-size: 14px;
    border-radius: 0;
    -webkit-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 10px 34px -15px rgba(0, 0, 0, 0.24);
}

.admission-modal .modal-content .modal-header {
    padding: 0;
    border: none;
}

.admission-modal .modal-content button.close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    width: 40px;
    height: 40px;
    z-index: 1;
    text-shadow: none;
    background: var(--main-color);
    color: #fff;
}

.admission-modal .modal-content .modal-body {
    border: none;
    position: relative;
    z-index: 0;
    color: rgba(255, 255, 255, 0.8);
}

.admission-modal .modal-content .modal-body.img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.admission-modal .modal-content .modal-body.color-1 {
    background: var(--white-color);
}

.admission-modal .modal-content .modal-body .subheading {
    font-weight: 700;
    color: var(--black-color);
}

.admission-modal .modal-content .modal-body .heading {
    font-weight: 700;
    color: var(--black-color);
}

.admission-modal .modal-content .modal-body a:hover {
    color: var(--main-color);
}

.admission-modal .modal-content label {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    display: none;
}

.admission-modal .modal-content .modal-form .form-control {
    background-color: rgb(0 0 0 / 5%);
    border: none;
    border-radius: 0;
    color: var(--black-color) !important;
    padding: 0 15px;
}

.admission-modal .modal-content .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: var(--black-color) !important;
}

.admission-modal .modal-content .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: var(--black-color) !important;
}

.admission-modal .modal-content .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: var(--black-color) !important;
}

.admission-modal .modal-content .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: var(--black-color) !important;
}

.admission-modal .modal-content textarea {
    padding: 20px 15px !important;
}

.admission-modal .modal-content .btn-secondary {
    height: 52px;
    display: inline-block;
    background-color: var(--main-color);
    font-weight: 600;
    text-transform: uppercase;
    color: var(--white-color);
}

.modal.fade.show {
    background-color: #000000c2;
}

/*
*  STYLE 4
*/
.admission-modal .modal-content .modal-body .text {
    height: 80vh;
    overflow-y: scroll;
}

.admission-modal .modal-content .modal-body .text::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background-color: transparent;
}

.admission-modal .modal-content .modal-body .text::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
}

.admission-modal .modal-content .modal-body .text::-webkit-scrollbar-thumb {
    background-color: transparent;
    border: 2px solid transparent;
}

.banner-area .social-link li i {
    -webkit-text-stroke: 1px;
    -webkit-text-stroke-color: black;
    color: #fff;
}

.single-counter.bg-style {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    background-color: #c2c2c2eb;
    border-radius: 0px 50px 0px;
    overflow: hidden;
}

.single-counter.bg-style-0 {
    background-color: #d63842f2;
}

.single-counter.bg-style-1 {
    background-color: #8c8c8ce8;
}

.single-counter.bg-style-2 {
    background-color: #e4e4e4f2;
}

.single-counter.bg-style-3 {
    background-color: #f6f6f6f7;
}

.single-counter .overlay {
    position: absolute;
    background-color: #8f8f8f7a;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.single-counter h2,
.single-counter h4 {
    position: relative;
    z-index: 1;
}

.single-counter h4 {
    font-weight: 600;
}

.single-counter.bg-style h2 {
    color: #d63842;
    font-size: 40px;
}

.single-counter:hover {
    margin-top: -5px;
}

.single-counter.bg-style-0 h2,
.single-counter.bg-style-1 h2,
.single-counter.bg-style-0 h4,
.single-counter.bg-style-1 h4 {
    color: var(--white-color) !important;
}

.single-counter.bg-style-2 h2,
.single-counter.bg-style-3 h2,
.single-counter.bg-style-2 h4,
.single-counter.bg-style-3 h4 {
    color: var(--black-color) !important;
}

.section-title {
    max-width: inherit;
}

.btn-primary {
    color: #fff !important;
    background-color: #d63842;
    border-color: #d63842;
    border-radius: 4px;
}

.btn-primary:hover {
    color: #fff !important;
    background-color: #d63842;
    border-color: #d63842;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    color: black;
}

.intl-tel-input .country-list {
    color: black;
}

.intl-tel-input .country-list {
    width: 375px;
}

.table {
    margin-top: 1rem;
    background-color: #f7f7f7;
}

.table.table-simple thead tr,
.table.table-simple thead th {
    background-color: #898989;
    border-bottom: 0;
    letter-spacing: .5px;
    color: white;
}

.table.table-simple thead tr:first-child,
.table.table-simple thead th:first-child {
    border-top-left-radius: 0.42rem;
    border-bottom-left-radius: 0.42rem;
}

.table.table-simple thead tr:last-child,
.table.table-simple thead th:last-child {
    border-top-right-radius: 0.42rem;
    border-bottom-right-radius: 0.42rem;
}

/*Badge Radious*/
.badge-radius {
    border-radius: 15px;
    padding: 0px 15px;
    margin-right: 5px;
}

::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #727171 !important;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #727171 !important;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #727171 !important;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #727171 !important;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #727171 !important;
}

::placeholder {
    /* Most modern browsers support this now. */
    color: #727171 !important;
}

select {
    color: #727171 !important;
}

.sidebar .accordionMenu label {
    height: auto;
    line-height: 21px;
    padding: 10px 25px 10px 10px;
}

.single-study .directory-dep {
    margin-bottom: 0px;
    position: relative;
}

.single-study .directory-dep span {
    position: absolute;
    right: 5%;
}

.dep-dropdown {
    position: relative;
    max-width: 100%;
    text-align: center;
    margin-bottom: 15px
}

.dep-dropdown [type=checkbox]:checked,
.dep-dropdown [type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px;
    opacity: 0;
    pointer-events: none
}

.dep-dropdown .dropdown:checked+label,
.dep-dropdown .dropdown:not(:checked)+label {
    position: relative;
    font-weight: 600;
    line-height: 90px;
    height: 93px;
    transition: all .2s linear;
    width: 100%;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    text-align: left;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    cursor: pointer;
    color: #000;
    font-size: 17px;
}

.dep-dropdown .dropdown:checked+label span,
.dep-dropdown .dropdown:not(:checked)+label span {
    width: 75%;
}

.dep-dropdown .dropdown:checked+label:before,
.dep-dropdown .dropdown:not(:checked)+label:before {
    position: fixed;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    z-index: -1;
    cursor: auto;
    pointer-events: none
}

.dep-dropdown .dropdown:checked+label:before {
    pointer-events: auto
}

.dep-dropdown .dropdown:not(:checked)+label .uil {
    font-size: 24px;
    margin-left: 10px;
    transition: transform .2s linear
}

.dep-dropdown .dropdown:checked+label .uil {
    transform: rotate(180deg);
    font-size: 24px;
    margin-left: 10px;
    transition: transform .2s linear
}

.dep-dropdown .section-dropdown {
    position: absolute;
    padding: 0px;
    background-color: #e8e8e8;
    top: 100px;
    left: 0;
    width: 100%;
    display: block;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transform: translateY(20px);
    transition: all .2s linear
}

.dep-dropdown .dropdown:checked~.section-dropdown {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

.dep-dropdown .section-dropdown:before {
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 20px;
    content: '';
    display: block;
    z-index: 1
}

.dep-dropdown .section-dropdown:after {
    position: absolute;
    top: -7px;
    left: 30px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #e8e8e8;
    content: '';
    display: block;
    z-index: 2;
    transition: all .2s linear
}

.dep-dropdown a {
    position: relative;
    color: #000;
    transition: all .2s linear;
    padding: 15px 0;
    padding-left: 20px;
    padding-right: 15px;
    margin: 2px 0;
    text-align: left;
    text-decoration: none;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    -ms-flex-pack: distribute
}

.dep-dropdown a:hover {
    color: #fff;
    background-color: #d63842
}

.dep-dropdown a .uil {
    font-size: 22px
}

.dep-dropdown label:hover {
    background-color: #d63842 !important;
    color: #fff !important
}

.dep-dropdown label i {
    font-size: 20px;
    margin-left: 15px
}

.payment-summary .amount {
    float: right;
}

.stafflist_sub_name {
    margin-bottom: 0;
    background: #d63842;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border: 1px solid #e3e3e3;
    padding: 0 10px
}

.stafflist_sub_name a {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase
}

.stafflist_sub_list {
    height: 60px;
    line-height: 60px;
    margin-bottom: 0;
    text-align: center;
    border-bottom: 1px solid #e3e3e3;
    padding: 0 10px;
    background-color: #fff
}

.stafflist_sub_list a {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    text-decoration: none;
    color: #000;
    font-weight: 600;
    text-transform: uppercase
}

select {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
}

/* For IE10 */
select::-ms-expand {
    display: none;
}

.col-sm-2-4,
.col-md-2-4,
.col-lg-2-4,
.col-xl-2-4,
.col-xxl-2-4 {
    position: relative;
    width: 100%;
    padding-right: 12.5px;
    padding-left: 12.5px;
}

.sec-license .content-part {
    position: relative !important;
}

.sec-license .price-btn {
    position: relative !important;
    padding-bottom: 0px !important;
    margin-top: 5px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.sec-license img {
    max-height: 200px;
}

.facts .single-counter.bg-style {
    border-radius: 4px;
}

.facts .single-counter h4 {
    font-size: 15px;
}

.facts .single-counter.bg-style h2 {
    color: #ffffff;
}

.candidates-resume-content {
    padding: 10px;
    margin-bottom: 15px;
}

/* Newsletter */
.newsletter-details-area .newsletter-title {
    background: #f2f2f2;
    margin: 10px 2px 10px !important;
    padding: 10px 15px;
    font-size: 30px !important;
    border-radius: 5px;
}

.newsletter-details-area .outerbox .issue {
    color: #000;
    background: #f2f2f2;
    padding: 20px 10px 0px 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 0px;
    margin-top: 0px;
    border-radius: 5px 5px 0px 0px;
}

.newsletter-details-area .outerbox .date-box {
    background-color: #f2f2f2;
    border-radius: 0px 0px 5px 5px;
}

.newsletter-details-area .outerbox .date-box .month {
    font-size: 16px;
    text-align: center;
    padding: 0px 15px 5px;
    text-transform: uppercase;
    font-weight: 600;
    color: #d63842;
    margin-bottom: 0;
    margin-top: 0px;
}

.newsletter-details-area .outerbox .date-box .year {
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
}

.newsletter-details-area .outerbox .date-box a {
    display: block;
    text-align: center;
    padding-bottom: 20px;
}

.newsletter-details-area .outerbox .date-box button {
    border-radius: 4px;
    border: none;
    font-size: 14px;
    padding: 5px 10px;
    background: #1a1a1a;
}

.no-padding {
    padding: 0;
}

.newsletter-details-area .outerbox {
    border: 2px solid #fff;
}

.share-link {
    display: flex !important;
}

.share-link .share-icons {
    line-height: 19px;
}

.sidebar-widget.search .search-form .search-button {
    z-index: 2;
}
/* Side Menu */
ul.base-side-menu {
    padding: 0;
    list-style: none;
    margin: 20px auto;
    /* box-shadow: 0px 0px 25px #00000070; */
    clear: both;
    display: table;
    margin-bottom: 100px;
    width: 100%;
}
ul.base-side-menu>li{
    padding: 15px 0px 17px 10px;
    clear: both;
}
ul.base-side-menu .list {
    font-size: 14px;
    /* border-bottom: 1px solid #324252; */
    position: relative;
    width: 100%;
    box-sizing: border-box;
    height: auto;
    vertical-align: sub;
    background: #f9f8f8;
    clear: both;
    padding: 0px;
}

ul.base-side-menu .list:after {
    content: "";
    font-family: FontAwesome;
    position: absolute;
    right: 5px;
    top: 17px;
    padding: 0px 5px;
    color: #000;
}

ul.base-side-menu .list a {
    text-decoration: none;
    color: #000;
    padding: 15px 24px 17px 10px;
    display: block;
    height: 100%;
    box-sizing: border-box;
}

ul.base-side-menu .list a:hover {
    background-color: #d63842;
    transition: 300ms all;
    color: #fff;
}

ul.base-side-menu .list .items {
    height: 0px;
    overflow: hidden;
}

ul.base-side-menu .list .items a {
    padding: 17px 0px 17px 25px;
}

ul.base-side-menu .list .items a:hover {
    background-color: #f2f2f2;
    color: #000;
    transition: 300ms all;
}

ul.base-side-menu .list:last-child {
    border-bottom: none;
}

ul.base-side-menu .active:not(.single-menu):after {
    content: "";
    font-family: FontAwesome;
    position: absolute;
    right: 5px;
    top: 17px;
    padding: 0px 5px;
    color: #000;
}

ul.base-side-menu .active>.items {
    display: block;
    background: #f2f2f2;
    padding: 0px;
    height: auto;
    color: #fff;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 200ms;
    clear: both;
    float: left;
    width: 100%;
}
ul.base-side-menu .active>.items li>a{
    color: #000;
}
ul.base-side-menu .active>.items li {
    padding: 0px;
    border-bottom: 1px solid #e5e5e5;
    list-style: none;
    clear: both;
}

ul.base-side-menu .active>.items li:last-child {
    border-color: transparent;
    padding-bottom: 0px;
}

ul.base-side-menu .active>.items .active>.items {
    background-color: #d1d1d1;
}

ul.base-side-menu .active>a {
    color: #000;
    font-weight: bold;
}

ul.base-side-menu .active .list {
    background: #f2f2f2;
}
ul.base-side-menu .active .list::after{
    color: #000;
}
ul.base-side-menu .active .list a {
    padding: 17px 0px 17px 25px;
    color: black;
}
ul.base-side-menu .active .list .items li a{
    padding: 17px 0px 17px 35px;
}
.sidebar ul li:last-child{
    clear: both;
    padding-bottom: 17px;
}
.sidebar .single-sidebar h3 {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700;
    Padding: 10px 10px 0px 10px;
}

.content-holder .tags {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 20px 30px;
    background-color: #f3f3f4;
}

.content-holder .tags .tag-link {
    padding: 0;
    margin: 0;
    list-style-type: none;
    line-height: 1;
    display: inline-block;
}

.content-holder .tags .tag-link li {
    display: inline-block;
    margin-right: 15px;
}

.content-holder .tags .tag-link li.title i {
    color: var(--heading-color);
    font-size: 20px;
    position: relative;
    top: 4px;
}

.content-holder .tags .tag-link li a {
    font-size: 14px;
    display: inline-block;
    font-weight: 600;
}

.content-holder .tags .tag-link li a:hover {
    color: var(--main-color);
}

.content-holder .share-link {
    float: right;
    position: relative;
    padding-bottom: 20px;
}

.content-holder .share-link .share-icons a {
    color: inherit;
}

/* Newsletter */

/* Virtial Tour */
.our-campus-information-area {
    padding-top: 80px;
    padding-bottom: 80px;
}

.campus-img {
    position: relative;
    z-index: 1;
}

.campus-content {
    background-color: #d63842;
    padding: 49px;
    padding-left: 0px;
    position: relative;
    z-index: 0;
}

.campus-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: -300px;
    width: 400px;
    height: 100%;
    background-color: #d63842;
    z-index: -1;
}

.campus-content span {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
}

.campus-content h2 {
    font-size: 27px;
    color: #fff;
    margin-bottom: 20px;
}

.campus-content p {
    color: #fff;
    margin-bottom: 22px;
}

.campus-content span {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
}

.read-more span,
.read-more i {
    position: relative;
    top: 3px;
}

.campus-content .read-more {
    color: #fff;
    border: 2px solid #fff;
    padding: 10px 15px;
    border-radius: 8px;
}

/* Virtual Tour */

#filter_form button {
    z-index: auto;
}

.form-box .form-builder {
    flex: 0 0 100%;
    max-width: 100%;
}

/* Announce Modal Popup */
.popup-modal.modal {
    border-radius: 7px;
    overflow: hidden;
    background-color: transparent;
}

.popup-modal.modal .modal-content {
    background-color: transparent;
    border: none;
    border-radius: 7px;
}

.popup-modal.modal .modal-content .modal-body {
    border-radius: 7px;
    overflow: hidden;
    background-color: #fff;
    padding-left: 0px;
    padding-right: 0px;
    -webkit-box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.9);
    box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.9);
}

.popup-modal.modal .modal-content .modal-body h2 {
    font-size: 18px;
}

.popup-modal.modal .modal-content .modal-body p {
    color: #777;
    font-size: 14px;
}

.popup-modal.modal .modal-content .modal-body h3 {
    font-weight: 900;
    color: #000;
    font-size: 22px;
}

.popup-modal.modal .modal-content .modal-body .close-btn {
    color: #000;
}

.popup-modal.modal .modal-content .modal-body .promo-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.popup-modal.modal .cancel {
    color: gray;
    font-size: 14px;
}

.popup-modal.modal .btn-primary {
    padding-top: 10px;
    padding-bottom: 10px;
}

.popup-modal.btn {
    border-radius: 4px;
    border: none;
}

.popup-modal.btn:active,
.popup-modal.btn:focus {
    outline: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.staff-info .read-more {
    margin-bottom: 12px;
    cursor: pointer;
    display: block;
}

.staff-info .read-less {
    margin-bottom: 12px;
    cursor: pointer;
    display: none;
}

.staff-info.open .read-more {
    display: none;
}

.staff-info.open .read-less {
    display: block;
}

.staff-info .position {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.staff-info.open .position {
    display: block;
}

.sec-login {
    position: absolute;
    top: 10%;
    right: 3%;
    color: white;
}

select {
    background-image: linear-gradient(45deg, transparent 50%, rgb(0, 0, 0) 50%), linear-gradient(135deg, rgb(0, 0, 0) 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
    background-position: calc(100% - 20px) 50%, calc(100% - 15px) 50%, calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}

/* SDG Page*/
.sdg-box .bg-box {
    padding: 30px 30px;
    background-color: #eaeaea;
    border-radius: 8px;
    box-shadow: 2px -1px 11px #eaeaea;
}

.sdg-ranking-box {
    display: flex;
}

.sdg-ranking-box .rank-thumb {
    border-radius: 50%;
    box-shadow: 5px 5px 5px #e6e6e6;
    padding: 15px 15px;
    background-color: #dbdbdb;
    flex: 0 0 33%;
}

.sdg-ranking-box .rank-thumb img {
    border-radius: 50%;
}

.sdg-ranking-box .rank-text {
    background-color: #eee;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 15px;
}

.sdg-ranking-box .rank-text::before {
    content: "";
    width: 222px;
    height: 100%;
    background-color: #eee;
    position: absolute;
    left: -75px;
    top: 0;
    z-index: -1;
}

.sdg-news-item {
    background-color: #eaeaea;
    border-radius: 4px;
    box-shadow: 2px -1px 11px #eaeaea;
}

.sdg-news-item .sdg-news-item-attr {
    padding: 15px;
}

.sdg-news-item .sdg-news-item-attr .item-date {
    color: #8f8f8f;
}

.sdg-news-item .sdg-news-item-attr h3 {
    font-size: 18px;
    margin-top: 10px;
}

.sdg-news-item .sdg-news-item-attr h3 a {
    color: black;
}

@media (max-width: 767.99px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991.99px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.99px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}


/* End Organizational Chart */


/*# sourceMappingURL=navbar.css.map */


@font-face {
    font-family: 'Academicons';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('../../fonts/academicons/academicons.eot');
    src: url('../../fonts/academicons/academicons.eot') format('embedded-opentype'), url('../../fonts/academicons/academicons.ttf') format('truetype'), url('../../fonts/academicons/academicons.woff') format('woff'), url('../../fonts/academicons/academicons.svg') format('svg');
}

.ai {
    font-family: 'Academicons';
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.ai-academia:before {
    content: "\e9af";
}

.ai-academia-square:before {
    content: "\e93d";
}

.ai-acclaim:before {
    content: "\e92e";
}

.ai-acclaim-square:before {
    content: "\e93a";
}

.ai-acm:before {
    content: "\e93c";
}

.ai-acm-square:before {
    content: "\e95d";
}

.ai-acmdl:before {
    content: "\e96a";
}

.ai-acmdl-square:before {
    content: "\e9d3";
}

.ai-ads:before {
    content: "\e9cb";
}

.ai-ads-square:before {
    content: "\e94a";
}

.ai-africarxiv:before {
    content: "\e91b";
}

.ai-africarxiv-square:before {
    content: "\e90b";
}

.ai-archive:before {
    content: "\e955";
}

.ai-archive-square:before {
    content: "\e956";
}

.ai-arxiv:before {
    content: "\e974";
}

.ai-arxiv-square:before {
    content: "\e9a6";
}

.ai-biorxiv:before {
    content: "\e9a2";
}

.ai-biorxiv-square:before {
    content: "\e98b";
}

.ai-ceur:before {
    content: "\e96d";
}

.ai-ceur-square:before {
    content: "\e92f";
}

.ai-ciencia-vitae:before {
    content: "\e912";
}

.ai-ciencia-vitae-square:before {
    content: "\e913";
}

.ai-closed-access:before {
    content: "\e942";
}

.ai-closed-access-square:before {
    content: "\e943";
}

.ai-conversation:before {
    content: "\e94c";
}

.ai-conversation-square:before {
    content: "\e915";
}

.ai-coursera:before {
    content: "\e95f";
}

.ai-coursera-square:before {
    content: "\e97f";
}

.ai-crossref:before {
    content: "\e918";
}

.ai-crossref-square:before {
    content: "\e919";
}

.ai-cv:before {
    content: "\e9a5";
}

.ai-cv-square:before {
    content: "\e90a";
}

.ai-datacite:before {
    content: "\e91c";
}

.ai-datacite-square:before {
    content: "\e91d";
}

.ai-dataverse:before {
    content: "\e9f7";
}

.ai-dataverse-square:before {
    content: "\e9e4";
}

.ai-dblp:before {
    content: "\e94f";
}

.ai-dblp-square:before {
    content: "\e93f";
}

.ai-depsy:before {
    content: "\e97a";
}

.ai-depsy-square:before {
    content: "\e94b";
}

.ai-doi:before {
    content: "\e97e";
}

.ai-doi-square:before {
    content: "\e98f";
}

.ai-dryad:before {
    content: "\e97c";
}

.ai-dryad-square:before {
    content: "\e98c";
}

.ai-elsevier:before {
    content: "\e961";
}

.ai-elsevier-square:before {
    content: "\e910";
}

.ai-figshare:before {
    content: "\e981";
}

.ai-figshare-square:before {
    content: "\e9e7";
}

.ai-google-scholar:before {
    content: "\e9d4";
}

.ai-google-scholar-square:before {
    content: "\e9f9";
}

.ai-hal:before {
    content: "\e92c";
}

.ai-hal-square:before {
    content: "\e92d";
}

.ai-hypothesis:before {
    content: "\e95a";
}

.ai-hypothesis-square:before {
    content: "\e95b";
}

.ai-ideas-repec:before {
    content: "\e9ed";
}

.ai-ideas-repec-square:before {
    content: "\e9f8";
}

.ai-ieee:before {
    content: "\e929";
}

.ai-ieee-square:before {
    content: "\e9b9";
}

.ai-impactstory:before {
    content: "\e9cf";
}

.ai-impactstory-square:before {
    content: "\e9aa";
}

.ai-inaturalist:before {
    content: "\e900";
}

.ai-inaturalist-square:before {
    content: "\e901";
}

.ai-inpn:before {
    content: "\e902";
}

.ai-inpn-square:before {
    content: "\e903";
}

.ai-inspire:before {
    content: "\e9e9";
}

.ai-inspire-square:before {
    content: "\e9fe";
}

.ai-isidore:before {
    content: "\e936";
}

.ai-isidore-square:before {
    content: "\e954";
}

.ai-jstor:before {
    content: "\e938";
}

.ai-jstor-square:before {
    content: "\e944";
}

.ai-lattes:before {
    content: "\e9b3";
}

.ai-lattes-square:before {
    content: "\e99c";
}

.ai-mathoverflow:before {
    content: "\e9f6";
}

.ai-mathoverflow-square:before {
    content: "\e97b";
}

.ai-mendeley:before {
    content: "\e9f0";
}

.ai-mendeley-square:before {
    content: "\e9f3";
}

.ai-moodle:before {
    content: "\e907";
}

.ai-moodle-square:before {
    content: "\e908";
}

.ai-mtmt:before {
    content: "\e950";
}

.ai-mtmt-square:before {
    content: "\e951";
}

.ai-nakala:before {
    content: "\e940";
}

.ai-nakala-square:before {
    content: "\e941";
}

.ai-obp:before {
    content: "\e92a";
}

.ai-obp-square:before {
    content: "\e92b";
}

.ai-open-access:before {
    content: "\e939";
}

.ai-open-access-square:before {
    content: "\e9f4";
}

.ai-open-data:before {
    content: "\e966";
}

.ai-open-data-square:before {
    content: "\e967";
}

.ai-open-materials:before {
    content: "\e968";
}

.ai-open-materials-square:before {
    content: "\e969";
}

.ai-openedition:before {
    content: "\e946";
}

.ai-openedition-square:before {
    content: "\e947";
}

.ai-orcid:before {
    content: "\e9d9";
}

.ai-orcid-square:before {
    content: "\e9c3";
}

.ai-osf:before {
    content: "\e9ef";
}

.ai-osf-square:before {
    content: "\e931";
}

.ai-overleaf:before {
    content: "\e914";
}

.ai-overleaf-square:before {
    content: "\e98d";
}

.ai-philpapers:before {
    content: "\e98a";
}

.ai-philpapers-square:before {
    content: "\e96f";
}

.ai-piazza:before {
    content: "\e99a";
}

.ai-piazza-square:before {
    content: "\e90c";
}

.ai-preregistered:before {
    content: "\e906";
}

.ai-preregistered-square:before {
    content: "\e96b";
}

.ai-protocols:before {
    content: "\e952";
}

.ai-protocols-square:before {
    content: "\e953";
}

.ai-psyarxiv:before {
    content: "\e90e";
}

.ai-psyarxiv-square:before {
    content: "\e90f";
}

.ai-publons:before {
    content: "\e937";
}

.ai-publons-square:before {
    content: "\e94e";
}

.ai-pubmed:before {
    content: "\e99f";
}

.ai-pubmed-square:before {
    content: "\e97d";
}

.ai-pubpeer:before {
    content: "\e922";
}

.ai-pubpeer-square:before {
    content: "\e923";
}

.ai-researcherid:before {
    content: "\e91a";
}

.ai-researcherid-square:before {
    content: "\e95c";
}

.ai-researchgate:before {
    content: "\e95e";
}

.ai-researchgate-square:before {
    content: "\e99e";
}

.ai-ror:before {
    content: "\e948";
}

.ai-ror-square:before {
    content: "\e949";
}

.ai-sci-hub:before {
    content: "\e959";
}

.ai-sci-hub-square:before {
    content: "\e905";
}

.ai-scirate:before {
    content: "\e98e";
}

.ai-scirate-square:before {
    content: "\e99d";
}

.ai-scopus:before {
    content: "\e91e";
}

.ai-scopus-square:before {
    content: "\e91f";
}

.ai-semantic-scholar:before {
    content: "\e96e";
}

.ai-semantic-scholar-square:before {
    content: "\e96c";
}

.ai-springer:before {
    content: "\e928";
}

.ai-springer-square:before {
    content: "\e99b";
}

.ai-ssrn:before {
    content: "\e916";
}

.ai-ssrn-square:before {
    content: "\e917";
}

.ai-stackoverflow:before {
    content: "\e920";
}

.ai-stackoverflow-square:before {
    content: "\e921";
}

.ai-zenodo:before {
    content: "\e911";
}

.ai-zotero:before {
    content: "\e962";
}

.ai-zotero-square:before {
    content: "\e932";
}

.ai-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -.0667em;
}

.ai-xs {
    font-size: .75em;
}

.ai-sm {
    font-size: .875em;
}

.ai-1x {
    font-size: 1em;
}

.ai-2x {
    font-size: 2em;
}

.ai-3x {
    font-size: 3em;
}

.ai-4x {
    font-size: 4em;
}

.ai-5x {
    font-size: 5em;
}

.ai-6x {
    font-size: 6em;
}

.ai-7x {
    font-size: 7em;
}

.ai-8x {
    font-size: 8em;
}

.ai-9x {
    font-size: 9em;
}

.ai-10x {
    font-size: 10em;
}

.ai-fw {
    text-align: center;
    width: 1.25em;
}

.ai-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}

.ai-ul>li {
    position: relative;
}

.ai-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}

.ai-border {
    border: solid 0.08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em;
}

.ai-pull-left {
    float: left;
}

.ai-pull-right {
    float: right;
}

.ai.ai-pull-left {
    margin-right: .3em;
}

.ai.ai-pull-right {
    margin-right: .3em;
}

.ai-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}

.ai-stack-1x,
.ai-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.ai-stack-1x {
    line-height: inherit;
}

.ai-stack-2x {
    font-size: 2em;
}

.ai-inverse {
    color: #fff;
}