@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";
ul { padding: 0; margin: 0; list-style: none; }
.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) }
.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; padding-top: 0px; padding-bottom: 0px; 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::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--white-color); opacity: .9; z-index: -1 }
.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: 26%; right: -24px; z-index: 1; list-style-type: none; padding: 0; margin: 0; -webkit-transform: rotate(-180deg); transform: rotate(-180deg) }
.banner-area .social-link li { margin: 35px 0 }
.banner-area .social-link li a { display: block; -webkit-transform: rotate(90deg); transform: rotate(90deg); color: var(--white-color); font-weight: 500; text-transform: capitalize; font-size: 16px }
.banner-area .social-link li a:hover { color: var(--main-color) }
.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 p {
    margin-bottom: 30px;
    line-height: 25px;
    max-width: 100%;
    text-align: justify;
}
.study-area { background-image: url(../images/study-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; position: relative; z-index: 1 }
.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 .owl-next { right: -50px; left: auto }
.study-area.study-area-style-two .owl-theme .owl-nav [class*=owl-]:hover { background-color: transparent }
.single-study:hover {
    -moz-box-shadow: 0px 7px 20px -4px rgba(57, 56, 56, 0.3);
    box-shadow: 0px 7px 20px -4px rgba(0, 0, 0, 0.3);
    -webkit-transform: translate(0px, -5px);
    -ms-transform: translate(0px, -5px);
    transform: translate(0px, -5px);
}

.single-study {
    background-color: var(--white-color);
    border: 1px solid #e8e8e8;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    transition: .2s;
}
.single-study.style-img { padding: 0 }
.single-study.style-img .single-study-content { padding: 20px; position: relative }
.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: 23px;
    margin-bottom: 14px;
    min-height: 55px;
}
.single-study h3 a { color: var(--heading-color); -webkit-transition: var(--transition); transition: var(--transition) }
.single-study p {
    -webkit-transition: var(--transition);
    min-height: 40px;
    transition: var(--transition);
}
.single-study:hover {
    background-color: #98002e;
    border-color: #98002e;
}
.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: #91002c }
.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 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-content span { font-size: 15px; font-weight: 600; color: var(--main-color); display: 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; padding-left: 0; margin-bottom: 20px }
.events-content .events-list li:last-child { margin-bottom: 0 }
.events-content .events-list li .events-date { background-color: var(--optional-color); padding: 0px 5px 0px 5px; display: inline-block; text-align: center; position: static; top: 0; vertical-align: text-bottom; left: 0; -webkit-transition: var(--transition); transition: var(--transition); }
.events-content .events-list li .events-date span { color: var(--white-color); margin-bottom: 0; font-size: 12px; margin: 0 !important; }
.events-content .events-list li span { margin-bottom: 12px; display: inline-block; font-size: 14px; }
.events-content .events-list li h3 { font-size: 16px; margin-bottom: 15px; line-height: normal; }
.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 }
.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: #f9f5f1; padding-top: 50px; padding-bottom: 50px; padding-right: 50px; padding-left: 50px }
.find-courses-from-bg h2 { font-size: 45px; margin-bottom: 30px; border-bottom: 1px solid #edebe8; 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 h2 { color: var(--white-color); margin-bottom: 5px }
.single-counter h4 { font-weight: 400; font-size: 18px; color: var(--white-color) }
.single-counter:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px) }
.campus-experience-area { background-image: url(../images/campus-experience-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100% }
.logistics-solutions-img { text-align: center }
.campus-experience-slider.owl-theme .owl-nav { margin-top: 0!important }
.campus-experience-slider.owl-theme .owl-nav .owl-prev, .campus-experience-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 }
.campus-experience-slider.owl-theme .owl-nav .owl-prev i, .campus-experience-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) }
.campus-experience-slider.owl-theme .owl-nav .owl-prev:hover i, .campus-experience-slider.owl-theme .owl-nav .owl-next:hover i { background-color: var(--main-color); color: var(--white-color) }
.campus-experience-slider.owl-theme .owl-nav .owl-next { right: -5px; left: auto }
.campus-experience-slider.owl-theme .owl-nav [class*=owl-]:hover { background-color: transparent }
.campus-experience-slider:hover.owl-theme .owl-nav .owl-prev, .campus-experience-slider:hover.owl-theme .owl-nav .owl-next { opacity: 1 }
.single-campus-experience { background-color: var(--white-color); padding: 50px }
.single-campus-experience span { color: var(--main-color); margin-bottom: 10px; display: block }
.single-campus-experience h3 { font-size: 30px; margin-bottom: 20px }
.single-campus-experience .default-btn { margin-top: 16px }
.single-campus-experience .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 .campus-experience-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 { position: absolute; bottom: 0; right: 0; -webkit-transition: var(--transition); transition: var(--transition); background-color: var(--white-color) }
.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: 351px; max-width: 100%; text-align: center }
.single-team-member .team-content h3 { margin-bottom: 10px; font-size: 20px }
.single-team-member .team-content span { display: block; font-size: 15px; color: var(--body-color) }
.single-team-member .team-content .team-social .control { width: 64px; height: 64px; line-height: 64px; background-color: var(--optional-color); font-size: 20px; text-align: center; position: absolute; bottom: 0; left: -64px; color: var(--white-color); z-index: 1 }
.single-team-member .team-content .team-social:hover .control { background-color: var(--main-color) }
.single-team-member .team-content .team-social ul { list-style-type: none; padding: 0; margin: 0; position: absolute; bottom: 64px; left: -64px; opacity: 0; -webkit-transition: var(--transition); transition: var(--transition) }
.single-team-member .team-content .team-social ul li a i { width: 64px; height: 64px; line-height: 64px; background-color: var(--main-color); color: var(--white-color); font-size: 20px; text-align: center; border-bottom: 1px solid #eee; -webkit-transition: var(--transition); transition: var(--transition); display: inline-block }
.single-team-member .team-content .team-social ul li a:hover i { background-color: var(--heading-color) }
.single-team-member .team-content .team-social ul li:nth-child(4) a i { -webkit-transform: translateY(40px); transform: translateY(40px) }
.single-team-member .team-content .team-social ul li:nth-child(3) a i { -webkit-transform: translateY(80px); transform: translateY(80px) }
.single-team-member .team-content .team-social ul li:nth-child(2) a i { -webkit-transform: translateY(120px); transform: translateY(120px) }
.single-team-member .team-content .team-social ul li:nth-child(1) a i { -webkit-transform: translateY(160px); transform: translateY(160px) }
.single-team-member .team-content .team-social:hover ul { opacity: 1 }
.single-team-member .team-content .team-social:hover ul li:nth-child(4) a i { -webkit-transform: translateY(0); transform: translateY(0) }
.single-team-member .team-content .team-social:hover ul li:nth-child(3) a i { -webkit-transform: translateY(0); transform: translateY(0) }
.single-team-member .team-content .team-social:hover ul li:nth-child(2) a i { -webkit-transform: translateY(0); transform: translateY(0) }
.single-team-member .team-content .team-social:hover ul li:nth-child(1) a i { -webkit-transform: translateY(0); transform: translateY(0) }
.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) }
.logo-top-header img { width: 80px; display: inline-block; }
.logo-top-header span b { display: block; font-size: 25px; color: #bc2b0e; }
.logo-top-header span { text-align: center; display: inline-block; vertical-align: middle; margin: 0 15px; }
.logo-top-header { text-align: center;
    padding: 20px 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;}
.logo-top-header span i { font-style: normal; font-weight: bold; display: block; }
ul.navbar-nav.ml-auto.right-align { margin-left: auto; }
ul.newsBox > li.news-item h4 { font-size: 16px; margin-top: 0; }
.tab-bg { background-color: #fff; border-left: solid 1px #ddd; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; }
ul.newsBox li { list-style: none; line-height: 10px; border-bottom: solid 1px #ddd; }
ul.newsBox { list-style: none; padding: 10px 0; }
.events-timer .card { text-align: left; background-color: transparent; }
.events-timer .card .card-header h4 { color: #fff; border-bottom: solid 1px #fff; line-height: 50px; }
.events-timer .card .card-header { background-color: transparent; color: #fff; }
ul.list-quick-links { padding: 0; list-style: none; }
ul.list-quick-links a { color: #fff; line-height: 30px; border-bottom: solid 1px #fff; display: block; }
.logo-1 { margin-right: auto; }
.logo-2 { margin-left: auto; }
.desktop-nav {
    background-color: #0e3170;
    background-repeat: no-repeat;
}
.desktop-nav .navbar .navbar-nav .nav-item a { color: #fff; }
.desktop-nav .navbar .navbar-nav .nav-item a:hover, .desktop-nav .navbar .navbar-nav .nav-item a:focus, .desktop-nav .navbar .navbar-nav .nav-item a.active { color: #f1f1f1; }
.desktop-nav .navbar .navbar-nav .nav-item:hover a, .desktop-nav .navbar .navbar-nav .nav-item:focus a, .desktop-nav .navbar .navbar-nav .nav-item.active a { color: #ddd; }
p { font-size: var(--font-size); margin-bottom: 15px; line-height: normal; }
.not- { display: inline-block; }
.not- i, .not- em {
    line-height: 22px;
    display: inline-block;
    vertical-align: text-bottom;
    font-size: 15px;
    padding: 0;
    color: #333;
    font-style: normal;
}
li.news-item h3 a {
    font-size: 14px;
}
li.news-item h3 {
    display: inline-block;
    margin: -10px 0 5px 0;
}
.events-content .card-body { padding: 0; }
.events-content .card.panel-default { background-color: #fff; padding: 15px; margin: 0; border-radius: 0; border: 0; }
.events-content .card-footer { display: none }
#owl-demo .item img { display: block; width: 100%; height: auto; }
.side-menu ul {
    list-style: none;
    background-color: transparent;
    margin: 0px 0;
    border-radius: 10px;
    width: 100%;
    padding: 0;
}
.side-menu { background-color: #ddd; border-radius: 10px; margin: 20px 0; padding: 10px; }
.side-menu ul li a { display: block; padding: 0 10px; color: #444; border-bottom: solid 1px #fff; line-height: 45px; font-weight: 600; }
.side-menu ul li a.active, .side-menu ul li a:hover { background: #bc2b0e; color: #fff; border-radius: 5px; }
.no-padding-left { padding-left: 0; }
.events-content .events-list li h3 { white-space: nowrap; text-overflow: ellipsis; width: 100%; overflow: hidden; }
.no-padding {
    padding: 0;
    background-color: #f9f5f1;
}
.top-header {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #00306e;
}
.navbar-dark .navbar-nav .nav-link { color: #fff; font-size: 13px; }
.ptb-20 { margin-bottom: 20px; }
.about-content {
    margin: 0;
}
.accordion-button:focus { box-shadow: none; }
.accordion-button { border: 0 !important; }
h2 button.accordion-button { border-bottom: solid 1px #fff !important; font-weight: 600; padding: 0 10px; font-size: 14px; line-height: 45px; }
.side-menu ul li ul { padding: 0; }
.accordion-collapse { border: solid rgba(0,0,0,.125); border-width: 0; }
.admin-page.page-title-area { padding-top: 40px; padding-bottom: 20px; }
.admin-page.page-title-area .page-title-content h2 { margin-bottom: 0; font-size: 28px; color: var(--white-color); }
.form-sec { padding: 40px 0; }
.card-body h5 a { padding: 10px 10px; border-radius: 7px; float: right; }
.card-body h5 { margin: 10px 0 20px 0; border-bottom: solid 1px #ddd; display: table; width: 100%; padding: 0 0 10px 0; }
p.pas-hin { margin: 10px 0 0 0; }
.admin-panel .side-menu {
    display: flex;
    border-bottom: none;
    top: 83px;
    z-index: 8;
    line-height: inherit;
    border-radius: 0;
    border-right: 1px solid #ddd;
    width: 290px;
    background-color: transparent;
    text-align: left;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    margin: 0px;
    align-content: stretch;
}
.over-conte {
    padding: 15px 15px 0 15px;
    width: 100%;
    vertical-align: top;
    background-color: #f5f7fb;
}
.heading-se h5 { background-color: #f1f1f1; border-radius: 10px 10px 0 0; font-size: 16px; color: #333; padding: 10px 10px; margin: 0; }
.heading-se { border: solid 1px #f1f1f1; margin: 0 0 20px 0; border-radius: 0 0 10px 10px; }
.content-text {
    min-height: 210px;
    padding:15px;
    margin-bottom: 30px;
    border: 1px solid #e6edef;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    letter-spacing: 0.5px;
    border-radius: 0;
	margin: 0;
    background-color: #fff;
    background-color: #fff;
}
admin-panel { display: flex; }
.accordion {
    height: 100%;
	width: 100%;
    background-color: transparent;
}
.accordion-header { margin-bottom: 0; white-space: nowrap; width: 230px; }
.heading-se h5 i { display: inline-block; vertical-align: middle; }
ul.list-det { list-style: none; padding: 15px 15px; }
ul.list-det li { line-height: 45px; border-bottom: solid 1px #f1f1f1; }
ul.list-det li i { font-style: normal; width: 50%; text-align: right; float: right; display: inline-block; font-weight: bold; }
.heading-page h5 { color: #0c63e4; background-color: #e7f1ff; padding: 10px 10px; margin: 0 0 10px 0; }
.heading-page h5 i { display: inline-block; vertical-align: middle; }
.form-con { padding:0 15px; height: 45px; font-size: 14px; box-shadow: none; width: 100%; margin: 5px 0 0 0; border: solid 1px #ddd; border-radius: 5px; }
.inner-form .form-group { margin: 20px 0 0 0; }
.inner-form { padding: 0 15px; }
.side-menu ul li ul li a { line-height: normal; font-size: 13px; font-weight: normal; padding: 10px 10px; }
.form-admission li { display: flex; width: 100%; align-items: center; }
.labl { width: 300px; display: flex; align-items: center; border-right: solid 1px #f1f1f1; margin: 0 10px 0 0; }
.input-labl { display: flex; }
.form-admission { border: solid 1px #f1f1f1; margin: 15px 15px 15px 15px; }
.form-admission li:nth-child(even) { background: #f1f1f1; }
.input-labl { width: 100%; margin: 0 10px 0 0; display: flex; }
.form-div { display: flex; width: 33.3333%; margin: 0 15px 0 0px; align-items: center; }
.form-div b { margin: 0 10px 0 0px; font-weight: normal; }
.inp-fld { width: 100%; padding: 5px 10px; border-radius: 5px; border: solid 1px #ddd; }
.labl i { font-style: normal; padding: 15px 13px; border-right: solid 1px #f1f1f1; }
.labl label { padding: 0 0 0 10px; }
.form-div b { white-space: nowrap; }
.input-labl .form-div:last-child { margin: 0; }
.form-admission li:nth-child(even) .labl i, .form-admission li:nth-child(even) .labl { border-color: #fff; }
button.reset-btn { float: right; color: #333; line-height: 52px; padding: 0 30px; }

.card-body h5 a {
    padding: 10px 10px;
    border-radius: 7px;
    float: none;
    border: solid 1px #fff;
    margin-left: auto;
}
.card-body h5 {
    background-image: linear-gradient(#04519b, #033c73 60%, #02325f);
    background-repeat: no-repeat;
    padding: 0.75rem 1.25rem;
	color: #fff;
    display: flex;
	border-radius: 7px;
    width: 100%;
    align-items: center;
}
.card-body h5 svg {
    color: #fff;
    margin: 0 5px 0 0px;
}
.default-btn {
    background: #bc2b0e;
    background-repeat: no-repeat;
    color: #fff;
    font-weight: 400;
	min-width: 50px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
a.fp {
    float: right;
    margin: 5px 0 0 0;
    text-decoration: underline;
}
.card-body a{ cursor: pointer;}
.heading-se h5 {
    background-color: transparent;
    background-repeat: no-repeat;
    padding: 0.75rem 1.25rem;
    color: #242934;
    display: flex;
    border-radius: 7px;
    width: 100%;
    padding: 0 0 10px 0;
    align-items: center;
    font-size: 26px;
    font-weight: normal;
}
.heading-se h5 i {
    margin: 0 10px 0 0px;
}


.login-card {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100vh;
    margin: 0 auto;
}
.login-form {
    padding: 30px;
    width: 450px;
    background-color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
	border: solid 1px #ddd;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}
.login-form h6 {
    font-size: 14px;
    margin-bottom: 25px;
    font-weight: normal;
    color: #999;
}
.theme-form .form-group {
    margin-bottom: 10px;
}
.login-form .form-group {
    position: relative;
}
.login-form .form-group label {
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 5px;
}
.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.login-form .form-group .input-group-text {
    background-color: rgba(36, 105, 92, 0.1);
    border: none;
    color: #24695c;
}
.input-group-text {
    border-color: #e6edef;
    font-weight: 500;
}
.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}
.input-group > .form-control, .input-group > .form-select {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
.input-group>.form-control, .input-group>.form-select {
	margin: 0;
}
.login-form .form-group .small-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.login-form .form-group .small-group .input-group:nth-child(n+2) {
    margin-left: 10px;
}
.side-menu ul li a {
    transition: 0s;
}
.side-menu ul li {
    border-bottom: 1px solid #e6edef;
    padding: 0 5px;
	width: 100%;
}
.admin-panel {
    display: flex;
    height: 100%;
    width: 100%;
}
table tr th {
    border-right: 0px solid #666 !important;
	border-bottom: 1px solid #e6edef !important;
}
table tr td {
    border-right: 0px solid #666 !important;
	border-bottom: 1px solid #e6edef !important;
}
.login-btn-inner td a {
    background-color: #bc2b0e;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 5px;
}
.form-con {
    color: #333;
}
.basic-detail-part label {
    padding: 0;
    margin: 20px 0 5px 0;
}
.basic-detail-part input[type=redio] {
    margin: 0 10px 0 0px;
    display: inline-block;
}
.basic-detail-part input[type="radio"] {
    margin: 0 5px 0 10px;
}
.basic-detail-part .file-button {
    background-color: #f1f1f1;
    border-radius: 5px;
    padding: 10px 10px;
    margin: 10px 0 0 0;
}
.col-lg-12.col-md-12.col-sm-12.col-xs-12 img {
    border-color: #f1f1f1 !important;
}
.btn-info {
    color: #fff;
    background-color: #bc2b0e;
    border-color: #bc2b0e;
}
.all-form-element-inner h3 {
    padding: 20px 0 20px 0;
    background-color: #bc2b0e;
    color: #fff;
    border-radius: 10px;
}
.sep-div {
    border-radius: 0;
    background-color: #f5f7fb;
    display: flex;
    padding: 0px 20px 24px 20px;
    margin: 0 0 20px 0;
    flex-direction: column;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}
.form-con {
    color: #333;
    background-color: #fff;
}
.radio-ck {
    display: inline-block;
    vertical-align: middle;
}
.check-radios span {
    width: 370px;
    vertical-align: middle;
    display: inline-block;
    border-right: solid 1px #ddd;
}
.basic-detail-part .head-text {
    font-size: 23px;
    border-bottom: solid 1px #ddd;
    margin: 30px 0 0 0;
    padding: 0 0 10px 0;
    font-weight: bold;
}
.upload-ph {
    background-color: #fff;
    padding: 0 20px 10px 20px;
    margin: 20px 0;
    border: solid 1px #ddd;
}
.upload-ph span label {
    font-weight: bold;
    font-size: 17px;
    background-color: #f1f1f1;
    display: block;
    margin: 20px 0 20px 0;
    padding: 10px 0 10px 20px;
}
.check-radios .col-lg-6.col-md-6.col-sm-12.col-xs-12 {
    background-color: #fff;
    padding: 10px 15px;
    width: calc(50% - 20px);
    margin: 10px 10px 0 10px;
    border: solid 1px #ddd;
}
.check-radios .col-lg-6.col-md-6.col-sm-12.col-xs-12 label {
    margin: 0;
}
.sep-div.btn-sd {
    margin: 20px -15px -15px -15px;
    padding: 15px;
}
.form-group-inner.inp-sec-d {
    border: solid 1px #ddd;
    padding: 10px 10px;
}
.inp-sec-d .col-lg-3.col-md-3.col-sm-3.col-xs-12 {
    border-right: solid 1px #ddd;
}
.navbar-area.is-sticky {
    position: static;
    -webkit-animation: none;
    animation: none;
}
span.toggle-dashboar {
    position: absolute;
    width: auto;
    background-color: #bc2b0e;
    color: #fff;
    border-radius: 5px;
    display:none;
    z-index: 999;
    padding: 10px 10px;
    margin: 10px 0 0 10px;
    cursor: pointer;
}
.logo-1 {
    margin-right: 0;
}
.logo-2 {
    margin-left: 0;
}
.side-menu ul li button {
    background-color: transparent;
    width: 100%;
    text-align: left;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
    opacity: 1;
}
 
.tab-content {
    margin: 20px 0 0 0;
}


.teacherslider span a, {
    display: block;
    padding: 10px 0;
    background: #9A312B;
    color: #FFF;
    text-align: center;
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 10px 0 0 0;
    text-transform: uppercase;
}
.teacher-slider button.slick-arrow, .news-slider button.slick-arrow, .news-slider-1 button.slick-arrow {
    position: absolute;
    bottom: -47px;
    border: 0;
    font-size: 0;
    z-index: 9;
    width: 50px;
    height: 36px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25px;
    background-color: #ffffff1c;
}
.teacher-slider button.slick-prev.slick-arrow, .news-slider button.slick-prev.slick-arrow, .news-slider-1 button.slick-prev.slick-arrow{ background-image: url("../images/s-left-arrow.svg"); left: 0;}
.teacher-slider button.slick-next.slick-arrow, .news-slider button.slick-next.slick-arrow, .news-slider-1 button.slick-next.slick-arrow{background-image: url("../images/s-right-arrow.svg"); right:0;}
.teacher-img.slick-slide b {
    display: block;
    text-align: center;
    font-size: 15px;
    padding: 10px 0 0 0;
}
.teacher-img.slick-slide i {
display: block;
text-align: center;
color: #4D4D4D; 
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
a.view-all:hover {
    color: #fff;
}
.teacher-slider {
    padding: 17px 0 17px 0;
    display: flex;
    gap: 20px;
}
.teacher-slider > div {
    width: 50%;
}
section.events-area.bg-color.ptb-100.bm- {
    padding: 50px 0 10px 0;
}
.slick-list.draggable{ padding:0 !important;}
.news-fi.slick-slide:hover {
    background-color:#f9f5f3;
}
.about-content h2 {
    font-size: 30px;
    line-height: normal;
    margin-bottom: 5px;
    width: 430px;
    max-width: 100%;
    margin: 0 0 15px 0;
}
.teacher-img {
    display: flex;
    border: solid 1px #ddd;
    margin: 0 0 20px 0;
    border-radius: 10px;
    padding: 10px 10px;
    gap: 20px;
    background-color: #fff;
    align-items: center;
}
.name-info b {
    color: #000;
}
.name-info i {
    font-style: normal;
    color: #000;
}
.teacher-img center img {
    height: 100px;
}
.teacherslider {
    margin: 40px 0 0 0;
}
.teacher-img center {
    width: 100px;
    border-radius: 5px;
    overflow: hidden;
    border: solid 1px #ddd;
}
.name-info {
    display: flex;
    flex-direction: column;
}

/*IQAC*/
.side-menu .widget {
    padding: 25px;
    border: 1px solid var(--border-color);
    box-shadow: 0px 9px 14px #FBFBFB;
    border-radius: 10px;
    margin-bottom: 40px;
    position: relative;
}


.widget.widget_categories li:hover a, .widget.widget_categories li.active {
    background-color: #04519b;
    color: white !important;
}

    .widget.widget_categories li .active a {
        color: white !important;
    }

.side-menu .widget.widget_categories li a {
    border-bottom: solid 1px #f1f1f1;
    margin: 0;
    padding: 10px;
    display: block;
    width: 100%;
}

.sidebar-area {
    margin-bottom: -10px
}

.side-menu aside.sidebar-area ul li {
    padding: 0;
}

.side-menu aside.sidebar-area ul {
    margin: 0;
}

    .side-menu aside.sidebar-area ul li a {
        border-radius: 0 !important;
    }

.widget_nav_menu li, .widget_meta li, .widget_pages li, .widget_archive li, .widget_categories li {
    display: block;
    position: relative;
    padding: 10px;
    line-height: normal;
}

.blog-single .blog-audio, .blog-single .blog-img, .blog-single .blog-video {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: var(--blog-space-y, 40px);
    background-color: var(--smoke-color)
}

.widget ul li:nth-child(even) {
    background-color: #f1f1f1;
}



.blog-single {
    position: relative;
    margin-bottom: 40px;
    padding: 40px;
    border: 1px solid #d1d1d1 !important;
    box-shadow: 0px 9px 14px #c5c5c5 !important;
    border-radius: 10px
}

.as-blog {
    margin-bottom: 30px
}

.col-xl-12 {
    width: 100%
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2);
}



span.buil- {
    display: block;
    text-align: left;
    text-decoration: none;
    margin: 15px 0 15px 0;
    color: #252525;
    background-color: #f1f1f1;
    padding: 10px 15px;
    font-size: 20px;
    font-weight: 600;
}

.content p {
    font-family: var(--title-font);
    margin: 0 0 18px 0;
    color: var(--body-color);
    line-height: 1.75
}
.events-content {
    background-color: #f9f5f1;
    padding: 5px 15px;
}
.events-content h5 {
    background-color: var(--heading-color);
    color: #fff;
    padding: 10px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.events-content h5 a {
    font-weight: 600;
    font-size: 14px;
    background-color: #fff;
    padding: 5px 7px;
    border-radius: 5px;
}
 
.banner-img {
    max-height: 549px;
    overflow: hidden;
}
li.news-item {
    border: solid 1px #ddd;
    margin: 0 0 10px 0;
    background-image: url(../images/hand.svg);
    border-radius: 10px;
    padding: 0px 10px 0px 35px;
    background-color: #fff;
    display: flex;
    line-height: normal;
    flex-direction: column;
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 12px 14px;
}
li.news-item h3 a {
    font-size: 16px;
    margin: 0;
}

.tab-flax .tab-content {
    width: 100%;
}
.tab-flax .tab-content .tab-pane.fade {
    display: flex;
    gap: 15px;
}
@media only screen and (max-width: 767px) {
.tab-flax .tab-content .tab-pane.fade {
    flex-direction: column;
}
    .flip-card { 
    width: 100%; 
}
}


/****************Accordian*************/
/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
 
 
.btn-link {
    text-decoration: none;
}

.vc_tta-controls-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
}
.vc_tta-controls-icon {
    height: 12px;
    width: 12px;
    left: 0;
}
.vc_tta-controls-icon.vc_tta-controls-icon-plus::before {
    content: '';
    display: block;
    position: absolute;
    box-sizing: border-box;
    left: 0;
	border-color: #666;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-style: solid;
    border-width: 2px 0 0 0;
}
.collapsed .vc_tta-controls-icon.vc_tta-controls-icon-plus::after {
    content: '';
    display: block;
    position: absolute;
	border-color: #666;
    box-sizing: border-box;
    left: 50%;
    bottom: 0;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-style: solid;
    border-width: 0 0 0 2px;
}

.collapsible-link {
    padding: 0 0 0 25px;
    position: relative;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #f8f8f8;
    background-clip: border-box;
    border: 1px solid #f0f0f0;
    border-radius: 0;
    border-bottom: 0;
}
.card:last-child {
    border-bottom: solid 1px #f0f0f0;
}
.card-header {
    box-shadow: none !important;
    border-radius: 0 !important;
    background-color: #f8f8f8 !important;
}
.card-header {
    box-shadow: none !important;
    border-radius: 0;
}

.accordion {
    box-shadow: none !important;
}
.card .show {
    border-top: solid 1px #f0f0f0;
}
.about-college ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.about-college ul li center path {
    fill: #666;
}
.about-college ul li center svg {
    width: 60px;
    line-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
}
.about-college ul li b {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.about-college ul li b i {
    font-style: normal;
    font-weight: normal;
    text-align: center;
    line-height: 17px;
    font-size: 13px;
    margin: 5px 0 0 0;
}
button:focus {
    outline: none !important;
    box-shadow: none !important;
}
.about-college ul li {
    border: solid 1px #f0f0f0;
    padding: 15px 15px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    width: calc(33.3333% - 20px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    gap: 10px;
    line-height: normal;
    background-color: #fff;
    border-radius: 10px;
}
.accordion.shadow {
    margin: 30px 0 0 0;
}
.img-wrapper {
    overflow: hidden;
    display: block;
    position: relative;
    height: 233px;
    border: solid 5px #fdeeb9;
    border-radius: 5px;
    background-color: #fff;
    margin: 0 0 20px 0;
    transition: .2s;
}
.img-wrapper:hover{    -moz-box-shadow: 0px 7px 20px -4px rgba(57, 56, 56, 0.3);
    box-shadow: 0px 7px 20px -4px rgba(0, 0, 0, 0.3);
    -webkit-transform: translate(0px, -5px);
    -ms-transform: translate(0px, -5px);
    transform: translate(0px, -5px);}
.img-wrapper a {
    display: block;
    line-height: 220px;
}

.table {
    border: solid 1px #dee2e6;
}
.sep-sec {
    border: solid 1px #f1f1f1;
    margin: 0 0 15px 0;
}
.sep-sec .heading {
    background-color: #f1f1f1;
    font-size: 15px;
    padding: 10px 10px;
}
.bg-links {
    display: flex;
    gap: 10px;
    padding: 0 10px 10px 10px;
}
.bg-links a {
    display: flex;
    flex-direction: column;
    background-color: #bc2b0e;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    line-height: 20px;
}
.bg-links a:hover{background-color: #9b1a00;}
table tr td img {
    width: 70px;
    border: solid 1px #333;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: transparent;
}
.side-menu ul li:last-child a, .side-menu ul li:last-child {
    border: 0;
}
/*greivence*/
.contact-form-wrap {
    background-color: #ffffff;
    padding: 15px;
    border-radius: 10px;
    background-position: left center;
    margin: 0 0 0 0;
}

@media (max-width: 991px) {
    .contact-form-wrap {
        padding: 50px;
    }
}

@media (max-width: 767px) {
    .contact-form-wrap {
        padding: 50px 20px;
    }
}

.border-title {
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 25px;
    margin-top: -0.22em;
    font-weight: 600;
}

    .border-title:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        height: 3px;
        width: 80px;
        background-color: #0f2239;
    }

.alertmessage {
    background-color: #f39c12 !important;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    position: relative;
    padding-right: 40px;
}

.h5,
h5 {
    font-size: 24px;
    line-height: 1.417;
    font-weight: 600;
}

.inputform {
    background-color: #ffffff;
    border: 1px solid #c7c7c7;
}

.as-btn {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    text-align: center;
    background-color: #221619 !important;
    color: white !important;
    font-family: var(--title-font);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    padding: 20.5px 29px;
    box-shadow: 0px 6px 16px rgba(13, 94, 244, 0.24);
    border-radius: 5px;
}

    .as-btn:before {
        content: '';
        position: absolute;
        height: 0%;
        left: 50%;
        top: 50%;
        width: 600%;
        background-color: var(--title-color);
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(60deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(60deg);
        transform: translateX(-50%) translateY(-50%) rotate(60deg);
        z-index: -1;
        -webkit-transition: 0.7s ease;
        transition: 0.7s ease;
    }

select,
.form-control,
.form-select,
textarea,
input {
    min-height: 43px;
    padding: 10px;
    padding-right: 15px;
    border-radius: 5px;
    font-size: 14px;
    width: 100%;
    border-color: #ddd;
    font-family: var(--body-font);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    box-shadow: none;
    border: 1px solid #c7c7c7;
}

.space {
    background-color: #f7f5f5;
    padding: 20px 0px;
}

.leftportal li.active h5 {
    border: #fff solid 1px;
    background-color: #ffdb69 !important;
}
 

.desktop-nav .navbar .navbar-nav .nav-item {
    display: flex;
    align-items: center;
}
section.events-area.bg-color.cus-padd.bm- {
    padding: 50px 0;
}
.section-title h3:after, .section-title h2:after {
    content: "";
    display: block;
    margin: 30px auto;
    height: 3px;
    width: 140px;
    background-color: #fdb714;
}
.section-title h3,.section-title h2 {
    font-size: 40px;
    margin-bottom: 15px;
    position: relative;
    color: #98002e;
    font-weight: 700;
    font-family: var(--heading-font-family);
    text-transform: uppercase;
}
.section-title.white-title h2:after {
    margin: 30px 0;
}

/******Change Theme Css Start*******/
:root {
--heading-color: #9C29B2;
--main-color: #9C29B2;
--optional-color: #9C29B2;
}
.footer-area.black-bg-color {background-color: transparent;}
.copy-right-area {background-color: #0000000d;}
.single-footer-widget.bg-f9f5f1 {background-color: transparent;}
.single-footer-widget .address li i {color: #fff;}

.section-title h3, .section-title h2 {color: #9C29B2;}
.top-header {background-color: #9C29B2;}
.desktop-nav {background-color: #9C29B2;}
.default-btn {background-color: #8ec900;}
.single-study:hover {background-color: #8ec900; border-color: #9C29B2;}
div#footerhtml {background-color: #103741;}
.section-title h3:after, .section-title h2:after {background-color: #9C29B2;}
.single-study:hover i {color: #9C29B2;}
.side-menu ul li a.active, .side-menu ul li a:hover {background: #9C29B2;}


.section-title h3:after, .section-title h2:after {background-color: #8ec900;}
.single-footer-widget .social-icon li a::before, .single-footer-widget .social-icon li a::after {background-color: #8ec900;}
/******Change Theme Css End*******/