@charset "utf-8";
@import "https://fonts.googleapis.com/css?family=Abel";
@import "https://fonts.googleapis.com/css?family=Roboto:400,300,700,500";
@import "https://fonts.googleapis.com/css?family=Lora:400,700";
/* universal margin padding 0 in every where */
* {
	margin: 0;
	padding: 0;
	box-sizing: inherit;
  }
  
  /* Standard font size */
  html {
	font-size: 62.5%;
	scroll-behavior: smooth;

  }
  
  body {
	background-color: #e9f1fe;
	line-height: 1.6;
	font-size: 16px;
	box-sizing: border-box;
	font-family: "Roboto", sans-serif;
  }
  .Unidrop
  {
  display: inline-block; 
  padding: 10px 20px; 
  background-color: #007bff; 
  color: #fff; 
  text-decoration: none; 
  border-radius: 4px; 
  transition: background-color 0.3s ease; 
} 
  .logo-image {
	max-width: 80px;
  }
  .navbar-bg {
	/* background-color: #fff; */
	background-color: #ff8000;
	/* color: #fff; */
  }
  
  .carousel-item img {
	height: 430px;
    object-fit: cover;
  }
  
  .navbar-brand {
	display: flex;
	align-items: center;
	font-weight: bold;
  }
  
  .navbar-brand img {
	margin-right: 10px;
  }
  
  .navbar-nav li a {
	text-transform: capitalize;
	color: #fff;
	font-size: 16px;
	padding: 4px 19px !important;
  }
  
  .navbar-nav li a:hover {
	text-transform: capitalize;
	color: #fff;
	font-size: 16px;
	padding: 4px 19px !important;
  }
  
  .color-primary {
	color: #ff8000;
  }
  
  .color-primary:hover {
	color: #ff8000 !important;
  }
  
  /* .social-login a{
		background-color: #FF8000; 
		color: #fff;
	} */
  
  .social-login {
	display: flex;
	justify-content: end;
	/* padding-right: 32px; */
  }
  
  .social-icon {
	display: flex;
	align-items: center;
	/* justify-content: center; */
	/* width: 36px;
	  height: 36px;  */
	/* border-radius: 50%;  */
	/* background-color: #FF8000;  */
	color: #fff;
	/* color: #fff; */
	text-decoration: none;
	transition: background-color 0.3s;
  }
  
  .social-icon:hover {
	/* background-color: #fff !important; */
	color: #fff !important;
  }
  
  .header-bg {
	/* background-color: #FF8000; */
	/* color:#fff; */
	background-color: #fff;
  }
  
  .color-white {
	color: #fff;
  }
  
  .screen-reader {
	border-right: 2px solid #ff8000;
	padding: 0 10px;
  }
  
  .header-content {
	padding-left: 50px;
  }
  
  .header-content-text {
	font-size: 14px;
  }
  .nav-link:focus,
  .nav-link:hover {
	color: #FFF;
  }
  
  .navbar-toggler-icon {
	background-image: url(images/menu-toggle.png) !important;
	border-color: #ffb600;
  }
  
  .new-image {
	background-image: url(https://rajuvasorangetheme.mobilogicx.com/assets/images/bg-1.jpg) !important;
	background-repeat: no-repeat;
	height: 100%;
	background-size: cover;
	padding: 40px;
  }
  
  .new-image-2 {
	background-image: url(https://rajuvasorangetheme.mobilogicx.com/assets/images/bg-1.jpg) !important;
	background-repeat: no-repeat;
	height: 100%;
	background-size: cover;
	padding: 40px;
  }
  
    .new-image-3 {
	background-image: url(https://rajuvasorangetheme.mobilogicx.com/assets/images/bg-1.jpg) !important;
	background-repeat: no-repeat;
	height: 100%;
	background-size: cover;
	padding: 40px;
  }
  
  
  .navbar-toggler:focus {
	box-shadow: none;
  }
  
  /* dropdown content */
  .dropdown-menu {
	background-color: #fff;
	border: none;
  }
  
  .dropdown-item {
	color: #ff8000 !important;
	text-transform: capitalize !important;
  }
  
  .dropdown-item:hover {
	background-color: #ff8000;
	color: #fff !important;
  }
  
  .dropdown-submenu {
	position: relative;
  }
  
  .nav-item.dropdown:hover > .dropdown-menu {
	display: block;
  }
  
  /* .dropdown-submenu:hover > .dropdown-menu {
	  display: block;
	  position: absolute;
	  top: 0;
	  left: 100%;
	} */
  
  .dropdown-submenu > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-left: 0;
	/* margin-top: -0.5rem; */
	/* opacity: 0; Initially hidden */
	/* visibility: hidden; Ensure it's hidden */
	transition: opacity 0.3s ease-out, transform 0.3s ease-out; /* Smooth transition */
	transform: translateY(-20px); /* Initial position for animation */
  }
  
  /* For showing the submenu */
  .dropdown-submenu.show > .dropdown-menu {
	opacity: 1;
	visibility: visible; /* Make it visible */
	transform: translateY(0); /* Animate from top */
  }
  
  .navbar-nav > .nav-item.dropdown:last-child .dropdown-submenu > .dropdown-menu {
	left: auto;
	right: 100%; /* Position the last submenu to the right */
  }
  
  /* Change icon when submenu is shown */
  .dropdown-submenu.show > a > .submenu-toggle-icon {
	content: "\f068"; /* Change icon to minus */
  }
  
  /* Slide-in animation */
  @keyframes slideIn {
	from {
	  transform: translateY(-20px);
	  opacity: 0;
	}
	to {
	  transform: translateY(0);
	  opacity: 1;
	}
  }
  
  /* Change icon on hover */
  .dropdown-submenu:hover > a > .submenu-toggle-icon {
	content: "\f068";
  }
  
  .raj-bhawan-img {
	width: 100%;
	height: 200px;
  }
  
  .social-section {
	padding: 40px 0;
  }
  .social-card {
	/* padding: 3px 3px 3px 3px; */
	background-color: #ff8000;
	border-top: 3px solid #ff8000;
	border-right: 3px solid #ff8000;
	border-bottom: 5px solid #ff8000;
	border-left: 3px solid #ff8000;
	color: #fff;
	border-radius: 0;
	margin-bottom: 20px;
  }
  
  .social-card-img {
	width: 100%;
	height: 60px;
  }
  
  /* card design */
  .map-image {
	width: 100% !important;
	height: 210px;
  }
  
  .bg-white {
	background-color: #fff;
  }
  
  /* Default Button */
  .btn-custom-primary {
	background-color: #ff8000; /* Theme primary background color */
	color: #ffffff; /* Text color */
	border: 2px solid #ff8000; /* Border matching the background color */
	padding: 10px 20px; /* Padding */
	font-size: 16px; /* Font size */
	/* font-weight: bold; Bold text */
	border-radius: 4px; /* Rounded corners */
	transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease; /* Smooth transition */
	cursor: pointer;
  }
  
  /* Hover State */
  .btn-custom-primary:hover {
	background-color: #ff8000; /* Darker shade on hover */
	color: #ffffff; /* Keep text color white */
	border-color: #ff8000; /* Match border to new background color */
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15); /* Light shadow effect */
  }
  
  /* Focus State */
  .btn-custom-primary:focus {
	background-color: #ff8000; /* Darker shade */
	color: #ffffff; /* Text color */
	border-color: #14204b; /* Even darker border */
	outline: none; /* Remove default outline */
	box-shadow: 0px 0px 0px 4px rgba(35, 51, 123, 0.5); /* Custom focus shadow */
  }
  
  /* Active State */
  .btn-custom-primary:active {
	background-color: #14204b; /* Darkest shade on active */
	border-color: #0f1a3e; /* Match border */
	color: #ffffff; /* Keep text color */
	box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.2); /* Inset shadow for pressed effect */
	transform: scale(0.98); /* Slightly scale down on press */
  }
  
  /* Disabled State */
  .btn-custom-primary:disabled {
	background-color: #a0a4c0; /* Lighter grayish-blue background for disabled */
	color: #666666; /* Darker gray text */
	border-color: #a0a4c0; /* Match border */
	cursor: not-allowed; /* Show not-allowed cursor */
	box-shadow: none; /* No shadow */
	opacity: 0.65; /* Reduced opacity */
  }
  
  .btn-check:focus + .btn,
  .btn:focus {
	box-shadow: none;
  }
  
  .events-cards {
	box-shadow: 0px 8px 16px rgba(35, 51, 123, 0.2),
	  /* Soft, primary color shadow */ 0px 4px 8px rgba(0, 0, 0, 0.1);
  }
  
  .events-section {
	padding: 40px 0;
  }
  
  .galery-section {
	padding: 40px 0;
	background-color: #f3f3f3;
  }
  
  .card-slide-image {
	height: 500px !important;
	object-fit: cover;
	width: 100%;
  }
  
  .academic-section {
	padding: 20px 0;
	background-color: #f3f3f3;
	/* background-color: #fff; */
  }
  
  /* .academic-card {
	  background-color: #ffffff;
	  padding: 20px;
	  border-radius: 4px;
	  box-shadow: 0px 6px 12px rgba(35, 51, 123, 0.2),
		0px 4px 6px rgba(0, 0, 0, 0.1);
	  color: #FF8000;
	  font-family: Arial, sans-serif;
	} */
  
  .card-section {
	margin-bottom: 20px;
  }
  
  .card-section h3 {
	font-size: 1.2em;
	color: #ff8000;
	border-bottom: 3px solid #ff8000;
	padding-bottom: 5px;
	margin-bottom: 10px;
  }
  
  .card-section ul {
	list-style-type: none;
	padding: 0;
  }
  
  .card-section ul li {
	font-size: 1em;
	color: #333;
	padding: 5px 0;
  }
  
  .card-section ul li:not(:last-child) {
	border-bottom: 1px solid rgba(35, 51, 123, 0.15);
  }
  
  .raj-bhawan {
	background-color: #fff;
	padding: 40px 0;
  }
  
  .header-section {
	/* background-color: #e0eaf7; */
	background-color: #e6f0fe;
	/* padding: 20px; */
	border-radius: 8px;
	margin-bottom: 20px;
  }
  .profile-img {
	width: 120px;
	height: auto;
	border-radius: 8px;
  }
  
  .raj-bhawan-bg {
	background-color: #e6f0fe;
	padding: 20px 20px 26px 20px;
	border-radius: 8px;
	margin-bottom: 20px;
	margin-top: 32px;
  }
  
  .raj-bhawan-logo {
	width: 180px;
	height: auto;
	border-radius: 8px;
	margin-bottom: 35px;
  }
  /* Custom style for active and selected nav-pills (for news updates only) */
  .news-updates .nav-link.active,
  .news-updates .show > .nav-link {
	background-color: transparent;
	border-top: 2px solid #219b9d; /* Your custom theme color */
	color: #219b9d; /* White text for active tab */
	/* font-weight: bold;         Make the active tab text bold */
	border-radius: 0px;
	font-size: 15px; /* Optional: Rounded corners for active tab */
  }
  
  .heading {
	border-bottom: 2px solid #ff8000;
	display: inline-block;
	padding-bottom: 10px;
	margin-bottom: 20px;
  }
  
  .heading-white {
	border-bottom: 2px solid #fff;
	display: inline-block;
	padding-bottom: 10px;
	margin-bottom: 20px;
  }
  
  .heading-news {
	border-bottom: 2px solid #fff;
	display: inline-block;
	padding-bottom: 10px;
	margin-bottom: 20px;
  }
  
  /* Optional: Hover effect for the news-updates nav items */
  .news-updates .nav-link:hover {
	background-color: rgba(35, 51, 123, 0.1);
	color: #fff;
  }
  
  .news-updates .nav-link {
	color: #fff;
  }
  .cursor {
	cursor: pointer;
  }
  
  .tab-contnet-color {
	background: linear-gradient(
	  rgb(230, 240, 254) 0%,
	  rgba(1, 112, 249, 0.55) 0%,
	  rgba(14, 106, 245, 0.12) 100%
	);
	border-top: none !important;
	padding-left: 10px;
	/* /* line-height: 47px; */
	line-height: 47px;
	position: relative;
	overflow: hidden; /* Hide overflow to prevent content from spilling outside */
	/* height: 250px; */
  }
  
  .tab-contnet-color p {
	display: inline-block;
	animation: marqueeVertical 10s linear infinite; /* Customize speed and smoothness */
	font-size: 16px; /* Optional: Adjust font size */
	color: #ff8000; /* Set text color */
	/* white-space: nowrap; Ensures the text stays in a single line */
	position: relative;
  }
  
  @keyframes marqueeVertical {
	0% {
	  transform: translateY(5%); /* Start from the bottom */
	}
	100% {
	  transform: translateY(-100%); /* End at the top */
	}
  }
  
  .marquee-container {
	width: 100%;
	overflow: hidden;
	position: relative;
  }
  
  .marquee-content {
	display: flex;
	animation: marquee 20s linear infinite;
  }
  
  .custom-marquee-content > div > marquee > a {
	/* margin-right: 10px; Space between each link */
	color:#fff;
	border-right: 2px solid #ff8000;
	text-decoration: none;
	
  }
  
  .marquee-content a img {
	padding-left: 10px;
	margin-right: 10px; /* Space between GIF and text */
	width: 30px; /* Size of the GIF */
	height: 15px;
  }
  
  .marquee-content a:hover {
	color: #fff; /* Hover effect */
  }
  
  @keyframes marquee {
	0% {
	  transform: translateX(100%);
	}
	100% {
	  transform: translateX(-100%);
	}
  }
  
  .intro-section {
	background-color: #e0eaf7;
	padding: 20px;
	border-radius: 8px;
  }
  .highlight-text {
	color: red;
	font-weight: bold;
  }
  .icon-section {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 10px;
  }
  .icon {
	/* width: 50px;
		height: 50px;
		margin: 10px; */
	width: 77px;
	height: 49px;
	margin: 13px 6px;
	object-fit: contain;
  }
  
  .justify {
	text-align: justify;
  }
  .welcome-section {
	padding: 70px 0 40px 0;
	background-color: #f3f3f37d;
  }
  .border-bottom {
	border-bottom: 1px solid #dcdcdc;
  }
  .icon-label {
	font-size: 12px;
	margin-top: 8px;
	text-align: center;
	color: #6e5e43;
  }
  .view-more-btn {
	font-size: 0.9rem;
	padding: 5px 10px;
  }
  
  .welcome-heading {
	font-size: 20px;
  }
  
  /* footer design */
  
  .footer-social-login {
	/* display: flex;
	  justify-content: end; */
	/* padding-right: 32px; */
  }
  
  .footer-social-icon {
	/* display: flex; */
	font-size: 22px;
	/* align-items: center; */
	color: #ff8000;
	text-decoration: none;
	transition: background-color 0.3s;
  }
  
  .footer-social-icon:hover {
	color: #ff8000 !important;
  }
  
  .form-lable-custom {
	font-size: 20px;
	margin-bottom: 10px;
	color: #ff8000;
	display: block;
	text-transform: capitalize;
	font-weight: 500;
  }
  .custom-input-div {
	width: 50%;
	border: 1px solid #ff8000;
  }
  
  .border-bottom-custom {
	border-bottom: 1px solid #ff8000;
  }
  .form-input-custom {
	font-size: 16px;
	padding: 8px 8px;
	display: block;
	border: 1px solid #ff8000;
  }
  
  .footer {
	/* background-color: #FF8000; */
	background-color: #fff;
	/* color: #fff; */
	color: #ff8000;
	padding: 30px 0 30px 0;
  }
  .footer h5 {
	margin-bottom: 15px;
	font-size: 20px;
  }
  .footer p {
	/* color: #fff; */
	margin-bottom: 8px;
	color: #ff8000;
	font-size: 15px;
  }
  
  .border-left-custom {
	border-left: 1px solid #dcdcdc;
  }
  
  .footer a:hover {
	/* color: #cce7ff; */
	color: #ff8000;
	text-decoration: none;
  }
  .footer .social-icons img {
	height: auto;
	width: 72px;
	margin: 4px 8px;
  }
  .footer .visitor-counter {
	/* background-color: #fff; */
	color: #000;
	padding: 2px 10px;
	border-radius: 5px;
	font-size: 15px;
	color: #ff8000;
	text-align: center;
	width: fit-content;
	letter-spacing: 11px;
	border: 1px solid #ff8000;
	/* background: linear-gradient(to bottom, #cfdef3, #e0eafc); */
  }
  .footer-bottom {
	text-align: center;
	padding: 18px 0 0 0;
	border-top: 1px solid rgba(52, 121, 40, 0.5);
	font-size: 14px;
	background-color: #fff;
	/* background-color: #219B9D; */
  }
  
  .footer-bottom p {
	color: #ff8000;
	font-weight: 600;
	font-size: 15px;
  }
  
  .append-input {
	font-size: 15px;
	color: gray;
  }
  .append-btn {
	font-size: 15px;
	color: gray;
	background-color: #fff;
  }
  
  .submenu-toggle-icon {
	font-size: 12px;
  }
  
  .nav-logo {
	max-width: 75px;
  }
  
  .custom-marquee-container {
	width: 100%;
	background-color: #219b9d; /* Light background color */
	padding: 5px 10px;
  }
  
  /* Scroll News button styling */
  .custom-scroll-news-btn {
	margin-right: 10px;
  }
  
  /* Marquee content styling */
  .custom-marquee-content {
	flex-grow: 1; /* Fill the available space */
	overflow: hidden;
  }
  
  /* Search button styling */
  .custom-search-btn {
	margin-left: 10px;
  }
  
  .custom-marquee {
	padding: 8px 0 0 0;
  }
  
  .search-icon {
	color: #fff;
	font-size: 15px;
	padding: 0 10px;
  }
  
  .scroll-text {
	white-space: nowrap;
	padding: 0 10px;
  }
  
  .custom-card {
	/* padding: 20px; */
	padding: 13px 5px 5px 5px;
	text-align: center;
	border: none;
	border-radius: 0px;
	/* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
	background-color: #ffffff;
	border-left: 1px solid #dcdcdc;
	transition: transform 0.2s;
  }
  
  /* .custom-card:hover {
	  transform: translateY(-5px);
	} */
  
  .custom-card-icon img {
	width: 30px; /* Adjust size as needed */
	height: auto;
	margin-bottom: 4px;
  }
  
  .custom-card-title {
	/* font-weight: 600; */
	font-size: 14px;
	color: #ff8000;
	margin-bottom: 0px;
  }
  
  .custom-more-details {
	font-size: 12px;
	color: #219b9d;
	text-decoration: none;
	display: block;
  }
  
  .custom-more-details:hover {
	text-decoration: underline;
	color: #219b9d;
  }
  .card-service-contianer {
	position: absolute;
	/* bottom: -4%; */
	left: 6%;
	margin-top: -47px;
  }
  
  .academic-card {
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: transform 0.2s;
  }
  
  .academic-card:hover {
	transform: translateY(-5px);
  }
  
  .academic-card-image img {
	width: 100%;
	height: 250px;
	/* object-fit: cover; */
	display: block;
  }
  
  .academic-card-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px;
	background: rgba(0, 0, 0, 0.4);
	color: white;
	text-align: center;
	height: 100%;
  }
  
  .academic-card-title {
	font-size: 20px;
	/* font-weight: 600; */
	/* position: absolute;
	  top: 42%;
	  left: 2%; */
	padding-top: 100px;
  }
  
  .academic-card-location {
	font-size: 0.9rem;
	margin-top: 5px;
  }
  
  .academic-card-icon {
	position: absolute;
	bottom: 15px;
	right: 15px;
	background-color: #ff6700;
	color: white;
	font-size: 1.5rem;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  .news-tab-content {
	background: rgba(0, 0, 0, 0.23);
	padding: 30px;
	/* min-height: 471px; */
	line-height: 40px;
  }
  
  .imported-links {
	background-color: #f3f3f37d;
	padding: 40px;
  }
  
  .section-title {
	text-align: center;
	margin-bottom: 20px;
  }
  
  .icon-box {
	transition: all 0.3s;
	padding: 17px 6px;
	border-radius: 10px;
	border: 0px solid #e0e0e0;
	background-color: #fff;
	text-align: center;
	cursor: pointer;
  }
  
  .icon-box:hover {
	background-color: #fff;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
  
  .icon-box i {
	font-size: 40px;
	color: #219b9d;
	margin-bottom: 10px;
	display: block;
  }
  
  .icon-box h4 {
	font-size: 16px;
	/* font-weight: 600; */
	color: #333;
	white-space: nowrap;
  }
  
  .broadcast-section {
	padding: 40px 0;
	background: #fff;
  }
  
  .broadcast-left {
	display: flex;
	flex-direction: column;
  }
  
  .broadcast-item {
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
  }
  
  .broadcast-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(255, 128, 0, 0.7);
	/* background-color:rgba(52, 121, 40,0.7); */
	/* background-color: rgba(0, 45, 85, 0.7); */
	color: #fff;
	padding: 10px;
	font-size: 18px;
	text-align: center;
  }
  
  .broadcast-right {
	list-style-type: none;
	padding: 0;
  }
  
  .broadcast-icon {
	font-size: 32px;
	color: #ff8000;
	margin-right: 15px;
  }
  
  .broadcast-link-text {
	font-weight: bold;
	color: #ff8000;
  }
  
  .broadcast-more {
	color: #ff8000;
	font-size: 14px;
	text-decoration: none;
  }
  
  .broadcast-more:hover {
	text-decoration: underline;
	color: #ff8000;
  }
  
  .broadcast-img {
	height: 250px;
	width: 100%;
	/* object-fit: cover; */
  }
  
  .card-style {
	/* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
	overflow: hidden;
	transition: transform 0.3s, box-shadow 0.3s;
	background-color: #fff;
	padding: 26px;
	margin: 0;
	border-bottom: 1px solid #ff8000;
  }
  
  .instiutions-tabs .nav-link.active,
  .instiutions-tabs .show > .nav-link {
	background-color: transparent;
	border-bottom: 2px solid #219b9d; /* Your custom theme color */
	color: #219b9d; /* White text for active tab */
	/* font-weight: bold;         Make the active tab text bold */
	border-radius: 0px;
	font-size: 20px; /* Optional: Rounded corners for active tab */
  }
  
  .instiutions-tabs .nav-link:hover {
	/* background-color: rgba(35, 51, 123, 0.1); */
	color: #ff8000;
  }
  
  .instiutions-tabs .nav-link {
	color: #ff8000;
	font-size: 20px;
	border-radius: 0;
  }
  
  /* About us page css  start  *********************************/
  
  /* .banner-img {
	height: 470px;
	width: 100%;
  }
  
  .banner-text {
	font-size: 40px;
	color: #fff;
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	text-align: center;
  } */
  
  .font-style-2 {
	font-family: "Butler";
  }
  
  .text-style {
	font-family: "Source Sans Pro" !important;
	font-weight: 500;
  }
  
  .banner-container {
	position: relative;
  }
  
  .banner-container::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5); /* Black layer with opacity */
	z-index: 1; /* Ensure it appears above the image */
  }
  
  .banner-img {
	height: 470px;
	width: 100%;
	display: block;
	position: relative;
	z-index: 0; /* Ensure the image is below the overlay */
  }
  
  .banner-text {
	font-size: 40px;
	color: #fff;
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 2; /* Ensure the text is above the overlay */
  }
  
  .unversity-seciton {
	padding: 100px 0;
	background-color: #fff;
  }
  
  .unversity-image {
	height: 470px;
	width: 100%;
  }
  .read-more {
	font-size: 17px;
	text-align: end;
	margin-left: auto;
	display: flex;
	font-family: "Butler";
	justify-content: end;
	align-items: center;
  }
  
  .vision-seciton {
	padding: 50px 0;
	background-color: #f6f6f6;
  }
  
  .vision-img {
	display: block;
	/* height: 20px; */
	max-width: 52px;
	margin: auto;
	margin-bottom: 8px;
  }
  .vision-seciton .card {
	height: 100%;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }
  
  .with-dot::before {
	content: "• ";
	color: #000;
  }
  
  .organogram-img {
	width: 100%;
  }
  
  .unversity-tab-section {
	padding: 50px 0;
	background-color: #fff;
	margin-bottom: 70px;
  }
  
  .accordion-button {
	font-size: 16px;
  }
  .pdf {
	width: 100%;
	height: 700px;
  }
  
  .minutes-card {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	height: 100%;
  }
  
  .minutes-card ul {
	display: flex;
	flex-wrap: wrap; /* Allows wrapping to the next line */
  }
  
  .minutes-card ul li {
	flex: 0 0 50%; /* Ensures two items per row */
	cursor: pointer;
	margin-bottom: 8px; /* Adds spacing between rows */
  }
  
  .minutes-card ul li:hover {
	color: #ff8000;
  }
  .minutes-heading {
	border-bottom: 1px solid #dedede;
  }
  
  .annual-card {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	height: 100%;
  }
  
  .annual-card ul {
	/* display: flex;
	flex-wrap: wrap; Allows wrapping to the next line */
  }
  
  .annual-card ul li {
	/* flex: 0 0 50%; Ensures two items per row */
	cursor: pointer;
	margin-bottom: 8px; /* Adds spacing between rows */
  }
  
  .annual-card ul li:hover {
	color: #ff8000;
  }
  
  .rules-section {
	padding: 50px 0;
	background-color: #fff;
	margin-bottom: 70px;
  }
  
  .rules-li {
	border: none;
	border-bottom: 1px solid #dedede;
	padding: 18px 10px 18px 10px;
	font-size: 18px;
  }
  .know-more-btn {
	font-size: 16px;
	color: #000;
	text-decoration: none;
	transition: color 0.3s ease, transform 0.3s ease; /* Add transition */
  }
  
  .know-more-btn:hover {
	color: #ff8000;
	transform: scale(1.1);
  }
  
  .contact-card {
	font-size: 16px;
	color: #ff8000;
	/* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
	padding: 14px 0;
	transition: all 0.3s ease; /* Smooth transition for all properties */
	cursor: pointer;
	/* height: 100%; */
	margin-bottom: 10px;
  }
  
  .contact-card i{
	font-size: 25px;
  }
  
  
  .contact-card:hover {
	font-size: 16px;
	color: #fff;
	background-color: #ff8000;
	/* box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); Slightly stronger shadow on hover */
	padding: 14px 0;
  }
  
  
  .contact-card-form{
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	padding: 20px;
	margin-top: 20px;
  }
  
  
  
  .form-lable-contact {
	font-size: 16px;
	margin-bottom: 10px;
	display: block;
	text-transform: capitalize;
	font-weight: 500;
  }
  
  .form-input-custom-contact {
	font-size: 16px;
	padding: 8px 8px;
	display: block;
  }
  
  .contact-us-table td{
	padding: 24px  10px 25px 14px;
  }
  
  .contact-us-table th{
	padding: 15px 10px 20px 14px;
  }
  
  
  .contact-table td{
	padding: 14px 10px 14px 14px;
  }
  
  .text-white:hover{
	color:#fff !important;
  }
  
  .contact-section{
	padding: 40px 0;
	background-color: #219b9dab;
  }
  
  .contact-tab-section {
	padding: 50px 0;
	background-color: #f6f6f6;
	/* margin-bottom: 70px; */
  }
  
  /* Student page css *************************************************************/
  .students-tab .nav-link.active, .instiutions-tabs .show > .nav-link {
	background-color: transparent;
	border-bottom: 1px solid #219b9d;
	color: #219b9d;
	border-radius: 0px;
	font-size: 17px;
	text-transform: capitalize;
	width: 70%;
	text-align: left;
  }
  
  
  
  
  .students-tab .nav-link:hover {
	/* background-color: rgba(35, 51, 123, 0.1); */
	color: #ff8000;
  }
  
  .students-tab .nav-link {
	color: #ff8000;
	font-size: 17px;
	border-radius: 0;
	padding: 12px 0;
	border-bottom: 1px solid #dedede;
	display: block;
	width: 70%;
	text-align: left;
  }
  
  /* .students-tab li{
	border-bottom: 1px solid #dedede;
	width: 70%;
  } */
  
  
  .hostel-table {
	background-color: #fff;
	border-bottom: 1px solid #dedede;
  }
  .hostel-table th {
	color: #ff8000;
	background-color: #fff;
	font-weight: 400;
	font-family: "Butler";
  }
  .hostel-table td {
	vertical-align: top;
  }
  .hostel-table .highlight-row {
	/* background-color: #f2f2f2; */
	padding: 10px;
  }
  
  .ncc-image{
	width: 100%;
	height: 380px;
	object-fit: cover;
  }
  .ncc-image-second{
	width: 100%;
	height: 283px;
  }
  
  
  .Student-Union{
	color: #219b9d;
	text-decoration: none;
	display: block;
  }
  
  .Student-Union:hover{
	color: #219b9d;
	text-decoration: underline;
  }
  
  .placement-img{
  width: 100%;
  /* height: 200px; */
  }
  
  .download-table td{ 
	padding: 12px 0px;
  }
  
  
  
  
  
  
  
  /* responsive screen media quier ________________________________________________________________ */
  
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
	.navbar-nav li a {
	  font-size: 15px;
	}
  
	.card-service-contianer {
	  position: absolute;
	  /* bottom: -4%; */
	  left: 3%;
	  margin-top: -92px;
  }
  
	.imported-links {
	  padding: 10px;
	}
  
	.new-image {
	  padding: 10px;
	}
  
	.new-image-2 {
	  padding: 10px;
	}
	.new-image-3 {
	  padding: 10px;
	}
  }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
	.navbar-nav li a {
	  padding-left: 6px !important;
	}
  .broadcast-right li span a .img-responsive{
  max-width: 100% !important;
}
 .faculty-information {
	float: left;
	width: 100% !important;
}
#about-rajuvas #accordionFlushExample .accordion-body p
{
    word-wrap:anywhere;
}
iframe
{
    width : 100%;
}
embed
{
   width : 100%; 
}
.accordion-body img
{
    width:100%;
}
#Wardensaccordion .accordion-body {

  overflow-x: auto;

}
 
