@font-face {
  font-family: Alumni;
  src: url(../font/HurmeGeometricSans4.otf);
}

@font-face {
  font-family: Alumni;
  src: url(../font/HurmeGeometricSans4_Bold.otf);
  font-weight:bold;
}
.career {
	height: 230px;
	background: url(../../brand/career-image.png) center;
	display: flex;
}
.cover {
	background: url(../../brand/homebanner.png) center;
	display: flex;
}


.life {
	height: 230px;
	background: url(../../brand/lifeatsopra.png) center;
	display: flex;
}

.spotlight {
	height: 230px;
	background: url(../../brand/spotlight.png) center;
	display: flex;
}

html, body {
	height: 100%;
}



.topSection {
	min-height: calc(100% - 85px);
}
.btn-warning {
	border-radius: 20px;
}
.btn-secondary {
	border-radius: 20px;
} 

footer {
	position: relative;
	bottom: 0;
	height:85px;
}

	footer li {
		padding: 0 !important;
	}

.btn-primary {
	color: #fff;
	background-color: #F07D00;
	border-color: #F07D00;
	border-radius: 20px;
}

.btn-primary:hover {
	color: #fff;
	background-color: #dc7403;
	border-color: #dc7403;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #dc7403;
	border-color: #dc7403;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
	color: #fff;
	background-color: #dc7403;
	border-color: #dc7403;
	box-shadow: 0 0 0 0.25rem rgb(255 152 0 / 50%);
}

.btn-success {
	color: #fff;
	background-color: #00a188;
	border-color: #00a188;
	border-radius: 20px;
}

	.btn-success:hover {
		color: #fff;
		background-color: #0e8463;
		border-color: #0e8463;
	}

	.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
		color: #fff;
		background-color: #0e8463;
		border-color: #0e8463;
	}

	.btn-check:focus + .btn-success, .btn-success:focus {
		color: #fff;
		background-color: #0e8463;
		border-color: #0e8463;
		box-shadow: 0 0 0 0.25rem rgb(60 153 110 / 50%);
	}


.header-text {
	background: rgba(38,38,38,0.6);
	width: 60%;

	height: 90px;
	padding: 10px;
	color: #fff;
	font-family: Alumni;
	font-weight: bold;
	font-size: 1.4rem;
}

.card-title {
	font-weight: bold;
}
.inset a {
	color: #000;
	font-weight: bold
}
.alumni-link {
	color: #CF022B;
	text-decoration: none;
}

footer {
	background: #F4F4F4
}

.card {
	border-radius: 0.5rem;
}

	.card img {
		border-radius: 0.5rem 0.5rem 0 0;
	}


body {
	color:#707070;
	font-size:0.95rem;
}

.logo img {
	height:35px;
	border-right:3px solid #CF022B;
	margin-right:10px;
}

.logo, .logo:hover {
	font-family:Alumni;
	color:#929292;
	font-weight:bold;
}

.navbar-brand {
    font-size: 1.5rem;
}

.navbar-button {
	border-radius:20px;
	border:1px solid #CF022B;
	margin-left:5px;
	font-size: 0.85rem;
	padding:2px 10px;
}

.navbar-button.login {
	background:#fff;
	color:#929292;
}

.navbar-button.login:hover {
	background:#000;
	color:#fff;
	border:1px solid #000;
}

.navbar-button.register {
	background:#CF022B;
	color:#fff;
}

.navbar-button.register:hover {
	background:#000;
	color:#fff;
	border:1px solid #000;
}

headers {
	height: 230px;
	background: url(../../brand/hero-image.jpg) center;
	display: flex;
}

.header-text {
	background: rgba(38,38,38,0.6);
	/*width: 60%;*/
	width: auto;
	height: 90px;
	padding: 10px;
	color: #fff;
	font-family: Alumni;
	font-weight: bold;
	font-size: 1.4rem;
}

.card-title {
	font-weight:bold;
}

.alumni-link {
	color:#CF022B;
	text-decoration:none;
}

footer {
	background:#F4F4F4
}

.card {
	border-radius:0.5rem;
}
	
.card img {
	border-radius:0.5rem 0.5rem 0 0;
}

@media (max-width: 992px) { 
	.header-text {
		width:100%;
	}
}





	@media (max-width: 541px) {
		header .container {
			justify-content: center !important;
			flex-direction: column;
		}

		.header-text {
			width: 100%;
		}
	}

	@media (max-width: 533px) {
		.header-text {
			font-size: 1.35rem;
		}

		headers {
			background-size: cover;
		}
	}

	@media (max-width: 533px) {
		.header-text {
			font-size: 1.35rem;
		}
	}

	@media (max-width: 515px) {
		.header-text {
			font-size: 1.25rem;
			height: 80px;
		}
	}

	@media (max-width: 481px) {
		.header-text {
			font-size: 1.15rem;
			height: 80px;
		}
	}



	@media (max-width: 446px) {
		.header-text {
			display: none;
		}
	}



@media screen and (max-width: 1920px) {
	body {
		zoom: 0.92 !important;
	}
}

