/* university screens style start */
/* body {
	overflow: hidden;
} */

.screens {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100vh;
	min-width: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
	/* background-image: url(/front/images/bday.jpg); */
	/* background-image: url(/front/images/usaid.jpg); */
	background-repeat: no-repeat;
	background-size: 100% !important;
	-webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
	background-position: center;
}

.screens2 {
  position: relative;
  margin: 0 auto;
  background-color: #404040;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.slideflag-carousel.slide-itemimg {
  height: 100vh;
  width: auto;
  margin: 0 auto;
}


/* .screens:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
  background: rgb(0 0 0 / 60%);
} */
.screens h2 {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 70px;
	line-height: 84px;
  letter-spacing: 2px;
	text-align: center;
	font-weight: 600;
	padding-top: 120px;
	-webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white;
  text-shadow: 3px 3px #972a2e, 5px 5px #343f73;
}
.trasform_logo {
	position: absolute;
	top: 0;
	left: 0;
	height: 170px;
	width: 28%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}
.trasform_logo img {
	height: 160px;
  width: 80%;
  object-fit: contain;
	z-index: 1;
}
.trasform_logo:after {
	content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  margin-right: -200px;
  border-top: 0px solid transparent;
  border-bottom: 170px solid transparent;
  border-left: 200px solid #fff;
	z-index: 1;
}
/* university screens style end */

/* university screen1 style start */