#about-rajuvas table {
	width: 100% !important;
	float: left;
}
	.image-text {
	  background-color: #ff8000;
	  color: #fff;
	  text-align: start;
	  margin-bottom: 0;
	  font-size: 14px;
	  padding: 5px 0px 5px 12px;
  }
  
  
  .contact-tab-section{
	padding: 10px 0;
  }
  
	.imported-links {
	  padding: 0px;
	}
  
	.unversity-seciton {
	  padding: 20px 0;
	  background-color: #fff;
	}
	.contact-us-table td {
	  padding: 8px 6px 10px 6px;
  }
	.unversity-image {
	  height: 240px;
	  width: 100%;
  }
  
  .students-tab .nav-link.active, .instiutions-tabs .show > .nav-link {
	background-color: transparent;
	border-bottom: 1px solid #219b9d;
	color: #219b9d;
	border-radius: 0px;
	font-size: 15px;
	text-transform: capitalize;
	width: 100%;
	text-align: left;
	padding: 5px 4px;
  }
  
  .students-tab .nav-link {
	color: #ff8000;
	font-size: 15px;
	border-radius: 0;
	border-bottom: 1px solid #dedede;
	width: 100%;
	padding: 5px 4px;
  }
  
  .nav-item{
	margin: 0 5px;
  }
  
	.new-image {
	  padding: 0;
	}
  
	.new-image-2 {
	  padding: 0;
	}
	.new-image-3 {
	  padding: 0;
	}
  
	.banner-img {
	  height: 250px;
	}
  
	footer {
	  padding: 30px 0 10px 0 !important;
	}
	.custom-card {
	  border-bottom: 1px solid #dcdcdc !important;
	}
  
   
	.instiutions-tabs .nav-link {
	  font-size: 14px;
	}
  
	.carousel-item img {
	  height: 240px;
	}
  
	.instiutions-tabs .nav-link.active,
	.instiutions-tabs .show > .nav-link {
	  font-size: 14px;
	}
  
	.heading-news {
	  margin-top: 15px;
	}
  
	.news-tab-content {
	  padding: 7px;
	  font-size: 14px;
	}
  
	.contact-us-table th {
	  padding: 0 5px;
	  white-space: nowrap;
  }
  
	.profile-img {
	  width: 100%;
	  border-radius: 8px;
	  /* object-fit: contain; */
	}
  
	.students-tab .nav-link{
	  width: 100%;
	}
  
	.contact-card-form{
	  padding: 0;
	}
  
	.card-service-contianer {
	  position: relative;
	  bottom: 0;
	  left: 0;
	}
	.footer-bottom {
	  text-align: left;
	}
	.welcome-section {
	  padding: 1px 0 40px 0;
	}
	.custom-input-div {
	  width: 100%;
	  border: 1px solid #ff8000;
	}
  
	.new-image {
	  height: auto !important;
	}
	.footer-bottom {
	  text-align: start;
	}
	.border-left-custom {
	  border-left: none;
	}
  
	.navbar-nav
	  > .nav-item.dropdown:last-child
	  .dropdown-submenu
	  > .dropdown-menu {
	  left: 0 !important;
	  right: 0 !important; /* Position the last submenu to the right */
	}
  
	.dropdown-item {
	  white-space: normal;
	}
  }
  
  @media (min-width: 769px) {
	.dropdown-submenu:hover > .dropdown-menu {
	  display: block;
	  background-color: #fff; /* Change background color on hover */
	}
  }
  
  /* Mobile Specific Styles */
  @media (max-width: 768px) {
	/* Mobile View: Adjust for smaller screens */
	.dropdown-menu {
	  background-color: #fff;
	  position: static;
	  width: 100%;
	}
  
	.dropdown-item {
	  padding: 10px;
	}
  
	.dropdown-submenu > .dropdown-menu {
	  position: relative;
	  top: 17px;
	  left: 0;
	  margin-left: 0;
	  margin-top: 0;
	  padding-left: 20px;
	}
  
	.dropdown-submenu.show > .dropdown-menu {
	  display: block;
	}
  
	.submenu-toggle-icon {
	  font-size: 12px;
	  transition: transform 0.3s ease;
	}
  
	.submenu-toggle-icon.fa-minus {
	  transform: rotate(180deg);
	}
  }
  .alignright {
	float: right;
	padding: 10px 0 10px 10px
}

