.indxBody {
	
	background-image:url(../assets/img/CSVTUBG.png);
	background-size: cover;
	background-blend-mode: multiply;
	cursor: pointer;
}

*{
	margin:0;
	padding:0;
}
.logo img{
   height:40px;
}
.card-body h5{
	font-size:14px;
	font-weight:550;
	/*text-align:center;*/
	margin:0 15px ;
	margin-bottom:auto;
	color:#00396b;
}
.card-body p{
	margin:0 15px;
	font-size:12px;
}
/*.panel-body{
	box-shadow: 2px 2px 2px 2px #ccc;
}*/
.card-body{
	padding:10px;
}
/*.panel-body:hover{
	background:#0074d263;
  	color:#fff;
  	box-shadow:3px 3px 3px 3px #fff;
}*/
.vertical-align-upper{
	background:#ccc;
}
.page-content{
	margin-top:120px;
  width:100%;
}
.login-btn{
 background: #00366c;
 border-radius:25px;
}
.navbar-brand .btn{
	margin-left: 1150px;
	background:#00346c;
	color:#fff;
	border-radius:25px;
}




.icon{
  width:80px;
}
.from_info{
  /*border: 2px solid #003774;*/
  border-bottom-right-radius: 80px 80px;
  border-top-right-radius: 80px 80px;
  border-top: 2px solid #003774;
  border-right: 2px solid #003774;
  border-bottom: 2px solid #003774;
  border-left: 2px solid #003774;
  margin:25px 0px 0px 25px;
  height:45px;
}

