@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');
:root {
	--main-color: #cc9b22;
	--main-color-2: #bd943c;
}
body{
	font-family: 'Poppins', sans-serif !important;
}
a{
	text-decoration: none;
	color: #000;
}
a:hover{
	text-decoration: none !important;
}
a:active,
a:focus {
	outline: none;
}
/*for FireFox*/
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
	border: 0;
}
/*for IE8 */
input[type="submit"]:focus,
input[type="button"]:focus {
	outline: none;
}
input,
select {
	vertical-align: middle;
}
textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="button"],
input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	box-shadow: none;
	outline: none;
	border-radius: 0;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="button"]:focus,
input[type="submit"]:focus {
	outline: none;
	box-shadow: none;
}
[placeholder]:focus::-ms-input-placeholder {
	transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	opacity: 0;
}
[placeholder]:focus::-moz-placeholder {
	transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	opacity: 0;
}
[placeholder]:focus::-webkit-input-placeholder {
	transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	opacity: 0;
}
::-webkit-input-placeholder {
	color: rgba(0, 46, 75, 0.5);
	font-weight: 300;
}
::-moz-placeholder {
	color: rgba(0, 46, 75, 0.5);
	font-weight: 300;
}
:-ms-input-placeholder {
	color: rgba(0, 46, 75, 0.5);
	font-weight: 300;
}
:-moz-placeholder {
	color: rgba(0, 46, 75, 0.5);
	font-weight: 300;
}