#wrapper {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-color: #FFF
}

#header {
	width: 100%;
	height: auto;
	border-top: 2px solid #23337b
}

#header-inner {
	width: 80.86%;
	height: auto;
	margin: 0 auto
}

.header-inner-bottom-menu {
	width: 100%!important
}

#header-top {
	width: 100%;
	height: auto;
	background: linear-gradient(to bottom, #CFDEF3, #E0EAFC);
	position: fixed;
	    right: 0px;
	    left: 0px;
	    z-index: 99;
}

.header-top-inner {
	padding: 0px 0
}

#search-box-panel {
	display: none;
	width: 100%;
	background-color: #23337b;
	background-size: cover;
	text-align: center
}

#header-top-left {
	float: left;
	height: auto;
	display: inline-block;
}

#header-top-right {
	float: right;
	position: relative
}

#options {
	width: auto;
	height: auto
}

#magnifier {
	float: right;
	background: url(images/magnifier.png) center no-repeat;
	width: 20px;
	height: 20px;
	margin-top: 8px
}

.menu-header-top-menu-container {
	float: left
}

#menu-header-top-menu li {
	float: left;
	padding: 5px 0px;
	list-style: none
}

#menu-header-top-menu li a {
	color: #333;
	font-size: 12px;
	font-weight: lighter;
	text-transform: uppercase;
	padding: 0 12px;
	background: url(images/bluedot.png) left no-repeat
}

