.modal-content {
	padding: 0;
}

.modal-header, marquee {
	background: #4A595E;
}

.modal-backdrop {
	position: unset;
}

.modal-body {
	overflow-y: scroll;
	font-size: 18px;
}

.modal-dialog {
	width: 50%
}

.marquee span {
	display: inline-block;
	white-space: nowrap;
	padding-left: 100%;
	will-change: transform;
	/* show the marquee just outside the paragraph */
	animation: marquee 95s linear infinite;
}

.marquee span:hover {
	animation-play-state: paused
}
/* Make it move */
@keyframes marquee { 0% {
	transform: translate(0, 0);
}100%{
transform:translate(-100%,0);}}
/* @keyframes marquee { 
	0% { transform: translate(0, 0); }
	100%{ transform: translate(-100%, 0); }
} */
@media ( max-width :768px) {
	.modal-dialog {
		width: 75%;
		margin-left: auto;
		margin-right: auto;
	}
}
/* Respect user preferences about animations */
@media ( prefers-reduced-motion : reduce) {
	.marquee {
		white-space: normal
	}
	.marquee span {
		animation: none;
		padding-left: 0;
	}
}

h4 {
	font-weight: 700;
}

@media ( max-width :768px) {
	.w3-modal-content {
		margin-top: 40%;
	}
}

ul.circle {
	list-style-type: circle !important;
}
/* This will style any <img> element in .parent div */
.parent video {
	width: 100%;
}

.bg-gradient{
	background: linear-gradient(#c8e5ff, #ffffff)
}

.carousel-inner{
	height: 100vh !important
}
.carousel-item, .carousel-item img{
	height: inherit !important;
}
.content.grow p{
	 font-family: rockwell
}
#news1{
	text-align: justify;
}
.purpleborder{
	background: linear-gradient(to right, #4760BB, #91a1e1);
}
#announcement{
	list-style: disc;
}
#announcement li{
	color: black;font-family: rockwell; text-transform: uppercase;
}
#scroll{
	color: white;font-family: rockwell;text-transform: uppercase;
}
.text-blue{
	color: blue
}
.text-cyan{
	color:cyan;
}
.text-red{
	color:red
}