/*-------------- common start--------------*/
.padrem{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.showm-btn a{
	color: #000;
}
.custom-btn {
  padding: 10px 25px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  background: transparent;
  outline: none !important;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
}
.btn-7 {
  border: 2px solid var(--main-color-2);
  transition: all 0.3s ease;
  background: #f2f2f2;
}
.btn-7:before {
  position: absolute;
  content: " ";
  z-index: -1;
  width: 25%;
  top: 50%;
  left: -15%;
  height: 2px;
  background: var(--main-color-2);
  transition: all 0.3s ease;
}
.btn-7:hover {
  background: var(--main-color-2);
  color: #fff;
  border-color: var(--main-color-2);
  padding-left: 30px;
  padding-right: 20px;
}
.btn-7:hover:before {
  left: -10%;
}

.h3-01{
	line-height: 1.3;
	font-size: 1.6rem;
	letter-spacing: 0.04em;
	font-weight: bold;
	color: var(--main-color);
	position: relative;
	padding-bottom: 15px;
}
.h3-01:after{
	position: absolute;
	content: "";
	width: 37px;
	height: 2px;
	bottom: 0;
	left: 0;
	background: var(--main-color);
}
.dropdown{
   -webkit-transition: all 0.3s ease-in-out !important;
   -moz-transition: all 0.3s ease-in-out !important;
   -o-transition: all 0.3s ease-in-out !important;
   -ms-transition: all 0.3s ease-in-out !important;
   transition: all 0.3s ease-in-out !important;
 }
 .dropdown-toggle::after {
   transition: transform 0.15s linear !important;
 }
 .show.dropdown .dropdown-toggle::after {
  transform: translateY(3px) !important;
}
.dropdown-menu {
  margin-top: 0 !important;
  border-radius: 0 !important;
}
.dropdown-item.active, .dropdown-item:active{
  background-color: var(--main-color-2) !important;
  color:#fff !important;
}
.dropdown-item:hover, .dropdown-item:focus{
  color: #fff !important;
  background-color: #BDA46D !important;
}
.form-control:focus{
  box-shadow: none !important;
  border-color: var(--main-color-2) !important;
}
textarea{
  border-radius: 0px !important;
}
/*-------------- common end--------------*/

/*-------------- home page -------------- */
/*navbar start*/
.navbar {
	position:absolute !important;
	top:30px;
	z-index:10;
	background:#fff;
	width:90%;
}
.img-logo{
	position: absolute;
	top: -22px;
	left: 53px;
	z-index: 1000;
	height: 195px;
}
/*navbar end*/
/*-------------- carousel start -------------- */
.carousel-item {
	height: 80vh;
	min-height: 350px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.slider-0-caption{
	position: absolute;
	bottom: 24%;
	left: 7%;
}
.slider-in-box{
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border: 1px solid #ffffff;
	padding: 17px 17px;
	vertical-align: bottom;
	display: table-cell;
	position: relative;
	height: 148px;
	color: #fff;
	font-weight: 900;
	background-color: rgb(189 129 129 / 50%);
}
.slider-in-box:hover{
	background-color: #fff;
	color: #000;
}

/*-------------- section-downloads testimonials start--------------*/
.section-downloads{
	margin: 60px 0px;
}
.download-card{
	/*box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;*/
	border-radius: 11px;
	border:1px solid var(--main-color);
	background-color: var(--main-color);
	color: #fff;
	min-height: 279px;
	padding:17px;
}
.download-card ul li a{
	font-size: 21px;
	color: #1287da;
	text-decoration: none;
}
.download-card ul {
	list-style: none;
}

.download-card ul li::before {
	content: "\2022";
	color:#fff;
	font-weight: bold;
	display: inline-block; 
	width: 1em;
	margin-left: -1em;
}
.download-card h5{
	line-height: 1.3;
	letter-spacing: 0.04em;
	font-weight: bold;
	color: #fff;
	position: relative;
	padding-bottom: 15px;
}
.download-card h5:after{
	position: absolute;
	content: "";
	width: 37px;
	height: 2px;
	bottom: 0;
	left: 0;
	background: #fff;
}
.testi-card{
	/*box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;*/
	border-radius: 11px;
	border:1px solid var(--main-color);
	min-height: 279px;
	padding:17px;

}
.c-item h3{
	font-size: 20px;
    line-height: 27px;
    font-weight: 600;
    text-align: center;
    /*margin-top: 20px;*/
}
.c-item .desigp{
	font-size: 14px;
    text-align: center;
    color: #424242;
    margin-top: -25px;
}
.c-item .wellname{
	font-size: 14px;
    text-align: center;
    color: #000000;
    font-weight: 600;
}
.c-item img{
	height: 150px;
	border-radius: 35px;
	width: 150px;
    object-fit: cover;
}
.c-item p{
	padding: 20px;
	font-size: 14px;
}
.c-item a{
	color: var(--main-color);
}
.testi-card .owl-theme .owl-nav{
	margin-top: 0px !important;
	text-align: right;
}
.testi-card .owl-theme .owl-nav [class*='owl-']{
	font-size: 25px;
	margin:0px 5px !important;

}
.testi-card .owl-theme .owl-nav [class*='owl-']:hover{
	background: none !important;
	opacity: 0.5;
	color: #000;
}
.testi-card .owl-theme .owl-nav [class*='owl-']:focus{
	border:none !important;
	outline: none !important;
}
	/*.testi-card .owl-theme .owl-nav .owl-prev{
		position: absolute;
		top: 90%;
		right: 2%;
	}
	.testi-card .owl-theme .owl-nav .owl-next{
		position: absolute;
		top: 90%;
		right: 0%;
		}*/

		/*-------------- section-downloads testimonials end--------------*/

		/*-------------- gallery and video start --------------*/
		.gallery-section{
			margin-top: 60px;
			/*background-image: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.8)),url(https://images.unsplash.com/photo-1559571705-b5dd656f8892?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjF9);*/
			background-position: center center;
			background-size: cover;
			padding: 60px 0px;
		}
		.gallery-inner{}
		.thumbnails{
			display: flex;
			flex-wrap: wrap;
		}
		.thumbnails img{
			width: 80px;
			height: 70px;
			transition: transform .3s;
		}
		.thumbnails img:hover {
			transform: scale(1.05);
		}
		.video-home img{
			border-radius:13px;
			transition: transform .3s;


		}
		.video-home img:hover{
			transform: scale(1.05);

		}
		.video-inner{
			margin-top: 12%;
		}
		.video-inner a i{
			position: absolute;
			top: 50%;
			right: 42%;
			font-size: 53px;
			color: var(--main-color);
			transition: transform .3s;			
		}
		.video-inner a i:hover{
			transform: scale(1.05);
		}
		.about-inner{
			position: relative;
		}
		.about-inner a i{
			position: absolute;
			top: 32%;
    		right: 39%;
			font-size: 53px;
			color: var(--main-color);
			transition: transform .3s;			
		}
		.about-inner a i:hover{
			transform: scale(1.05);
		}
		.about-inner img{
			height: 216px;
    		object-fit: cover;
    		width: 100%;		
    	}
    	.projcard-sec .subtext{
    		display: flex;
		    justify-content: center;
		    align-items: center;
		    flex-wrap: wrap;
		    color: #000269;
		    text-align: center;
		    font-weight: 700;	
		    font-size: 17px;
    	}
    	.projcard-sec .subtext:hover{
    		color: #000269c4;
    	}
		/*-------------- gallery and video end --------------*/


		/*-----------  Media Query ------------*/
		@media (max-width: 1200px){
			
		}
		@media (max-width: 1024px){
			/*------- chairman message ------*/
			.chairman-msg {
				padding: 15px !important;
			}
			.chairman-msg img{ 
				position: unset !important;
				box-shadow: none !important;
			}
			/*------- chairman message ------*/
			/*-------------- gallery and video start --------------*/

			.video-inner a i{
				top: 30% !important;
				right: 42% !important;
			}
			/*-------------- gallery and video end --------------*/
			/*-------- Departments home -------*/
			.descsection p{
				font-size: 15px !important;
				padding: 35px 128px 35px 20px !important;
				text-align: left !important;
				line-height: 20px !important;
			}
			.imgsec{
				left: -129px !important;
				top: 14px !important;
			}
			.tabitem .tablink {
    			padding: 15px 18px 15px 18px !important;
			}
			/*-------- Departments home -------*/
		}
		@media only screen and (max-width: 991px) {
		  ul.course-feature2 li {
		    width: 100%;
		  }
		}
		@media (max-width: 900px){
			.coursehead h3:after{
				bottom: -40px !important;
			}
			.links-sec{
				height: 242px;
    			margin-top: 10px;
			}
			/*------- chairman message ------*/
			.chairman-msg {
				padding: 15px !important;
			}
			.chairman-msg img{ 
				position: unset !important;
				box-shadow: none !important;
			}
			/*------- chairman message ------*/
			.cta-text span {
				font-size: 10px !important;
			}
			/*-------- Departments home -------*/
			.descsection p{
				font-size: 15px !important;
				padding: 35px 128px 35px 15px !important;
				text-align: left !important;
				line-height: 20px !important;
			}
			.imgsec{
				left: -139px !important;
				top: 24px !important;
			}
			.tabitem .tablink {
    			padding: 15px 8px 15px 8px !important;
			}
			/*-------- Departments home -------*/

			/*-------- gallery page -------*/
			.galleryrow img{
				height: 160px !important;
			}
			/*-------- gallery page -------*/

			/*-------------- gallery and video start --------------*/
			.video-inner a i{
				top: 59% !important;
				right: 59% !important;
			}
			/*-------------- gallery and video end --------------*/
			.slider-in-box{
				font-size: 11px;
			}
		}
		@media (max-width: 768px){
			.coursehead h3:after{
				bottom: -40px !important;
			}
			/*------- chairman message ------*/
			.chairman-msg {
				padding: 15px !important;
			}
			.chairman-msg img{ 
				position: unset !important;
				box-shadow: none !important;
			}
			/*------- chairman message ------*/
			/*-------------- gallery and video start --------------*/
			.video-inner a i{
				top: 59% !important;
				right: 59% !important;
			}
			/*-------------- gallery and video end --------------*/
			.cta-text span {
				font-size: 10px !important;
			}
			/*-------- Departments home -------*/
			.descsection p{
				font-size: 14px !important;
				padding: 15px 128px 15px 15px !important;
				text-align: left !important;
				line-height: 20px !important;
			}
			.imgsec{
				left: -139px !important;
				top: 30px !important;
			}
			.tabitem {
		    	margin-bottom: 10px !important;
		    }
			/*-------- Departments home -------*/

			/*-------- gallery page -------*/
			.galleryrow img{
				height: 160px !important;
			}
			/*-------- gallery page -------*/
		}
		@media only screen and (max-width: 767px) {
		  .lecturers-contact-info {
		    margin-bottom: 30px;
		  }
		  .lecturers-contact-info img {
		    margin: 0 auto 30px;
		  }
		}
		@media (max-width: 600px){
			.coursehead h3:after{
				bottom: -40px !important;
			}
			/*------- chairman message ------*/
			.chairman-msg {
				padding: 15px !important;
			}
			.chairman-msg img{ 
				position: unset !important;
				box-shadow: none !important;
			}
			/*------- chairman message ------*/

			.mob-mar{
				margin: 15px !important;
			}
			.cta-text span {
				font-size: 15px !important;
			}
			/*-------- Departments home -------*/
			.descsection p{
				font-size: 14px !important;
				padding: 10px 150px 10px 10px !important;
				text-align: left !important;
				line-height: 20px !important;
			}
			.imgsec{
				left: -166px !important;
				top: 124px !important;
			}
			.tabitem .tablink {
    			padding: 15px 13px 15px 13px !important;
			}
			.tabitem {
		    	margin-bottom: 10px !important;
		    }
			/*-------- Departments home -------*/
			/*-------- Gallery page -------*/
		    .galleryrow a img{
		    	margin-bottom: 10px;
		    }
		    /*-------- Gallery page -------*/

		    /*-------------- gallery and video start --------------*/
			.video-inner a i{
				top: 59% !important;
			}
			/*-------------- gallery and video end --------------*/

			.slider-in-box{
				font-size: 11px;
			}
		}
		@media (max-width: 575px){
			.slider-0-caption{
				position: relative;
				bottom: 0;
				left: 0;
			}
			.slider-in-box{
				border: 1px solid #bfc8d0;
				padding: 54px;
				color: #000;
			}
			.slider-in-box:hover {
				background-color: #000;
				color: #ffffff;
			}
			.carousel-item {
				height: 50vh;
			}
		}
		@media (max-width: 559px) {
			/*-------------- section-downloads testimonials start--------------*/
			.c-item span{
				top: 91%;
				right: 7px;
			}

			/*-------------- section-downloads testimonials end--------------*/
		}
		@media (max-width: 480px){
			.karma-tabs{
				width: 25em !important;
			}
			.ctimage-sec img{
				border-radius: unset !important;
			}
			.coursehead h3:after{
				bottom: -40px !important;
			}
			/*------- chairman message ------*/
			.bg-105{
			    height: 370px !important;
			    max-height: 370px !important;
			}
			.chairman-msg {
				padding: 15px !important;
				margin-bottom: 25px;
			}
			.chairman-msg img{ 
				position: unset !important;
				box-shadow: none !important;
			}
			/*------- chairman message ------*/
			.slider-0-caption{
				position: relative;
				bottom: 0;
				left: 0;
			}
			.slider-in-box{
				border: 1px solid #bfc8d0;
				padding: 54px;
				color: #000;
				display: block;
				font-size: 16px;
			}
			.slider-in-box:hover {
				background-color: #000;
				color: #ffffff;
			}
			.carousel-item {
				height: 50vh;
			}
			.cta-text span {
				font-size: 15px !important;
			}
			/*-------- Departments home -------*/
			.descsection p{
				font-size: 14px !important;
				padding: 10px !important;
				text-align: left !important;
				line-height: 20px !important;
			}
			.tabitem {
		    	margin-bottom: 10px !important;
		    }
			/*-------- Departments home -------*/
			/*-------- Gallery page -------*/
		    .galleryrow a img{
		    	margin-bottom: 10px;
		    }
		    /*-------- Gallery page -------*/

		    /*-------------- gallery and video start --------------*/
			.video-inner a i{
				top: 59% !important;
			}
			/*-------------- gallery and video end --------------*/

		}
		@media (max-width: 425px){
			.karma-tabs{
				width: 20em !important;
			}
			.ctimage-sec img{
				border-radius: unset !important;
			}
			.coursehead h3:after{
				bottom: -40px !important;
			}
			/*------- chairman message ------*/
			.bg-105{
			    height: 370px !important;
			    max-height: 370px !important;
			}
			.chairman-msg {
				padding: 71px !important;
				margin-bottom: 25px;
			}
			.chairman-msg img{ 
				position: unset !important;
				box-shadow: none !important;
			}
			/*------- chairman message ------*/
			/*-------------- gallery and video start --------------*/
			.video-inner a i{
				top: 57% !important;
				right: 42% !important;
			}
			/*-------------- gallery and video end --------------*/
			.slider-0-caption{
				position: relative;
				bottom: 0;
				left: 0;
			}
			.slider-in-box{
				border: 1px solid #bfc8d0;
				padding: 52px;
				color: #000;
				display: block;
				font-size: 16px;
			}
			.slider-in-box:hover {
				background-color: #000;
				color: #ffffff;
			}
			.carousel-item {
				height: 50vh;
			}
			.cta-text span {
				font-size: 15px !important;
			}
			/*-------- Departments home -------*/
			.descsection p{
				font-size: 12px !important;
				padding: 10px !important;
				text-align: left !important;
				line-height: 20px !important;
			}
			.tabitem .tablink {
    			padding: 15px 13px 15px 13px !important;
			}
			.tabitem {
		    	margin-bottom: 10px !important;
		    }
			/*-------- Departments home -------*/
			/*-------- Gallery page -------*/
		    .galleryrow a img{
		    	margin-bottom: 10px;
		    }
		    /*-------- Gallery page -------*/
		    .news-card .owl-nav {
		    	top: 50px !important;
		    	right: -41px !important;
			}
			#myCarousel {
				margin-top: 0px !important;
			}

		}
		@media (max-width: 375px){
			.karma-tabs{
				width: 19em !important;
			}
			.ctimage-sec img{
				border-radius: unset !important;
			}
			.coursehead h3 {
    			font-size: 16px !important;
			}
			.coursehead h3:after{
				bottom: -40px !important;
			}
			/*------- chairman message ------*/
			.bg-105{
			    height: 400px !important;
			    max-height: 400px !important;
			}
			.chairman-msg {
				padding: 46px !important;
				margin-bottom: 25px;
			}
			.chairman-msg img{ 
				position: unset !important;
				box-shadow: none !important;
			}
			/*------- chairman message ------*/
			/*-------------- gallery and video start --------------*/
			.video-inner a i{
				top: 59% !important;
				right: 42% !important;
			}
			/*-------------- gallery and video end --------------*/
			.slider-0-caption{
				position: relative;
				bottom: 0;
				left: 0;
			}
			.slider-in-box{
				border: 1px solid #bfc8d0;
				color: #000;
				font-size: 16px;
			}
			.slider-in-box:hover {
				background-color: #000;
				color: #ffffff;
			}
			.carousel-item {
				height: 50vh;
			}
			.cta-text span {
				font-size: 15px !important;
			}
			/*-------- Departments home -------*/
			.descsection p{
				font-size: 12px !important;
				padding: 10px !important;
				text-align: left !important;
				line-height: 20px !important;
			}
			.tabitem .tablink {
    			padding: 15px 13px 15px 13px !important;
			}
			.tabitem {
		    	margin-bottom: 10px !important;
		    }
			/*-------- Departments home -------*/
			/*-------- Gallery page -------*/
		    .galleryrow a img{
		    	margin-bottom: 10px;
		    }
		    /*-------- Gallery page -------*/
		    .news-card .owl-nav {
		    	top: 50px !important;
		    	right: -41px !important;
			}
			#myCarousel {
				margin-top: 0px !important;
			}

		}
		@media (max-width: 320px){
			.karma-tabs{
				width: 15em !important;
			}
			.ctimage-sec img{
				border-radius: unset !important;
			}
			.coursehead h3 {
    			font-size: 16px !important;
			}
			.coursehead h3:after{
				bottom: -60px !important;
			}
			.news-card .n-cont {
				left: 112px !important;
			}
			/*------- chairman message ------*/
			.bg-105{
			    height: 400px !important;
			    max-height: 400px !important;
			}
			.chairman-msg {
				padding: 20px !important;
				margin-bottom: 25px;
			}
			.chairman-msg img{ 
				position: unset !important;
				box-shadow: none !important;
			}
			/*------- chairman message ------*/

			/*-------------- section-downloads testimonials start--------------*/

			.c-item span{
				top: 91%;
				right: 7px;
			}
			/*-------------- section-downloads testimonials end--------------*/
			/*-------------- gallery and video start --------------*/
			.video-inner a i{
				top: 57% !important;
				right: 44% !important;
			}
			/*-------------- gallery and video end --------------*/
			.slider-0-caption{
				position: relative;
				bottom: 0;
				left: 0;
			}
			.slider-in-box{
				border: 1px solid #bfc8d0;
				color: #000;
				font-size: 16px;
			}
			.slider-in-box:hover {
				background-color: #000;
				color: #ffffff;
			}
			.carousel-item {
				height: 50vh;
		/*height: 175px !important;
    	background: no-repeat center center scroll;
    	background-size: contain;*/
    }
    .cta-text span {
    	font-size: 15px !important;
    }
    #crouton a {
    	padding: 3px 5px !important;
    }
    /*-------- Departments home -------*/
    .descsection p{
    	font-size: 12px !important;
    	padding: 10px !important;
    	text-align: left !important;
    	line-height: 20px !important;
    }
    .tabitem {
    	margin-bottom: 10px !important;
    }
    .tabitem .tablink {
    	padding: 15px 19px 15px 19px !important;
	}			
    /*-------- Departments home -------*/

    /*-------- faculty single -------*/
    .lecturers-page-area {
	    padding: 20px 0 !important;
	  }
    /*-------- faculty single -------*/

    /*-------- Gallery page -------*/
    .galleryrow a img{
    	margin-bottom: 10px;
    }
    /*-------- Gallery page -------*/
    .news-card .owl-nav {
    	top: 28px !important;
    	right: -41px !important;
	}
	#myCarousel {
		margin-top: 0px !important;
	}

}
@media (min-width: 1024px) {
	/*-------------- section-downloads testimonials start--------------*/
	.c-item p{
		padding: 8px;
	}
	/*-------------- section-downloads testimonials end--------------*/
	
}
@media screen and (max-width: 767px) {
	.mob-mar{
		margin: 15px !important;
	}
}
@media (min-width: 576px){
	.img-logo{
		height: 123px
	}
}
@media screen and (max-width: 896px) , screen and (max-height: 414px) {
	.img-logo{
		padding-bottom: 20px;
	}
}
@media screen and (max-height: 393px) {
	.slider-0-caption{
		bottom: 50px !important;
	}
}
@media screen and (max-height: 375px) {
	.slider-0-caption{
		bottom: 40px !important;
	}
}
@media screen and (max-height: 360px) {
	.mob-mar{
		margin: 15px !important;
	}
	.slider-0-caption{
		bottom: 30px !important;
	}
}
/*-----------  Media Query ------------*/

