body.overflow-hidden{ overflow:hidden !important; }
p, li {
    font: var(--font-p);
    margin: 0 0 15px 0;
    font-size: 16px;
    line-height: 26px;
    opacity: 0.9;
    letter-spacing: 1px;
    font-weight: 500;
}
.btn-arrow{
  color: var(--red-color);
  font-size: 16px;
  font-weight: 700;
  transition: all .2s ease;
  letter-spacing: 1px;
}
.btn-arrow span.icon-m{
  background: var(--red-color);
  color: #fff;
  border-radius: 50px;
  margin: 0 0 0 2px;
  border: 1px solid var(--red-color);
  transition: all .3s ease;
      position: relative;
    top: 7px;
}

.btn-arrow:hover{
  color: var(--red-color);
  transition: all .2s ease;
  margin: 0 0 0 4px;
}

.btn-arrow:hover span.icon-m{
  background: var(--white);
  color: var(--red-color);
  margin: 0 0 0 4px;
  transition: all .3s ease;
}



header.fixed-menu .video-landing-nav { position: fixed; z-index: 99; width: 100%;transition:3s;}
/*header.fixed-menu .video-landing-nav {transition:1s; background: #ffffff99; -webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px); \z-index: 100;}*/
header.fixed-menu .video-landing-nav {transition:1s; background: #fff; z-index: 100;}
.video-landing-nav1{transition:3s;}
header.fixed-menu .video-landing-nav1{transition:3s; display:none;}
header.fixed-menu .video-landing-nav2 img { filter: brightness(1) invert(0);width: 150px;transition:0.5s;}
header.fixed-menu .video-landing-nav2 .nav2-right p{transition:1s; display:none;}
header.fixed-menu .video-landing-nav2 .nav2-right .hamburger-sec p{ color:#333; display:block;transition:2s;}
header.fixed-menu .video-landing-nav2 .hamburger-sec img {width: 90%;}


.marquee-sec{ padding:20px;}
.marquee-sec .marquee { overflow:hidden; }
.marquee-sec .marquee ul{ list-style:none; display: -webkit-inline-box; margin:0; }
.marquee-sec .marquee ul li{display: inline-block;position: relative;}
.marquee-sec .marquee ul li a{ color:var(--black-color); }
.marquee-sec .marquee ul li a:hover{ color:var(--red-color); }
.marquee-sec .marquee ul li .is--display-line{    width: 2px;
    height: 13px;
    min-width: 2px;
    margin-right: 20px;
    margin-left: 20px;
    background-color: #0f0e1759;
    position: relative;
    top: 16px}
	
.socialfeeds-sec{ padding:40px 0 0 0; }	
.socialfeeds-sec .body-content{ padding:0 0 40px 0; border-bottom:2px dotted #fff; }	
.socialfeeds-sec .in-block {
    height: 420px;
    overflow-y: auto;
    background-color: #fff;
    text-align: center;
    margin: auto;position: relative;
}

.socialfeeds-sec .in-block.instagram iframe{ min-width:99% !important;}
.socialfeeds-sec .in-block.facebook{ overflow-y:hidden; } 

.socialfeeds-sec .linkedin:before {
    content: "";
    background-image: url(../images/icons/social-linkedin.png);
    position: absolute;
    width: 25px;
    height: 25px;
    background-size: cover;
    right: 10px;
    top: 10px;
    border-radius: 4px;
}

    

.video-landing-nav2 .brnd-logo{ position:relative; }
.video-landing-nav2 .brnd-logo img.logo {width:90px;z-index: 100; position: relative;display:inline-block;}
.video-landing-nav2 .brnd-logo h2{ display: inline-block; 
    position: relative;
    font-size: 64px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    color: #fff;  letter-spacing:4px; font-family: "Canela Deck" !important;}
.video-landing-nav2 .brnd-logo h2 span{    display: block;
    font-size: 12.8px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0 0 2px 0;
	font-family: "Ysabeau Infant", sans-serif !important;
}
.video-landing-nav2 .brnd-logo:hover h2	{opacity: 0.8 !important;}	

.video-landing-nav2 .brnd-logo h2 span.naccrank {
    text-align: center;
    border-top: 1px solid #fff;
    margin: 2px 0 0 0; letter-spacing:1px;
	font-family: "Ysabeau Infant", sans-serif !important;
    padding: 4px 0 0 0;
}

header ul.dropdown-menu.level-1,
header .open>.dropdown-menu{display: none;}

.links_list ul.navbar-nav li a:hover,
.links_list ul.navbar-nav li a:focus{ text-decoration:none; outline:none; }

header.fixed-menu .video-landing-nav2 .brnd-logo h2 span.naccrank {border-top: 1px solid #002ba4;}
header.fixed-menu .video-landing-nav2 .brnd-logo h2{ color:#002ba4; }
header .video-landing-nav2 .nav2-right ul{transition:1s; display:none; transition: 1s;list-style: none; margin: 0; padding: 0;}
header .video-landing-nav2 .nav2-right ul li{display:inline-block; margin: 4px 0 0 30px; }
header .video-landing-nav2 .nav2-right ul li a{font-weight:600; color:var(--black-color);}
header .video-landing-nav2 .nav2-right ul li a:hover{color:var(--red-color);}
header.fixed-menu .video-landing-nav2 .nav2-right ul{transition:1s; display:block;margin: 12px 0 0 0;}
header.fixed-menu .video-landing-nav2 .nav2-right { gap: 80px;}
header.fixed-menu .video-landing-nav2 .brnd-logo img.logo {  width: 50px;}
header.fixed-menu .video-landing-nav2 .brnd-logo h2 { font-size: 50px;}
header.fixed-menu .video-landing-nav2 h2 span { font-size:10px;}
.menu-left-content .brnd-logo1{ position:relative; }
.menu-left-content .brnd-logo1 img.logo {width:60px;z-index: 100; position: relative;display:inline-block;}
.menu-left-content .brnd-logo1 h2{display: inline-block; position:relative; font-size:50px; font-family: "Canela Deck" !important; padding:0;margin:0; vertical-align:middle; color:#fff;}
.menu-left-content .brnd-logo1 h2 span{display: block; font-size: 9px;  font-weight: 400; font-family: "Ysabeau Infant", sans-serif !important;}
.menu-left-content .brnd-logo1 h2 span.naccrank {
    text-align: center;
    border-top: 1px solid #fff;
    margin: 2px 0 0 0; letter-spacing:1px;
	font-family: "Ysabeau Infant", sans-serif !important;
    padding: 4px 0 0 0;
}


.bannervideo-bg video {position: relative;overflow: hidden; z-index:1; width: 100%;  height: 100% !important;}
#panel.uon-front-door #page-header.bannervideo-bg  .no-header-tint {  padding-top:220px; padding-left:60px; position: absolute; width: 100%; top: 0; }
#panel.uon-front-door #page-header.bannervideo-bg  .no-header-tint .box-blue{
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-name: fadeIn;
    animation-delay:1s;
}

#panel.uon-front-door #page-header.bannervideo-bg  .no-header-tint .box-blue p.btn-sec a.btn-arrow{ color:#fff; }
#panel.uon-front-door #page-header.bannervideo-bg  .no-header-tint .box-blue p.btn-sec a.btn-arrow:hover span.icon-m {
    background: var(--white-color);
    color: var(--red-color);
    margin: 0 0 0 4px;
    transition: all .3s ease;
	    border: 1px solid var(--white-color);
}

#panel.uon-front-door #page-header.bannervideo-bg  .no-header-tint .headline-50px {  font-size: 60px;
    letter-spacing: 0.50px;
    line-height: 64px !important;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.6);
    font-weight: 700;
    font-family: "Ysabeau Infant", sans-serif !important;}

#panel.uon-front-door #page-header.bannervideo-bg  .no-header-tint p {
    color: #fff;
    opacity: 1;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.4;
    letter-spacing: -0.22px;
    width: 490px;  text-shadow: 0px 0px 2px rgba(0,0,0,0.6); margin:20px 0;
}

.uon-landing-page-header-video{ position:relative; }
.uon-landing-page-header-video:before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:2;
background:rgb(0 0 0 / 11%);
}

.about-sec .uon-large-block-cta-link-inside{ padding:80px  60px; }
.about-sec h2{ color:#fff; margin:0 0 30px 0; }
.about-sec h2.underlined::after { background: var(--white-color);}
.about-sec p{ font-weight:600; color: #fff; opacity: 1; margin:15px 0;}
.about-sec p.btn-sec{ margin-top:15px; }
.about-sec p.btn-sec .btn-arrow{ color:#FFFFFF; }
.about-sec p.btn-sec .btn-arrow:hover{text-decoration:none;}
.about-sec p.btn-sec a.btn-arrow:hover span.icon-m {
    background: var(--white-color);
    color: var(--red-color);
    border: 1px solid var(--white-color); text-decoration:none;
}
.explorenluo-sec .uon-card-content p{margin: 0 ;     color: var(--black-color);     opacity: 1;}
.explorenluo-sec .uon-card-content p.btn-arrow{ margin-top:10px; display:block; } 
.explorenluo-sec .uon-card-content .btn-arrow:hover{ margin:10px 0 0 0px;}
.explorenluo-sec .uon-card-content .btn-arrow:hover span.icon-m { margin:0px 0 0 0px;}

.explorenluo-sec .uon-card:hover .uon-card-content .btn-arrow span.icon-m {background: var(--white); color: var(--red-color);}

.in-banner-sec img{ width:100%;}
.breadcrumb-in{ margin:0 10px 0; text-align:left; }
.light-cookie-trail p.uon-wide-feature-content-links {margin: -8px 0 0 0;float: right;}
.faculty-sec .in-faculty-blk{ margin:0 -15px; }
.faculty-sec .in-faculty-blk aside.faculty-block {float: left;width: 50%;margin: 10px 0; padding: 0 15px;}
.faculty-sec .in-faculty-blk aside.faculty-block h4.underlined{ font-size: 20px;}
.uon-listing-item .uon-listing-item-image { width: 40%;}

#staff-profile .section-header { margin-top:20px; margin-bottom: 20px;  padding: 20px; position: relative; min-height: 111px;}
.section-header.bckgrnd-black {background-color: rgba(4,20,36,0.85);}
.section-header { margin-bottom: 20px; padding: 30px; font-size: 36px; line-height: 1;color: #ecedef;}

#staff-profile .section-header .profile-image {float: left;  margin-right: 20px;  width: 110px;}
#staff-profile .section-header .profile-header {  float: left;  margin-left: 10px;}
#staff-profile .section-header .profile-header h1 {  font-size: 36px; line-height: 1; color: #FFF; text-transform: none; margin: 10px 0;}
#staff-profile .section-header .profile-header p.position { font-size: 18px; line-height: 1;  margin-bottom: 5px;}
#staff-profile .section-header .profile-header p.unit {  font-size: 16px; line-height: 1; margin: 0;}
#staff-profile .section-header .quick-contact {  position: absolute; right: 20px;  bottom: 20px; text-align: right; list-style-type: none; font-size: 16px; line-height: 20px; margin: 0;}
#staff-profile .section-header .quick-contact li {padding: 0; margin: 0 0 10px 0;background: none;line-height: 20px; }
#staff-profile .section-header .quick-contact li:lasat-child{ margin:0; }
#staff-profile .reader { display: none;}
#staff-profile .section-header .quick-contact li a { color: #FFF;}
#staff-profile .section-header .quick-contact li .fa {margin-left: 10px;}
.faculty-sec .in-faculty-blk aside.faculty-block .uon-listing-item .uon-listing-item-detail { margin-right:0px; margin-left: 20px;}


#uon-body.three-column .body-menu, 
#uon-body.two-column .body-menu form input,
#search-box  form input {
    width: 100%;
    background:#fff;
    border: none;
    box-shadow: none;
    border-radius: 50px;
    line-height: 40px;
    font-weight: 600;
    font-size: 16px;
    padding: 4px 15px;
}

#uon-body.three-column .body-menu, 
#uon-body.two-column .body-menu form .btn-submit{
  position: absolute;
    right: 20px;
    padding: 8px 20px;
    top: 19px;
    background: #0100ff;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 15px;
    border-radius: 50px;
    padding: 12px;
    transition: 2s;
}
#search-box{ padding:30px 30px 0 0; }
#search-box form { padding:30px 60px 30px 30px; position: relative; }
#search-box .closesearch {
       position: absolute;
    right: 26px;
    padding: 8px 20px;
    top: 19px;
    /* background: #072b7d; */
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 15px;
    border-radius: 50px;
    padding: 8px 10px;
    transition: 2s;
    top: 52px;
}
#search-box form .btn-submit {
    position: absolute;
    right: 64px;
    padding: 8px 20px;
    top: 19px;
    background: #072b7d;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 15px;
    border-radius: 50px;
    padding: 8px 10px;
    transition: 2s;
    top: 32px;
}

#search-box form .btn-submit:hover{ background: rgb(7 43 125 / 60%); transition: 2s; }

.social-icons * {
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
				}
				
				.social-icons .fa {
					margin-right: 10px;
				}
				
				.social-icons .fa.fa-instagram {
					color: #33628A;
				}
				
				.social-icons .fa.fa-facebook {
					color: #3A5795;
				}
				
				.social-icons .fa.fa-twitter {
					color: #55ACEE;
				}
				
				.social-icons .fa.fa-linkedin {
					color: #0073B2;
				}
				
				.social-icons .fa.fa-youtube-play {
					color: #CC181E;
				}
				
				.social-icons .fa.fa-soundcloud {
					color: #F50;
				}
				
				.social-icons .fa.fa-google-plus {
					color: #DB4437;
				}
				
				.social-icons .fa.fa-globe {
					color: #06C;
				}
				
				.social-icons .fa.fa-comment-o {
					color: #D8352A;
				}
				
				.social-icons .fa.fa-plus {
					color: #606;
				}
				
				.social-icons .fa.round-icon {
					background: #333;
					color: #FFF;
					border-radius: 100%;
					width: 40px;
					height: 40px;
					line-height: 40px;
					text-align: center;
					font-size: 16px;
				}
				
				.social-icons .fa.round-icon.small-round-icon {
					width: 30px;
					height: 30px;
					line-height: 30px;
					font-size: 11px;
				}
				
				.social-icons .fa.round-icon.large-round-icon {
					width: 60px;
					height: 60px;
					line-height: 60px;
					font-size: 24px;
				}
				
				.social-icons .fa.fa-instagram.round-icon {
					background: #33628A;
				}
				
				.social-icons .fa.fa-facebook.round-icon {
					background: #3A5795;
				}
				
				.social-icons .fa.fa-twitter.round-icon {
					background: #55ACEE;
				}
				
				.social-icons .fa.fa-linkedin.round-icon {
					background: #0073B2;
				}
				
				.social-icons .fa.fa-youtube-play.round-icon {
					background: #CC181E;
				}
				
				.social-icons .fa.fa-soundcloud.round-icon {
					background: #F50;
				}
				
				.social-icons .fa.fa-google-plus.round-icon {
					background: #DB4437;
				}
				
				.social-icons .fa.fa-globe.round-icon {
					background: #06C;
				}
				
				.social-icons .fa.fa-comment-o.round-icon {
					background: #D8352A;
				}
				
				.social-icons .fa.fa-plus.round-icon {
					background: #606;
				}
				
				.social-icons a:hover .fa.fa-instagram,
				.social-icons a:hover .fa.fa-facebook,
				.social-icons a:hover .fa.fa-twitter,
				.social-icons a:hover .fa.fa-linkedin,
				.social-icons a:hover .fa.fa-youtube-play,
				.social-icons a:hover .fa.fa-google-plus {
					color: #DB4437;
				}
				
				{
					color: #666;
				}
				
				.social-icons a:hover .fa.round-icon {
					border: 2px solid #333;
					background: none;
					height: 40px;
					line-height: 36px;
					width: 40px;
					color: #333;
				}
				
				.social-icons a:hover .fa.round-icon.small-round-icon {
					height: 30px;
					line-height: 26px;
					width: 30px;
				}
				
				.social-icons a:hover .fa.round-icon.large-round-icon {
					height: 60px;
					line-height: 56px;
					width: 60px;
				}
				
				.social-icons a:hover .fa.fa-instagram.round-icon {
					color: #33628A;
					border-color: #33628A;
				}
				
				.social-icons a:hover .fa.fa-facebook.round-icon {
					color: #3A5795;
					border-color: #3A5795;
				}
				
				.social-icons a:hover .fa.fa-twitter.round-icon {
					color: #55ACEE;
					border-color: #55ACEE;
				}
				
				.social-icons a:hover .fa.fa-linkedin.round-icon {
					color: #0073B2;
					border-color: #0073B2;
				}
				
				.social-icons a:hover .fa.fa-youtube-play.round-icon {
					color: #CC181E;
					border-color: #CC181E;
				}
				
				.social-icons a:hover .fa.fa-soundcloud.round-icon {
					color: #F50;
					border-color: #F50;
				}
				
				.social-icons a:hover .fa.fa-google-plus.round-icon {
					color: #DB4437;
					border-color: #DB4437;
				}
				
				.social-icons a:hover .fa.fa-globe.round-icon {
					color: #06C;
					border-color: #06C;
				}
				
				.social-icons a:hover .fa.fa-comment-o.round-icon {
					color: #D8352A;
					border-color: #D8352A;
				}
				
				.social-icons a:hover .fa.fa-plus.round-icon {
					color: #606;
					border-color: #606;
				}
				

.pdf-sec {padding:5px 20px; border: 1px solid #f3f3f3; margin-top: 30px; border-radius: 5px; overflow: hidden;}
.pdf-sec ul.section-content {list-style:none;  padding: 0px;}
.pdf-sec ul.section-content .course-lesson.course-item { list-style-type: none;  padding:10px 0px; border-bottom: 1px solid #f3f3f3;  margin-bottom: 0px;}
.pdf-sec ul.section-content .course-lesson.course-item:last-child{ border-bottom:0px solid #f3f3f3;} 
.pdf-sec .course-lesson.course-item span {padding: 5px 15px 5px 20px; font-size: 16px; width: 79%;  display: inline-block; position: relative;}
.pdf-sec .course-lesson.course-item a.next-button { width:20%;display: inline-block; margin:auto 0 auto auto;}	
.pdf-sec .course-lesson.course-item span i {color: red; position: absolute; left: 0; top: 10px;}		
				
.gallery-sec .row{ margin-bottom:30px; }
.gallery-sec .row aside{ margin:15px 0; }	


.uon-large-block-cta-link h3 {
    height: 100px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-start;
    font: var(--font-h3);
    font-weight: 600;
}

.explore-sec .uon-card-with-meta .uon-card-content {
    padding: 20px;
}

.explore-sec .uon-card-content h3 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .6px;
    line-height: 22px;
    margin-bottom: 10px;
}

.numbers {
    display: flex;
    padding: 24px 24px 0px 24px;
    border-top: 1px solid #fff;
	margin-top:24px;
}
.numbers article {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 24px;
  text-align: center; border: none !important;
}
.numbers article.border {
  border-left: 1px solid #eee !important;
  border-right: 1px solid #eee !important;
}
.numbers article h4 { color:#fff; margin:0; font-size:45px; font-weight:600;}
.numbers article h6{ color:#fff; margin:0; font-size:18px; font-weight:400;}
.numbers article img{
  height: 60px;
  filter:contrast(1.2);
}
.numbers .text_block {
  padding: 0px 20px;
  /* line-height: 24px; */
  display: flex;
  text-align: left;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
.numbers .text_block h6{
    font-size: 18px;
    line-height: 1.3;
}


.two-colums .numbers {border-top: 0px solid #fff;border-top: 0px solid #fff;  padding: 0;margin: 0;}
.two-colums .numbers article {padding:0;}
.two-colums .numbers .text_block { width:100%;padding: 24px; display: block; text-align:center;}
.two-colums .numbers:first-child article { border-bottom: 1px solid #f2f2f2 !important;}
.two-colums .numbers article.border-r{  border-right: 1px solid #f2f2f2 !important;}	
.two-colums .numbers:first-child{ margin-top:30px; }

.events-sec{ position:relative;}
.events-list .owl-stage-outer { overflow: visible;}
.events-list .item { position:relative;  padding-bottom:15px; margin:15px 0; background: #f6f7f9;
    padding: 15px;
    border-radius: 8px;}
.events-list .item img{border-radius: 8px;    box-shadow: 0 2px 9px rgba(0, 10, 61, .16); }
.events-list .item h3{
   font-size: 18px;
    font-weight: 500;
    letter-spacing: .6px;
    height: 78px;
    overflow: hidden;
    line-height: 20px;
    margin: 0 0 0 0;
    font-family: "Ysabeau Infant", sans-serif;

}
.events-list .item:hover{box-shadow: 0 19px 21px -15px rgba(0,0,0,0.21);
     -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;}
.events-list .item p.date{    margin:0 0 10px 0;
    color: var(--red-color);
    font-size: 14px;
    font-weight: 600;
 }
.events-list .item p.date i{ padding:0 5px 0 0; }
.events-list .item a{ position:absolute; width:100%; height:100%; top:0; left:0; }
.events-list .item figure{margin: 0;}
.events-list .item  .cont-sec{ height: auto;  overflow: hidden;}
.events-list .owl-nav { position: absolute;
    right: 140px;
    top: -82px;}
.events-list .owl-nav button.owl-next, 
.events-list .owl-nav button.owl-prev{ opacity:0.6; font-size:24px; }
.events-list .owl-nav button.owl-next:hover, 
.events-list .owl-nav button.owl-prev:hover{ opacity:1; color: #002ba4; background: transparent; }

.events-home-sec .headingsec {position:relative; }
.events-home-sec .headingsec .left{display: inline-block; width: 70%;}
.events-home-sec .headingsec .right{display: inline-block; width: 29%; text-align:right; padding-top:30px;}

.scroll-gallery-sec .headingsec {position:relative; }
.scroll-gallery-sec .headingsec .left{display: inline-block; width: 70%;}
.scroll-gallery-sec .headingsec .right{display: inline-block; width: 29%; text-align:right; padding-top:30px;} 

.gry-bg{ background: #ECEDEF;}
.notification-sec {position: relative; z-index: 10; padding: 40px 20px; color: #2D3138; overflow: hidden;}
.notification-sec .news-block .heading-blk{padding-right: 8%;}
.notification-sec .heading-blk .text-right{ text-align:right; padding-top:10px; }
.notification-sec .heading-blk a:hover{ color:var(--red-color); text-underline-offset:5px;}
.notification-sec .news-block ul{ list-style:none; padding-right:8%; }
.notification-sec .news-block p.btn-sec{ text-align: right;
    padding-right: 8%;
       margin: 23px 0 0 0;
    display: block;}
.notification-sec .news-block ul li {list-style:none; background: #fff; padding: 15px; display: -webkit-box; display: -ms-flexbox;  display: flex; position: relative; color: #563a94;  margin-bottom: 30px; position:relative;}
.notification-sec .news-block ul li:before{display:none;}
.notification-sec .news-block ul li figure {margin: 0 15px 0 0; display: inline-block; width: 20%;vertical-align:top;}
.notification-sec .news-block ul li .news-ctnt { display: inline-block;  width: 75%; vertical-align:top;}
.notification-sec .news-block ul li .news-ctnt .txt-blk{ display: flex; flex-direction: column;  justify-content: space-between; flex-grow: 1;}
.notification-sec .news-block ul li .news-ctnt h3 {    font-size: 18px; font-weight: 500; letter-spacing: .6px; height: 68px; overflow: hidden; line-height: 22px;  margin: 0 0 18px 0;}
.notification-sec .news-block ul li .news-ctnt p{ margin:0; }
.notification-sec .news-block ul li .in-block a{ position:absolute; width:100%; height:100%; top:0; left:0;}
.notification-sec .news-block ul li:hover {
    box-shadow: 0 19px 21px -15px rgba(0,0,0,0.21);
     -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.notification-sec .notification-block .heading-blk ul.nav-pills{ margin:0; }
.notification-sec .notification-block .heading-blk ul.nav-pills li a{     position: relative;
    display: inline-block;
    width: fit-content; }
.notification-sec .notification-block .heading-blk ul.nav-pills li{margin-bottom:0px;}
.notification-sec .notification-block .heading-blk ul.nav-pills li a:after{ display:none; }
.notification-sec .notification-block  .tab-content{ margin:0px 0; }
.notification-sec .notification-block .heading-blk ul.nav-pills li a:hover,
.notification-sec .notification-block .heading-blk ul.nav-pills li a.active{background:transparent; color:var(--red-color);}

.notification-sec .notification-block ul{ list-style:none;}
.notification-sec .notification-block ul li:before{display:none;}
.notification-sec .notification-block ul li {
    position: relative;
    color: #563a94;
    margin-bottom: 30px;
}
.notification-sec .notification-block ul li .event-day {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    text-align: center;
    line-height: 1;
    background: #002ba4;
    color: #fff;
    padding-top: 3px;
}

.notification-sec .notification-block ul li .happ-bx {
    background: #fff;
    padding: 10px 35px;
    margin-left: 35px;
    min-height: 95px;
}
.notification-sec .notification-block ul li .happ-bx img.new-taq{ margin-bottom:5px; width:50px; }
.notification-sec .notification-block ul li .event-day .date {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 0;
	 text-align: center !important;
	     color: #fff;
	 
}

.notification-sec .notification-block ul li .event-day .year {
    font-size:11px;
    letter-spacing: 4px;
    margin: 7px 0 5px 0;
	 text-align: center !important;
	 line-height:14px;
	     color: #fff !important;
}

.notification-sec .news-block ul li h3,
.notification-sec .notification-block ul li h3 {   font-size: 18px;
    font-weight: 500;
    letter-spacing: .6px;
    height: 78px;
    overflow: hidden;
    line-height: 20px;
    margin: 0 0 0 0;
    font-family: "Ysabeau Infant", sans-serif;
}

}
.notification-sec .notification-block ul li a{ position:absolute; width:100%; height:100%; top:0; left:0;}
.notification-sec .notification-block ul li:hover .happ-bx {
    box-shadow: 0 19px 21px -15px rgba(0,0,0,0.21);
     -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.notification-sec .notification-block .tab-content ul li {
    margin-bottom: 28px;
}

.notification-sec .notification-block .tab-content p.btn-sec{     text-align: right;
    margin-top: 10px;
    position: relative;
    top: 13px; }
	
.notification-sec .notiul {
    height: 500px;
    overflow: hidden;
}
	
.one-column .uon-card-grid-news-events .uon-card-1x{ border-radius:8px;     transition: all 3s ease; overflow:hidden;}
.one-column .uon-card-grid-news-events .uon-card-1x:hover {
    transition: all .3s ease; border:none;
    box-shadow: 0 5px 20px rgba(0,0,0,.2);     outline:0px solid #1090d5;
}

.one-column .uon-card-grid-news-events .uon-card-1x:hover p.uon-card-content-link{ color:var(--red-color); }


.scroll-gallery-sec{ position:relative; padding:2% 0; position:relative }
.scroll-gallery-sec aside{ display: block;
    float: none;
    padding: 0 10px;} 
.marquee-sec .marquee ul li.w25{ width:350px; }
.marquee-sec .marquee ul li.w50{ width:722px; }
.scroll-gallery-sec aside .in-block { position:relative; padding: 2rem; border-radius: 8px; background-repeat: no-repeat; background-size: cover; overflow:hidden; background-position: center center; }
.scroll-gallery-sec aside.blcks1 .in-block{ height:542px;}
.scroll-gallery-sec aside.blcks2 .in-block{ height:261px;}
.scroll-gallery-sec aside .in-block.txt{
background:var(--black-color) ; 
    display: flex;
    gap:5px;
    flex-direction: column;
    flex: 1;
    text-align: center;
	    padding:85px 0 0 0;
}
.scroll-gallery-sec aside .in-block.txt h3{color:#fff; font-weight:900; font-size:40px; }
.scroll-gallery-sec aside .in-block.txt p{ color:#fff; font-weight:500; }
.scroll-gallery-sec aside .mb_30{ margin-bottom:20px; }

.scroll-gallery-sec aside .in-block.txt-blk .content-blk{    width: 100%;
    transition: all .2s ease;
    opacity: 0;
    position: absolute;
    z-index: 4;
    bottom: 10px;
    left: 0;
    padding: 15px;  }
.scroll-gallery-sec aside .in-block.txt-blk .content-blk h3{    color: #fff;
    font-size: 22px;
    line-height: normal;}
.scroll-gallery-sec aside .in-block.txt-blk .content-blk p{ color: #fff;
    font-size: 14px;
    line-height: 18px; margin:0;
    letter-spacing: 1px;
    font-weight: 500;
    opacity:0.9; }
.scroll-gallery-sec aside .in-block.txt-blk:hover .content-blk{ opacity:1; transition: all .2s ease; }
.scroll-gallery-sec aside .in-block.txt-blk a.block-link { display:none; transition: all .1s ease; }
.scroll-gallery-sec aside .in-block.txt-blk:hover a.block-link {
background-color: rgba(0, 0, 0, .5);
position:absolute; display:block;
width:100%; height:100%; 
top:0;
left:0; z-index:2; transition: all .1s ease;
}



.centers-sec{ padding:4% 0; }
.centers-sec ul{ list-style:none; margin:auto; text-align:center; padding:30px 0;  }
.centers-sec ul li{    width: 14.8%;
    display: inline-block;
    padding: 10px;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 10, 61, .16);
    transition: all .2s ease;
    border-radius: 20px;
    margin: 10px; }
.centers-sec ul li:hover{box-shadow: 0 4px 20px rgba(0,10,61,.40); transition: all .2s ease;}	
	
.centers-sec ul li img{ width:100%; }
.affailiates-sec  { padding:3% 0 1%; margin:0 -15px; }

.affailiates-sec a{     width: 13.66%;
    display: inline-block;
    padding: 10px 10px 10px 10px;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0,10,61,.16);
    transition: all .2s ease;
    border-radius: 20px;
    margin: 15px;
    text-align: center;;}
.affailiates-sec a img {
    height:56.3px;
}

.links_list ul.navbar-nav li a{
  font: var(--font-h3);
    color: #fff;
    padding: 5px 0;
    display: flex;
    position: relative;
    opacity: .7;
}
.links_list ul.navbar-nav li.active-open a,
.links_list ul.navbar-nav li a:hover{    opacity: 1;
    font-size: 3.3rem; text-decoration:none;
    transition: all .3s ease;}
.links_list ul.navbar-nav{     position: relative;
    width: 55%;
    list-style: none;
    float: none;}
	
.links_list ul.navbar-nav li{
    margin: 0 0 15px; display: block;
    width: 100%;}

.links_list ul.navbar-nav li.dropdown { position:unset; } 
.links_list ul.navbar-nav li.dropdown .dropdown-toggle:after{ display:none; }

.links_list ul.navbar-nav li.active-open .dropdown-menu.homelevel {
    display: block;
    top: 0;
    left: 100%;
    float: right;
    width: 60%;
    box-shadow: none;
    border: none;
    height: 100%;
	position: absolute;
    background: transparent;     
	z-index: 5;}


.links_list ul.navbar-nav li.active-open ul.dropdown-menu.level-1 {
    display: block;
    top: 200px;
    left: auto;
    float: right;
    width: 40%;
    box-shadow: none;
    border: none;
    height: 100%;
    position: absolute;
    background: transparent;
    position: fixed;
    z-index: 99;
    right: 5%;
    height: 59vh;
    overflow-y: scroll;
	padding: 0 1% 0 0;
}
.links_list ul.navbar-nav li.active-open ul.dropdown-menu.level-1::-webkit-scrollbar-track {
  border: 1px solid #000;
  padding: 2px 0;
  background-color:transparent;
}

.links_list ul.navbar-nav li.active-open ul.dropdown-menu.level-1::-webkit-scrollbar {
  width: 10px;
}

.links_list ul.navbar-nav li.active-open ul.dropdown-menu.level-1::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #737272;
  border: 1px solid #000;
}

header .navbar-nav li.dropdown ul.dropdown-menu>li:last-child, 
header .navbar-nav li.dropdown ul.dropdown-menu>li:last-child .dropdown-item {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

header .navbar-nav li.dropdown ul.dropdown-menu li{border-bottom: 1px solid #606e9a; margin: 0;} 
header .navbar-nav li.dropdown ul.dropdown-menu .head{
  color: #fff;
  display: block;
  width: 100%;
  opacity: 1;
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
  padding: 6px 30px 6px 0;
  position: relative;
  transition: all .3s ease;
}
header .navbar-nav li.dropdown ul.dropdown-menu a {
  color: #fff;
font-family: "Ysabeau Infant", sans-serif !important;
  display: block;
  width: 100%;
  opacity: 1;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  padding: 8px 30px 8px 0;
  position: relative;
  transition: all .3s ease;
}

header .navbar-nav li.dropdown ul.dropdown-menu a:before{
  content: "trending_flat";
  font-family: 'Material Symbols Outlined';
  transition: all .3s ease;
  position: absolute;
  right: 10px;

}

header .navbar-nav li.dropdown-submenu a.dropdown-item-toggle:before {
  content:"expand_more" !important;
  top: 8px;
  font-size: 22px;
}

header .navbar-nav li.dropdown-submenu a.dropdown-item-toggle:focus{background-color: transparent;}

header .navbar-nav li.dropdown ul.dropdown-menu a:hover:before{
  right:0px; transition: all .3s ease;
}

header .navbar-nav li.dropdown-submenu a.dropdown-item-toggle:hover:before {
  right:10px !important;
  top:12px;
}

header .navbar-nav li.dropdown ul.dropdown-menu:hover li a { opacity: 0.5;   transition: all .3s ease;  }
header .navbar-nav li.dropdown ul.dropdown-menu a:hover,
header .navbar-nav li.dropdown ul.dropdown-menu:hover li a:hover{
background-color: transparent;  
opacity:1;
transition: all .3s ease;
} 
header .navbar-nav li ul.dropdown-menu li{
padding:0;
}
header .navbar-nav li.dropdown ul.dropdown-menu .dropdown-submenu .sub-dropdown-menu.level-2 { display:none; transition: all .3s ease; }
header .navbar-nav li.dropdown ul.dropdown-menu .dropdown-submenu .sub-dropdown-menu.level-2  ul{ list-style:none; }
header .navbar-nav li.dropdown ul.dropdown-menu .dropdown-submenu.open .sub-dropdown-menu.level-2{ display:block; transition: all .3s ease; }





.menubar .links_list{ display:none; transition: all 2s ease; }	
.menubar.open-menu .links_list{ display:block;  transition: all 2s ease;     width: 100%;}

.flogo p,
.flogo p span{     padding-right: 5px;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    opacity: 1; }
.flogo .brnd-logo .logo{ width:100px; margin-bottom:10px; }



#cookie-trail + #page-header {margin-top:0;/*-89px;*/}
#cookie-trail.hidden-cookie-trail + #page-header {margin-top:0;}
#panel.sub-landing-page #cookie-trail.hidden-cookie-trail + #page-header {margin-top:30px;}
#page-header > a {display:block;background:linear-gradient(60deg,rgba(0,0,0,0.75),rgba(0,0,0,0) 60%);color:#FFF;text-shadow:1px 1px 0 rgba(0,0,0,0.5),0 0 20px rgba(0,0,0,0.5);padding:0 20px;}
#page-header a {text-decoration:none;text-decoration:none;}
#page-header .header-tint {background:linear-gradient(60deg,rgba(0,0,0,0.75),rgba(0,0,0,0) 60%);color:#FFF;text-shadow:1px 1px 0 rgba(0,0,0,0.5),0 0 20px rgba(0,0,0,0.5);padding:0 20px;}
#page-header .no-header-tint {padding:0 20px;}
.pre-page-header-title {font-size:20px;line-height:1;color:#FFF;font-family:'FuseV2','Helvetica Neue',Arial,sans-serif;font-weight:600;display:block;padding:60px 0 20px;text-decoration:none;}
.page-header-title {font-size:50px;line-height:1;color:#FFF;font-family:'FuseV2','Helvetica Neue',Arial,sans-serif;font-weight:900;display:inline-block;margin:0;max-width:75%;}
#page-header .pre-page-header-title + .page-header-title {padding-top:0;}
#page-header .pre-page-header-title .thin, #page-header .page-header-title .thin {font-weight:300;}
#cookie-trail + #page-header .inner {margin-top:100px;}
#cookie-trail.hidden-cookie-trail + #page-header {margin-top:120px;}
.uon-front-door #cookie-trail.hidden-cookie-trail + #page-header {margin-top:0;}
#cookie-trail.hidden-cookie-trail + #page-header .inner {margin-top:0;}
#cookie-trail + #page-header .header-tint .inner, #cookie-trail + #page-header .no-header-tint .inner {margin-top:0;padding-top:100px;padding-bottom:40px;}
#cookie-trail.hidden-cookie-trail + #page-header .header-tint .inner, #cookie-trail.hidden-cookie-trail + #page-header .no-header-tint .inner {padding-top:0;}



.badge-info {
    background-color: #def1f7;
    color: #1c657d;
}

#uon-footer .footer-info p{ opacity:1; }
#uon-footer .footer-info h4{     text-align: right;
    float: none;
    padding: 2px 64px 10px 0;
    font-size: 22px; }
#uon-footer .footer-info h4 .website-counter span {
    background: var(--blue);
    margin-left: 0px;
    border-right: 1px solid #1b499a;
    padding: 0 6px;}
#uon-footer .footer-info h4 .website-counter span:last-child {
  border-right: 0px solid #1b499a;
}

.hero.inner-banner {
  height: 400px;
  box-shadow:0px -4px 15px rgb(7 43 125 / 24%);
  background-position: bottom;
  background-color: #fff;
  position: relative;
    background-size: cover;background-repeat: no-repeat;
}
.hero.inner-banner:before{
  content: "";
  background-color: var(--blue);
  opacity: 0.4;
  position: absolute;
  width: 100%;
  height: 100%;
}

.hero.inner-banner .hero_text {
text-align: left;
    margin-top: 0;
    z-index: 1;
    position: absolute;
    bottom:4%;
    max-width: 100%;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay:1s;
	left: 30px;
}
.hero.inner-banner .hero_text h4 {
    font: var(--font-h3);
    color: var(--white-color);
}
.breadcrumb{ margin:0; padding:0; }
.breadcrumb #cookie-trail { width: 100%;}
.breadcrumb #cookie-trail .button {     border: 2px solid #2d3138;
    color: #2d3138;
    text-decoration: none;
    padding: 4px 15px;
    display: inline-block;
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    text-shadow: none;
    background: 0 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    top: 4px;}
.breadcrumb #cookie-trail .button:hover{ color:#fff;  border: 2px solid var(--red-color); }

.breadcrumb #cookie-trail .button span.icon-m{     position: relative;
    top: 5px;
    font-size: 18px;
    left: -2px;
}

.page-sec .in-content-blk{ padding:15px 40px 15px 15px; }

.faculties-sec aside .faculty-in{  position:relative; min-height: 290px;}
.faculties-sec aside .faculty-in .img-blk{
    position: relative;
    margin-bottom: 0px;
    overflow: hidden;
    text-align: center;
}
.faculties-sec aside .faculty-in .img-blk img {
    height: 190px; position:relative;
    width: auto;
}

.faculties-sec aside .faculty-in .img-blk:before {
     content: "";
    width: 220px;
    height: 200px;
    border-radius: 50%;
    background: #a0c1e69e;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -90px;
}

.faculties-sec aside .faculty-in  .content-blk {
    width: 100%;
    background: #fff;
    position: relative;
    bottom: 0;
    margin: 0;
    margin-left: 0;
    text-align: center;
    padding:12px;
    box-shadow: 0 4px 10px rgba(0,0,0,.1);     transition: all .3s ease;     min-height: 160px;
}

.faculties-sec aside .faculty-in:hover .content-blk{ transition: all .3s ease; box-shadow: 0 10px 15px rgba(0,0,0,.1);
}


.faculties-sec aside .faculty-in  .content-blk h6{ margin:10px 0;  font-weight:700;  /* min-height: 38px;*/   font-size: 16px; }
.faculties-sec aside .faculty-in  .content-blk p{margin: 0px 0;line-height: 18px; /*min-height: 40px; */  font-weight:500;     font-size: 15px; }
.faculties-sec aside .faculty-in  a{ position:absolute; width:100%; height:100%; top:0; left:0; }
.faculties-sec aside{ margin:15px 0; }


.facultydetails{padding:15px 0px;}
.facultydetails .profile-header{ 
margin: 20px 0;
    padding: 20px 20px 0 20px;
    padding: 25px 25px 0px 25px;
    background: #607d8b;
    box-shadow: 0 4px 20px rgba(0,10,61,.16);
    transition: all .2s ease;
    border-radius: 20px;
}
.facultydetails .profile-header .image-cell img{ position: relative;
    height: 220px;
    width: auto; }
.facultydetails .profile-header .image-cell{ position: relative; text-align: center; overflow: hidden; }
.facultydetails .profile-header .image-cell:before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #a0c1e69e;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -70px;
}

.facultydetails .profile-header .content-cell{ 
  padding:30px 0 20px 20px;
}

.facultydetails .profile-header .content-cell h3 .scial-icon {
  width:35px;
  position: relative;
  top: -10px;
  left: 10px;
}
.facultydetails .profile-header .content-cell h3 a:hover .scial-icon {
  opacity: 0.8;
}
.facultydetails .profile-header .content-cell h3,
.facultydetails .profile-header .content-cell p { color:#fff; }
.facultydetails .profile-header .div-table { display: table; width: 100%;  }

.facultydetails .profile-header .div-table aside{ display: table-cell; padding:15px; }
.facultydetails .profile-header .div-table aside.content-cell {
background-color: var(--grey-color);
width: 70%; vertical-align: middle;
}
.facultydetails .profile-header .bborder{ 
  margin:20px 0 10px 0;
  color:var(--red-color);
  font-size: 16px;
  text-align: right;
}
.facultydetails .profile-header .bborder a{ color:#fff; text-decoration:none; }
.facultydetails .profile-header .bborder a:hover{ text-decoration:underline !important; }
.facultydetails .profile-header .bborder span.divd:first-child{display:none;}
.facultydetails .profile-header .bborder span.divd{
    line-height: 15px;
    position: relative;
    top:0px;
    padding: 0 5px;
}
.facultydetails .profile-header .bborder span{font-size: 18px; position: relative; top: 4px; color: var(--white-color);}
.facultydetails .profile-header .bborder span.txt { color: var(--white-color); font: var(--font-p);
  margin: 0 0 15px 0;
  font-size: 16px;
  line-height: 26px;
  opacity: 0.9;
  letter-spacing: 1px;
  font-weight: 300; position: relative; top:0px }

.facultydetails .nav-tabs { padding-bottom: 5px; border-bottom: 1px solid #f2f2f2; margin: 0 0 15px 0;}
.facultydetails .nav-tabs li a{     
  font: var(--font-p); 
  outline: none;  
  font-weight: 600; 
  font-size: 16px; 
  margin-right:30px;
  padding: 0;
    border: none;
    color: var(--black);
    text-decoration: underline solid #fff 20%;
}
.facultydetails .nav-tabs li a:focus,
.facultydetails .nav-tabs li a:hover,
.facultydetails .nav-tabs li.active a{ 
  color: var(--red-color);
  text-decoration: underline solid var(--red-color);
  text-underline-offset: 12px; 
  opacity:1; 
  border: none;
  outline: none;
  background-color: transparent;
}
.facultydetails .nav-tabs li a span{display: inline;position: relative;top: 5px;}

.facultydetails .tab-content.txt-justify .tab-pane p,
.facultydetails .tab-content.txt-justify .tab-pane li{ text-align:justify; }

/*.facultydetails .nav-tabs li:nth-child(4){ display:none !important; }*/

.postid-3657 .facultydetails .nav-tabs li:nth-child(4){ display:none !important; }

.facultydetails .txt-justify p{ text-align: justify; margin: 0 0 15px 0; }
select.selectpicker.sorting {
    padding: 8px 15px;
    border-radius: 8px;
}
.ul-listing-block{ list-style:none; margin:10px 0; padding:0; }
.ul-listing-block li{}
.ul-listing-block li .in-block{ position:relative;     margin: 20px 0;
    padding: 20px;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0,10,61,.16);
    transition: all .2s ease;
    border-radius: 20px; }
.ul-listing-block li .in-block h4 a{
	color: var(--blue);  
	font-family: var(--font-secondry); 
	text-decoration: none; 
	font-size: 18px;
	margin-bottom:10px;
	font-weight:600;
}
.ul-listing-block li .in-block p.date{ color:var(--black-color); }
.ul-listing-block li .in-block p.date span.material-symbols-outlined{    font-size: 18px;
    position: relative;
    top: 3px;color:var(--red-color);
    right: 3px;}
.ul-listing-block li .in-block figure{ position:relative;}
.ul-listing-block li .in-block figure a{ width:100%; height:100%; position:absolute; top:0; left:0;    z-index: 2;  }
.ul-listing-block li .in-block p{ margin:10px 0 0 0; }
.ul-listing-block li .in-block h4.card-title {
	color: var(--blue);  
	font-family: var(--font-secondry); 
	text-decoration: none; 
	font-size: 18px;
	margin-bottom:10px;
	font-weight:600;
}



.in-list-ul{    
	list-style: none;
    margin: 0;
    padding: 0;
}
.in-list-ul li{
	position: relative;
    margin: 8px 0 0 0;
    padding: 0px 0px 0px 30px;
}
.in-list-ul li:before{
	content: "\f178";
    font-family: FontAwesome;
    position: absolute;
    left: 10px;
    top: 2px;
    color: red;
}

.in-list-ul li a{
	color: var(--blue);  
	font-family: var(--font-secondry); 
	text-decoration: none; 
	font-size: 16px;
	font-weight:600;
}

.in-list-ul li a:hover{
	color: #2556c6;
}

.ul-listing{margin:10px 0 20px 0px; position:relative;
    padding: 20px 20px  20px  30px;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0,10,61,.16);
    transition: all .2s ease;
    border-radius:15px; }
	.ul-listing li { margin-bottom:0; }
	.ul-listing li .in-block h4{ margin:0; }
.ul-listing li .in-block h4 a{color: var(--blue);
    font-family: var(--font-secondry);
    text-decoration: none;
    font-size: 18px; text-align:left;}
.ul-listing li .in-block p.date{ color:var(--black-color); }
.ul-listing li .in-block p.date span.material-symbols-outlined{    font-size: 18px;
    position: relative;
    top: 3px;color:var(--red-color);
    right: 3px;}
.ul-listing li .in-block p{ margin:10px 0 0 0; }


.ul-listing_pdf{
	margin: 0;
    padding: 0;
    list-style: none;
}
.ul-listing_pdf li{
    margin:4px 0;
	}
.ul-listing_pdf li a{       background: #f6f7f9;
    padding: 4px 10px 4px 30px;
    display: block;
    color: #000;
    border-left: 4px solid #072b7d;
    position: relative;}
.ul-listing_pdf li a:hover{
    border-left: 4px solid var(--red-color); }	
.ul-listing_pdf li a:before{
    content: "\f1c1";
    font-family: FontAwesome;
    color: var(--red-color);
    position: absolute;
    left: 12px;
    top: 4px;
}

.ul-listing_link li a img.new-taq,
.ul-listing_pdf li a img.new-taq{
    width: 50px;
}

.ul-listing_pdf li a.pdflink:before{ content: "\f1c1";}
.ul-listing_pdf li a.link:before{ content: "\f08e";}
.ul-listing_pdf li a.videolink:before{ content: "\f03d";}


.ul-listing-pl{
	margin: 0;
    padding: 0;
    list-style: none;
}
.ul-listing-pl li{
    margin:4px 0;
	}
.ul-listing-pl li a{       background: #f6f7f9;
    padding: 4px 10px 4px 30px;
    display: block;
    color: #000;
    border-left: 4px solid #072b7d;
    position: relative;}
.ul-listing-pl li a:hover{
    border-left: 4px solid var(--red-color); }	
.ul-listing-pl li a:before{
    content: "\f1c1";
    font-family: FontAwesome;
    color: var(--red-color);
    position: absolute;
    left: 12px;
    top: 4px;
}
.ul-listing-pl li a img.new-taq,
.ul-listing-pl li a img.new-taq{ width: 50px;}
.ul-listing-pl li a.pdflink:before{ content: "\f1c1";}
.ul-listing-pl li a.link:before{ content: "\f08e";}
.ul-listing-pl li a.videolink:before{ content: "\f03d";}
.ul-listing-pl li a.noclass:before{ content: "\f127";}



.ul-listing-withdate{
	margin: 0;
    padding: 0;
    list-style: none;
}
.ul-listing-withdate li{
    margin:4px 0;
	}
.ul-listing-withdate li{       background: #f6f7f9;
    margin-bottom:10px;
    display: block;
    color: #000;
    border-left: 4px solid #072b7d;
    position: relative;}
.ul-listing-withdate li:hover{
    border-left: 4px solid var(--red-color); }	
.ul-listing-withdate li a{text-decoration: unset; padding:8px 10px 8px 30px; position: relative; display: block;}	
.ul-listing-withdate li h3{    margin: 0;font-size: 20px;}
.ul-listing-withdate li p.date { margin:0 0 0 12px;}
.ul-listing-withdate li a.pdf:before{
        content: "\f1c1";
    font-family: FontAwesome;
    color: var(--red-color);
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 16px;
    font-weight: 300;
}
.ul-listing-withdate li a.link:before{
        content: "\f0c1";
    font-family: FontAwesome;
    color: var(--red-color);
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 16px;
    font-weight: 300;
}

.ul-listing_link{
	margin: 0;
    padding: 0;
    list-style: none;
}
.ul-listing_link li{
    margin:4px 0;       
	background: #f6f7f9;
    padding: 4px 10px 4px 30px;
    display: block;
    color: #000;
    border-left: 4px solid #072b7d;
    position: relative;}
.ul-listing_link li:hover{
    border-left: 4px solid var(--red-color); }	
.ul-listing_link li:before{
    content: "\f0c1";
    font-family: FontAwesome;
    color: var(--red-color);
    position: absolute;
    left: 12px;
    top: 4px;
}

.faculty-banner-sec{ position: relative; overflow: hidden; }
.faculty-banner-sec:before{     content: "";
    background-color: var(--blue);
    opacity: 0.4;
    position: absolute;
    width: 100%;
    height: 100%; }
.faculty-banner-sec img.user-bg{ width: 100%; height: auto; }
.faculty-banner-sec img.user-img {
    position: absolute;
    right: 15%;
    bottom: -10px;
    width: 300px;
}
.faculty-banner-sec .hero_text {
    position: absolute;
    width: 100%;
    bottom: 25%;
    left: 0;
}

.faculty-banner-sec .hero_text h4{font-size:2.6rem;     color: var(--white-color); }
.faculty-banner-sec .hero_text h4 .scial-icon{    width: 30px;
    position: relative;
    top: -10px;
    left: 10px;}
    .faculty-banner-sec .hero_text h4 a:hover img{ opacity: 0.8; }    
.faculty-banner-sec .hero_text h6{ font-size:1.6rem ; margin-top:20px; color: var(--white-color);}

.heading h3 {
    font: var(--font-h3);
    margin: 0;
    color: var(--blue);
}

mt_30{margin-top:30px; }
mb_30{margin-bottom:30px; }

.signarture-sec{text-align: center; width:300px; margin: 20px 0 auto auto ; }
.signarture-sec img{ width:80%; margin:auto ;}

.vcs-old-sec{ padding: 2% 15px; position: relative; overflow:hidden;  }
.vcs-old-sec .vcscarousel{ position: relative; }
.vcs-old-sec .vcscarousel::before{ 
    content: "";
    position: absolute;
    top: 72px;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--red-color);

 }
.vcs-old-sec .vcs-block{ margin-top:0px; margin-bottom:30px; }
.vcs-old-sec .vcs-block aside {     padding: 10px;
    text-align: center;
    margin: 30px 0 0px 40px; }
	.vcs-old-sec .vcs-block aside h5{ margin:0 ; color:var(--blue);}
.vcs-old-sec .vcs-block aside p { margin:20px 0; }
.vcs-old-sec .vcs-block aside p span{ color: var(--red-color); }
.vcs-old-sec .vcs-block aside  h4{font-family: var(--font-secondry) !important; font-size: 22px;
    font-weight: 500;
    line-height: normal;
    margin: 14px 0 0 0;}
.vcs-old-sec .vcs-block .owl-dots{ display: none; }
.vcs-old-sec .vcs-block  .owl-nav {
    position: absolute;
    top: 35px;
    width: 100%;
}

.vcs-old-sec .vcs-block  .owl-nav button{background: var(--red-color);
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 36px;
    line-height: 40px;
    border-radius: 50%; position: absolute;}
	
.vcs-old-sec .vcs-block .owl-nav button span {
    position: relative;
    top: -4px;
}	
.vcs-old-sec .vcs-block  .owl-nav button.owl-prev{left:-10px;}
.vcs-old-sec .vcs-block  .owl-nav button.owl-next{right:-10px;}

.vcs-old-sec .vcs-block .owl-carousel .owl-stage-outer { overflow: visible;}


.ingallery-sec{ padding:30px 0; background-color: #F4F4F4;}
.ingallery-sec aside {margin: 15px 0; } 
.ingallery-sec aside .in-block{     background: #fff;
    position: relative;
    transition: all .3s ease;
    border-radius: 8px;
    overflow: hidden; }
.ingallery-sec aside .in-block .figure{height: 270px;overflow: hidden;}
.ingallery-sec aside .in-block img{ width: 100%; }
.ingallery-sec aside .in-block .content-blk{ padding:15px; }
.ingallery-sec aside .in-block h5{ margin:0px 0 10px 0; color: var(--blue); }
.ingallery-sec aside .in-block h5 {
    font-size:18px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .6px;
    line-height: 26px;
    margin-bottom: 0;
    height: 52px;    text-align: left;
}
.ingallery-sec aside .in-block a{ width: 100%; height: 100%; position: absolute; top:0; left: 0;}
.ingallery-sec aside .in-block:hover {transition: all .3s ease; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);}

.ingallery-sec .nav-tabs {
    border-bottom: 1px solid #ddd;
    padding: 0 0 10px 0;     display: none;
}

.ingallery-sec .nav-tabs>li >a {
    color: #000;
    cursor: default;
    background-color: var(--white);
    border: 1px solid var(--white);
    border-bottom-color: transparent;
    border-radius: 50px;
    padding: 5px 20px;
	cursor:pointer;
	margin-right:10px;
}
.ingallery-sec .nav-tabs>li>a:hover,
.ingallery-sec .nav-tabs>li.active>a, 
.ingallery-sec .nav-tabs>li.active>a:focus, 
.ingallery-sec .nav-tabs>li.active>a:hover {
    background-color: var(--red);
    border: 1px solid var(--red);
    color: #fff;
}

.ingallery-sec  .tab-content{ margin:0 0 20px 0; }


.center_cards{ padding:40px; background-color: var(--gry); }
.center_cards .card {
background-color: #f2f2f2;
box-shadow:0 1px 2px rgba(0,0,0,0.25);
border-radius: 8px;
margin:0 0 40px 0;
padding:15px;
width: 100%; transition: all .3s ease;
}



.center_cards .card:hover {
box-shadow:0 3px 3px rgba(0,0,0,0.25); transition: all .3s ease;
}
.center_cards .card:last-child{ margin:0 0 0px 0; } 
.center_cards .card a.btn-blue-brd span.material-symbols-outlined {
  font-size: 18px;
  position: relative;
  left:auto;
  top: 4px;
  right: -10px;
}


.center_cards .img-sec{ border-right: 1px solid #f2f2f2; padding:0 }
.center_cards .img-sec .image{ width:100%; }
.center_cards .img-sec .image img{width: 94%; margin: 0px auto 0 6%;  height: auto; background: #fff;}
.center_cards .content-sec{ border-left: 1px solid #f2f2f2; }
.center_cards .content-sec h5 {
    margin-bottom: 20px;
    min-height: auto;
}
.center_cards .content-sec .info{
text-align: justify;
    height: auto;
    overflow: hidden;
    margin: 0 0 10px 0;
}
.center_cards .content-sec h4,
.center_cards .content-sec h4 a{
	font-size: 24px;
	line-height: 1; text-decoration: none;
    font-weight: 600;
    position: relative;
	
}


.card-block{     display: flex;
    gap: 16px;
    flex-wrap: wrap; margin-bottom:30px;}
.card-block aside {    display: flex; position:relative;
    flex-direction: column;
    gap: 32px;
    border: 1px solid var(--dark-gry);
    background: var(--white);
    padding: 15px;
    border-radius: 8px;
    width: 31.9%;
    align-items: flex-start;
    box-shadow: 0 4px 32px rgba(0,10,61,.16);
    border-radius: 20px;}	
	.card-block aside h4{
	font: var(--font-h6) !important;
     font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 28px !important;
	    color: #6e84c6;
	}
	
	.card-block.card2 aside { 
    width:48%;
	}
	.card-block aside .in-block{ position:relative; }
	
	.card-block aside:hover{  box-shadow: 0 2px 20px rgba(0,10,61,.16);}
.card-block aside a.link-blk{ position:absolute; width:100%; height:100%; left:0; top:0; }	
.card-block aside:hover h4{ color:var(--red-color) }

.card-block aside ul li a,
.card-block aside ul li {text-align:left;  }
.card-block aside h4{ text-align:left;}	
	
.card-block aside ul.col3-li li{    width: 33%; float: left;}
.alumni-sec{ position:relative; padding:4% 0; background:#F4F4F4; }	
.alumni-sec .card-block aside{ background: transparent;
    padding: 0px;
    box-shadow: none;     gap: 18px;
    border-radius:0px; transform: scale(1);  transition: all .2s ease;}
.alumni-sec .card-block aside .in-card{ background:#fff; padding: 15px;
    box-shadow: 0 0px 3px rgba(0,10,61,.16);
    border-radius: 8px;}
.alumni-sec .card-block aside .in-card.mt_30{ margin-top:60px; }

.alumni-sec .card-block aside h4{ border-left:4px solid var(--blue); padding-left:8px }

.alumni-sec .button:hover{ background:transparent;    border: 2px solid var(--red-color); }

.alumni-event-sec{ position:relative; padding:4% 0; }
.alumni-event-sec .card-block aside{    background-image: url(../images/bg-1.png);
    background-position: bottom;
    /* background-size: cover; */
    background-position: left;
    background-position-y: 154px;
    background-repeat: no-repeat; }
.alumni-event-sec .card-block aside h4{     margin: 5px 0 10px 0;
    font-size: 26px !important;
    line-height: 30px !important; }
.alumni-event-sec .card-block aside p{ margin-top:20px; }	
.alumni-event-sec .card-block aside .in-card {
    padding: 30px 10px;
}

.alumni-event-sec .card-block aside .in-card span.material-symbols-outlined {
    position: absolute;
    right: 18px;
    top: 30%;
    margin: auto;
    font-weight: 500;
    font-size: 30px;
}

.alumni-event-sec .card-block aside:hover{ transform: scale(1.03);  transition: all .3s ease;}
.alumni-event-sec .card-block aside:hover .in-card span.material-symbols-outlined { color:var(--red-color); transform: scale(1.02);  transition: all .3s ease; }

.alumni-regi{background:#f1f1f1; padding:2% 15px; }

.c-filtering .tabs {
	display: -webkit-box;
	margin: 30px 0 0 0;
	padding: 0;
}

.c-filtering .tabs .tab-link{
    -webkit-box-flex: 1;
	cursor: pointer;
	display: block;
	flex: 1 1 auto;
	float: none;
	position: relative; margin: 0;     border-radius: 0; }
.c-filtering .tabs .tab-link a{
	-webkit-box-flex: 1;
	background: #fff;
	border-right: 1px solid #d6d6d6;
	border-top: 2px solid #d6d6d6;
	border-bottom: 2px solid #d6d6d6;
	cursor: pointer;
	display: block;
	flex: 1 1 auto;
    border-radius: 0;
	float: none;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 20px 15px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
    color: var(--black);
    font-weight: 600;
}

.c-filtering .tabs .tab-link:last-child a{
border-right: 0px solid #d6d6d6;
}
.c-filtering .tabs .tab-link.active a {
background: transparent;
    color: var(--red-color);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    z-index: 1;
    border-bottom: 2px solid var(--red-color);
	 border-top: 2px solid var(--red-color);
}


.c-filtering .tab-content {
	background: #f9f9f9!important;
    padding: 20px 30px;
	    padding: 30px 30px 10px 30px;
    box-shadow: 0 4px 20px rgba(0,10,61,.16);
    transition: all .2s ease;
    border-radius: 20px;
    background: #fff !important;
}

.c-filtering .tab-pane{ display: none; }
.c-filtering .tab-pane.active{ display:block; }

.c-filtering .tab-content  .statutory-blue{
    background-color: #072b7d;
    padding: 20px;
}

.c-filtering .tab-content  .statutory-blue h4{color: #fff;}
.c-filtering .tab-content  .statutory-blue p,
.c-filtering .tab-content  .statutory-blue p strong{color: #fff; opacity: 1;}
.c-filtering .tab-content  .statutory-blue a{ color: #fff; opacity: 1; text-decoration: underline; text-underline-offset:2px;  } 
.c-filtering .tab-content  .statutory-blue a:hover{ text-decoration: none; }
.c-filtering .form-control,
.c-filtering .PhoneInputInput  {
    background: #ededed !important;
    border: 1px solid #d4d4d4 !important;
    border-radius: 3px !important;
    color: #66696d !important;
    font-size: 14px;
    font-weight: 400 !important;
    letter-spacing: 1px !important;
    margin-bottom: 10px !important;
    padding: 12px 10px !important;
    width: 100% !important;
    height: 46px;
}
.c-filtering label{ font-weight: 500; opacity: 0.9; margin: 0; }
.c-filtering label sup{     color: var(--red);
    font-size: 13px; }
.c-filtering .form-control{height: auto;}
.c-filtering .PhoneInput {
    display: flex;
    align-items: center;
    height: 46px; 
}

.c-filtering .PhoneInput .PhoneInputInput{ margin-top: 10px; }
.c-filtering ::-webkit-input-placeholder {
	color: #333;
	text-transform: uppercase;
    margin-top: 10px;
    height: 46px
}

.c-filtering :-moz-placeholder,::-moz-placeholder {
	color: #333;
	text-transform: uppercase;
}

.c-filtering :-ms-input-placeholder {
	color: #333;
	text-transform: uppercase;
}

.c-filtering button.hvr-bounce-to-right {
    background: #072b7d;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 6px 24px;
    border-radius: 4px;
    border: none;
    overflow: hidden;
}

.c-filtering .gm-style .gm-style-iw-c{ max-width: 90% !important;}
.c-filtering .mapsec .map-address-content p {
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    line-height: 20px;
    color: #000 !important;
    margin: 0 !important;
}

.c-filtering .mapsec .map-address-content p a{ color: #000; opacity: 1; text-decoration: underline; text-underline-offset:2px;  } 
.c-filtering .mapsec .map-address-content p a:hover{ text-decoration: none; }

.c-filtering label sup {
    color: var(--red-color);
    font-size: 13px;
}

.c-filtering .iti {
    position: relative;
    display: block;
}

.c-filtering .iti input{ padding-left: 86px !important;}

.mapsec{ position: relative; height: 350px; }
.gm-style .gm-style-iw-d{ min-height: 140px; }
.mapsec .map-address-content h3{ margin: 0 0 10px 0;
  font-size: 16px;
  font-weight: 600; line-height: normal;}
.mapsec .map-address-content p {
-webkit-font-smoothing: antialiased;
font-size: 14px;
line-height: 20px; color: #000;
}

h2.underlined{
 text-align:left;
    color: var(--blue); 
}
h2.underlined.white{
text-align:left;
    color: var(--white-color);
}

#uon-side-menu li+li {
    text-align: left;
}

#uon-side-menu ul li.menu-item.menu-item-has-children a{
	 box-shadow: none; display:block;
}
#uon-side-menu ul li.menu-item a ,
#uon-side-menu ul .sub-menu li.menu-item a {
    padding: 5px 4px 5px 9px;
    box-shadow: 0 4px 32px rgba(0, 10, 61, .16);
    border-radius: 7px;
	    display: block;
}
#uon-side-menu ul li.menu-item a:hover,
#uon-side-menu ul li.menu-item.current-menu-item a,
#uon-side-menu ul .sub-menu li.menu-item.current-menu-item a,
#uon-side-menu ul .sub-menu li.menu-item a:hover {
    background-color: var(--red-color) !important;
	color: var(--white-color) !important;
}

.explorenluo-sec .uon-card-image {
    height: 250px;
    overflow: hidden;
} 

table tr td p, table tr th p{ margin:0 !important; }

@media all and (min-width: 800px) {
  .fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right : 0;
    height: 95px;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.3);
  }
  
  .fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px;
  }
}				
				@media screen and (max-width:768px) {
					.social-icons .fa {
						margin-bottom: 10px;
					}
					.social-icons .fa.round-icon.large-round-icon {
						width: 40px;
						height: 40px;
						line-height: 40px;
						font-size: 16px;
					}
					.social-icons a:hover .fa.round-icon.large-round-icon {
						height: 40px;
						line-height: 36px;
						width: 40px;
					}
					
.body-content { padding: 0 15px;}
#page-header.uon-landing-page-header .no-header-tint br{ display:none; }
.faculty-sec .in-faculty-blk aside.faculty-block {
    float: none;
    width: 100%;
    margin: 10px 0;
    padding: 0 15px;
}
.uon-listing-item {
    display: block;
}
.uon-listing-item .uon-listing-item-image {
    width: 100%;
    margin: 0 0 20px 0;
}

.faculty-sec .in-faculty-blk aside.faculty-block .uon-listing-item .uon-listing-item-detail {
    margin-right: 0px;
    margin-left: 0;
    width: 100%;
}

#staff-profile .section-header .profile-image {
    float: none;
    margin-right: 20px;
    width: 100%;
    height: auto !important;
    margin: 0 0 15px 0;
}

#staff-profile .section-header .quick-contact {
    position: relative;  top:10px; right: 0px; bottom: 0px;}
.uon-listing-item .uon-listing-item-detail {
    width: 100%;
    padding: 15px;
    margin-right: 0;}
	
.uon-listing-item .uon-listing-item-detail h3 {
    margin-top: 5px;
    font-size: 20px;
    padding-bottom: 15px;
    margin-bottom: 10px;
    line-height: 34px;
}		

.mobile-submenu.open{ display:block !important; }
.mobile-submenu.open div{display: block; flex-direction: unset;}
.submenu-links-list { margin-left: 0 !important;}
header.fixed-menu .video-landing-nav2 .nav2-right ul { display: none;}

.bannervideo-bg video {
    position: relative;
    overflow: visible;
    z-index: 1;
    width: 100%;
    height: 100% !important;
    display: block;
}
#panel.uon-front-door #page-header.bannervideo-bg .no-header-tint {
    padding-top: 0;
    position: relative;
    width: 100%;
    top: 0;
}
.uon-intro-wayfinding {
    flex-wrap: wrap;
    margin: 0px auto 80px;
}

.pdf-sec .course-lesson.course-item span {width: 100%;}
.pdf-sec .course-lesson.course-item a.next-button {width: 100%; text-align:center;}
	
}

@media (max-width:767px){
.uon-large-block-cta-link-inside {
    padding: 0 15px;
    text-align: justify;
}
.uon-large-block-cta-link-inside .col-md-9{ padding:15px 0 !important; }
.uon-large-block-cta {
    margin: 0px auto;
}
.two-colums .numbers article {
    padding: 0px;
    width: 50%;
}
.numbers article h4 {
    color: #fff;
    margin: 0 0 10px 0;
    font-size: 36px;
    font-weight: 600;
}
.numbers .text_block h6 {
    font-size: 14px;
    line-height: 1.3;
}
.two-colums .numbers:first-child {
    margin-top: 0;
}

.notification-sec {
    position: relative;
    z-index: 10;
    padding: 20px 5px;
    color: #2D3138;
}
.notification-sec .news-block ul,
.notification-sec .news-block .heading-blk {
    padding-right: 0;
}
.notification-sec .row{ display:block;}
.notification-sec .col-md-8.col-sm-8.col-xs-8{ width:60%; max-width:60%;  float:left;}
.notification-sec .col-md-4.col-sm-4.col-xs-4{ width:40%; max-width:40%;   float:right;}
.notification-sec .news-block ul li .news-ctnt { width: 70%;}
.notification-sec .notification-block ul li h3,
.notification-sec .news-block ul li .news-ctnt h3 {font-size: 16px; font-weight: 500;line-height: 20px; height: auto;}
p, ul, ol, li {font-size: 14px;line-height: 18px; 
}
#uon-footer .dont-collapse h4.underlined {
    margin-bottom: 15px;
    text-align: left;
}

.uon-large-block-cta-link p.uon-large-block-cta-link-description {
    font-size: 16px;
    line-height: 22px;
}

.numbers {display:block; padding: 24px;}
.numbers article { display: block; padding: 4% 0; border-bottom:1px solid #f2f2f2 !important;}
.numbers article:last-child {border-bottom:0px solid #f2f2f2 !important;}
.numbers .text_block {justify-content: left;}
.numbers article.border { border-left: 0px solid #eee !important; border-right: 0px solid #eee !important;}
.uon-heading-tabs {margin:30px auto !important;}

.two-colums .numbers {display: flex;}
.two-colums .numbers article { border: none !important;}

.card-block aside ul.col3-li li {
    width: 100%;
    float: none;}

}
@media (max-width: 575.98px){			
.mobile-submenu.open{ display:block !important; }
				}				
				
				
/* Add your custom styles here */
  .wow {
    visibility: hidden;
  }
  .animated {
    visibility: visible;
  }				
  
#uon-footer .uon-global-footer-social{ padding: 0 20px 0 0;}




header .video-landing-nav2 .nav2-right ul.register-menu{ display:block; position: relative;}

/* Hide the sub-menu by default */
header .nav2-right ul.register-menu li.menu-item .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff; /* Background color of the dropdown */
    padding: 10px;
}


nav.navigation.post-navigation {
    display: none;
}


.library-e-resources-sec .ul-listing-block li .in-block figure{
	float: right;
    width: 281px;
    padding: 10px;
    box-shadow: 0px 0px 4px rgba(0, 10, 61, .16);
    transition: all .2s ease;
    border-radius: 20px;
    margin: 0 0 0 10px;
}

.page-id-13291 .library-e-resources-sec .ul-listing-block li .in-block figure { width: 100%; margin-bottom:15px;}
#alumni-Carousel .item .fill{ height:500px; }


.faculties-sec .searchandfilter ul{ margin:0;  padding:0; }
.faculties-sec .searchandfilter ul li.sf-field-taxonomy-faculty-categories ul,
.faculties-sec  .nav-tabs {
  border: 0px solid #ddd;
    text-align: center;
    display: flex;
	 margin:0;  padding:0;
}
.faculties-sec .searchandfilter ul li.sf-field-taxonomy-faculty-categories ul li label,
.faculties-sec  .nav-tabs li a {
    line-height: 19px;
    border: 1px solid #072b7d;
    border-radius: 50px;
    color: #fff;
    background: #072b7d;
    margin: 0 0 0 5px;
    font-size: 16px;
    padding: 10px 25px;
	    cursor: pointer;
}
.faculties-sec .searchandfilter ul li.sf-field-taxonomy-faculty-categories ul li.sf-option-active label,
.faculties-sec .searchandfilter ul li.sf-field-taxonomy-faculty-categories ul li:hover label,
.faculties-sec .nav-tabs li.active a,
.faculties-sec .nav-tabs li a:hover {
    color: #072b7d;
	border: 1px solid #072b7d;
    background: #f6f7f9;
}

.faculties-sec .searchandfilter ul li.sf-field-taxonomy-faculty-categories ul li .sf-input-radio{ visibility:hidden;}
.faculties-sec .searchandfilter ul li.sf-field-reset{display:none;}



.breadcrumb #search-box { padding: 0;}
.breadcrumb #search-box form { padding: 0; }
.breadcrumb #search-box form input.search-submit { right: 6px !important; top: 4px; }


.breadcrumb form.searchandfilter input {
    width: 100%;
    background: #fff;
    border: none;
    box-shadow: none;
    border-radius: 50px;
    line-height: 28px;
    font-weight: 600;
    font-size: 16px;
    padding: 4px 15px;
}
.breadcrumb #search-box form ul,
.breadcrumb form.searchandfilter ul li label,
.breadcrumb form.searchandfilter ul{    display: flex;} 
.breadcrumb form.searchandfilter ul li{margin:0;     padding: 0;}
.breadcrumb form.searchandfilter ul li.sf-field-search{    width: 100%;}
.breadcrumb form.searchandfilter ul li.sf-field-submit input,
.breadcrumb .breadcrumb-search form li.sf-field-submit input {
	position: absolute;
    background: transparent;
    padding: 3px 0px;
    color: transparent;
    border: 1px solid transparent;
    border-radius: 0 50px 50px 0px;
    /* display: none; */
    width: 41px;
    left: 0;
    z-index: 1;}
.breadcrumb .breadcrumb-search form li.sf-field-submit{position:relative;}
.breadcrumb .breadcrumb-search form li.sf-field-submit:before{     content: "search";
    content: "search";
    font-family: 'Material Symbols Outlined';
    position: relative;
    z-index: 1;
    color: #fff;
   font-size: 22px;
    top: 5px;
    position: relative;
    background: #072b7d;
    padding: 4px 8px;
    border: 1px solid #355395;
    border-radius: 0 50px 50px 0px; }
.breadcrumb .breadcrumb-search form li.sf-field-submit:hover, 	
.breadcrumb .breadcrumb-search form li.sf-field-submit:hover:before{ opacity:0.6 !important; }
.breadcrumb .breadcrumb-search form li.sf-field-search input { border-radius:50px 0 0 50px; }

.breadcrumb .breadcrumb-search form {
    display: inline-block;
}
.breadcrumb .breadcrumb-search{ 
text-align: right; 
}

/* For mobile devices, toggle the sub-menu on click */

mark.hilite {background: #ff0;}


table tr td, 
table tr th{
	    font: var(--font-p);
    font-size: 16px;
    line-height: 26px;
    opacity: 0.9;
    letter-spacing: 1px;
    font-weight: 500; text-align:left;
	
}
.page-sec{ text-align:justify; }	
#uon-footer [data-aos^=fade][data-aos^=fade]{ opacity:1 !important; }	
.certified-sec img{width: 120px; background: #fff; border-radius: 6px; margin: 20px 0 0 0;}

body.page-id-9741 a.hvr-bounce-to-right.button.feedbackbutton {
    position: absolute;
    right: 20px;
    top: 20px;
    text-transform: uppercase;
}
.page-id-1591 section.container.page-sec{
    width: 100%;
}
.page-id-1591 .page-sec .in-content-blk {
    padding: 0 15px;
}


.btn--bell:hover {
  color: #BD8812;
  transition-delay: 0.3s;
  transition-duration: 0.1s;
}
.btn--bell i {
  will-change: transform;
  animation: rotateWobble 0.6s ease-in-out 0.3s infinite alternate forwards;
  transform-origin: center top;
}
.btn--bell:hover i {
  will-change: transform;
  animation: rotateWobble 0.6s ease-in-out 0.3s infinite alternate forwards;
  transform-origin: center top;
}
.btn--bell .btn-anim:after, .btn--bell .btn-anim:before {
  background:;

}

.btn--bolt i {
  will-change: transform;
  animation: rotateWobble 0.6s ease-in-out 0.3s infinite alternate forwards;
  transform-origin: center top;
}

.btn--bolt:hover {
  background: #505cbe;
  color: #FCE404;
  transition-delay: 0.3s;
  transition-duration: 0.1s;
}
.btn--bolt:hover i {
   animation: rotateWobble 0.6s ease-in-out 0.3s infinite alternate forwards;
  transform-origin: center center;
}
.btn--bolt .btn-anim:after, .btn--bolt .btn-anim:before {
  background: #505cbe;
}


.admission-btn-sec .btn {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding:14px 8px 6px 8px;
  margin: 0px;
  max-width: 100%;
  border: 2px solid #fff;
  border-top-color: transparent;
  color: #fff;
  text-align: center;
  cursor: pointer;
  font-size:16px;
  font-weight:600;
  text-decoration: none;
  text-transform: uppercase;
  transition-delay: 0s;
}

.admission-btn-sec .btn {
}	
@media (max-width: 719px) {
.admission-btn-sec .btn {
    margin: 20px;
  }
}
.admission-btn-sec .btn-content {
  text-align: center;
  display: block;
  width: 100%;
}
.admission-btn-sec .btn-content span{ display:block; }
.admission-btn-sec .btn-icon {
  font-size: 14px;
  position: absolute;
  z-index: 666;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  
}
.admission-btn-sec .btn-topFakeBorders:before, 
.admission-btn-sec .btn-topFakeBorders:after {
  content: "";
  display: block;
  background: #fff;
  height: 2px;
  width: calc(50% - 35px);
  position: absolute;
  bottom: 100%;
  left: -2px;
  z-index: 1;
}
.admission-btn-sec .btn-topFakeBorders:after {
  left: auto;
  right: -2px;
}
.admission-btn-sec .btn-anim:after, 
.admission-btn-sec .btn-anim:before {
  content: "";
  display: block;
  position: absolute;
  transition-duration: 0.1s;
  z-index: 2;
}
.admission-btn-sec .btn-bottomAnim:after, 
.admission-btn-sec .btn-bottomAnim:before {
  width: 0;
  height: 2px;
  top: 100%;
  right: 50%;
  transition-delay: 0.2s;
}
.admission-btn-sec .btn-bottomAnim:before {
  left: 50%;
  right: auto;
}
:hover > .btn-bottomAnim:after, :hover > .btn-bottomAnim:before {
  width: 50%;
  transition-delay: 0s;
}
.admission-btn-sec .btn-sideAnim:after, 
.admission-btn-sec .btn-sideAnim:before {
  width: 2px;
  height: 0;
  bottom: -2px;
  right: 100%;
  transition-delay: 0.1s;
}
.admission-btn-sec .btn-sideAnim:before {
  left: 100%;
  right: auto;
}
:hover > .btn-sideAnim:after, :hover > .btn-sideAnim:before {
  height: calc(100% + 2px);
  transition-delay: 0.1s;
}
.btn-topAnim:after, .btn-topAnim:before {
  width: 0;
  height: 2px;
  bottom: 100%;
  right: -2px;
  transition-delay: 0s;
}
.btn-topAnim:before {
  left: -2px;
  right: auto;
}
:hover > .btn-topAnim:after, :hover > .btn-topAnim:before {
  width: calc(50% - 35px);
  transition-delay: 0.2s;
}


@keyframes pulse {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  35% {
    transform: scale(0.87);
  }
  45% {
    transform: scale(1.15);
  }
  55% {
    transform: scale(0.87);
  }
  65% {
    transform: scale(1.15);
  }
  75% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes rotate360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotateWobble {
  33% {
    transform: rotate(-10deg);
  }
  66% {
    transform: rotate(10deg);
  }
}
@keyframes wobbleHorizontal {
  33% {
    transform: translateX(-1rem);
  }
  66% {
    transform: translateX(1rem);
  }
}
@keyframes wobbleVertical {
  33% {
    transform: translateY(-1rem);
  }
  66% {
    transform: translateY(1rem);
  }
}
@keyframes spaceForwardAnim {
  0% {
    transform: translate(-10rem, -3px);
    font-size: 1em;
    text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  }
  10% {
    transform: translate(-2rem, 3px);
    font-size: 2.2em;
    text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  }
  65% {
    transform: translate(1rem, 3px);
    font-size: 2.2em;
    text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  }
  95% {
    transform: translate(2rem, 3px);
    font-size: 2.2em;
    text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  }
  100% {
    transform: translate(10rem, 3px);
    font-size: 3em;
    text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  }
}
@keyframes wheelAround {
  0% {
    top: auto;
    bottom: 100%;
    left: 0;
    right: auto;
    transform: none;
  }
  26% {
    top: auto;
    bottom: 100%;
    left: 100%;
    right: auto;
    transform: none;
  }
  27% {
    top: auto;
    bottom: 100%;
    left: 100%;
    right: auto;
    transform: rotate(90deg) translateY(-50%);
    transform-origin: left center;
  }
  51% {
    top: auto;
    bottom: 0;
    left: 100%;
    right: auto;
    transform: rotate(90deg) translateY(-50%);
    transform-origin: left center;
  }
  52% {
    top: 100%;
    bottom: auto;
    left: auto;
    right: -1rem;
    transform: rotate(180deg) translateY(-100%);
    transform-origin: center top;
  }
  75% {
    top: 100%;
    bottom: auto;
    left: auto;
    right: 100%;
    transform: rotate(180deg) translateY(-100%);
    transform-origin: center top;
  }
  76% {
    top: auto;
    bottom: 0;
    left: auto;
    right: 100%;
    transform: rotate(270deg) translateY(-50%);
    transform-origin: right center;
  }
  100% {
    top: auto;
    bottom: 100%;
    left: auto;
    right: 100%;
    transform: rotate(270deg) translateY(-50%);
    transform-origin: right center;
  }
}


.anti-discrimination-cell {
  background-color:#ffffd9;
  padding:30px;
  margin:20px auto;
}


.accordion .panel {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #fff;
  background: none;
  box-shadow: none;
}

.accordion .panel:last-child {
  border-bottom: none;
}

.accordion .panel-group > .panel:first-child .panel-heading {
  border-radius: 4px 4px 0 0;
}

.accordion .panel-group .panel {
  border-radius: 0;
}

.accordion .panel-group .panel + .panel {
  margin-top: 0;
}

.accordion .panel-group {
    margin-bottom:0px;
}

.accordion .panel-heading {
  background-color:#607d8b;
  border-radius: 0;
  border: none;
  color: #fff;
  padding: 0;
}

.accordion .panel-title a {
    display: block;
    color: #fff;
    padding: 15px;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

.accordion .panel-body {
  background: #fff;
}

.accordion .panel:last-child .panel-body {
  border-radius: 0 0 4px 4px;
}

.accordion .panel:last-child .panel-heading {
  border-radius: 0 0 4px 4px;
  transition: border-radius 0.3s linear 0.2s;
}

.accordion .panel:last-child .panel-heading.active {
  border-radius: 0;
  transition: border-radius linear 0s;
}
/* #bs-collapse icon scale option */

.accordion .panel-heading a:before {
  content: '\f107';
  position: absolute;
 font-family: 'FontAwesome';
  right: 14px;
  top: 10px;
  font-size: 24px;
  transition: all 2s;
  transform: scale(1);
}

.accordion .panel-heading.active a:before {
  content: '\f106';
  transition: all 2s;
  transform: scale(1);
}

.accordion #bs-collapse .panel-heading a:after {
  content: ' ';
  font-size: 24px;
  position: absolute;
  font-family: 'FontAwesome';
  right: 5px;
  top: 10px;
  transform: scale(1);
  transition: all 0.5s;
}


.accordion #bs-collapse .panel-heading.active a:after {
  content: '\e909';
  transform: scale(1);
  transition: all 0.5s;
}
/* #accordion rotate icon option */

.accordion #accordion .panel-heading a:before {
  content: '\e316';
  font-size: 24px;
  position: absolute;
  font-family: 'FontAwesome';
  right: 5px;
  top: 10px;
  transform: rotate(180deg);
  transition: all 0.5s;
}

.accordion #accordion .panel-heading.active a:before {
  transform: rotate(0deg);
  transition: all 0.5s;
}

header.fixed-menu .admission-btn-sec {
    display: none;
}

.m-admission-btn-sec .admission-btn-sec { display:none; }


.menu-left-content .inner-menu-header { background: transparent;}


.side-menu-m .navbar-header { opacity:0;}
#uon-side-menu ul:first-child > li:first-child::before { top: 50px !important; left: 10px !important;}
#uon-side-menu ol {padding: 0 0 0 0px; border-left:0px solid #D9DBE0;}