body, .contentEdtArea, .hlaf-gray, .hlaf-gray:before {
	background-color:#fff;
}
.admishn__anoncmnt__alert {
    margin: 30px 0;
    background-color: #f7f7f7;
    border: solid 1px #f1f1f1;
    padding: 10px 0;
}
.admishn__anoncmnt__alert div img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    width: 50px;
    margin: 5px 15px;
    max-height: 50px;
    opacity: 0.6;
}
.admishn__anoncmnt__alert marquee a {
    font-size: 24px;
    letter-spacing: 1px;
    color: #14b1bb;
    text-transform: capitalize;
    line-height: 50px;
    position: relative;
    margin-right: 50px;
}
marquee {margin-left:10px; direction:ltr;}

.dot {
    height: 6px;
    width: 6px;
    margin-left: 3px;
    margin-right: 3px;
    /*margin-top: 2px !important;*/
    background-color: #14b1bb;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    top: -6px;
}
.news {
    width: 100px;
}
.news span {
    border-left:solid 1px #ccc;
}
.news-scroll a {
    text-decoration: none
}


a.admssn__top__lnk, a.admssn__top__lnk:visited {
    background: #fff;
    position: relative;
    padding: 15px;
    letter-spacing: 1px;
    color: #14b1bb;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease;
    line-height: 2;
    cursor: pointer;
    text-transform: uppercase;
    width: 100%;
    display: block;
    text-align: left;
    border-bottom: solid 2px #14b1bb;
}
.admssn__top__lnk:hover {
    background-color: #14b1bb !important;
    color: #fff !important;
}
.admssn__top__lnk:after {
    content: '\f054';
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-size: 1em;
    text-rendering: auto;
    margin-left: 10px;
    color: rgba(132, 189, 0,1);
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    float: right;
}
.admssn__top__lnk:hover:after {
    color: #fff;
}
.admssn__quck__lnk {
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 0;
    background-color: transparent;
    text-align: center;
    padding-top:10px;
}
.admission__top__navigation img {
    /*width: 40px;*/
    margin: 20px 0;
    opacity: .6;
}
.admission__top__navigation>div:nth-child(2)>span {
    display: block;
}
.admission__top__navigation > div > span:nth-child(2) {
    font-size: 26px;
    letter-spacing: 0;
}
.admission__top__navigation > div > span:nth-child(2)>a {
    color: #14b1bb;
}
.admission__top__icons__navigation1 > div {
    border-right: solid 1px rgba(132, 189, 0, .3);
}
.admission__top__icons__navigation1 > div:last-child {border-right:none;}
.admission__top__icons__navigation1 {
    border-bottom: solid 1px rgba(132, 189, 0,  .3);
    margin: 30px 0;
    padding-bottom: 10px;
}
.admission__top__navigation:hover {
    background-color: rgba(132, 189, 0, .04);
}
.admission__top__icons__navigation1 > div {
    border-right: solid 1px rgba(132, 189, 0, .3);
}
.admission__top__navigation:hover img {
    filter: brightness(0);
    opacity: 0.2;
}
.admission__ranking-txt span:nth-child(1), .admission__ranking-txt span:nth-child(2) {
    font-size: 30px;
}
.admission__icons {
    margin: 20px 0;
}
.FnF__panel__Title {
    min-height: 150px;
}
#UoS_FnF_Grid {
    margin: 30px 0;
}
/*.admsn__icn__style {
    background-color: #fff;    
}*/
.admission__top__navigation .col-md-3 {
    padding: 10px;
}
.admission__top__navigation .col-md-9 {
    padding-right: 0;
}
.rounded {
    border-radius: 6px !important;
}