.clear-fix {
	clear: both
}

#header-bootom {
	width: 100%;
	height: auto;
	background-color: #0e6af5
}

#nav {
	width: 100%;
	height: auto
}

#menu-item-31 {
	background: url(images/gap.jpg) 96% 51% no-repeat
}

.menu-mobile-menu-container {
	display: none
}

#menu-header-top-menu {
	padding-right: 14px
}

#banner {
	width: 100%;
	height: auto;
	background-size: cover
}

#logo {
	height: auto;
	float: left
}
#logo1 {
	height: auto;
	float: left
}
.logo-title {
	font-size: 14px;
	color: #23337b;
	font-family: Lora, serif;
	padding: 10px 0px 5px 0px;
	font-weight: 800
}

.search {
	padding: 17px 8px;
	border: none;
	color: #fff;
	width: 80.86%;
	margin: 0 auto;
	font-size: 25px;
	font-weight: 300;
	background-color: #23337b;
	background-size: cover
}

::-webkit-input-placeholder {
	color: #5867a8;
	font-weight: 300!important
}

:-moz-placeholder {
	color: #5867a8
}

.slider-strip {
	font-size: 23px;
	color: #fff;
	text-align: left;
	width: 80.86%;
	margin: 0 auto;
	padding: 2px 0;
	font-family: Lora, serif;
	font-weight: 300;
}

/*.slider-text {
	background: #0e6af5; /*rgba(44, 126, 246, .7);
	position: absolute;
	bottom: 0;
	z-index: 999999;
	width: 100%
}*/

#social-media {
	float: right;
	margin-top: 10px;
	margin-right: -9px
}

#container-section {
	width: 100%;
	height: auto;
	padding-bottom: 80px;
	background: #f3f3f37d;
	/*background: #e6f0fe;*/
		position: relative;
		margin: 0; 
		padding: 0; 
		overflow: hidden;
    /* top: 50px; */
	   
}

.main-container {
	width: 80.86%;
	height: auto;
	margin: 0 auto;
	
}