@media screen and (max-width: 1370px) {
	body {
		zoom: 0.8 !important;
	}
}

	.search-bar {
		border-radius: 15px !important;
		padding: 0.075rem 0.75rem;
	}

	.border50pc {
		border-radius: 50% !important;
		font-size: 21px;
		height: 45px;
		width: 45px;
	}

	.search-link {
		color: #707070;
	}

		.search-link:hover {
			color: #000;
		}

	.dropdown-item.active, .dropdown-item:active {
		color: #fff;
		text-decoration: none;
		background-color: #CF022B;
	}

	span.dropdown-item:active, span.dropdown-item:hover, span.dropdown-item:focus {
		background-color: transparent;
		color: #212529;
	}

	.alumni-hyperlink {
		text-decoration: none;
		color: #38AEF2;
	}

	.alumni-primary-btn {
		background: #CF022B;
		border-radius: 20px;
		border: 1px solid #CF022B;
		color:#fff;
	}

		.alumni-primary-btn:hover {
			background: #000;
			border: 1px solid #000;
color:#fff;
		}
		

	.btn-lin {
		background: url(../../brand/lin-btn.svg) no-repeat 7px center;
		padding-left: 30px;
		background-size: 22px 22px
	}

	.btn-gg {
		background: url(../../brand/gg-btn.svg) no-repeat 7px center;
		padding-left: 30px;
		background-size: 22px 22px
	}

	.btn-fb {
		background: url(../../brand/fb-btn.svg) no-repeat 7px center;
		padding-left: 30px;
		background-size: 22px 22px
	}

.btn-ques {
	background: url('../../brand/Help.jpg') no-repeat 7px center;
	padding-left: 35px;
	background-size: 25px 25px
}

.btn-reg {
	background: url(../../brand/mailimg.jpg) no-repeat 7px center;
	padding-left: 30px;
	background-size: 25px 20px
}

.btn-conf {
	background: url(../../brand/Gmail.png) no-repeat 10px center;
	padding-left: 30px;
	background-size: 15px 15px
}

	.btn-outline-secondary:hover {
		background-color: #EEECEC;
		color: #000;
	}

	.ErrorTxt {
		text-align: center;
		color: crimson;
	}



	.ErrorImg {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

.logo img:last-child {
	border-right: 0;
}

.modal-backdrop {
	width: 100% !important;
	height: 100% !important;
}
.Alumni-Collage {
	width: 100%;
	
}

.alumni-button {
	display: block;
	padding: 18px 23px;
	font-size: 21px;


	display: inline-block;
	color: #fff !important;
	-webkit-text-decoration: none !important;
	text-decoration: none !important;
	background: #CF022B !important;
	border: none !important;
	border-radius: 50px !important;
	font-weight: 500 !important;

	line-height: 1.42857;
	
	

}

.blink {
	animation: blinker 1.6s linear infinite;
	color: maroon;
	font-size:18px;
	font-weight: bold;
	font-family: sans-serif;
}
@keyframes blinker {
	50% {
		opacity: 0;
	}
}

.accordion .accordion-item {
	border-bottom: 2px solid #687b99;
	background-color: white;
	border: 1px solid black;
	border-block: 2px solid #4573bd;
}

	.accordion .accordion-item button[aria-expanded='true'] {
		border-bottom: 1px solid black;
	}

.accordion button {
	position: relative;
	display: block;
	text-align: left;
	width: 100%;
	padding: 0.5em 0;
	color: black;
	font-size: 1.35rem;
	font-weight: 400;
	border: none;
	background: none;
	outline: none;
}

	.accordion button:hover,
	.accordion button:focus {
		cursor: pointer;
		color: #03b5d2;
	}

		.accordion button:hover::after,
		.accordion button:focus::after {
			cursor: pointer;
			color: #03b5d2;
			border: 1px solid #03b5d2;
		}

	.accordion button .accordion-title {
		padding: 1em 1.5em 1em 1.0em;
	}

	.accordion button .icon {
		display: inline-block;
		position: absolute;
		top: 18px;
		right: 0.5em;
		width: 22px;
		height: 22px;
		border: 1px solid;
		border-radius: 22px;
	}

		.accordion button .icon::before {
			display: block;
			position: absolute;
			content: '';
			top: 9px;
			left: 5px;
			width: 10px;
			height: 2px;
			background: currentColor;
		}

		.accordion button .icon::after {
			display: block;
			position: absolute;
			content: '';
			top: 5px;
			left: 9px;
			width: 2px;
			height: 10px;
			background: currentColor;
		}

	.accordion button[aria-expanded='true'] {
		color: #03b5d2;
	}

		.accordion button[aria-expanded='true'] .icon::after {
			width: 0;
		}

		.accordion button[aria-expanded='true'] + .accordion-content {
			opacity: 1;
			max-height: 25em;
			transition: all 200ms linear;
			will-change: opacity, max-height;
		}

.accordion .accordion-content {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: opacity 200ms linear, max-height 200ms linear;
	will-change: opacity, max-height;
}

	.accordion .accordion-content p {
		font-size: 1.20rem;
		font-weight: 400;
		margin: 2em 1.2em;
		color: crimson
	}
.aligncenter{
	text-align:center;
}
.buttoncss {
	width: 107px;
}
.containerCEO {
	display: grid;
	align-items: center;
	grid-template-columns: 0.5fr 2fr ;
	column-gap: 5px;
}

imgSize {
	max-width: 100%;
	max-height: 100%;
}

.textCEO {
	font-size: 15px;
}