.job-catagories .title1, .job-catagories .sub-title, .job-catagories .icons {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.job-catagories .icons {
    /*position: absolute;
    bottom: -20px;
    right: -22px;
    opacity: 0.1;
    width: 100px;
    height: auto;
    margin: 10px 0;*/
    margin: 0;
    padding: 0;
    opacity:0.6;
}
.job-catagories {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    min-height: 110px;
}
.job-catagories:hover.bg-catagory-primary {
    background-color: rgba(132, 189, 0, .04);
    -webkit-box-shadow: 0 5px 13px rgba(52, 58, 64, 0.2) !important;
    box-shadow: 0 5px 13px rgba(52, 58, 64, 0.2) !important;
    -webkit-transform: scale(1.05) translateY(-10px);
    transform: scale(1.05) translateY(-10px);
}
.admsion__tabs__nav {
    margin: 50px 0 30px 0;
}
.admsion__tabs__nav h2 {
    font-size: 38px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 900;
    color: #000;
}
.admsn__tab__style a {
    color: #999cab;
    font-size: 20px;
    cursor: pointer;
    border: 0!important;
    border-bottom: 1px solid #e5e6ea !important;
    font-weight: 500;
    z-index: 1;
    vertical-align: middle;
    min-height: 80px;
    text-transform: capitalize;
    padding: 10px 0!important;
}
.admsn__tab__container li {
    margin: 0 30px;
    line-height: 30px;
}
.admsn__tab__container h3 {
    font-size: 2.45rem;
    font-weight: 600;
    margin-bottom: 20px;
}
.start__online__application a {
    display: block;
    margin: 30px auto;
    color: #14b1bb;
    border: solid 2px #14b1bb!important;
    padding: 20px;
    width: 40%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.start__online__application a:hover {
    background: #14b1bb;
    color: #fff;
    box-shadow: 0px 5px 9.5px 0.5px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 5px 9.5px 0.5px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0px 5px 9.5px 0.5px rgb(0 0 0 / 20%);
    -o-box-shadow: 0px 5px 9.5px 0.5px rgb(0 0 0 / 20%);
    -ms-box-shadow: 0px 5px 9.5px 0.5px rgb(0 0 0 / 20%);
}
.AdmNewsletter__form1 {
    margin-bottom: 20px;
}
.AdmNewsletter__form2 input, .AdmNewsletter__form2 .input-group-text {
    min-height: 38px;
    font-size: 16px;
}
.AdmNewsletter__form2 input[type=submit] {
    background-color: #14b1bb;
    color: #fff;
    border: solid 1px #14b1bb;
}
.AdmNewsletter__form2 input[type=text] {
    border: 1px solid #ced4da;
}
.nav > li > a:focus, .nav > li > a:hover {
	box-shadow:none;
}

/* ADMISSION SITE HOME PAGE CSS starts here */


#s4-workspace, body {background-color:#fff!important;}
.breadcrumb {
    margin-top: 30px !important;
}
.brdcrmb-container {
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.itc__sections {
    background: #fff;
}
.cate-images {
    position: relative;
    transition: all 500ms ease;
    margin: 25px 0;
    border-radius: 5px;
}
.category__item {
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,0)!important;
}
.category__item:hover {
    box-shadow: 0 5px 13px rgba(52, 58, 64, 0.2) !important;
}
.cate-images img {
    height: auto;
    max-width: 100%;
    border: none;
    -webkit-border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5px;
}
.overlays {
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: -moz-linear-gradient(bottom,#000000 0%,transparent 50%);
    background: -webkit-linear-gradient(bottom,#000000 0%,transparent 50%);
    background: linear-gradient(to top,#000000 0%,transparent 50%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
    border-radius: 5px;
    transition: all 500ms ease;
}
.txt__contnt {
    position: absolute;
    left: 0;
    z-index: 3;
    width: 100%;
    text-align: left;
    transition: all 500ms ease;
    padding: 30px 30px;
    bottom: 0;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 20px;
}
.cate-images:hover {
    transform: translateY(-10px);
}
select.form-control {
    min-height: 38px;
    font-size: 16px;
}

#social-sidebar {
	right: 0;
	position: fixed;
	top: 30%;
	z-index:999;
	background: rgba(0, 0, 0, .7);
	list-style:none;
	padding:0;
}
ul#social-sidebar{ border-top-left-radius: 5px;border-bottom-left-radius: 5px; }

#social-sidebar li:first-child a:hover { border-top-left-radius: 5px; }
#social-sidebar li:last-child a:hover { border-bottom-left-radius: 5px; }
ul#social-sidebar>li:first-child>a {    border-top: 0;}
ul#social-sidebar>li:last-child>a {    border-bottom: 0;}
    
    
ul#social-sidebar li a img {
    width: 30px;
    display: block;
    margin: auto;
    padding: 10px 0;
    filter: brightness(0) invert(1);
}
    
#social-sidebar a {	
	color: #fff;
    text-decoration: none;
	display: block;
	height: 50px;
	width: 50px;  
	font-size: 24px;
	line-height: 50px;
	position: relative;
	text-align: center;
    cursor: pointer;
    border-top: solid 1px rgba(255,255,255,.2);
    border-bottom: solid 1px rgba(0,0,0,.9);
}
#social-sidebar a:hover span {
	right: 120%;
	opacity: 1;
}
#social-sidebar a span {
    font-size: 12px;
    font-weight: 700;
    border-radius: 3px;
    line-height: 18px;
    right: -100%;
    margin-top: -20px;
    opacity: 0;
    padding: 4px 8px;
    position: absolute;
    transition: opacity .3s, left .4s;
    top: 35%;
    z-index: -1;
    width: 100px;
}