.contentarea-section {
	width: 100%;
	height: auto
}



/*  .section-first {*/
	
/*	min-height: 614px*/
/*}*/

#introduction {
	width: 60%;
	height: auto;
	float: left
}

#topbar-intro {
	width: 99%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #dacdc2;
	padding: 25px 0;
	box-shadow: 0px 4px 19px 0px #888888ab;
    	border-top: 4px solid #0e6af5;
    	margin-top: 25px;
}

.introduction-block {
	float: left;
	width: 32%
}

.introduction-block:first-child {
	width: 12%;
	padding: 14px 0 0 46px
}

.introduction-block:first-child img {
	    min-width: 160px;
	    max-width: 160px;
	    min-height: 50px;
	    max-height: 50px;
		width: 120%;
}

.introduction-block:last-child {
	width: 40%;
}

.introduction-block img {
	min-width: 100px;
    max-width: 100px;
    min-height: 100px;
    max-height: 120px;
}

.person-intro {
	float: left;
	padding: 15px 0 0 0px;
}

.person-intro h4 {
	font-family: Abel, sans-serif;
	font-size: 16px;
	color: #333
}

.person-intro p {
	font-family: Abel, sans-serif;
	font-size: 16px;
	color: #333
}

#about-rajuvas {
	width: 100%;
	padding: 45px 0 10px;
	position: relative
}

#about-rajuvas table {
	width: 75%;
	float: left;
}

.main-page-rajuvas table {
	width: 100%!important
}

.main-page-rajuvas {
	padding: 7px 0!important
}

#main-page-image img {
	margin-top: 19px;
	width: 100%
}

.cellicon {
	background: url(images/bluedot.png) left no-repeat;
	padding: 0 0 0 15px !important
}

#about-rajuvas h4 {
	width: 100%;
	font-size: 18px;
	font-family: Lora, serif;
	font-weight: inherit;
	color: #000000;
    padding: 13px 0;
	text-transform: uppercase
}

#about-rajuvas p {
	width: 98%;
	font-size: 16px;
	color: #000;
	text-align: justify;
	/*padding: 10px 0;*/
	line-height: 21px
}

.advisory {
	line-height: 24px
}

.vision {
	font-size: 15px;
	font-family: Lora, serif;
	font-weight: inherit;
	color: #0e6af5;
	padding: 7px 0 10px;
	text-transform: uppercase;
	background: url(images/border.jpg) right bottom no-repeat
}

.view-more {
	float: right;
	color: #fff;
	font-size: 12px;
	background: url(images/bluearrowbutton.jpg) no-repeat #ff8000;
	padding: 2px 8px 2px 32px;
	margin-top: 10px
}

#institutions {
    width: 95%;
    padding: 8px 11px 2px 21px;
    border-top: 1px solid #dacdc2;
    box-shadow: 1px 4px 6px 5px #888888;
}
.institute-block {
	float: left;
	width: 29.8%;
	margin-left: 40px
}

.institute-block:first-child {
	margin-left: 0!important
}

.institute-block h4 {
	font-size: 18px;
	font-family: Lora, serif;
	font-weight: 300;
	color: #0e6af5;
	padding: 10px 0;
	text-transform: uppercase
}

/* .institute-block ul {
	border-right: 1px solid #dacdc2
} */

.institute-block:nth-child(3) ul {
	border-right: none
}

.institute-block ul li {
	list-style: none
}

.institute-block ul li a {
	font-size: 14px;
	color: #333;
	font-weight: 400;
	padding: 5px 0 6px 14px;
	display: block;
	background: url(images/liststylerect.jpg) left center no-repeat
}

#updates {
	float: right;
	width: 32%;
	height: auto;
	padding-left: 50px;
	padding-top: 5px
}

#updates h4 {
	width: 100%;
	font-size: 18px;
	font-family: Lora, serif;
	font-weight: inherit;
	color: #0e6af5;
	padding: 13px 0
}

.select-tab {
	text-align: center
}

.tab-content li {
	border: none!important;
	font-size: 14px!important;
	padding: 17px 0 10px 22px;
	text-align: justify
}

.tab-content li a {
	border: none!important;
	padding: 0!important;
	background: 0 0!important;
	color: #333!important
}

.rajuvas-project-block {
	width: 23.81%;
	height: auto;
	float: left;
	margin-left: 20px;
	position: relative;
	min-height: 365px;
	background-color: #f6f6f6;
	border-bottom: 1px solid #e6e6e6
}

.rajuvas-project-block:nth-child(odd) {
	border-top: 5px solid #0e6af5;
	box-shadow: 0px 4px 19px 0px #888888ab;
}

.rajuvas-project-block:nth-child(even) {
	border-top: 5px solid #907F6C;
	box-shadow: 0px 4px 19px 0px #888888ab;
}

.rajuvas-project-block:first-child {
	margin-left: 0!important;
	box-shadow: 0px 4px 19px 0px #888888ab;
}

.rajuvas-project-block:first-child img {
	max-height: 245px
}

.rajuvas-project-block:first-child p {
	display: none
}

.rajuvas-project-block p {
	font-size: 13px;
	color: #333;
	line-height: 20px;
	padding: 21px 17px;
	text-align: justify;
	word-break: break-all;
	overflow: hidden;
	text-transform: capitalize;
	margin-bottom: 22px
}

.rajuvas-project-block img {
	margin: 11px 0 0 16px;
	width: 90%
}

.rajuvas-project-block h4 {
	font-size: 17px;
	font-family: Lora, serif;
	font-weight: inherit;
	color: #2c4969;
	text-align: center;
	background: url(images/texturegray.jpg) center no-repeat;
	padding: 10px 0
}

.rajuvas-project-block a {
	font-size: 12px;
	color: #fff;
	background-color: #7c6e5e;
	padding: 5px 10px;
	position: absolute;
	bottom: 12px;
	text-align: center;
	left: 0;
	right: 0;
	width: 80px;
	display: block;
	margin: 0 auto
}

.size-full {
	width: 100%
}

#footer {
	width: 100%;
	height: auto;
	background-color: #0e6af5;
	padding: 30px 0 0;
	   
}

#text-2 p,
.nodal {
	font-size: 14px;
	color: #fff;
	padding: 12px 13px 0 0;
	line-height: 21px;
	font-weight: 100
}

.contactnum {
	background: url(images/contactblue.png) left no-repeat;
	color: #fff;
	font-size: 14px;
	padding: 12px 23px;
	font-weight: 100
}

.contactnum a {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	/*padding-left: 20px*/
}

.mail-at {
	background: url(images/mailblue.png) 0 26% no-repeat;
	padding: 0 23px;
	font-weight: 100;
	color: #fff;
	font-size: 14px
}

.fax-at {
	background: url(images/fax.png) 0 26% no-repeat;
	padding: 10px 23px;
	font-weight: 100;
	color: #fff;
	font-size: 14px
}

.widget-title {
	font-size: 20px;
	color: #fff;
	font-weight: lighter
}

#text-2 {
	float: left;
	width: 25%;
	background: url(images/divider.jpg) right no-repeat;
	padding: 0 0 0 40px
}

#text-3 {
	float: left;
	width: 21%;
	background: url(images/divider.jpg) right no-repeat;
	padding: 0 0 0 40px
}

#newsletterwidget-2 {
	float: left;
	width: 26%;
	background: url(images/divider.jpg) right top no-repeat;
	padding: 0 0 0 40px
}

#newsletterwidget-2 p {
	font-size: 14px;
	color: #fff;
	font-weight: 100;
	padding: 12px 53px 12px 0
}

.newsletter-email {
	outline: 0;
	border: none;
	color: #21317e;
	font-size: 10px;
	padding: 6px 116px 7px 12px;
	background: url(images/inputbgimg.jpg) right no-repeat #fff;
	cursor: pointer
}

.newsletter-email:hover {
	background: url(images/inputbgimg_hover.jpg) right no-repeat #fff
}

.newsletter-submit {
	border: none;
	color: #21317e;
	font-size: 12px;
	padding: 7px 15px;
	background-color: #fff;
	display: none
}

.contact-main-container {
	padding: 7px 0!important
}

#social-widget-2 {
	float: right;
	width: 15%;
	padding: 0 0 0 40px
}

.smw_left {
	text-align: left;
	padding: 12px 0!important;
	overflow: hidden
}

#social-widget-2 ul li {
	float: right;
	list-style: none;
	padding: 16px 5px
}

.socialmedia-buttons a {
	float: left!important
}

#footer-bottom {
	width: 100%;
	height: auto;
	background: url(images/footer-divider.jpg) top no-repeat;
	float: left;
	padding: 15px 0;
	margin-top: 10px
}

.copyright {
	font-size: 12px;
	color: #fff;
	font-weight: 100;
	float: left
}

.copyright a,
.copyright a:hover {
	color: #fff;
	text-decoration: none
}

.company {
	float: right
}

.mainpage-pdf {
	position: absolute;
	right: 0;
	top: 22px;
	background: url(images/pdf_icon.png) center no-repeat;
	padding: 8px 23px
}

.mainpage-pdf:hover {
	background: url(images/pdf_icon_hover.png) center no-repeat
}

.downloads li {
	list-style: none;
	padding: 4px 0
}

.downloads li a {
	font-size: 14px;
	color: #333;
	text-decoration: underline
}

.slider {
	position: relative;
	margin-top: 164px;
}

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0
}

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0
}

.rslides img {
	display: block;
	height: 500px;
	float: left;
	width: 100%;
	border: 0
}