/*-------------- footer  ------------*/
.footer-section {
	background: #03060c;
	position: relative;
}
.footer-cta {
	border-bottom: 1px solid #373636;
}
.single-cta i {
	color: #ffffff;
	font-size: 30px;
	float: left;
	margin-top: 8px;
}
.single-cta i:hover{
	color: #ffffffb8;
}
.cta-text {
	padding-left: 40px;
	/*display: inline-block;*/
}
.cta-text h4 {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 2px;
}
.cta-text span {
	color: #757575;
	font-size: 15px;
}
.footer-content {
	position: relative;
	z-index: 2;
}
.footer-pattern img {
	position: absolute;
	top: 0;
	left: 0;
	height: 330px;
	background-size: cover;
	background-position: 100% 100%;
}
.footer-logo {
	margin-bottom: 30px;
}
.footer-logo img {
	max-width: 200px;
	height: 125px;
}
.footer-text p {
	margin-bottom: 14px;
    font-size: 13px;
    color: #7e7e7e;
    line-height: 23px;
}
.footer-social-icon span {
	color: #fff;
	display: block;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}
.footer-social-icon a {
	color: #fff;
	font-size: 16px;
	margin-right: 15px;
}
.footer-social-icon i {
	width: 20px;
	font-size: 20px;
	line-height: 38px;
	color: #ffffff;
}
.facebook-bg:hover{
	color: #3B5998;
}
.twitter-bg:hover{
	color: #55ACEE;
}
.linked-bg:hover{
	color: #2867B2;
}
.insta-bg:hover{
	color: #C13584;
}
.footer-widget-heading h3 {
	color: var(--main-color);
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 40px;
	position: relative;
}
.footer-widget-heading h3::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -15px;
	height: 2px;
	width: 50px;
	background: var(--main-color);
}
.footer-widget ul li {
	display: inline-block;
	float: left;
	width: 50%;
	margin-bottom: 12px;
}
.footer-widget ul li a:hover{
	color: #ffffff;
	text-decoration: none;
}
.footer-widget ul li a {
	color: #878787;
	text-transform: capitalize;
}
.copyright-area{
	background: #080d17f5;
	padding: 25px 0;
}
.copyright-text p {
	margin: 0;
	font-size: 14px;
	color: #878787;
}
.copyright-text p a{
	color: #ffffff;
}
.copyright-text p a:hover{
	text-decoration: none;
	color: #ffffffb8;
}
.footer-menu li {
	display: inline-block;
	margin-left: 20px;
}
.footer-menu li:hover a{
	color: #ffffff;
	text-decoration: none;
}
.footer-menu li a {
	font-size: 14px;
	color: #878787;
}
/*-------------- footer  /*--------------*/
/*-------------- flash news --------------*/
.sec-flash{
	background-color: #ca981bf7;
	padding: 5px 7px;
}
.flash-inner{
	display: flex;
	align-items: center;
	justify-content: center;
}
.sec-flash span{
	background: #b78d27;
	padding: 4px 8px;
	font-size: 23px;
	border-radius: 7px;
	color: #fff;
}
.sec-flash span i{
	animation-duration: 1.5s;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
}
.sec-flash marquee{
	color: #fff;

}
/*-------------- flash end --------------*/
/*-------------- welcome start --------------*/
.welcome-inner p span a:hover{
	background: var(--main-color);
	padding: 4px 8px;
	border-radius: 15px;
	font-size: 12px;
	color: #fff;
}
.welcome-inner p span a{
	color: var(--main-color);
	font-size: 13px;
}
.welcome-inner p{
	font-size: 14px;
	line-height: 32px;
	overflow: hidden;
}
.welcome-inner img{
	width: 100%;
}
.card-1{
	text-align: center;
	border: 1px solid rgba(204, 155, 34, 0.3);
	padding: 40px;
	margin:10px;
	border-radius: 11px;
	cursor: pointer;
	overflow: hidden;
	height: 154px;
}
.card-1 p a{
	color: #fff;
}
.card-1 p a:hover{
	color: var(--main-color);
}
.card-bg-1{
	color: #fff;
	background: var(--main-color);
}
.card-bg-2{
	color: var(--main-color);
}
.card-bg-2 p a{
	color: var(--main-color);
}
.card-bg-2 p a:hover{
	color:#fff;
}
/*.card-bg-3{
	color: #fff;
	background: var(--main-color);
	}*/
	.card-bg-1:hover{
		color:var(--main-color);
		background: #fff;
		transition: 0.5s;
	}
	.card-bg-1:hover p a{
		color:var(--main-color);
	}
	.card-bg-2:hover{
		color:#fff;
		background: var(--main-color);
		transition: 0.5s;
	}
	.card-bg-2:hover p a{
		color:#fff;
	}
	.card-1 i{
		font-size: 43px;
	}
	.news-card .d-flex a:hover{
		color:#fff !important;
	}
	/*-------------- welcome end --------------*/
	/*-------------- updates start --------------*/
	.section-updates{
		background: #f8f8f8;
		margin: 0px 0px 0px;
		padding: 20px 0px 20px;
	}
	.section-updates h2{
		color: var(--main-color);
		font-size: 1.6rem;
		position: relative;
		font-weight: bold;
		padding-bottom: 20px;
	}
	.section-updates h2:after{
		position: absolute;
		content: "";
		width: 37px;
		height: 2px;
		bottom: 0;
		left: 0;
		background: var(--main-color);
	}
	.section-updates .h2center:after{
		position: absolute;
		content: "";
		width: 37px;
		height: 2px;
		bottom: 0;
		left: 255px;
		background: var(--main-color);
	}
	.news-card{
		border-radius: 11px;
		padding: 22px;
		color: #fff;
		margin: 0px 5px;
	}
	.news-date{
		background: rgba(255,255,255,0.2);
		width: 31%;
		border-radius: 17px;
		text-align: center;
		padding: 1px;
	}
	.news-date span{
		font-size: 36px;
		font-weight: bold;
	}
	.updates-type{
		position: absolute;
		top: 27px;
		right: 31px;
		background: rgba(255,255,255,0.2);
		padding: 1px 8px;
		border-radius: 17px;
	}
	.bg-101 .show-sec a{
		color: #fff;
		margin-bottom: 20px;
	}
	.bg-101 .show-sec a:hover{
		color: #ffffffb8 !important;
	}
	.bg-101{
		background: #b7b218;
	}
	.bg-102{
		background: #18b784;
	}
	.bg-103{
		background: #b76918;
	}
	.bg-104{
		background: #b71835;
		 height: 235px;
	    max-height: 235px;
	    min-height: 235px;
	}
	.ngo-cont{
		left: unset !important;
	}
	.bg-105{
		background: #424242;
	    height: 417px;
	    max-height: 417px;
	    min-height: 417px;
	    /*232*/
	    overflow: hidden;
	}
	.image-sec img{
		height: 180px;
		width: 475px;
    	margin-bottom: 15px;
		object-fit: cover;
	}
	.award-cont h4{
		font-size: 17px;
		font-weight: 700;
	}
	.awards-simg img{
		width: 100%;
	}