#social-sidebar a span:before {
	content: "";
	display: block;
	height: 8px;
  	width: 8px;
	right: -4px;
	margin-top: -4px;
	position: absolute;
	top: 50%;
	transform: rotate(45deg);
}

#social-sidebar a[class*="admsn"]:hover,
#social-sidebar a[class*="admsn"] span,
#social-sidebar a[class*="admsn"] span:before {background: #14b1bb;}

.Partner__map {
	direction:ltr;
	width: 100% !important;
}
.Partner__map > div > div:nth-child(1) > div > svg > g > g:nth-child(3) {
    display: none;
}
/* ADMISSION SITE HOME PAGE CSS ends here */

/* UNDER-GRADUATE ADMISSION SITE HOME PAGE CSS starts here */

.steps ul li a {
    border: 0!important;
    cursor: pointer;
}
.steps {
    padding-bottom: 20px;
    width:100%;
}
.steps ul {
    justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -o-justify-content: space-between;
    -ms-justify-content: space-between;
    position: relative;
}
.steps ul li {
    position: relative;
    z-index: 99;
}
.title span {
    text-align: center;
}
.title-text {
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 8px;
    color:#000;
}
.steps ul .current .title-number {
    font-size: 16px;
    color: #fff;
    background-color: #14b1bb;
}
.titlee span {
    text-align: center;
}
.title-number {
    font-size: 16px;
    display: block;
    line-height: 42px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border: 3px solid #fff;
    background: #ebebeb;
    color: #999999;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    margin: 0 auto;
    box-shadow: 0px 5px 9.5px 0.5px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 5px 9.5px 0.5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 5px 9.5px 0.5px rgb(0 0 0 / 20%);
    -o-box-shadow: 0px 5px 9.5px 0.5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 5px 9.5px 0.5px rgba(0, 0, 0, 0.2);
}
.steps ul:after {
    position: absolute;
    content: "";
    height: 8px;
    width: 900px;
    left: 49%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    background: #f5f5f5;
    z-index: 9;
    bottom: 22px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent;
}
.nav-tabs .nav-link.active .title-number {
    background: #14b1bb;
    color: #fff;
}
.nav-tabs {
	border-bottom:0;
}
.start__online__application {
    display: block;
    margin: 30px 0;
}
.start__online__application a {
    margin: auto;
    display: block;
    text-align: center;
    width: 350px;
    color: #14b1bb;
    font-size: 24px;
    border: solid 2px #14b1bb;
    border-radius: 8px;
    padding: 5px 10px;
    cursor: pointer;
}
.admsn__tab__container {
    padding: 20px;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0px 5px 9.5px 0.5px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 5px 9.5px 0.5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 5px 9.5px 0.5px rgb(0 0 0 / 10%);
    -o-box-shadow: 0px 5px 9.5px 0.5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 5px 9.5px 0.5px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
}
.admsion__tabs__nav h2 {
    font-size: 38px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 900;
    color: #000;
    text-align:center;
}
.admsn__tab__container h3 {
    font-size: 24px;
    margin-bottom: 20px;
}
.admsn__tab__container a {
    color:#14b1bb;
}
.ug_top_sml_lnks {
    margin: 40px 0;
}
.ug_top_sml_lnks a {
    text-align: center;
    border: solid 1px rgba(132, 189, 0, .3);
    padding: 20px;
    color: #14b1bb;
    text-transform: uppercase;
    font-weight: 900;
}
.ug_top_sml_lnks a {
    border-right: 0;
}
.ug_top_sml_lnks a:last-of-type {
    border-right: solid 1px rgba(132, 189, 0, .3) !important;
}
.ug_top_sml_lnks a:hover {
    background-color: rgba(132, 189, 0, .1);
    color: #000;
}
.ug_top_sml_lnks a:first-of-type {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.ug_top_sml_lnks a:last-of-type {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}


ul.timeline, ol.timeline {
    list-style-type: none;
    position: relative;
    counter-reset: number;
}
ul.timeline:before, ol.timeline:before  {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    right: 8px;
    width: 2px;
    height: 91%;
    z-index: 400;
}
ol.timeline:before {
    top:40px
}
ul.timeline > li, ol.timeline > li {
    margin: 0px 0;
    padding-right: 30px;
    counter-increment: number;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #14b1bb;
    right: -1px;
    width: 20px;
    height: 20px;
    z-index: 400;
}
    
ol.timeline > li:before {
    content: counter(number)" ";
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #14b1bb;
    right: -4px;
    width: 26px;
    height: 26px;
    z-index: 400;
	text-align: center;
    line-height: 22px;
}
    
.itc__teams__list h2.card-title, .itc__teams__list h3.card-subtitle {
    display: block;
    /*float: left;*/
}
.card {
	border:0;
	border-bottom: 1px solid rgba(0,0,0,1) !important;
}
.itc__teams__list h4.card-subtitle {
    line-height: 26px;
    /* padding-left: 10px; */
    margin: 0 30px;
    text-align: justify;
}
.itc__teams__list .card-body {
    border-bottom: dotted 2px #ccc;
    margin: 0 10px;
}
.itc__teams__list .card-body:last-child {
    border-bottom: 0;
}
h2.itc_section__title {
    color: #14b1bb;
    font-weight: 900;
}
.breadcrumb {
    margin-top: 10px !important;
}
.acClndrToggle-box:checked+label+div {
    line-height: inherit !important;
}
.btn {outline: none!important;}
.collapsible-link {
    width: 100%;
    position: relative;
    text-align: right!important;
    font-size:14px!important;
    text-transform: capitalize!important;
    letter-spacing: 0px!important;
    color: #ccc;
    border: 0;
    background: transparent !important;
    outline:none!important;
}

.collapsible-link::before {
    content: '\f107';
    position: absolute;
    top: 50%;
    left: 0.8rem!important;
    right:auto !important;
    transform: translateY(-50%);
    display: block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    color: #14b1bb!important;
    -webkit-font-smoothing: antialiased;
    font: normal normal normal 20px/1 FontAwesome !important;
    font-weight: 600;
}

.collapsible-link[aria-expanded='true']::before {
    content: '\f106';
}
.overlays2 {
    background: linear-gradient(to top,#000000 0%,transparent 80%);
    background: -webkit-linear-gradient(bottom,#000000 0%,transparent 80%);
    background: -moz-linear-gradient(bottom,#000000 0%,transparent 80%);
}
ol.timeline1 {
    position: relative;
    z-index: 0;
    list-style-type: none;
    counter-reset: css-counter 0;
    margin: 0;
    padding: 0;
}
ol.timeline1:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    right: 8px;
    width: 1px;
    height: 100%;
    top: 10px;
}
ol.timeline1>li {
    position: relative;
    z-index: 0;
    line-height: 40px;
    counter-increment: index;
}
ol.timeline1>li:before {
    content: counters(index, ".", decimal-leading-zero);
    display: inline-block;
    position: absolute;
    right: -30px;
    text-align: center;
}
ol.timeline1>li:after {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 1px solid #14b1bb;
    right: -37px;
    width: 30px;
    height: 30px;
    z-index: -1;
    top: 5px;
}
ul.timeline2 {
    position: relative;
    list-style: none;
    left: -4px;
    margin: 0;
    padding: 0;
}
ul.timeline2:before {
    content: " ";
    display: block;
    background: #fff;
    position: absolute;
    width: 100%;
    height: 8px;
    z-index: 1;
}
ul.timeline2>li {
    padding-bottom: 1.5rem;
    border-right: 1px solid #ccc;
    position: relative;
    padding-right: 20px;
    margin-right: 10px;
}
ul.timeline2>li:before {
    content: "";
    width: 15px;
    height: 15px;
    background: #14b1bb;
    border: 3px solid #fff;
    border-radius: 50%;
    position: absolute;
    right: -8px;
    top: 6px;
}
.rplcmntTstTabs .nav-link.active {
    background: rgb(0 195 137 / 100%)!important;
    font-weight: 900;
    font-size: larger;
    color: #fff;
    border-bottom: solid 1px rgb(0 195 137 / 40%);
}


/* Inner top navigation for departments */




.clg-menu-list>a {
    display: none!important;
}
.clg-menu-list>div>ul > li > ul > li > span > span > span, .clg-menu-list>div>ul > li > ul > li > a > span > span {
	color:#fff;
	font-weight:100;
}
.clg-menu-list>div>ul > li > a {
	display: inline-block;
    /* text-indent: -100%; */
    font-size: 0;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    height: 56px;
    position: relative;
    color: #fff !important;
}
.clg-menu-list>div>ul > li > a:before {
	font: normal normal normal 14px/1 FontAwesome;
    content: '\f015';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    display: block;
    position: absolute;
    top: 16px;
    left: 10px;
}
.clg-menu-list {
  float: right
}
.clg-menu-list li {
  background: transparent /*url(../images/clg-top-nav-bg.png) right 10px no-repeat*/;
  float: right
}
.clg-menu-list a, .clg-menu-list span.ms-core-listMenu-item {
  color: #000 !important;
  font-family: '29LT Bukra Rg', sans-serif;
  font-size: 16px;
  line-height: 55px;
  padding: 0 20px;
  display: block;
  letter-spacing: 0;
  margin-top: 8px
}
.ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
  margin: 0;
  background-image: none;
  padding-left: 0
}
.clg-menu-list ul.dynamic {
  background-color: rgba(255, 255, 255, .9);
  border: 0;
  list-style: none;
  white-space: nowrap !important;
  word-break: keep-all !important;
  padding: 0;
  width: 100% !important;
  width: -moz-fit-content !important;
  width: -webkit-fit-content !important;
  display: table;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, .47) !important
}
.clg-menu-list ul.dynamic li {
  background: 0 0;
  display: table;
  width: 100%
}
.clg-menu-list ul.dynamic li a {
  margin: 0;
  padding: 8px;
  line-height: 36px;
  padding: 5px 10px;
  border-bottom: solid 1px #ccc
}
.clg-menu-list a:hover, .clg-menu-list span.ms-core-listMenu-item:hover, .clg-menu-list ul.dynamic li:hover {
  background-color: rgba(0,195,137, .5) !important
}

/******************************************* rate our site *************************/

.rate {
	/*width:98% !important;
	height:160px!important;*/
	font-size:100px;
	direction:ltr;
}
.rate-base-layer {
    color: #aaa;
}

.rate-hover-layer {
    color: orange;
}

.rate2 {
    font-size: 35px;
}

    .rate2 .rate-hover-layer {
        color: pink;
    }

    .rate2 .rate-select-layer {
        color: red;
    }

.im {
    background-image: url('/_layouts/15/StarRating/images/heart.gif');
    background-size: 32px 32px;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
}

.im2 {
    background-image: url('/_layouts/15/StarRating/images/emoji5.png');
    background-size: 64px 64px;
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
    display: inline-block;
}

#rate5 .rate-base-layer span, #rate7 .rate-base-layer span {
    opacity: 0.5;
}