.callbacks_nav {
	position: absolute;
	-webkit-tap-highlight-color: transparent;
	right: 12.2%;
	bottom: 0;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 33px;
	width: 33px;
	background: url(images/sliderprev.jpg) left top no-repeat
}

.callbacks_nav:hover {
	background: url(images/sliderprev_hover.jpg) left top no-repeat
}

.callbacks_nav.next {
	left: auto;
	background: url(images/slidernext.jpg) left top no-repeat;
	right: 10%
}

.callbacks_nav.next:hover {
	background: url(images/slidernext_hover.jpg) left top no-repeat
}

.callbacks_tabs {
	display: none
}

#update-bottom {
	float: left;
	margin-top: 20px;
	width: 100%
}

.virtual-tour {
	float: left;
	width: 25%;
	height: 120px
}

.tour-tag {
	background: url(http://rajuvas.org/wp-content/uploads/2019/02/youtube.png) center no-repeat;
	display: block;
	padding: 25px 0
}

.virtual-tour h6 {
	font-size: 12px;
	color: #6e5e43;
	font-family: Lora, serif;
	text-align: center;
	display: block;
	font-weight: 500;
	position: relative;
	top: 54px
}





.lecturar {
	background: url(http://rajuvas.org/wp-content/uploads/2019/02/FACULTY.png) center no-repeat
}

.rain-modal {
	background: url(images/rainwater13.png) center no-repeat
}

#page-title {
	width: 100%;
	height: auto;
	/*background: url(images/main-page-title-bg_1.jpg) no-repeat;*/
	background-size: cover;
	background-color: #219b9d;
/*	margin-top: 164px;*/
	
}

#page-title-inner {
	width: 80.86%;
	height: auto;
	margin: 0 auto
}

#page-title-inner h2 {
	font-size: 30px;
	/*color: #666;*/
	color: #FFF;
	font-family: Lora, serif;
	padding: 22px 0;
	font-weight: 100
}

#contact-us {
	padding: 20px 0;
	overflow: hidden
}

.pure-table {
	padding: 18px 0;
	margin-top: 10px
}

.pure-table th {
	padding: 10px 0;
	text-align: center;
	width: 244px;
	color: #7D6D52;
	font-weight: 400;
	background-color: #dbc9aa
}

.pure-table td {
	padding: 4px 0;
	color: #555;
	width: 244px;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	height: 38px;
	border-bottom: 1px solid #ccc
}

.pure-table tr:nth-child(even) {
	background-color: #F6F6F6
}

.faculty-profile,
#faculty-profile{
	border-bottom: 1px solid #dbc9aa;
	padding: 12px 0
}

.about-rajuvas-faculty {
	border: none!important;
	margin-top: 18px
}

.faculty-information {
	float: left;
	width: 76%
}

/*.faculty-image {*/
/*	float: right;*/
/*	height: auto;*/
/*	width: auto;*/
/*	text-align: center*/
/*}*/

.faculty-image img,
#faculty-image img{
	width: 99px;
	height: 99px;
	text-align: center
}

.faculty_info_tab td {
	font-size: 16px!important;
	/*color: #333;*/
	color: #000;
	width: 245px;
	height: 16px;
	/*font-weight: 300*/
}

#faculty-search {
	width: 100%;
	padding-bottom: 12px
}

.serch-descipline {
	width: 87%;
	float: left;
	height: 40px;
	background-color: #dbc9aa;
	color: #7D6D52;
	border: none;
	padding: 0 5px;
	font-size: 14px
}

.show-all {
	padding: 11.2px 22px;
	background-color: #0e6af5;
	color: #fff;
	font-size: 14px;
	float: left
}

.static-field {
	font-size: 16px!important;
	font-weight: 400!important;
	//width: 80px!important;
	height: 14px!important;
	padding-right:10px;
}

.wp-pagenavi {
	display: block;
	float: left;
	margin-top: 29px
}
a {
    color: #000;
    text-decoration:none;
}
.wp-pagenavi a,
.wp-pagenavi span {
	text-decoration: none!important;
	padding: 3px 6px;
	margin: 2px!important;
	background: #219b9d;
	color: #191510;
	font-weight: 100
}

.nextpostslink {
	background-color: #ff8000!important;
	color: #fff!important
}

.tablepress th {
	background-color: #f6f6f6!important;
	padding: 10px 8px;
	font-size: 22px;

}

.tablepress .sorting:after {
	display: none
}
.tablepress-table-name
{
    display:none;
}

.tablepress td {
	font-size: 20px;
	height: 26px;
}

#tablepress-16 a,
#tablepress-17 a,
#tablepress-18 a,
#tablepress-19 a,
#tablepress-20 a,
#tablepress-30 a,
#tablepress-31 a,
#tablepress-32 a,
#tablepress-53 a,
#tablepress-33_wrapper a,
#tablepress-34_wrapper a {
	color: #000;
	text-decoration: none;
	padding: 0 20px 0 5px
}

#tablepress-16 a:hover,
#tablepress-17 a:hover,
#tablepress-18 a:hover,
#tablepress-19 a:hover,
#tablepress-52 a:hover,
#tablepress-20 a:hover,
#tablepress-30 a:hover,
#tablepress-53 a:hover,
#tablepress-31 a:hover,
#tablepress-32 a:hover,
#tablepress-33_wrapper a:hover,
#tablepress-34_wrapper a:hover {
	color: #0e6af5;
	text-decoration: none;
	background: url(images/arrowdotted.png) right center no-repeat;
	padding-right: 10px;
}

.tablepress a {
	color: #0e6af5;
	font-size: 18px
}


#tablepress-3,
#tablepress-6 {
	float: left;
	margin-top: 12px!important
}

#tablepress-14 {
	margin-top: 15px!important
}

.dataTables_wrapper label input,
.dataTables_wrapper label select {
	padding: 3px 0
}

.dataTables_wrapper {
	margin-top: 20px;
	overflow: scroll;
}

#tablepress-3_filter label,
#tablepress-6_filter label {
	color: #fff
}

.dataTables_filter input[type=search] {
	background: url(images/magnifier.png) 97% 57% no-repeat;
	border: 1px solid #ff8000;
	padding: 5px 3px;
	width: 235px
}

#tablepress-10,
#tablepress-11,
#tablepress-12,
#tablepress-13,
#tablepress-9 {
	margin-top: 10px!important
}

.campus {
	padding: 2px 0!important
}

.heighlight-tag {
	font-size: 12px;
	color: #e62424
}

.redstar {
	font-size: 12px;
	color: #e62424;
	position: relative;
	left: 10px;
	top: 3px
}

.perannum li {
	font-size: 14px;
	color: #0e6af5;
	padding: 4px 0
}

.perannum span {
	float: right;
	margin-right: 30px
}

.result {
	margin-top: 12px
}

.result li a {
	font-size: 14px;
	color: #0e6af5;
	padding: 4px 0;
	text-decoration: none
}

.result li span {
	background: url(images/New-label.png) center no-repeat;
	padding: 12px 10px;
	color: transparent;
	font-size: 12px;
	margin-left: 135px
}

.accordion-container {
	font-size: 13px;
	padding: 0 0 10px
}

.courses-points {
	width: 100%;
	font-size: 14px;
	color: #333;
	text-align: justify;
	padding: 10px 0;
	line-height: 21px
}

.accordion-header {
	font-size: 16px;
	background: #f6f6f6;
	margin: 5px 0 0;
	padding: 10px 20px;
	border: 1px solid #e6e6e6;
	cursor: pointer;
	color: #666
}

.active-header {
	background: url(images/active-header.gif) 98% 50% no-repeat #dbc9aa;
	font-weight: 400;
	color: #444;
	border: 0 solid #e6e6e6
}

.inactive-header {
	background: url(images/inactive-header.gif) 98% 50% no-repeat #f6f6f6;
	font-weight: 400;
	color: #444;
	border: 1px solid #e6e6e6
}

.inactive-header:hover {
	background: url(images/inactive-header.gif) 98% 50% no-repeat #f5f5f5;
	border: 1px solid #e6e6e6
}

.accordion-content {
	display: none;
	padding: 20px;
	background: #fff;
	border: 1px solid #e6e6e6;
	border-top: 0;
	width: auto!important;
	overflow: auto
}

.accordion-content ol,
.accordion-content ul {
	padding-left: 20px;
	line-height: 26px
}

.accordion-content h4 {
	font-size: 14px;
	padding: 5px 0;
	color: #555
}

.accordion-content span {
	font-weight: 600;
	color: #555;
	padding-bottom: 12px;
	display: block
}

.accordion-content p {
	padding: 5px 0!important
}

.accordion-content h2 {
	color: #555;
	font-weight: 500;
	padding-bottom: 10px;
	font-size: 17px
}

.campus {
	margin-top: 10px
}

#off-campus-main {
	margin-top: 25px
}

.rajuvas-research-stat {
	width: 100%;
	padding: 23px 0;
	border-bottom: 0 solid #dacdc2!important
}

.offcamp {
	border-top: 1px solid #dacdc2;
	padding: 20px 0 10px!important
}

.women-complaint {
	margin-top: 6px
}

.women-complaint img {
	width: 100%
}

#map {
	border-top: 1px solid #ccc;
	display: none;
}

.officer-info-tab {
	float: left
}

.officer-image {
	float: right;
	height: 174px;
	width: 126px;
	text-align: center
}

.officer-image img {
	width: 132px;
	height: 172px;
	text-align: center
}

.center {
	text-align: center;
	display: block
}

#introduction_gallery {
	width: 100%
}