.saphalam {
  height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
}
.saphalam a {
  font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 30px;
    text-decoration: none;
    color: #e6e5e5;
    text-align: center;
}
.naalvazhi{
	height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 75px;
}
.naalvazhi a {
  font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 33px;
    text-decoration: none;
    color: #e6e5e5;
    text-align: center;
}
.arrow {
  transition: margin-left .5s ease;
  letter-spacing: 0;
}
.gradient:hover {
  color: transparent;
  background: linear-gradient(315deg, rgb(236, 160, 255), rgb(170, 178, 255), rgb(132, 255, 201));
  -webkit-background-clip: text;
  background-clip: text;
  animation: bg-hue 2s linear infinite;
}
.gradient:hover .arrow {
  margin-left: .5em;
}
@keyframes bg-hue {
  100% {
    filter: hue-rotate(-360deg);
  }
}
.saph-img img{
	width: 100%;
}
	.hr-1{
		margin-top: 0rem !important;
		/*margin-bottom: 1rem !important;*/
		border: 0;
		border-top: 1px solid rgba(255,255,255,0.2);
		box-shadow: 0px 1px 0px rgba(173,170,170 / 31%);
	}
	.news-card a i:hover{
		animation-duration: 1s;
		animation-delay: 5s;
		animation-fill-mode: both;
		animation-iteration-count: infinite;
	}
	.news-card .collapse{
		font-size: 14px;
	}
	.news-card .collapse a{
		color: #ffffff;
	} 
	.news-card .collapse a:hover{
		color: #ffffffb8;
	} 
	.news-card .n-cont {
	    position: absolute;
	    left: 144px;
	    top: 22px;
	    font-size: 14px;
	    padding-right: 6px;
	}
	.news-card .n-cont a{
		color: #ffffffb8;
	}
	.awards-sec p{
		font-size: 13px;
	}
	/*-------------- updates end --------------*/

	/*----------- chairman message ---------*/
	.chairman-msg{
		box-shadow: 0px 0px 6px 2px #e0d0a4;
    	padding: 53px 25px 15px 64px;
    	background-color: #cc9b225e;
	}
	.chairman-msg img{ 
		border-radius: 60px;
	    width: 189px;
	    position: absolute;
	    box-shadow: 0px 0px 3px 2px #e0d0a4;
	    left: -82px;
	    top: -144px;
	}
	.chairman-msg a{
		color: #fff;
		font-size: 13px;
	}
	.chairman-msg a:hover{
		color: #ffffffb8;
	}
	.excahirman-sec p{
		color: #fff;
		font-size: 14px;
		line-height: 28px;
	}
	.posts-sec{
		color: #fff;
	}
	.posts-sec li{
		padding-bottom: 5px;
	}
	.ctimage-sec{
		display: flex;
    	justify-content: center;
    	align-items: center;
    	flex-wrap: wrap;
	}
	.ctimage-sec img{
		border-radius: 120px;
    	height: 221px;
    	width: 100%;
    	object-fit: cover;
	}
	.ctimage-sec p{
		color: #fff;
    	margin-top: 15px;
    	font-size: 14px;
    	text-align: center;
	}
	/*----------- chairman message ---------*/
	.hudavi-sec p{
		color: #fff;
		font-size: 14px;
		line-height: 28px;
	}
	.inner-head{
		/*background: url('../../assets/images/innerbg.jpeg') no-repeat center center;*/
		height: 250px;
	}
	.section-1{
		margin: 50px 0px;
	}
	.padrem{
		padding-right: 0px !important;
		padding-left: 0px !important;
	}

	/*------------- inner carousel ------------*/
	.caroselhei{
		height: 15vh !important;
		min-height: 15vh !important;
		max-height: 15vh !important;
	}
	.caroselhei a{
		color: #ffffff;
	}
	.caroselhei a:hover{
		color: #e4ded7;
	}
	#myCarousel {
		padding: 0 10px 30px 10px;
		margin-top: 30px;
	}
	.carousel-item blockquote {
		border-left: none;
		margin: 0;
	}
	.text-area h1{
		font-size: 20px;
	}
	.news-card .owl-nav{
		/*position: absolute;*/
		/*top: 100px;*/
		/*right: 28px;*/
		float: right;
		padding: 5px 10px 5px 10px;
	}
	.news-card .owl-prev{
		display: inline-block !important;
	}
	.news-card .owl-prev span{
		width: 24px !important;
		height: 24px !important;
		margin: 0 !important;
		position: relative !important;
	}
	.news-card .owl-prev span.carousel-control-prev-icon{
		border: 1px solid #acacac;
		background-color: #ffffff !important;
	}
	.news-card .owl-prev span.carousel-control-prev-icon:after{
		position: absolute;
		content: "";
		width: 8px;
		height: 8px;
		border-right: 1px solid #acacac;
		border-bottom: 1px solid #acacac;
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		transform: rotate(135deg);
		top: 7px;
		right: 4px;
	}
	.news-card .owl-next{
		display: inline-block !important;
	}
	.news-card .owl-next span.carousel-control-next-icon:after{
		position: absolute;
		content: "";
		width: 8px;
		height: 8px;
		border-right: 1px solid #acacac;
		border-bottom: 1px solid #acacac;
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		transform: rotate(315deg);
		top: 7px;
		right: 4px;
	}
	.news-card .owl-next span.carousel-control-next-icon{
		border: 1px solid #acacac;
		background: #ffffff !important;
	}
	.news-card .owl-prev span.carousel-control-prev-icon, .news-card .owl-next span.carousel-control-next-icon{
		width: 24px !important;
		height: 24px !important;
		margin: 0 !important;
		position: relative !important;
	}