hr {
    border: 1px solid #ccc;
}

p {
    font-size: 15px;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    right: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 0;
    width: 26%; /* Could be more or less, depending on screen size */
    border-radius: 3rem!important;
}

/* The Close Button */
.close {
    color: #aaa;
    float: left !important;
    font-size: 28px;
    font-weight: bold;
}

.close:hover, .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
span.__lblRatingHeaderAr {
    display: block;
    font-size: 30px;
    text-align: center;
    font-family: '29LT Bukra Bd';
}
span.__lblRatingHeaderEn {
	display:none;
}






/* UNDER-GRADUATE ADMISSION SITE HOME PAGE CSS ENDs here */




/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	#home #headingOne h2 button,
	#home #headingTwo h2 button,
	#home #headingThree h2 button,
	#home #headingFour h2 button,
	#home #headingFive h2 button,
	#menu0 #heading6 h2 button,
	#menu0 #heading7 h2  button,
	#menu0 #heading8 h2  button,
	#menu0 #heading9 h2  button,
	#menu0 #heading10 h2  button,
	#menu0 #heading11 h2  button,
	#menu0 #heading12 h2  button,
	#menu0 #heading13 h2  button,
	#menu2 #heading14 h2  button,
	#menu2 #heading15 h2  button {
		white-space: revert;
	    text-align: right;
	}


	.sideNavigation {
	    margin-top: auto;
	}
	#social-sidebar {
		right: 0;
	    left: 0;
	    top: auto;
	    bottom: -6px;
	    width: fit-content;
	    margin: 0 auto;
	    zoom: 80%;
	    z-index: 100;
	    border-top-right-radius: 5px;
	    border-bottom-right-radius: 0 !important;	    
	}
	#social-sidebar li a:hover {
	    border-top-left-radius: 5px;
	    border-top-right-radius: 5px;
	}
	#social-sidebar li {
	    display: inline-flex;
	}
	#social-sidebar a {
		border:0;
	}
	#social-sidebar a:hover span {
	    bottom: 120%;
	    opacity: 1;
	    left: auto;
	    right: -50%;
	    top: auto;
	}
	#social-sidebar a span:before {
	    right: 50%;
	    margin-top: -4px;
	    position: absolute;
	    top: auto;
	    transform: rotate(135deg);
	    bottom: -4px;
	}
	.overlays {
		background: -moz-linear-gradient(bottom,#000000 0%,transparent 70%);
	    background: -webkit-linear-gradient(bottom,#000000 0%,transparent 70%);
	    background: linear-gradient(to top,#000000 0%,transparent 70%);
	}
	div#chart_div {
	    zoom: 50%;
	}
	.steps ul {
		-ms-flex-direction: row!important;
		flex-direction: row!important;
	}
	.steps ul:after {
		bottom: 42px;
	}
	.title-text {
		display:none!important;
	}
	.accordion table {
	    zoom: 50%;
	}
	.start__online__application a {
		width:100%;
	}
	div#live_chat_status {
	    zoom: 50%;
	    bottom: 100px;
	}
	#chart_div > div > div:nth-child(1) > div > svg {
		zoom: 100%;
		position: relative;
		margin-left: -18%;
	}
	.CSite-NavTitle .swchLngo {
		display:none
	}
	.sideNavigation {
		margin-top:40px;
	}
	





}