.search_faculty {
	padding: 8px 0 8px 5px;
	width: 99.8%;
	color: #333;
	border: 1px solid #DBC9AA;
	background: url(images/magnifier.png) 98% no-repeat
}

[data-accordion] [data-content] {
	overflow: hidden;
	max-height: 0
}

[data-accordion] {
	line-height: 3
}

[data-content]>*,
[data-control] {
	text-align: left;
	width: 100%;
	padding: 10px;
	font-weight: 400;
	color: #444;
	font-size: 16px
}

[data-content] [data-accordion] {
	border: 0;
	padding: 0
}

[data-accordion] [data-control] {
	position: relative;
	background: #f6f6f6;
	border: 1px solid #e6e6e6
}

[data-accordion]>[data-control]:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 12px;
	font-size: 25px;
	font-weight: 200;
	color: #444;
	height: 15px;
	width: 24px;
	background: url(images/down.png) center center no-repeat;
	background-size: 50%
}

[data-accordion].open>[data-control]:after {
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

#demo {
	margin-top: 17px
}

.first-sub {
	padding-left: 5%;
	color: #2C7EF6;
	font-size: 15px
}

.semester-name {
	float: left;
	padding-left: 4%;
	font-weight: 400;
	font-size: 14px;
	color: #444;
	text-transform: uppercase
}

.course-syllab li {
	list-style: none;
	line-height: 32px
}

.course-syllab li a {
	float: right;
	margin-right: 10px;
	text-decoration: none;
	color: #2C7EF6
}

table tr td {
	font-size: 16px;
	color: #000;
	/*text-align: justify;*/
	line-height: 32px;
	vertical-align: super
}

table tr td h3 {
	background: #ff8000;
	color: #fff;
	padding: 5px;
	margin: 14px 0
}

#nav #mega-menu-wrap-primary-3 #mega-menu-primary-3 li.mega-menu-megamenu ul.mega-sub-menu {
	padding-bottom: 50px!important
}
#mega-menu-primary li.mega-menu-item ul.mega-sub-menu li.mega-menu-item-type-widget{
    background: url(images/menudivider.jpg) 94% 30% no-repeat!important; 
    height: 250px !important;
}
#mega-menu-primary li.mega-menu-item ul.mega-sub-menu li.mega-menu-item-type-widget:last-child{
    background: none !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item:last-child h4.mega-block-title, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:last-child h4.mega-block-title{
    color: #D65252!important;
}
#faculty-search select {
	width: 35%;
	margin-right: 1%;
	height: 30px;
	border: 1px solid #ff8000;
	padding: 0 10px
}

#faculty-search input[type=submit] {
	border: none;
	background: #2C7EF6;
	color: #fff;
	padding: 7px 53px;
	margin-left: 17px
}

@media screen and (max-width:1299px) and (min-width:1024px) {
	.institute-block {
		margin-left: 20px!important;
		width: 31%!important;
		float: left!important
	}
	.institute-block ul,
	.institute-block:nth-child(3) ul {
		border: none!important
	}
}

.table-end {
	border-bottom: 2px solid #333
}

.main-page-rajuvas ol li,
.main-page-rajuvas ul li {
	width: 100%;
	font-size: 16px;
	color: #333;
	text-align: justify;
	line-height: 21px
}

.aligncenter {
	margin: 0 auto;
	display: block;
	width: 100%;
    height: auto;
}

.blog-left {
	border-bottom: 1px solid #dbc9aa;
	padding: 12px 0;
	float: left;
	width: 100%
}

.blog-more {
	float: right;
	color: #fff;
	font-size: 12px;
	background: url(images/bluearrowbutton.jpg) no-repeat #0e6af5;
	padding: 5px 8px 5px 32px;
	margin: 5px
}

#categories-sidebar {
	width: 30%;
	float: right;
	height: auto;
	padding-top: 20px
}

#categories-sidebar ul li.current-cat a {
	color: #0e6af5
}

#categories-sidebar h1 {
	width: 100%;
	font-size: 18px;
	font-family: Lora, serif;
	font-weight: inherit;
	color: #0e6af5;
	padding: 13px 0
}

.widget_categories h3 {
	color: #333
}

.widget_categories ul li {
	list-style: none;
	padding: 14px 0;
	line-height: 10px;
	border-bottom: 1px solid #dbc9aa
}

.widget_categories ul li a {
	color: #333;
	font-size: 14px;
	display: block
}

.post-text a {
	color: #0e6af5
}

.date {
	float: left
}

.course-syllab li sup {
	text-transform: none
}

.owl-theme .owl-controls .owl-buttons div {
	background: #0e6af5!important
}

.other_link {
	float: left;
	width: 165%;
	padding: 40px ;
	border-top: 1px solid #dacdc2;
	margin-top: 30px;
	padding-left:0;
	position: relative;
       left: -24px;

}

.other_link ul li {
	float: left;
	list-style: none;
	margin-right: 10px;
        margin-bottom: 10px;
}

/*.other_link ul li a {
	padding: 10px 22px;
	text-decoration: none;
	background: #fff;
	display: block;
	color: #0e6af5;
	border-radius: 5px;
	font-weight: 600;
	border: 1.5px solid #907F6C;
	font-size: 16px;
}*/



/*.other_link ul li a:hover {
	 background: linear-gradient(to bottom, #6699ff 0%, #99ccff 100%);
	 color: #fff;
	 border: none;
}*/

.widget_wp_statsmechanic {
	text-align: center;
	margin: 0 auto;
	width: 280px
}

#mvccredit,
#mvctable {
	display: none
}

.visitor-heading {
	font-size: 14px!important
}

#mvcwid {
	padding: 0!important
}

#tabs_container li {
	width: 90%!important;
	text-align: justify
} 

.owl-controls {
	margin-top: 0!important
}

#tabs li a,
#tabs2 li a,
#tabs3 li a,
#tabs4 li a,
#tabs5 li a {
	padding: 10px 0!important
}

#footer-bottom .widget_text {
	text-align: center;
	margin: 0 auto;
	width: 120px;
	padding: 0;
	height: 30px
}

.institute-block ul li a:hover {
	color: #0e6af5!important
}