.bg-circle {
  aspect-ratio: 1 / 1;
  background-color: #000;
  border-radius: 50%;
  color: #fff;
  font-size: 20vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle {
	height:43px;
	width:45px;
	display: block;
	padding: calc(50% - 2px) 0;
	line-height: 0;
	border-radius: 50%;
	background-size: cover;
	background-position: 50%;
	border: solid 2px #0172d2;
	/*box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);*/
	transition: all 0.2s ease-in;
	margin-top: 17px;
    margin-left: -55px;
    margin-right: 20px;
   }
	.circle:hover 
	{
		cursor: pointer;
		border-color:#0172d2;
		filter: grayscale(60%);
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	}


/*-------------index page-----------*/

nav {
	margin-right: 0;
	font-family: Roboto, sans-serif;
	color: #fff;
	cursor: pointer;
	background-color: #ffffff1a;
}

.logo {
	height: 69px;
	margin: 7px 0px;
}

.btn-login {
	background: #00366c;
	border-radius: 25px;
}

.btn-login a {
	background: #00346c;
	color: #fff;
	border-radius: 25px;
	font-size: 14px;
}

.btn-login a i {
	font-size: 18px;
}

.quick-nav-bg {
	position: fixed;
	z-index: 10103;
	top: 73%;
	right: 10px;
	margin-top: -190px;
}

.quick-nav-bg img {
	width: 70px;
}

.icon {
	width: 83px;
}

.container-fluid {
	padding: 0;
	width: 100%;
}

.university_logo {
	text-align: center;
}

.university_name h1 {
	font-size: 21px;
	font-weight: 500;
	text-align: center;
	font-family: sans-serif;
	font-style: revert-layer;
	text-shadow: 1px 0px 1px;
	color: #00376c;
}

.from_info2 {
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	border: 2px solid #003774;
	border-top-width: 2px;
	border-right-width: 2px;
	border-right-width: 2px;
	margin: 8px 0px 0px -15px;
	height: 65.5px;
	width: 300px;
	background-image: linear-gradient(to right bottom, #e1d7d714, #ffffffb8)
}

.text_info {
	padding: 10px;
	color: #003874;
}

.text_info:hover {
	color: #0071d6;
}

.from_info2 h5 {
	font-size: 14px;
	text-align: center;
	font-family: sans-serif;
	font-weight: 600;
	margin-top: 3px;
}

.from_info2 p {
	font-size: 12px;
	font-family: 'Heebo-Regular', Helvetica, Arial, sans-serif;
	margin-top: -6px;
	text-align: center;
}

.hexagon_image {
	border-bottom-right-radius: 80px 80px;
	border-top-right-radius: 80px 80px;
	width: 70px;
	height: 65px;
	border: 3px solid #003774;
	rotate: 180deg;
	background-image: linear-gradient(to right bottom, #e1d7d7bf, #fff);
}

.hexagon_image i {
	padding: 13px 4px;
	font-size: 35px;
	color: #0072d4;
	rotate: 180deg;
}

@media (max-width:767px) {
	.from_info2 {
		border-bottom-right-radius: 80px 80px;
		border-top-right-radius: 80px 80px;
		border: 2px solid #003774;
		border-top-width: 2px;
		border-right-width: 2px;
		border-right-width: 2px;
		margin: -85px 0px 0px 79px;
		height: 45.5px;
		width: 280px;
		background: linear-gradient(90deg, #00366c0d 0%, #0071cf0a 35%, #00366c0d 100%);
	}

	.quick-nav-bg {
		position: fixed;
		z-index: 10103;
		top: 60%;
		right: 10px;
	}

	.divHelpDesk {
		margin-top: -30px;
		z-index: 1;
	}

	.divHelpDesk p {
		padding: 0px 10px 0 1px !important;
		height: 10px;
	}
}

@media (max-width:1024px) {
	.from_info2 {
		border-bottom-right-radius: 80px 80px;
		border-top-right-radius: 80px 80px;
		border: 2px solid #003774;
		border-top-width: 2px;
		border-right-width: 2px;
		border-right-width: 2px;
		margin: 32px 0px 0px 16px;
		height: 45.5px;
		width: 235px;
		background: linear-gradient(90deg, #00366c0d 0%, #0071cf0a 35%, #00366c0d 100%);
		margin-top: -84px;
		margin-left: 79px;
	}

	.divHelpDesk {
		margin-top: -30px;
		z-index: 1;
	}

	.divHelpDesk p {
		padding: 0px 10px 0 1px !important;
		height: 10px;
	}
}

@media (max-width:900px) {
	.from_info2 {
		border-bottom-right-radius: 80px 80px;
		border-top-right-radius: 80px 80px;
		border: 2px solid #003774;
		border-top-width: 2px;
		border-right-width: 2px;
		height: 65.5px;
		width: 235px;
		background: linear-gradient(90deg, #00366c0d 0%, #0071cf0a 35%, #00366c0d 100%);
		margin-top: -73px !important;
		margin-left: 66px !important;
	}

	.quick-nav-bg {
		position: fixed;
		z-index: 10103;
		top: 60%;
		right: 10px;
	}

	.divHelpDesk {
		margin-top: -30px;
		z-index: 1;
	}

	.divHelpDesk p {
		padding: 0px 10px 0 1px !important;
		height: 10px;
	}
}

@media (max-width: 400px) {
	.from_info2 {
		border-bottom-right-radius: 80px 80px;
		border-top-right-radius: 80px 80px;
		border: 2px solid #003774;
		border-top-width: 2px;
		border-right-width: 2px;
		border-right-width: 2px;
		margin: 32px 0px 0px 16px;
		height: 65.5px;
		width: 235px;
		background: linear-gradient(90deg, #00366c0d 0%, #0071cf0a 35%, #00366c0d 100%);
		margin-top: -73px;
		margin-left: 67px;
	}

	.quick-nav-bg {
		position: fixed;
		z-index: 10103;
		top: 60%;
		right: 10px;
	}

	.divHelpDesk {
		margin-top: -30px;
		z-index: 1;
	}

	.divHelpDesk p {
		padding: 0px 10px 0 1px !important;
		height: 10px;
	}
}

.icon i:hover {
	opacity: .9;
	transform: rotate(360deg);
	transition: 2s;
}

.main-menu .row {
	margin-left: 1rem;
	margin-right: 1rem;
}

.digiVarsity {
	margin-top: 3rem !important;
}

@media (max-width: 900px) {
	.main-menu .row {
		margin: auto !important;
	}

	.digiVarsity {
		margin-top: 2rem !important;
	}
}

.quick-nav :hover+.divHelpDesk {
	display: block;
	position: fixed;
	top: 41%;
	right: 10px;
	margin-right: 70px;
	background: #fff;
	padding: 10px;
	width: 220px;
	height: 70px;
	border: 1px solid;
	border-radius: 10px;
	color: #00346c;
	padding: 5px 10px;
}

.quick-nav :hover+.divHelpDesk i {
	font-size: 18px;
	color: #0072d4;
}

.divHelpDesk {
	display: none;
}

.divHelpDesk:hover {
	display: block;
	position: fixed;
	top: 41%;
	right: 10px;
	margin-right: 70px;
	background: #fff;
	width: 220px;
	height: 70px;
	border: 1px solid;
	border-radius: 10px;
	color: #00346c;
	padding: 5px 10px;
}

.Helpdesk i {
	width: 20%;
}

.Helpdesk a {
	width: 80%;
}

.site-footer {
	bottom: 0;
	position: fixed;
	width: 100%;
	padding: 10px 30px;
	background-color: #edeff4;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

.site-footer div span,
a {
	color: #003974;
	font-size: 12px;
}

.site-footer div span,
a em {
	font-style: normal;
}