@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('../dist/bootstrap/css/bootstrap.min.css');
@import url('../dist/font-awesome/css/font-awesome.min.css');
@import url('../dist/owlcarousel/css/owl.theme.default.min.css');
@import url('../dist/owlcarousel/css/owl.carousel.min.css');
@import url('../dist/tiny-slider/css/tiny-slider.css');
@import url('../dist/animate/animate.min.css');
:root { --primary-font: "Roboto", sans-serif, Arial, Helvetica; --secondary-font: 'Poppins', sans-serif, Arial, Helvetica; --purple: #8267ad; --violet: #2f1e4b; --gray: #404040; --yellow: #f2f44f; }
body { color: var(--bs-black); font-family: var(--primary-font); font-weight: 400; overflow-x: hidden; }
a { color: var(--bs-blue); }
a, a:hover { text-decoration: none; }
a:focus { outline: none; }
*:focus { outline: none; }
button:active, button:focus, .btn:active, .btn:focus { box-shadow: none !important; outline: none !important; }
.img-responsive, .navbar-brand > img { display: inline-block; }
img { display: inline-block; height: auto; max-width: 100%; }
h1, h2, h3, h4, h5, h6 { color: var(--gray); font-family: var(--primary-font); font-weight: 500; }
h1 { font-size: 72px; }
h2 { font-size: 36px; }
p, li { color: var(--gray); font: 400 15px/1.5 var(--primary-font); overflow-wrap: break-word; word-wrap: break-word; }

.info { background-color: var(--purple); clear: both; color: var(--bs-white); font: 400 13px var(--secondary-font); padding: 8px 0px; width: 100%; }
.info span { display: inline-block; margin: 0px 20px; }
.info .col:last-child { text-align: right; }
.info .col:last-child a { background-color: var(--bs-white); color: var(--purple); border-radius: 100%; display: inline-block; font-size: 15px; height: 25px; line-height: 25px; margin-left: 15px; text-align: center; width: 25px; }
.info .col:last-child a:hover { background-color: var(--violet); color: var(--bs-white); }

.admis { background-color: #888888 /*var(--violet)*/; clear: both; color: var(--bs-white); font: 400 13px var(--secondary-font); padding: 9px 0px; text-align: right; width: 100%; }
.admis a { color: var(--bs-white); font: 400 13px var(--secondary-font); margin-left: 20px; }
.admis .dropdown { display: inline-block; }
.admis .dropdown-item { margin-left: 0px; }

.navbar .navbar-nav .nav-item { font: 400 13px var(--secondary-font); text-transform: uppercase; }
.navbar .navbar-nav .nav-link { color: var(--gray); }
.navbar .navbar-nav .nav-link.active { border-bottom: 3px solid var(--purple); color: var(--purple); font-weight: 500; }

/*------ Dropdown Mwnu ------*/
.dropdown-item {color: var(--bs-white);}
.dropdown .dropdown-menu { background-color: var(--purple); display: none; }
.dropdown:hover>.dropdown-menu, .dropend:hover>.dropdown-menu { display: block;  margin-left: .1em; } /*margin-top: .1em;*/
.dropend:hover>.dropdown-menu { position: absolute; top: 0; left: 100%; }
.dropdown-item { border-bottom: 0px solid rgba(255, 255, 255, 255); font-size: 12px; } /*0.25*/
.dropdown-item:focus { background-color: #f8f9fa; color: #212529; }

.news { background-color: var(--violet); clear: both; color: var(--bs-white); font: 400 13px var(--secondary-font); padding: 9px 0px; text-align: right; width: 100%; }
.news a { color: var(--bs-white); margin: 0px 5px; }
.news a:hover { color: var(--yellow); }

.banner { clear: both; width: 100%; }
.banner .carousel-item img { width: 100vw; }
.banner .carousel-caption { background-color: rgba(35, 35, 35, 0.5); color: #fff; height: 100%; left: 0; padding-top: 13%; position: absolute; top: 0; text-align: center; width: 100%; }
.banner .carousel-caption h1 { color: var(--bs-white); font-family: var(--secondary-font); line-height: 52px; text-transform: uppercase; }
.banner .carousel-caption p { color: var(--bs-white); font: 300 36px var(--secondary-font); }
.banner .carousel-control-next, .banner .carousel-control-prev { background-color: var(--purple); height: 46px; margin-top: 13%; width: 46px; }
.banner .carousel-control-next { margin-right: 5%; }
.banner .carousel-control-prev { margin-left: 5%; }

.about { clear: both; padding: 5% 0px; width: 100%; }
.about a { color: var(--purple); font: 500 14px var(--secondary-font); }

.awd_nws { background-color: #f5f5f6; clear: both; padding: 5% 0px; width: 100%; }
.awd_nws h2 a { color: var(--gray); }
.awd_nws h2 a:hover { color: var(--purple); }
.awd_nws .panel { background-color: var(--bs-white); border-bottom: 3px solid var(--purple); box-shadow: 0px 0px 16px rgba(0, 0, 0, 15%); clear: both; padding: 15px 15px; transition: all 0.5s ease-in-out 0s; width: 100%; }
.awd_nws .panel picture { display: inline-block; margin-bottom: 1rem; width: 100%; }
.awd_nws .panel picture img { width: 100% !important; }
.awd_nws .panel:hover { background-color: #f6ecfb; border-bottom: 3px solid var(--purple); transition: all 0.5s ease-in-out 0s; transform: scale(1.04);  }
.awd_nws .panel p { color: var(--purple); font-weight: 500; min-height: 70px; }
.awd_nws .panel .date { color: var(--gray); font-size: 14px; font-weight: 400; margin-bottom: 0.5rem; }
.awd_nws .panel a { color: var(--purple); font: 500 14px var(--secondary-font); }
.awd_nws .owl-carousel .owl-item { padding: 10px 6px; }
.awd_nws .owl-carousel .owl-item img { display: inline-block; width: auto; }
.awd_nws .owl-carousel .owl-nav { margin: 0px; }
.awd_nws .owl-carousel .owl-nav button.owl-next, .awd_nws .owl-carousel .owl-nav button.owl-prev { color: var(--purple); font-size: 40px; }
.awd_nws .owl-theme .owl-nav [class*="owl-"]:hover { background: transparent; }

.news-scroll { clear: both; width: 100%; }
.news-scroll p { font-size: 14px; font-weight: 500; }
.news-scroll p a { color: var(--gray); }
.news-scroll p a:hover { color: var(--purple); }
.news-scroll ul { list-style: none; margin: 0; padding: 0; }
.news-scroll ul li { font-size: 14px; font-weight: 500; }
.news-scroll ul li span { display: inline-block; margin: 0px 5px 4px 0px; width: 17px; }
.read a { color: var(--purple); font: 500 14px var(--secondary-font); }

.message { background: url("../images/msgs_bg.jpg") no-repeat top center / cover; clear: both; padding: 5% 0px; width: 100%; }
.message h2 { color: var(--bs-white); }
.message .carousel-indicators { bottom: 0px; display: block; position: relative; margin: 0px; }
.message .carousel-indicators [data-bs-target] { background-color: var(--bs-white); background-clip: inherit; border-bottom: 1px solid #bfbfbf; color: var(--gray); font-size: 18px; height: auto; list-style: none; margin: 0px; opacity: 1; padding: 12px 12px 22px; text-indent: inherit; width: 100%; }
.message .carousel-indicators [data-bs-target] span { color: var(--purple); display: inline-block; font-size: 20px; margin-right: 5px; }
.message .carousel-indicators .active { background-color: var(--purple); color: var(--bs-white); }
.message .carousel-indicators .active span { color: var(--bs-white); }
.message .carousel-inner { background-color: var(--bs-white); padding: 15px 30px; height: 100%; }
.message .carousel-inner:hover { background-color: #f6ecfb; }
.message .carousel-inner picture img { border-radius: 100%; }
.message .carousel-inner h4 { color: var(--purple); font-size: 16px; font-weight: 700; text-transform: capitalize; }
.message .carousel-inner h4 small { color: var(--gray); font-size: 14px; font-weight: 500; }
.message .carousel-inner a { color: var(--purple); font: 500 14px var(--secondary-font); }
.message .carousel-control-next, .message .carousel-control-prev { opacity: 1; width: 40px; }
.message .carousel-control-prev-icon, .message .carousel-control-next-icon { background-size: 9px 15px; }
.message .carousel-control-prev-icon { background-image: url("../images/arw_prev.png"); }
.message .carousel-control-next-icon { background-image: url("../images/arw_next.png"); }

.our { background-color: #f9f9f9; clear: both; padding: 5% 0px; width: 100%; }
.our h2 { font-weight: 700; }
.our p { font-family: var(--secondary-font); }
.our .panel { background-color: var(--bs-white); border-bottom: 3px solid var(--purple); box-shadow: 0px 0px 16px rgba(0, 0, 0, 15%); clear: both; padding: 15px 15px; transition: all 0.5s ease-in-out 0s; width: 100%; }
.our .panel:hover { background-color: #f6ecfb; transition: all 0.5s ease-in-out 0s; transform: scale(1.04);  }
.our .panel picture { display: block; margin-bottom: 1rem; min-height: 163px; text-align: center; }
.our .panel h4 { color: var(--purple); font-size: 18px; font-weight: 500; min-height: 50px; text-align: center; }
.our .panel p { min-height: 110px; }
.our .panel a { color: var(--purple); font: 500 14px var(--secondary-font); }
.our .owl-carousel .owl-item { padding: 10px 6px; }
.our .owl-carousel .owl-item img { display: inline-block; width: auto; }
.our .owl-carousel .owl-nav { margin: 0px; }
.our .owl-carousel .owl-nav button.owl-next, .our .owl-carousel .owl-nav button.owl-prev { background-color: transparent;border-radius: 0px; color: var(--bs-white); height: 46px; opacity: 1; margin-top: 18%; position: absolute; text-indent: -9999px; top: 0px; width: 46px; }
.our .owl-carousel .owl-nav button.owl-next { background-image: url("../images/arw_next_01.png"); right: 0; margin-right: -5%; }
.our .owl-carousel .owl-nav button.owl-prev { background-image: url("../images/arw_prev_01.png"); left: 0; margin-left: -5%;  }
.our .owl-carousel .owl-nav button.owl-next:hover { background-image: url("../images/arw_next_01.png"); }
.our .owl-carousel .owl-nav button.owl-prev:hover { background-image: url("../images/arw_prev_01.png"); }
.our .owl-theme .owl-nav [class*="owl-"]:hover { background: transparent; }

.rest { background: url("../images/bg_tex.jpg") no-repeat top center / cover; clear: both; padding: 5% 0px; text-align: center; width: 100%; }
.rest .col { padding: 30px 12px; }
.rest .col:hover { background-color: var(--purple); border-radius: 10px; box-shadow: 0px 0px 16px rgba(0, 0, 0, 30%); }
.rest .col picture { display: block; margin-bottom: 1rem; min-height: 65px; }
.rest .col h3 { font-size: 30px; font-weight: 400; text-transform: capitalize; }
.rest .col:hover img { filter: brightness(0) invert(1); }
.rest .col:hover h3 { color: var(--bs-white); }
.rest .col h3 span { font-size: 48px; font-weight: 900; }

.gallery { clear: both; padding: 5% 0px; width: 100%; }
.gallery .box { position: relative; width: 100%; }
.gallery .overlay { align-items: center; background-color: rgba(0, 0, 0, 0.5); bottom: 0; display: flex; height: 100%; justify-content: center; left: 0px; opacity: 0; overflow: hidden; padding: 5px 5px; position: absolute; transition: all 0.5s ease-in-out 0s; width: 100%; }
.gallery .overlay:hover { bottom: 0; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; }
.gallery .btn-primary { background-color: rgba(144, 97, 170, 75%); border: inherit; font-size: 15px; font-weight: 500; text-transform: capitalize; }
.gallery .btn-primary:hover, .gallery .btn-primary:focus { background-color: rgba(144, 97, 170, 100%);}
.gallery .owl-carousel .owl-nav { margin: -60px 0px 0px; position: absolute; right: 0; top: 0; width: 60px; }
.gallery .owl-carousel .owl-nav button.owl-next, .gallery .owl-carousel .owl-nav button.owl-prev { background-color: var(--purple); border-radius: 0px; color: var(--bs-white); height: 25px; opacity: 1; margin-top: 18%; position: absolute; text-indent: -9999px; top: 0px; width: 25px; }
.gallery .owl-carousel .owl-nav button.owl-next { background-image: url("../images/arw_next_01.png"); background-size: 25px; right: 0; margin-right: -5%; }
.gallery .owl-carousel .owl-nav button.owl-prev { background-image: url("../images/arw_prev_01.png"); background-size: 25px; left: 0; margin-left: -5%;  }
.gallery .owl-carousel .owl-nav button.owl-next:hover { background-image: url("../images/arw_next_01.png"); background-size: 25px; }
.gallery .owl-carousel .owl-nav button.owl-prev:hover { background-image: url("../images/arw_prev_01.png"); background-size: 25px; }
.gallery .owl-theme .owl-nav [class*="owl-"]:hover { background: transparent; }

footer { background-color: var(--violet); clear: both; padding: 5% 0px 0px; width: 100%; }
footer h3 { color: #b49ec0; font-size: 24px; font-weight: 500; margin-bottom: 1rem; }
footer ul { list-style: none; margin: 0; padding: 0; }
footer ul li { color: #d2cdd5; font-size: 13px; margin-bottom: 0.5rem; text-transform: capitalize; }
footer ul li a { color: #d2cdd5; }
footer ul li a:hover { color: var(--bs-white); }
footer .contact { background-color: #451f5a; border: 1px solid #5a3271; clear: both; padding: 20px 20px; width: 100%; }
footer .contact h4 { color: var(--bs-white); font-size: 16px; font-weight: 500; margin-bottom: 1rem; text-transform: capitalize; }
footer .form-control { background-color: #451f5a; border: 1px solid #5a3271; border-radius: 0px; color: var(--bs-white); font-size: 13px; }
footer .form-control:focus { background-color: #5a3271; border: 1px solid #5a3271; box-shadow: inherit; color: var(--bs-white); }
footer .form-control::placeholder { color: #d2cdd5; }
footer .btn-primary { background-color: #b064db; border: inherit; border-radius: 50px; font-size: 14px; }
footer .btn-primary:hover, footer .btn-primary:focus { background-color: var(--purple) !important; border: inherit; }
footer .copy { background-color: #422f60; border-top: 1px solid #513f6c; clear: both; color: var(--bs-white); font-size: 13px; margin-top: 65px; padding: 20px 0px; text-align: center; width: 100%; }

.subanner { clear: both; overflow: hidden; position: relative; width: 100%; }
.subanner img { width: 100vw; }
.subanner .caption { align-content: center; background-color: rgba(35, 35, 35, 65%); color: #fff; display: grid; height: 100%; left: 0; padding: 5% 0px; position: absolute; top: 0; text-align: center; width: 100%; }
.subanner .caption h2 { color: var(--bs-white); font-family: var(--secondary-font); font-size: 48px; line-height: 38px; text-transform: capitalize; }
.subanner .caption h2 small { color: var(--bs-white); font: 300 18px var(--secondary-font); }
.subanner .caption p { color: var(--bs-white); font: 500 30px var(--secondary-font); }

.main { clear: both; padding: 5% 0px; width: 100%; }

.subhead { color: var(--purple); font-weight: 500; text-transform: uppercase; }

.lists { list-style: none; margin: 0px; padding: 0px; }
.lists li { background: url("../images/check.png") no-repeat left 3px; margin-bottom: 5px; padding-left: 25px; }

.enquiry .form-control { border-color: #bfbfbf; border-radius: 0px; color: #636363; font: 400 14px var(--primary-font); line-height: 28px; }
.enquiry .form-control:focus { border-color: var(--purple); box-shadow: inherit; }
.enquiry textarea.form-control { line-height: normal; min-height: 120px; }
.enquiry .btn-primary { background-color: var(--purple); border: inherit; border-radius: 0px; font: 500 16px var(--primary-font); line-height: 34px; width: 100%; }

.oral h1 { font: 700 48px var(--primary-font); }

.point { list-style: none; margin: 0px; padding: 0px; }
.point li { background: url("../images/bullets.png") no-repeat left 7px; margin-bottom: 5px; padding-left: 18px; }

.faculties { clear: both; padding: 50px 0px 0px; width: 100%; }
.faculties .col { flex-basis: auto; max-width: 25%; }
.faculties .card { background-color: #fbfbfb; border: inherit; border-radius: 0px; box-shadow: 0px 3px 7px rgba(0, 0, 0, 35%); padding: 0.625rem; text-align: center; }
.faculties .card:hover { background-color: #f6ecfb; }
.faculties .card h5 { color: var(--purple); font-size: 18px; }
.faculties .card p { font-size: 16px; font-weight: 500; margin-bottom: 2rem; }
.faculties .card a { color: var(--purple); font: 500 14px var(--primary-font); }

.profile { clear: both; width: 100%; }
.profile h3 { font-size: 24px; font-weight: 700; text-transform: capitalize; }
.profile h4 { font-size: 18px; font-weight: 500; }
.profile picture img { border-radius: 100%; box-shadow: 0px 6px 15px rgba(0, 0, 0, 35%); }
.profile ul { list-style: none; margin: 0px; padding: 0px; }
.profile ul li { margin-bottom: 5px; }
.profile ul li span { display: inline-block; width: 35px; }
.profile tr th:first-of-type, .profile tr td:first-of-type { padding-left: 0px; }

/*-------------------
    Media Query
---------------------------*/

@media only screen and (max-width: 767px) {
    h2 { font-size: 28px; }
    .col { flex-basis: auto; }
    .info span { margin: 0px 2px 5px; text-align: center; }
    .info .col:last-child { text-align: center; }
    .admis { text-align: center; }
    .admis a { margin: 0px 4px; }
    .navbar-brand { max-width: 210px; }
    .navbar-toggler { border: inherit; }
    .navbar .navbar-nav .nav-item { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .navbar .navbar-nav .nav-link { padding-left: 5px; padding-right: 5px; }
    .navbar .navbar-nav .nav-link.active { background-color: var(--purple); border: inherit; color: var(--bs-white); }
    .dropdown .dropdown-menu  { border: inherit; border-radius: 0px; box-shadow: inherit; }
    .dropdown-menu.show { display: block; }
    .dropend:hover>.dropdown-menu { box-shadow: inherit !important; position: relative; display: block; left: 0; }
    .dropend .dropdown-toggle { margin-left: .5em; }
    .banner .carousel-caption h1 { font-size: 25px; line-height: 20px; }
    .banner .carousel-caption p { font-size: 18px; }
    .banner .carousel-control-next, .banner .carousel-control-prev { height: 30px; width: 30px; }
    .about .border-end { border: 0px !important; padding: 15px 0px !important; }
    .message .carousel-indicators [data-bs-target] { width: auto; }
    .message .gx-5 { --bs-gutter-x: 1rem }
    .rest .col { margin-bottom: 1rem; max-width: 50%; }
    .rest .col h3 { font-size: 18px; }
    .rest .col h3 span { font-size: 34px; }
    .our .owl-carousel .owl-nav button.owl-prev, .our .owl-carousel .owl-nav button.owl-next { margin: 45% 0px; }
    footer ul { margin-bottom: 1rem; }
    .subanner img { margin-left: -50%; max-width: 860px !important; width: 860px !important; }
    .subanner .caption { padding: 7% 0px; }
    .subanner .caption h2 { font-size: 34px; line-height: 30px; }
    .subanner .caption h2 small { font-size: 14px; }
    .subanner .caption p { font-size: 20px; }
    .oral h1 { font-size: 32px; }
    .main .gx-5 { --bs-gutter-x: 1rem; }
    .faculties .col { max-width: 50%; }
    .faculties .card h5 { font-size: 15px; min-height: 37px; }
    .faculties .card p { font-size: 13px; }
    .profile .table { min-width: 960px; }   
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h2 { font-size: 28px; }
    .navbar-toggler { border: inherit; }
    .navbar .navbar-nav .nav-item { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .navbar .navbar-nav .nav-link { padding-left: 5px; padding-right: 5px; }
    .navbar .navbar-nav .nav-link.active { background-color: var(--purple); border: inherit; color: var(--bs-white); }
    .dropdown .dropdown-menu  { border: inherit; border-radius: 0px; box-shadow: inherit; }
    .dropend:hover>.dropdown-menu { box-shadow: inherit !important; position: relative; display: block; left: 0; }
    .dropend .dropdown-toggle { margin-left: .5em; }
    .banner .carousel-caption h1 { font-size: 52px; line-height: 50px; }
    .banner .carousel-caption p { font-size: 30px; }
    .message .carousel-indicators [data-bs-target] { font-size: 15px; padding: 12px 12px 24px; }
    .awd_nws .panel .date { font-size: 13px; }
    .news-scroll p, .news-scroll ul li { font-size: 12px; }
    .rest .col h3 { font-size: 18px; }
    .rest .col h3 span { font-size: 34px; }
    footer h3 { font-size: 20px; }
    .subanner img { margin-left: -30%; max-width: 1160px !important; width: 1160px !important; }
    .subanner .caption { padding: 6% 0px; }
    .subanner .caption h2 { font-size: 36px; line-height: 30px; }
    .subanner .caption h2 small { font-size: 16px; }
    .oral h1 { font-size: 38px; }
    .faculties .card h5 { font-size: 15px; min-height: 37px; }
    .faculties .card p { font-size: 13px; }
    .profile .table { min-width: 960px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .navbar-brand { max-width: 190px; }
    .awd_nws .panel .date { font-size: 11px; }
    .news-scroll p, .news-scroll ul li { font-size: 12px; }
    .message .carousel-indicators [data-bs-target] { font-size: 15px; }
    .our .owl-carousel .owl-nav button.owl-prev { margin-left: -4%; }
    .our .owl-carousel .owl-nav button.owl-next { margin-right: -4%; }
    .rest .col h3 { font-size: 18px; }
    .rest .col h3 span { font-size: 34px; }
    .oral h1 { font-size: 42px; }
    .faculties .card h5 { font-size: 16px; }
    .faculties .card p { font-size: 14px; }
}