.screen_section {
	height: 100vh;
  width: 100%;
  background: linear-gradient(#a9a9a9, #9198e5);
	overflow: hidden;
}
.screen_table_section {
	height: 100%;
  width: 100%;
	background: linear-gradient(#ced0e4, #9198e5);
	overflow: hidden;
}
.custom_table thead, .custom_table tbody {
	background: #fff;
}
.custom_table td {
  vertical-align: middle;
  line-height: 18px;
}
.table_main_scan {
	padding: 0;
  margin: 0;
  position: fixed;
  background: #fff;
  text-align: center;
  color: #000;
  padding: 8px;
  z-index: 1;
  border-bottom: 1px solid #eee;
  box-shadow: 0px 0px 15px #a7a7a7;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.custom_table .td_rot {
	writing-mode: vertical-rl;
	text-orientation: upright;
	text-align: center;
  transform: inherit;
}
.text_day {
	text-align: center;
	letter-spacing: 10px;
}
.table_main_scan img {
	height: 40px;
	width: auto;
}
.table_main_scan h4 {
	font-size: 20px;
  line-height: 22px;
  margin-left: 30px;
}
.custom_table thead th {
	vertical-align: middle !important;
}
.mt_75 {
  margin-top: 75px !important;
	padding: 0;
}
.custom_table tr:nth-child(even) {
  background-color: #dddddd;
}
.table_ttls {
	text-align: center;
  background: #fff;
  padding: 12px;
  margin-bottom: 6px;
}
.table_ttls h4 {
	font-size: 18px;
	line-height: 20px;
}
.marque_text {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 115px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: -30px;
	background: rgb(0 0 0 / 60%);
	backdrop-filter: blur(6px) saturate(0.5);
}
.marque_text marquee {
	margin: 0px 20px;
	overflow: hidden;
	margin-right: 30px;
}
.marque_text marquee span {
  position: relative;
  font-size: 72px;
  line-height: 78px;
  color: #fff;
  margin-right: 60px;
  padding-left: 40px;
}
.marque_text marquee span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background: #fff;
	margin-top: 42px;
}
.scrn_left {
	background: #fff;
	background-image: url(../images/bgscreen.png);
	background-repeat: repeat;
	background-size: auto;
	width: 100%;
	height: calc(100vh - 200px);
	min-height: 850px;
	padding: 32px;
	border-radius: 30px;
  overflow: hidden;
}
.scrn_right {
	background: #fff;
	width: 100%;
  height: calc(100vh - 200px);
	min-height: 850px;
	padding: 32px;
	border-radius: 30px;
	overflow: hidden;
}
.announcment-carousel .slide-item {
	border-radius: 30px;
	overflow: hidden;
}
.scrn_left h4, .scrn_right h4 {
	color: #444;
	font-weight: bold;
	font-size: 24px;
	width: 100%;
	min-height: 26px;
	margin-bottom: 5px;
	text-align: center;
}
.scrn_right_test {
	background: #fff;
	width: 100%;
	height: auto;
	padding: 32px;
	border-radius: 30px;
	overflow: hidden;
}
.single_annou {
	background-image: -webkit-linear-gradient(#e66465, #9198e5);
  background-image: linear-gradient(#e66465, #9198e5);
	padding: 30px 20px;
	border-radius: 20px;
  height: 100%;
  min-height: 780px;
	overflow: hidden;
}
.single_annou h5 {
  color: #fff;
	font-size: 24px;
	line-height: 28px;
}
.single_annou li {
	color: #fff;
}
.mt_12 {
  margin-top: 12px !important;
}
.single_annou p {
	color: #fff;
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 30px;
  margin-top: 20px;
}
.table_screen table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
.table_screen th {
  border: 1px solid #eee;
  text-align: left;
  padding: 8px;
	color: #444;
  font-family: "BPG Arial", sans-serif;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
}
.table_screen td {
  border: 1px solid #eee;
  text-align: left;
  padding: 8px;
	color: #222;
  font-family: "BPG Arial", sans-serif;
	text-align: center;
  font-size: 18px;
}
.table_screen tr:nth-child(even) {
  background-color: #dddddd;
}
.w_min_tb {
	width: 100px;
}
.w_100_w {
	width: auto;
}
.w_ped_w {
	width: 300px !important;
}
.td_rot {
	transform: rotate(-90deg);
}
.mt_50 {
	margin-top: 50px;
}
.mt_100 {
	margin-top: 40px;
}

.table_monday, .table_tuesday, .table_wednesday, .table_thursday, .table_friday {
	width: 100%;
  height: auto;
}

.bg_bfr {
	position: absolute;
	left: -140px;
	top: -140px;
	width: 490px;
	height: 490px;
	border-radius: 50%;
	background-color: transparent;
}
.screenss {
	opacity: 0;
}
.screenss.active {
	opacity: 1;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
}
.screenss {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	padding: 20px 32px;
}
.qr_img {
  margin-right: 15px;
}
.qr_img img {
	height: 85px;
	width: 85px;
	border-radius: 10px;
}
.qr_announcent {
	position: absolute;
  width: 360px;
  bottom: 0;
  margin-bottom: 30px;
  left: 50%;
  margin-left: -180px;
}
.qr_announcent h4 {
	color: #fff;
	margin-bottom: 0px;
	font-size: 18px;
	line-height: 24px;
}
.qr_announcent img {
	height: 180px;
	width: 180px;
	max-width: 180px;
	margin: 0 auto;
	margin-top: 15px;
	border-radius: 15px;
}
.tableqr {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 40px;
	margin-top: 5px;
}
.tableqr img {
	height: 100px;
	width: 100px;
}
.screens h4 {
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size:120px;
	letter-spacing:0.1em;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: white;
  text-shadow: 8px 8px #ff1f8f, 20px 20px #000000;
}
@keyframes firework {
  0% { transform: translate(var(--x), var(--initialY)); width: var(--initialSize); opacity: 1; }
  50% { width: 0.5vmin; opacity: 1; }
  100% { width: var(--finalSize); opacity: 0; }
}

/* @keyframes fireworkPseudo {
  0% { transform: translate(-50%, -50%); width: var(--initialSize); opacity: 1; }
  50% { width: 0.5vmin; opacity: 1; }
  100% { width: var(--finalSize); opacity: 0; }
}
 */
.firework,
.firework::before,
.firework::after
{
  --initialSize: 0.5vmin;
  --finalSize: 45vmin;
  --particleSize: 0.2vmin;
  --color1: yellow;
  --color2: khaki;
  --color3: white;
  --color4: lime;
  --color5: gold;
  --color6: mediumseagreen;
  --y: -30vmin;
  --x: -50%;
  --initialY: 60vmin;
  content: "";
  animation: firework 2s infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, var(--y));
  width: var(--initialSize);
  aspect-ratio: 1;
  background:
    /*
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 0% 0%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 100% 0%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 100% 100%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 0% 100%,
    */

    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 50% 0%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 50%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 50% 100%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 0% 50%,

    /* bottom right */
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 80% 90%,
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 95% 90%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 90% 70%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 100% 60%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 55% 80%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 70% 77%,

    /* bottom left */
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 22% 90%,
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 45% 90%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 70%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 10% 60%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 31% 80%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 28% 77%,
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 13% 72%,

    /* top left */
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 80% 10%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 95% 14%,
    radial-gradient(circle, var(--color2) var(--particleSize), #0000 0) 90% 23%,
    radial-gradient(circle, var(--color3) var(--particleSize), #0000 0) 100% 43%,
    radial-gradient(circle, var(--color4) var(--particleSize), #0000 0) 85% 27%,
    radial-gradient(circle, var(--color5) var(--particleSize), #0000 0) 77% 37%,
    radial-gradient(circle, var(--color6) var(--particleSize), #0000 0) 60% 7%,

    /* top right */
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 22% 14%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 45% 20%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 33% 34%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 10% 29%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 31% 37%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 28% 7%,
    radial-gradient(circle, var(--color1) var(--particleSize), #0000 0) 13% 42%
    ;
  background-size: var(--initialSize) var(--initialSize);
  background-repeat: no-repeat;
}

.firework::before {
  --x: -50%;
  --y: -50%;
  --initialY: -50%;
/*   transform: translate(-20vmin, -2vmin) rotate(40deg) scale(1.3) rotateY(40deg); */
  transform: translate(-50%, -50%) rotate(40deg) scale(1.3) rotateY(40deg);
/*   animation: fireworkPseudo 2s infinite; */
}

.firework::after {
  --x: -50%;
  --y: -50%;
  --initialY: -50%;
/*   transform: translate(44vmin, -50%) rotate(170deg) scale(1.15) rotateY(-30deg); */
  transform: translate(-50%, -50%) rotate(170deg) scale(1.15) rotateY(-30deg);
/*   animation: fireworkPseudo 2s infinite; */
}

.firework:nth-child(2) {
  --x: 30vmin;
}

.firework:nth-child(2),
.firework:nth-child(2)::before,
.firework:nth-child(2)::after {
  --color1: pink;
  --color2: violet;
  --color3: fuchsia;
  --color4: orchid;
  --color5: plum;
  --color6: lavender;
  --finalSize: 40vmin;
  left: 30%;
  top: 60%;
  animation-delay: -0.25s;
}

.firework:nth-child(3) {
  --x: -30vmin;
  --y: -50vmin;
}

.firework:nth-child(3),
.firework:nth-child(3)::before,
.firework:nth-child(3)::after {
  --color1: cyan;
  --color2: lightcyan;
  --color3: lightblue;
  --color4: PaleTurquoise;
  --color5: SkyBlue;
  --color6: lavender;
  --finalSize: 35vmin;
  left: 70%;
  top: 60%;
  animation-delay: -0.4s;
}
/* clock */
.clock {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.digital-clock {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 166px;
  height: 44px;
  margin-top: -2px;
  border-radius: 0px;
  text-align: center;
  background: #fff;
  font-size: 36px;
  line-height: 46px;
  z-index: 111;
}
.digital-clock:before {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  left: 0;
  margin-left: -40px;
  border-style: solid;
  border-width: 0px 40px 44px 0;
  border-color: transparent #fff transparent transparent;
  display: inline-block;
  vertical-align: middle;
}
.digital-clock:after {
  content: '';
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 44px 40px 0px 0px;
  border-color: #fff transparent transparent transparent;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 0;
  right: 0;
  margin-right: -40px;
}

/* university screen1 style end */

.players {
	display: none;
	height: 100vh;
	width: 100vw;
}
.player1 {
	display: block;
}
.fullscreenVd {
	position: fixed;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background: rgba(255, 255, 255, 0.7);
	z-index: 99;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
	margin-right: 10px;
	backdrop-filter: blur(10px);
	color: #404040;
	font-size: 20px;
	cursor: pointer;
}
#player-container .play {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 186px;
  margin-left: 36px;
  cursor: pointer;
  background-image: linear-gradient(to bottom right, #43ffba, #124785);
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#player-container .play i {
  color: #fff;
  font-size: 22px;
  line-height: 25px;
}

.slideF_bg {
  height: 100vh;
  width: 100%;
  background: #fff;
  background-image: url(../images/screenbg.jpg);
  background-size: 100%;
  background-position: center;
}
.slideF_bg:before {
  content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
  background: rgb(0 0 0 / 60%);
}
.logos_bg {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px;
}
.logos_bg img {
  width: 300px !important;
  height: auto;
  border-radius: 50%;
  overflow: hidden;
}
.text_cont {
  margin-top: 60px;
  text-align: center;
}
.text_cont h5 {
  font-size: 84px;
  letter-spacing: 0.1em;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 4px;
  -webkit-text-stroke-color: white;
  text-shadow: 8px 4px #343f73, 10px 8px #000000;
}
.logos_bg1 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 90px;
  padding-bottom: 0px;
}
.logos_bg1 img {
  width: auto !important;
  height: 400px;
}
.text_cont h6 {
  font-size: 40px;
  line-height: 60px;
  letter-spacing: 0.1em;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: white;
  text-shadow: 8px 4px #343f73, 10px 8px #000000;
}

.text_cont h3 {
  font-size: 48px;
  line-height: 60px;
  letter-spacing: 0.1em;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: white;
  text-shadow: 8px 4px #343f73, 10px 8px #000000;
  margin-bottom: 40px;
}


/* screen css */
.topCont {
  position: absolute;
  top: 0;
  left: 0;
}
.BottomCont {
  position: absolute;
  bottom: 0;
  right: 0;
}
.forum {
  position: relative;
  width: 100%;
  height: 100vh;
  min-width: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.forum::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 300px;
  width: 770px;
  background-image: url(../images2/top.png);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -1;
}
.forum::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  height: 180px;
  width: 800px;
  background-image: url(../images2/bottom.png);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -1;
}
.forum_date {
  color: #335777;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 20px;
  margin-right: 30px;
  font-weight: bold;
  font-size: 23px;
}
.forum h5 {
  color: #335777;
  font-weight: bold;
  font-size: 50px;
  line-height: 56px;
  margin-bottom: 20px;
}
.forum h6 {
  color: #335777;
  font-size: 38px;
  line-height: 44px;
  margin-bottom: 40px;
}
.forum p {
  margin-bottom: 8px;
  font-size: 22px;
}
.forum span {
  color: #335777;
  font-weight: bold;
}