/*.news-card .carousel-control-prev-icon{
	left: -20px;
}
.news-card .carousel-control-next-icon{
	right: -20px;
	}*/

	/* Small devices (tablets, 768px and up) */
	@media (min-width: 768px) {
		#quote-carousel {
			margin-bottom: 0;
			padding: 0 40px 30px 40px;
		}
		/*-------------- section-downloads testimonials start--------------*/
		.c-item span{
			top: 91%;
		}
		/*-------------- section-downloads testimonials end--------------*/
	}
	/*------------- inner carousel ------------*/


	/*---------  Bread Crumb  ---------*/
	#crouton{
		position: absolute;
		top: 200px;
	}
	#crouton ul {
		margin: 0;
		padding: 0;
		overflow: hidden;
		width: 100%;
		list-style: none;
	}

	#crouton li {
		float: left;
		margin: 0 10px;
		cursor: pointer;

	}

	#crouton a {
		background: var(--main-color);
		padding: 3px 10px;
		float: left;
		text-decoration: none;
		color: #fff;
		text-shadow: 0 1px 0 rgba(255,255,255,.5);
		position: relative;
	}

	#crouton li:first-child a {
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}

	#crouton li:last-child a {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}

	#crouton a:hover {
		background: #cc9b22cf;
		color: #ffffff;
	}

	#crouton li:not(:first-child) > a::before {
		content: "";
		position: absolute;
		top: 50%;
		margin-top: -1.5em;   
		border-width: 1.5em 0 1.5em 1em;
		border-style: solid;
		border-color: var(--main-color) var(--main-color) var(--main-color) transparent;
		left: -1em;
	}

	#crouton li:not(:first-child) > a:hover::before {
		border-color: #cc9b22cf #cc9b22cf #cc9b22cf transparent;
	}

	#crouton li:not(:last-child) > a::after {
		content: "";
		position: absolute;
		top: 50%;
		margin-top: -1.5em;   
		border-top: 1.5em solid transparent;
		border-bottom: 1.5em solid transparent;
		border-left: 1em solid var(--main-color);
		right: -1em;
	}

	#crouton li:not(:last-child) > a:hover::after {
		border-left-color: #cc9b22cf;
	}
	/*---------  Bread Crumb  ---------*/

	/*----------  Department tabs  ----------*/
	.tabsec {
		border: none !important;
	}
	.tabsec .tablink.active, .tabsec .nav-item.show .tablink {
		color: #495057;
		background-color: none !important;
		border: none !important;
	}
	/*.tabsec .tablink:hover, .tabsec .tablink:focus {
		border: none !important;
	}*/
	.tabitem .tablink.active{
		background: var(--main-color) !important;
		border-radius: 50px;
		font-size: 18px !important;
		color: #fff !important;
		transform: translateY(0%);
		-moz-transform: translateY(0%);
		-webkit-transform: translateY(0%);
	}
	.tabitem .tablink{
		padding: 15px 30px 15px 30px;
		color: #000;
		border: none !important;
	}
	.tabitem{
		font-size: 18px !important;
		background-color: #f8f8f8 !important;
		border-radius: 50px;
		margin: 0px 5px 0px 5px;
		cursor: pointer;
	}
	.tabitem span{
		padding-right: 12px;
		font-size: 25px !important;
	}
	.tab-content div{
		transition: all ease-in-out .5s;
		-moz-transition: all ease-in-out .5s;
		-webkit-transition: all ease-in-out .5s;
	}
	/*----------  Department tabs  ----------*/

	/*--------------  Course offered  -------------*/
	.courseoff{
		/*background: linear-gradient(0deg, rgb(0 0 0 / 82%), rgb(6 4 6 / 84%)), url(../../assets/images/courseoffbg.jpg);*/
		/*background-size: cover;*/
		padding-top: 50px;
		padding-bottom: 50px;
		/*height: 300px;*/
	}
	.coursetext{
		color: var(--main-color);
		/*text-align: center;*/
		padding: 25px;
	}
	.coursetext span{
		padding-right: 10px;
	}
	.coursetext a{
		color: #ffffff;
		letter-spacing: 1px;
		font-size: 15px;
		vertical-align: super;
	}
	.coursetext a:hover{
		color: var(--main-color);
	}
	.coursehead h3{
		color: #ffffff;
		padding: 25px 0px 25px 0px;
		font-size: 1.6rem;
		position: relative;
		font-weight: bold;
	}
	.coursehead h3:after{
		position: absolute;
		content: "";
		width: 37px;
		height: 2px;
		bottom: -10px;
		left: 0;
		background: var(--main-color);
	}
	.coursehead p{
		color: #ffffffb8;
		margin-top: -32px;
	}
	.hudavihead h3:after{
		position: absolute;
		content: "";
		width: 37px;
		height: 2px;
		bottom: 12px;
		left: 0;
		background: var(--main-color);
	}
	/*--------------  Course offered  -------------*/

	/*--------------  Departments Home  -------------*/
	.imgsec{
		position: absolute;
		left: -109px;
		z-index: 10px;
		top: 40px;
		background-color: #fff;
		text-align: center;
		padding: 30px;
		box-shadow: inset 0px 1px 8px 0px #dcccb4;
	}
	.imgsec img{
		height: 200px;
    	width: 200px;
    	object-fit: cover;
	}
	.descsection{
		/*background: linear-gradient(0deg, rgb(0 0 0 / 70%), rgb(6 4 6 / 55%)), url(../../assets/images/courseoffbg.jpg);*/
		/*background-size: cover;*/
	}
	.descsection p{
		font-size: 15px;
		color: #ffffffd4;
		line-height: 30px;
		padding: 65px 100px 30px 30px;
		text-align: justify;
	}
	/*--------------  Departments Home  -------------*/

	/*--------------  Departments Faculty  -------------*/
	.team-member {
		overflow: hidden;
		position: relative;
		margin-top: 30px;
		text-align: center;
	}
	.team-photo {
		position: relative;
	}
	.team-photo img{
		width: 100%;
	}
	.team-photo .overlay {
		background-color: rgba(0, 0, 0, 0.70);
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 0;
		text-align: center;
		opacity: 0;
		transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
		-ms-transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
		-moz-transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
		-webkit-transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
	}
	.team-photo:hover .overlay {
		opacity: 1;
		width: 100%;
		height: 100%;
	}
	.team-details {
		margin-top: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid#31BFC3
	}
	.team-details a{
		font-size: 18px;
		text-align: center;
		font-weight: 600;
		color: #000;
	}
	.team-details a:hover{
		color: #848484;
	}