.rti {
	background: url(http://rajuvas.org/wp-content/uploads/2019/02/rti.png) center no-repeat
}

.radio {
	background: url(http://rajuvas.org/wp-content/uploads/2019/02/rad1.png) center no-repeat
}

.helpline {
	background: url(http://rajuvas.org/wp-content/uploads/2019/09/Untitled-21.png" alt="Help Line No. 1800-180-6224 (Toll Free)) center no-repeat
}







.Harassment {
	background: url(https://35.175.225.20/wp-content/uploads/2015/12/WomenHarassment.png) center no-repeat
}

.searching-result ul li,
.searching-result ol li {
	width: 100%;
	font-size: 14px;
	color: #333; 
	text-align: justify;
	padding: 10px 0;
	line-height: 21px
}

.searching-result .aligncenter {
	margin: 0
}

.sresult_title {
	width: 100%;
	font-size: 18px;
	font-family: Lora, serif;
	font-weight: inherit;
	color: #0e6af5;
	padding: 13px 0;
	text-transform: uppercase;
	text-decoration: none
}

.moretag {
	float: right;
	color: #fff;
	font-size: 12px;
	background: url(images/bluearrowbutton.jpg) no-repeat #0e6af5;
	padding: 2px 8px 2px 32px;
	margin-top: 10px
}

.sresult-content {
	padding: 24px 0;
	border-bottom: 1px solid #dacdc2;
	float: left;
	width: 100%;
	margin-bottom: 30px
}

.col {
	float: left;
	padding-left: 15px;
}

.wpcf7-form-control-wrap input[type='text'],
.wpcf7-form-control-wrap input[type='email'],
.wpcf7-form-control-wrap textarea {
	padding: 8px 10px;
	border: 1px solid #D6D6D6;
	margin-top: 5px;
	width: 50%;
}

.wpcf7-form-control-wrap select {
	padding: 8px 10px;
	border: 1px solid #D6D6D6;
	margin-top: 5px;
	width: 52.4%;
}

.wpcf7-form-control.wpcf7-submitlogo-title {
	background: #0e6af5;
	border: none;
	color: #fff;
	padding: 8px 24px;
	text-transform: uppercase;
}

.wpcf7 p {
	padding: 4px 0 !important;
}

.wpcf7-form {
	margin-top: 30px;
}

.select-status select {
	padding: 8px 10px;
	border: 1px solid #D6D6D6;
	margin-top: 5px;
	width: 52.4%;
}

.mapp h4 {
	background: #2C7EF6;
	color: #fff;
	padding: 5px;
	margin: 14px 0;
}

.mapp ol {
	margin-left: 30px;
}

.logo-sub-text {
	font-size: 12px;
	display: block;
	margin-top: 5px;
}

.form-half {
	width: 48%;
	float: left;
	margin: 10px 2% 10px 0px;
}

.form-full {
	width: 98%;
	float: left;
	margin: 10px 0px;
}

.form-half input,
.form-half textarea {
	width: 96% !important;
	padding: 10px 2% !important;
	border: 1px solid #D6D6D6;
	margin-top: 5px;
	box-shadow: 0px 2px 4px rgba(0, 127, 250, 0.1);
}

.form-full input,
.form-full textarea {
	width: 98% !important;
	padding: 10px 1% !important;
	border: 1px solid #D6D6D6;
	margin-top: 5px;
	resize: none;
	box-shadow: 0px 2px 4px rgba(0, 127, 250, 0.1);
}

.form-half select,
.form-full select {
	width: 100%;
	padding: 10px 2%;
	margin-top: 5px;
	border: 1px solid #d6d6d6;
	box-shadow: 0px 2px 4px rgba(0, 127, 250, 0.1);
}

.form-full label,
.form-half label {
	color: #23337b;
}

body div.wpcf7-response-output {
	margin: 2em 0em 1em;
	float: left;
	width: 98.5%;
	box-sizing: border-box;
}

.logo-text {
	margin-left: 10px;
	float: left;
}

.hidden {
	display: none;
}
.header-scroll .marquee{
	overflow: hidden !important;
}
#magnifier {
	cursor: pointer;
}
#header-bootom .menu-item a {
    color: #222 !important;
    padding-top: 5px;
    display: block;
    font-weight: 300 !important;
}
#header-bootom .menu-item a:hover{
	color: #2C7EF6!important;
}
#header-bootom .menu-item{
	list-style-type: none;
}
#header-bootom a.mega-menu-link{
	    font-family: Abel,sans-serif !important;
}
#text-2 p a{
	color: #fff;
}
#newsletterwidget-2 .tnp-email{
    outline: 0;
    border: none;
    color: #21317e;
    font-size: 10px;
    padding: 6px 116px 7px 12px;
    background: url(images/inputbgimg.jpg) right no-repeat #fff;
    cursor: pointer;
    max-width: 220px;
}
#newsletterwidget-2 p {
    font-size: 14px;
    color: #fff;
    font-weight: 100;
    padding: 12px 53px 12px 0;
}
#newsletterwidget-2 .tnp-email:hover {
    background: url(images/inputbgimg_hover.jpg) right no-repeat #fff;
}
#newsletterwidget-2 .tnp-field label{
	color: #ffffff;
}
#newsletterwidget-2 .tnp-submit {
    border: none;
    color: #21317e;
    font-size: 12px;
    padding: 7px 15px;
    background-color: #fff;
    display: none;
}
#about-rajuvas h1 {
    width: 100%;
    font-size: 18px;
    font-family: Lora,serif;
    font-weight: inherit;
    color: #000000;
    padding: 13px 0;
    text-transform: uppercase;
}
#owl-slide img{
    height: 241px;
}
/*#about-rajuvas table.mv-table{*/
/*    width: 615px !important;*/
/*}*/
/*#about-rajuvas table.mv-table td{*/
/*    width: 615px !important;*/
/*}*/
#updates #tabs ul li a{
    color: #095ddb;
    border-color: #095ddb;
}
#updates #tabs ul li a.tabulous_active{
    color: #095ddb !important;
    border-color: #785e34 !important;
}
/********/
.top-a {
    /* background: #0e6af5; */
    /* padding: 3px 0px; */
    margin-bottom: 5px;
    text-align: right;
}
.inner-top {
    width: 100%;
    /* text-align: right; */
    margin: auto;
}
.inner-top a {
    color: #6e5e43;
    margin-left: 7px;
    font-size: 13px;
}
.inner-top input[type="button"] {
    background: transparent;
    border: none;
    color: #6e5e43;
    position: relative;
    border-right: 1px solid rgba(110, 94, 67, 0.71);
    padding: 0px 9px;
    font-weight: 300;
    font-size: 12px;
    cursor: pointer;
}
.screen-table table{
	border-spacing: 0;
	width: 100%;
}
.screen-table table thead tr th{
    border-bottom: 1px solid #000;
    padding: 8px;
    float: none !important;
    text-align: left;
    background-color: #dbc9aa!important;
    font-size: 15px;
    font-weight: 400;
    color: #594e3a;
    border-bottom: 1px solid #ddd;
}
.screen-table table tbody tr td{
	border-top: 1px solid #ddd;
	background-color: #f9f9f9;
	padding: 8px;
	color: #333;
}
.screen-table table tbody tr td a{
	color: #006dda;
}
.screen-table h3{
	color: #006dda;
    font-weight: 400;
}
.screen-inner-heading{
	padding: 50px 0px 10px;
}
.screen-inner-heading p{
	margin-bottom: 10px;
	font-size: 14px;
	color: #333;
}
.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}
.header-inner-bottom-menu #nav ul.mega-sub-menu li div ul.menu li a{
	font-size: 14px;
}
.notification-blocks-child {
    height: 364px;
    overflow: hidden;
    margin: 10px auto;
}
#about-rajuvas .mapp h4{
    color: #fff;
    padding: 5px;
}
.menu-inter{
    display: none;
}




/* mobile menu */
.mobile-menu{
    display: none;
}
ul.sub-menu {
    position: absolute;
    background: #0057ff;
    list-style: none;
    margin: 0;
    width: 150px;
    display:none;
}
#main-nav li:hover ul.sub-menu {
    display: none;
}


ul.sub-menu a {
    padding: 10px;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 0.5px;
    display: block;
    font-weight: 600;
    color: #999;
}

#masthead #nav .tablet-desktop-menu #menu-mainmenu > li > a {
    padding: 10px;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 0.5px;
    display: block;
    font-weight: 600;
    color: #999;
}
@media only screen and (min-width: 800px){
    .desktop-menu{
        display: block !important;
    }
    .mobile-menu{
        display: none !important;
	}
	#main-nav {
		display: none;
	}
}

@media only screen and (max-width: 799px){
    .desktop-menu{
        display: none !important;
    }
    .mobile-menu{
        display: block !important;
	}
	ul.sub-menu {
		position: absolute;
		background: #0057ff;
		list-style: none;
		margin: 0;
		width: 290px;
		display:none;
	}
	#main-nav li:hover ul.sub-menu {
		display: block;
	}
	#main-nav :hover{
		color: red;
	}
	
	ul.sub-menu a {
		padding: 10px;
		text-transform: uppercase;
		font-size: 15px;
		letter-spacing: 0.5px;
		display: block;
		font-weight: 600;
		color: #999;
	}
	
	#masthead #nav .tablet-desktop-menu #menu-mainmenu > li > a {
		padding: 10px;
		text-transform: uppercase;
		font-size: 15px;
		letter-spacing: 0.5px;
		display: block;
		font-weight: 600;
		color: #999;
	}
}

.video_page{
	width: 600px;
    height: 250px;
}
.post_Graduation_pdf{
	width: 600px;
    height: 575px;
}
/* responsive */
@media screen and (max-width: 479px) and (min-width: 320px){
	#header-top {
		width: 100%;
		height: auto;
		background: linear-gradient(to bottom, #CFDEF3, #E0EAFC);
		position: relative;
		right: 0px;
		left: 0px;
		z-index: 99;
	}
	.slider {
		position: relative;
		margin-top: -6px;
	}
	.other_link {
		float: left;
		width: 100%;
		padding: 40px;
		border-top: 1px solid #dacdc2;
		position: relative;
		left: -46px;
		padding-left:0;
	}
	#institutions {
		width: 95%;
		padding: 8px 11px 20px 21px;
		border-top: 1px solid #dacdc2;
		box-shadow: 1px 4px 6px 5px #888888;
	}
	#nav {
    width: 100%;
    height: auto;
	padding: 8px 0px 8px 0px;
}
/* imp */
#page-title {
    width: 100%;
    height: auto;
    /*background: url(images/main-page-title-bg_1.jpg) no-repeat;*/
    background-size: cover;
    margin-top: 0px;
}
.video_page{
	width: 310px;
    height: 170px;

}
.post_Graduation_pdf{
	width: 310px;
    height: 500px;
}
#logo1 {
	height: auto;
	float: right;
	position: relative;
	top: -135px;
}
.DECADE-YEAR_img
{
	height: 55px;
}
}
.attendance-form {
    width: 60%;
    margin: 30px auto;
    padding: 25px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    font-family: 'Arial', sans-serif;
}

.attendance-form h2 {
    text-align: center;
    color: #4CAF50;
    font-size: 24px;
    margin-bottom: 20px;
}

.attendance-form label {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 8px;
    display: block;
}

.attendance-form select, .attendance-form button {
    width: 100%;
    padding: 12px;
    margin: 12px 0;
    font-size: 16px;
    border: 2px solid #ddd;
    border-radius: 5px;
    background-color: #f8f8f8;
    transition: border-color 0.3s;
}

.attendance-form select:focus, .attendance-form button:focus {
    border-color: #4CAF50;
    outline: none;
}

.attendance-form button {
    background-color: #fe9801;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
}

.attendance-form button:hover {
    background-color: #fead34;
}

#attendance-result {
    margin-top: 30px;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
h3 {
    font-size: 22px;
    color: #0e6af5;
    margin-bottom: 15px;
}

.table-container {
    overflow-y: scroll;
    max-height: 350px;
    background-color: #ffffff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

table {
    width: 100%;
    border-collapse: collapse;
    font-size: 16px;
    color: #333;
}

table th {
    background-color: #fe9801;
    color: black;
    padding: 12px 15px;
    position: sticky;
    top: 0;
    z-index: 1;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}
.row1 > * {
  padding: 15px !important;
  flex: 1 !important;
  background: linear-gradient(rgb(230, 240, 254) 0%, rgba(1, 112, 249, 0.55) 0%, rgba(14, 106, 245, 0.12) 100%) !important;
  border: 1px solid rgba(86,61,124,.2) !important;
  background: linear-gradient( rgb(255, 244, 230) 0%, rgba(255, 128, 0, 0.25) 0%, rgba(255, 140, 0, 0.12) 100% ) !important;
}
.blog-more {
  float: right;
  color: #fff;
  font-size: 12px;
  background: url(images/bluearrowbutton.jpg) no-repeat #ff8000;
  padding: 5px 8px 5px 32px;
  margin: 5px;
}