/*--------------  Departments Faculty  -------------*/


/*--------------  Departments programmes  -------------*/
.program-sec{
	padding: 50px 0px;
}
.programrow{
	margin: 15px;
}
.programrow img{
	margin-bottom: 10px;
	height: 222px;
    object-fit: cover;
    width: 100%;
}

/*--------------  Departments programmes  -------------*/

/*---------  Department Syllabus  ---------*/
.syllabustbl tr th,td{
	vertical-align: middle !important;
	background-color: #eee;
}
.syllabustbl table thead th{
	background-color: var(--main-color);
    color: #fff;
}
.syllabustbl table tr th,td{
    border: 1px solid #bbc6d2;
}
.syllabustbl .slno{
	text-align: center;
}
.syllabustbl .innerul li{
	list-style: circle;
	text-align: left;
}
/*---------  Department Syllabus  ---------*/

/*---------  Faculty single  ---------*/
.lecturers-page-area {
  padding: 70px 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .lecturers-page-area {
    padding: 90px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .lecturers-page-area {
    padding: 80px 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .lecturers-page-area {
    padding: 70px 0;
  }
}
@media (min-width: 321px) and (max-width: 479px) {
  .lecturers-page-area {
    padding: 20px 0;
  }
}
.lecturers-contact-info {
  text-align: center;
}
.lecturers-contact-info img {
  margin-bottom: 30px;
}
.facultyh3{
	color: #000;
	font-weight: 600;
	font-size: 1.5rem;
	padding: 40px 0px 10px 0px;
	position: relative;
}
.facultyh3:after{
	position: absolute;
	content: "";
	width: 37px;
	height: 2px;
	bottom: 0;
	left: 0;
	background: var(--main-color);
}
.aboutp{
	color: #909090;
    font-size: 15px;
    line-height: 27px;
    padding: 4px 0px 0px 40px;
}
.contact-det p{
	color: #909090;
    font-size: 15px;
    margin-bottom: 0px;
    padding: 4px 0px 0px 40px;
}
.contact-det p span{
	color: #444444;
	font-weight: 600;
}
.lecturers-contact-info h2 {
  font-size: 30px;
  color: #002147;
  margin-bottom: 5px;
  font-weight: 500;
}
.lecturers-contact-info h3 {
  color: #909090;
  font-size: 16px;
  margin-bottom: 25px;
}
.lecturers-contact-info {
  margin-top: 40px;
}
.lecturers-contact-info{
  border: 1px solid #e6e6e6;
  overflow: hidden;
}
ul.course-feature2 {
  padding-top: 30px;
}
ul.course-feature2:after {
  clear: both;
  content: "";
  display: block;
}
ul.course-feature2 li {
  box-sizing: border-box;
  padding-left: 30px;
  position: relative;
  list-style: none;
  margin-bottom: 12px;
  color: #444444;
}
ul.course-feature2 li:before {
  content: "\f058";
  position: absolute;
  font-family: FontAwesome;
  left: 0;
  top: 0;
  font-size: 20px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
  line-height: 1.3;
  color: #fdc800;
}
/*---------  Faculty single  ---------*/

/*---------  About page  ---------*/
.about-section{
     margin:100px 0px;
}
/*---------  About page  ---------*/

/*---------  Vision & Mission page  ---------*/
.visionmission-section{
     margin:100px 0px;
}
/*---------  Vision & Mission page  ---------*/

/*---------  History page  ---------*/
.history-section{
     margin:100px 0px;
}
/*---------  History page  ---------*/

/*---------  Admission page  ---------*/
.admission-section{
     margin:100px 0px;
}
/*---------  Admission page  ---------*/

/*---------  Principal Desk page  ---------*/
.principal-section{
     margin:100px 0px;
}
/*---------  Principal Desk page  ---------*/

/*---------  Placement page  ---------*/
.placement-section{
     margin:100px 0px;
}
/*---------  Placement page  ---------*/

/*---------  Rules & Regulations page  ---------*/
.rulesreg-section{
     margin:100px 0px;
}
/*---------  Rules & Regulations page  ---------*/

/*---------  Contact page  ---------*/
.contact-section{
    margin:100px 0px;
  }
  .contact-btn{
    border:1px solid var(--main-color-2);
    border-radius: 0px;
    padding: 8px 15px;
    width: 100px;
  }
  .contact-btn:hover{
    background-color: var(--main-color-2);
    color: #fff;
  }
  .contact-card{
   padding: 20px 22px;
   color: var(--main-color-2);
   border:1px solid var(--main-color-2);
   border-radius: 7px;
   width:100%;
   margin: 10px 0px;
 }
 .contact-inner h5{
  line-height: 1.3;
  letter-spacing: 0.04em;
  position: relative;
  /*padding-bottom: 15px;*/
  font-weight: 600;
}
/*.contact-inner h5:after{
  position: absolute;
  content: "";
  width: 37px;
  height: 2px;
  bottom: 0;
  left: 0;
  background: var(--main-color-2);
  }*/
  .contact-card p{
    padding-left: 25px;
    line-height: 1em;
  }
  .social-links a{
    text-decoration: none;
    color: var(--main-color-2);
    font-size: 20px;
    margin: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .social-links a i:hover{
   transform: scale(1.05);
 }
/*---------  Contact page  ---------*/

/*---------  Achievement page  ---------*/
.achievement-section{
    margin:100px 0px;
}
.achive-card{
    color: var(--main-color-2);
    box-shadow: 0 0.125rem 0.25rem rgba(189, 148, 60, 0.075) !important;
    text-align: center;
    padding: 10px;
    border:0.001rem solid var(--main-color-2);
    border-radius: 8px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.achive-card i{
    font-size: 65px;
}
.achive-card:hover{
    transform: scale(1.04);
    color:#fff;
    background: var(--main-color-2);
    cursor: pointer;
    box-shadow: 0px 4px 8px rgba(189, 148, 60, 0.2);
}
/*---------  Achievement page  ---------*/

/*---------  projects section  ---------*/
.achievement-section{
    margin:100px 0px;
}
.project-card{
    color: var(--main-color-2);
    box-shadow: 0 0.125rem 0.25rem rgba(189, 148, 60, 0.075) !important;
    text-align: center;
    padding: 25px 10px 25px 10px;
    height: 160px;
    overflow: hidden;
    border:0.001rem solid var(--main-color-2);
    border-radius: 8px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.project-card i{
    font-size: 65px;
}
.project-card:hover{
    transform: scale(1.04);
    color:#fff;
    background: var(--main-color-2);
    cursor: pointer;
    box-shadow: 0px 4px 8px rgba(189, 148, 60, 0.2);
}
.project-area .nav-tabs{
	border-bottom: none;
}
.project-card span{
	display: block;
}
.project-card a{
	color: var(--main-color-2);
}
.project-card a:hover{
    transform: scale(1.04);
    color:#fff;
}
.project-cont p{
	color: #fff;
	font-size: 14px;
    line-height: 26px;
}
.project-sub{
	list-style: none;
}
.project-sub li{
	display: block;
	display: inline-block;
    padding: 10px;
    margin: 10px;
    border: 1px solid var(--main-color-2);
    border-radius: 5px;

}
.project-sub li a{
	color: #fff;
}
.project-sub li a:hover{
	color: var(--main-color-2);
}
/*---------  projects section  ---------*/

/*----------- Links Section -------------*/
.linksarea{
	padding-top: 100px;
}
.links-sec{
	position: relative;
}
.links-sec a{
	background-color: var(--main-color-2);
    color: #fff;
    padding: 20px;
}
.links-sec a:hover{
	color: #000;
}
.links-sec .link1{
	width: 260px;
	text-align: center;
    position: absolute;
    right: 10px;
}
.links-sec .link2{
	width: 350px;
	text-align: center;
    position: absolute;
    right: 10px;
    top: 68px;
}
.links-sec .link3{
	width: 450px;
	text-align: center;
    position: absolute;
    right: 10px;
    top: 136px;
}
.links-sec .link4{
	width: 350px;
	text-align: center;
    position: absolute;
    right: 10px;
    top: 204px;
}
.links-sec .link5{
	width: 260px;
	text-align: center;
    position: absolute;
    right: 10px;
    top: 272px;
}
/*----------- Links Section -------------*/

/*--------------  Management committee  -------------*/
.management-area{
	padding: 50px 0px;
}
.management-member {
	overflow: hidden;
	position: relative;
	margin-top: 30px;
	text-align: center;
}
.management-photo {
	position: relative;
}
.management-photo img{
	width: 100%;
	height: 265px;
    object-fit: cover;
}
.management-photo .overlay {
	background-color: rgba(0, 0, 0, 0.70);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	text-align: center;
	opacity: 0;
	transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
	-ms-transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
	-moz-transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
	-webkit-transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.management-photo:hover .overlay {
	opacity: 1;
	width: 100%;
	height: 100%;
}
.management-details {
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid#31BFC3
}
.management-details h4{
	font-size: 18px;
	text-align: center;
	font-weight: 600;
	color: #000;
}
/*--------------  Management committee  -------------*/

/*---------  Album page  ---------*/
.albumsec{
	margin-bottom: 80px;
	padding-top: 50px;
}
.album-card{
    transition: all 0.8s linear;
    -webkit-transition: all 0.8s linear;
}
.album-card:hover{
    transform: translateY(-10px);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.album-card img{
    border-radius: 6px;
    min-width: 100%;
    object-fit: cover;
    height: 300px;
}
.albun-card-name span{
    position: relative;
    bottom: 21px;
    background: #CC9B22;
    padding: 9px;
    color: #fff;
    border-radius: 6px;
    margin: 0px 20px;
    display: block;
    text-align: center;
    box-shadow: rgb(204 155 34 / 14%) 0px 10px 20px 0px;
}
/*---------  Album page  ---------*/

/*---------  gallery page  ---------*/
.gallery-sec{
	padding: 50px 0px;
}
.galleryrow{
	margin: 15px;
}
.galleryrow img{
	margin-bottom: 10px;
	height: 222px;
    object-fit: cover;
    width: 100%;
}
/*---------  gallery page  ---------*/

/*---------  Downloads page  ---------*/
.download-sec{
	padding: 50px 0px;
}
.download-item ul li{
	list-style: circle;
	font-size: 16px;
    color: #000;
    padding: 10px;
}
.download-item ul li a i{
	font-size:24px;
}

/*---------  Downloads page  ---------*/

/*--------------  Union Members  -------------*/
.union-area{
	padding: 50px 0px;
}
.union-member {
	overflow: hidden;
	position: relative;
	margin-top: 30px;
	text-align: center;
}
.union-photo {
	position: relative;
}
.union-photo img{
	width: 100%;
}
.union-photo .overlay {
	background-color: rgba(0, 0, 0, 0.70);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	text-align: center;
	opacity: 0;
	transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
	-ms-transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
	-moz-transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
	-webkit-transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.union-photo:hover .overlay {
	opacity: 1;
	width: 100%;
	height: 100%;
}
.union-details {
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid#31BFC3;
}
.union-details h4{
	font-size: 18px;
	text-align: center;
	font-weight: 600;
	color: #000;
}
/*--------------  Union Members  -------------*/

/*--------------  University Updates  -------------*/
.uni_btn{
	border-radius: 20px !important;
    color: #fff !important;
    background-color: #cc9b22 !important;
    border: none !important;
    font-size: 15px !important;
    padding: 6px 15px 7px 15px !important;
}
/*--------------  University Updates  -------------*/

/*--------------  News page  -------------*/
.rs-events .event-item .event-img {
  margin-bottom: 20px;
}
.rs-events .event-item .event-date {
  font-size: 14px;
  font-weight: 500;
}
.rs-events .event-item .event-date i {
  font-size: 13px;
  display: inline-block;
  margin-right: 5px;
  color: #ff3115;
}
.rs-events .event-item .event-date span {
  color: #505050;
}
.rs-events .event-item .event-title {
  font-size: 20px;
  margin-bottom: 8px;
  margin-top: 4px;
}
.rs-events .event-item .event-title a {
  color: #212121;
}
.rs-events .event-item .event-title a:hover {
  color: #ff3115;
}
.rs-events .event-item .event-meta {
  font-size: 14px;
}
.rs-events .event-item .event-meta > div {
  display: inline-block;
}
.rs-events .event-item .event-meta > div i {
  font-size: 14px;
  display: inline-block;
  margin-right: 3px;
  color: #ff3115;
}
.rs-events .event-item .event-btn {
  margin-top: 18px;
}
.rs-events .event-item .event-btn a {
  font-weight: 500;
}
.rs-events-2 .event-item {
  margin-bottom: 30px;
  margin-top: 30px;
  background: #f9f9f9;
  border: none;
}
.rs-events-2 .event-item .row {
  margin: 0;
}
.rs-events-2 .event-item [class*="col-"] {
  padding: 0;
}
.rs-events-2 .event-item .event-content {
  padding: 15px 20px 20px 15px;
}
.rs-events-2 .event-item .event-img {
  margin: -1px 0 -1px -1px;
  margin-right: 20px;
  transition: all 0.3s ease 0s;
  height: 300px;
  width: 100%;
  overflow: hidden;
  object-fit: cover;
}
.rs-events-2 .event-item .event-img img{
	width: 100% !important;
	height: 300px;
    object-fit: cover;
}
.rs-events-2 .event-item .event-img:hover {
  opacity: 0.8;
}
.rs-events-2 .event-item .event-title {
  font-size: 18px;
  margin-bottom: 4px;
  margin-top: 1px;
  line-height: 25px;
  font-weight: 600;
  text-transform: capitalize;
}
.rs-events-2 .event-item .event-title a {
  color: #212121;
}
.rs-events-2 .event-item .event-meta {
  font-size: 13px;
}
.rs-events-2 .event-item .event-meta > div {
  display: inline-block;
}
.rs-events-2 .event-item .event-meta > div i {
  font-size: 15px;
  display: inline-block;
  margin-right: 3px;
  color: var(--main-color);
}
.rs-events-2 .event-item .event-desc {
  margin-top: 7px;
  font-size: 14px;
}
.rs-events-2 .event-item .event-desc p {
  margin-bottom: 15px;
}
.rs-events-2 .event-item .event-btn a {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  min-width: 130px;
  padding: 0 15px;
  background: var(--main-color);
  color: #fff;
  transition: all 0.3s ease 0s;
  font-weight: 600;
}
.rs-events-2 .event-item .event-btn a:hover {
  background-color: #967931e3;
  color: #fff;
}
.home5 .event-item .event-date {
  max-width: 170px;
  margin: 0 auto;
  height: 30px;
  background: #92278f;
  margin-top: -32px;
  position: relative;
  top: -13px;
  border-radius: 15px 15px 0 0;
  padding-top: 2px;
  text-align: center;
}
.home5 .event-item .event-date i,
.home5 .event-item .event-date span {
  color: #fff;
}
.home5 .red-color .event-date {
  background: #e84b3a;
}
.home5 .orange-color .event-date {
  background: #fc7f0c;
}
.home5 .blue-color .event-date {
  background: #00bcd4;
}
.rs-event-details #googleMap {
  height: 270px;
  margin-bottom: 30px;
}
.rs-event-details .event-title {
  font-size: 24px;
  margin-bottom: 6px;
}
.rs-event-details .event-title a {
  color: #212121;
  font-weight: 600;
}
.rs-event-details .event-title a:hover {
  color: var(--main-color);
}
.rs-event-details .event-meta {
  margin-top: 10px;
  margin-bottom: 30px;
}
.rs-event-details .event-meta > div {
  display: inline-block;
  color: #666;
}
.rs-event-details .event-meta > div + div {
  margin-left: 14px;
}
.rs-event-details .event-meta > div i {
  margin-right: 3px;
  color: var(--main-color);
}
.rs-event-details .event-img {
  margin-bottom: 25px;
}
.rs-event-details .event-img img{
	width: 100%;

}
.rs-event-details .share-area .share-inner {
  text-align: right;
}
.rs-event-details .share-area .share-inner span {
  display: inline-block;
  margin-right: 5px;
  color: #101010;
  font-weight: 600;
}
.rs-event-details .share-area .share-inner a i {
  border: 1px solid #ddd;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #212121;
  transition: all 0.3s ease 0s;
}
.rs-event-details .share-area .share-inner a i:hover {
  border-color: #ff3115;
  color: #ff3115;
}
.rs-event-details .share-area .book-btn a {
  display: inline-block;
  height: 40px;
  line-height: 36px;
  text-align: center;
  min-width: 147px;
  padding: 0 20px;
  border: 2px solid #ff3115;
  color: #212121;
  transition: all 0.3s ease 0s;
  font-weight: 600;
}
.rs-event-details .share-area .book-btn a:hover {
  background-color: #ff3115;
  color: #ffffff;
}
.rs-vertical-middle {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.event-item .event-img {
  position: relative;
}
.event-item .event-img:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}
.event-item .event-img .image-link {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  color: var(--main-color);
  z-index: 11;
}
.event-item .event-img .image-link:hover{
  color: #fff;
}
.event-item .event-img .image-link i {
  font-size: 22px;
  font-weight: 400;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  transition: all 0.3s ease 0s;
}
.event-item:hover .event-img:after {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}
.event-item:hover .event-img .image-link i {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
/*--------------  News page  -------------*/

/*--------------  News single  -------------*/
.rs-branches .branches-item {
  text-align: center;
  position: relative;
  margin-bottom: 30px;
}
.rs-branches .branches-item img {
  margin-bottom: 15px;
}
.rs-branches .branches-item h3 {
  font-size: 20px;
  margin-bottom: 7px;
}
.rs-branches .branches-item h3 span {
  display: block;
}
.rs-branches .branches-item p {
  margin-bottom: 0;
}
.rs-branches [class*="col-"] + [class*="col-"] .branches-item:after {
  position: absolute;
  content: '';
  width: 64%;
  height: 2px;
  background-color: #ff3115;
  left: -38%;
  top: 70px;
}
/*--------------  News single  -------------*/

/*chinyhaneeyam image */
/*max-height: 97px;
    float: right;
    width: 54%;
    position: absolute;
    top: 21px;
    right: 24px;
    border-radius: 5px;*/

/*------------ main project page ------------*/
.mainproj-sec .main-p{
	font-size: 15px;
    line-height: 25px;
    padding: 10px;
}
.history-tl-container{
    font-family: "Roboto",sans-serif;
  width:50%;
  /*margin:auto;
  display:block;*/
  position:relative;
  padding-left: 28px;
}
.history-tl-container ul.tl{
    margin:20px 0;
    padding:0;
    display:inline-block;

}
.history-tl-container ul.tl li{
    list-style: none;
    margin:auto;
    /*margin-left:200px;*/
    min-height:50px;
    /*background: rgba(255,255,0,0.1);*/
    border-left:1px dashed #86D6FF;
    padding:0 0 50px 30px;
    position:relative;
}
.history-tl-container ul.tl li:last-child{ border-left:0;}
.history-tl-container ul.tl li::before{
    position: absolute;
    left: -10px;
    top: -5px;
    content: " ";
    border: 5px solid rgba(255, 255, 255, 0.74);
    border-radius: 500%;
    background: #258CC7;
    height: 20px;
    width: 20px;
    transition: all 500ms ease-in-out;

}
.history-tl-container ul.tl li:hover::before{
    border-color:  #258CC7;
    transition: all 1000ms ease-in-out;
}
ul.tl li .item-title a{
	font-size: 25px;
    color: #0097f0;
}
ul.tl li .item-title a:hover{
	color: var(--main-color-2);
}
ul.tl li .item-detail{
    color:rgba(0,0,0,0.5);
    font-size:12px;
}
ul.tl li .timestamp{
    color: #8D8D8D;
    position: absolute;
  width:100px;
    left: -50%;
    text-align: right;
    font-size: 12px;
}
/*------------ main project page ------------*/


/*------------ chinthaneeyam page ------------*/
.chinthaneeyam{
  display: flex;
  width: 100%;
  flex-wrap:wrap;
  justify-content:center;
}
.chinthaneeyam-card {
    margin: 2.5%;
    padding: 2.5%;
    color: #fffdfd;
    border-radius: 16px;
    background-color: #cc9b22c9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width:20em;
    box-shadow: -15px 15px 10px rgba(0,0,0,0.5), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.5s cubic-bezier(.25,.8,.25,1);
}
.chinthaneeyam-card:hover {
    box-shadow: -15px 15px 28px #171717, 0 10px 10px #171717;
    transform: translateY(-25px);
    cursor: pointer;
}
.chinthaneeyam-card a{
	color: #fffdfd;
    font-size: 30px;
    font-weight: 600;
}
.chinthaneeyam-card a:hover{
	color: #000;
}
.chinthaneeyam-card .ch-desc{
	font-size: 14px;
}
/*------------ chinthaneeyam page ------------*/

/*----------- News & Events start ----------*/
.bg-106{
	background: #424242;
    height: 230px;
    max-height: 230px;
    min-height: 230px;
    overflow: hidden;
}
.newseve-sec p{
	font-size: 13px;
}
/*----------- News & Events end ----------*/
.mal-font{
	font-size: 14px;
}
/*----------- karmamandalam start ----------*/
.karma-img {
	margin: 0px;
    padding: 0px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width:14em;
    transition: all 0.5s cubic-bezier(.25,.8,.25,1);
}
.karma-img img{
	height: 150px;
    object-fit: cover;
}
.karma-tabs{
	margin: 15px;
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 30em;
    transition: all 0.5s cubic-bezier(.25,.8,.25,1);
}
.karma-tabs a{
	font-size:15px;
	text-align: center;
}
/*----------- karmamandalam end ----------*/