@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    padding: 0px; 
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 1.4;
}
body,
html {
    overflow-x:hidden;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: "Roboto", sans-serif;
}
h1 {
    font-weight: 400;
    color: #333333;
}

h2 {
    font-size: 26px;
    color: #333;
    font-weight: 500;
}

h3 {
    font-size: 20px;
    color: #333;
    font-weight: 400;
}
a.view_profile {
    background-color: #003898;
    border: 0;
    padding: 5px 40px;
    color: #fff;
    border-radius: 50pc;
    cursor: pointer;
    transition: all .3s;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 16px;
}
a.view_profile:hover{
    background-color: #bb2957;
    color: white;
}
h4 {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    padding: 0px; 
    margin: 0px; 
}

h5 {
    padding: 0px; 
    margin: 0px;
}

h6 {
    padding: 0px; 
    margin: 0px;
}

p {
    padding: 0px; 
    margin: 0px;
    font-weight: 400;
    color: #333;
    font-size: 14px;
   
}

ul{ 
    list-style: none; 
    padding: 0px; 
    margin: 0px;
}
.bg-grey{
    background-color: #f5f8fb;
}

.page-content ul li{
    position: relative;
    margin: 0px;
    padding-left: 15px;
    font-weight: 400;
    color: #333;
    font-size: 14px;
 }
 .page-content .boder-font{
    -webkit-text-stroke: 2px #f16136;
    color: #ffffff;
 }
 .page-content .page-content-heading{
    font-weight: 600;
    margin-bottom: 20px;
 }
 .page-content p{
    font-weight: 400;
    color: #333;
    font-size: 14px;
 }
.page-content ul li::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: #6d6e70;
    border-radius: 100px;
    left: 0;
 
    top: 10px;
}
img {
    max-width: 100%;
}
a {
    padding: 0px; 
    margin: 0px; 
    outline: none;
    transition: all .3s;
    text-decoration: none;
    color: #666666;
}

a:hover { 
    outline: none !important; 
    text-decoration: none;
    transition: all .3s;
    color: #0097f7;
}

:focus { 
    outline: none !important; 
    text-decoration: none;
}
.marquee a{
	 color: #fff;
}
.marquee a:hover {
	color:#faa831;
}
.btn {
    text-decoration: none;
    font-size: 16px;
    padding: 10px 55px;
    display: inline-block;
    color: #fff;
    font-weight: 500;
    border-radius: 40px;
}

.btn-primary {
    background-color: transparent;
    color: #fff;
    border:2px solid #fff;
    letter-spacing: 2px;
}

.btn-primary:hover {
    background-color: #fff;
    color: #000;
}

.btn-secondary {
    background-color: transparent;
    color: #666666;
}

.btn-secondary:hover {
    color: #28c0d4;
}


input {
    border: 1px solid #ccc;
    border-radius: 6px;
    height: 45px;
    width: 100%;
    padding: 0 8px;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    margin-bottom: 20px;
}
input[type="submit"] {
    background-color: #f16136;
    border: 0;
    padding: 0;
    color: #fff;
    border-radius: 6px;
    width: 100%;
    cursor: pointer;
    transition: all .3s;
    height: 45px;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}
input[type="submit"]:hover {
    background-color: #faa831;
        transition: all .3s;
}
textarea {
    border: 1px solid #ccc;
    border-radius: 6px;
    height: 110px;
    width: 100%;
    padding: 8px;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    resize: none;
}



.pagination {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: 20px 0 0;
}
.pagination ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 85%;
    float: left;
}
.pagination ul li {
    width: 35px;
    height: 35px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    font-size: 14px;
    font-weight: 600;
    border-radius: 9px;
    background-color: transparent;
    margin: 0 3px;
    cursor: pointer;
    color: #1a2556;
    transition: all .3s;
}
.pagination ul li.active {
    background-color: #8e0b35;
    color: #fff;
}
.pagination li:first-child, .pagination li:last-child {
    display: flex;
    color: #8e0b35;
}
.pagination .jump_page {
    float: right;
}
.pagination .jump_page input {
    border: 1px solid #ccc;
    border-radius: 6px;
    height: 35px;
    width: 60px;
    padding: 0 8px;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    margin-bottom: 0;
}
.pagination .jump_page p {
    display: inline-block;
}
.pagination .jump_page input[type="submit"] {
    color: #fff;
    font-weight: 600;
}
.breadcrumb {
    padding: 10px 0;
    margin: 0;
    background-color: #333;
    border-radius: 0;
    color: #fff;
}

.breadcrumb ul {
    padding: 0;
    margin: 0;
    display: inline-flex;
} 

.breadcrumb ul li {
    display: flex;
    padding: 0;
    align-items: center;
}

.breadcrumb ul li + li::before {
  display: inline-block;
  margin: 0 8px 0 5px;
  transform: rotate(15deg);
  border-right: 1px solid #ccc;
  height: 10px;
  content: "";
}
.breadcrumb ul li a {
    display: inline-block;
    padding: 0;
    color: #ccc;
    font-size: 13px;
}
.breadcrumb ul li a .fa {
    font-size: 20px;
    color: #666666;
}
.breadcrumb ul li a .fa-home:before {
    color: #ccc;
}
/*---------- header and navigation End ------------*/
header {
    background: linear-gradient(0deg, rgba(31,31,33,0) 0%, rgba(45,45,45,1) 100%);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}
.sticky-header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99;
    background-color: #003898 !important;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 39%);
    min-height: auto !important;
}
.header_br_cr{
    border-color:  rgb(220 220 220 / 21%) !important;
}
.top-header {
    padding: 0;
    position: relative;
    display: block;
    clear: both;
    border-bottom: 1px solid rgb(220 220 220 / 21%);
}
.top-header.blueBorder {
    border-top: 6px solid #0097f7;
}

.header-social {
    float: left;
}
.header-social ul {
    padding: 0;
    margin: 0;
}
.header-social ul li {
    display: inline-block;
    margin-right: 30px;
}
.header-social ul li a {
    color: #fff;
}
.header-social ul li a:hover {
    color: #28c0d4;
}
.header-contact {
    display: inline-block;
    margin: 0;
    padding: 0;
}


.search_box {
    position: relative;
    right: 0;
    top: 0;
    padding: 0;
    display: inline-block;
    -webkit-box-shadow: 0px 0px 32px 2px rgb(0 0 0 / 6%);
    -moz-box-shadow: 0px 0px 32px 2px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0px 0px 32px 2px rgba(0, 0, 0, 0.06);
    -ms-box-shadow: 0px 0px 32px 2px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 32px 2px rgb(0 0 0 / 6%);
    background-color: rgb(51 51 51 / 70%);
    display: none;
    width: 100%;
    z-index: 999;
}
.search-btn:hover {
    background-color: #387385;
    color: #fff;
}
.pinkColor {
    border-top: 6px solid #fc8447;
}


.search_box_blue {
    position: relative;
    right: 0;
    top: 0;
    padding: 0;
    display: inline-block;
    -webkit-box-shadow: 0px 0px 32px 2px rgb(0 0 0 / 6%);
    -moz-box-shadow: 0px 0px 32px 2px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0px 0px 32px 2px rgba(0, 0, 0, 0.06);
    -ms-box-shadow: 0px 0px 32px 2px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 32px 2px rgb(0 0 0 / 6%);
    background-color: rgb(51 51 51 / 70%);
    display: none;
    width: 100%;
    z-index: 999;
}
.blueColor {
    border-top: 6px solid #0097f7;
}
.searchClose,
.bluesearchClose {
    position: absolute;
    top: 13px;
    right: -30px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    background-color: #5b5b5b;
    color: #fff;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}


.search_li {
    padding: 5px 0 0;
    margin: 0;
    text-align: center;
}
.search_li ul {
    display: inline-block;
}
.search_li ul li {
    display: inline-block;
    padding: 0 0 0 0;
    margin: 0 0 10px;
}
.search_li ul li:hover a {
    color:#faa831;
}
.search_li ul li a {
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    padding: 0 0 0px 12px;
    display: block;
    margin: 0 5px 0 0;
    position: relative;
}
.search_li ul li a:after {
    content:"\f0c8";
    font-family:'Font Awesome 5 Pro';
    color: #fc8447;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 10px;
}
.search_box_blue .search_li ul li a:after {
    content: "\f0c8";
    font-family: 'Font Awesome 5 Pro';
    color: #fccb00;
    position: absolute;
    left: 0;
    top: 8px;
    font-size: 4px;
    font-weight: 600;
}
.search_li_box {
    margin: 10px 0;
    position: relative;
}
.search_li_box input {
    width: 100%;
    margin-bottom: 0;
    background: transparent;
    border: 1px solid #545454;
    height: 30px;
    border-radius: 0;
    border-width: 0px 0px 1px 0px;
}
.search-btn {
    width: 35px;
    height: 30px;
    background-color: #333;
    color: #fff;
    right: 0;
    top: 0;
    position: absolute;
    border-radius: 0;
    border-left: 1px solid #545454;
}
.search-btn:hover {
    background-color: #0097f7;
}
.search_box_blue .search-btn {
    width: 45px;
    height: 45px;
    background-color: #0097f7;
    color: #fff;
    float: right;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 6px;
}
.search_box_blue .search-btn:hover {
    background-color: #fc8447;
}
.logo .fifty-years-logo:after{
    content:"";
}
.logo .fifty-years-logo{
    display: inline-block;
    padding: 4px 5px;
    margin-left: 10px;
}
.logo img{
    max-height: 60px;
}
.logo {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}


.lt-hlight {
    border-left: 4px solid #faa61a;
    padding: 10px ;
    margin-bottom: 20px;
    min-height: 100px;
    background: white;
    box-shadow: 0 1px 4px rgb(0 0 0 / 10%), 0 1px 4px rgb(0 0 0 / 20%);
}
.marquee-area {
    padding: 0;
    position: relative;
    display: block;
}
.marquee-area label {
    color: #000000;
    padding: 8px 10px;
    font-size: 14px;
    background: #faa831;
    width: 140px;
    margin: 0;
}
.marquee-area p {
    color: #fff;
}
.marquee-area .marquee {
    position: absolute;
    left: 150px;
    width: calc(100% - 160px);
    height: 100%;
    top: 0px;
    display: grid;
    align-items: center;
}
.header-menu {
    padding: 0;
    min-height: auto;
    background-color: rgb(0 56 152 / 40%);
}

.mobile_primary {
    padding:0;
    transition:all .6s;
    position: relative;
    z-index: 9999;
}

.mobile_primary ul {
    margin:0;
    padding: 0;
   
   /* border-bottom: 1px solid #f0eded;*/
}

.mobile_primary li {
    display:inline-block;
    padding:0 ;
    margin:0 0 0 0;
}

.menu_fixed .sub-menu--button {
    top:25%
}

.mobile_primary li:last-child {
    margin-right: 0;
} 


.mobile_primary ul li:hover a:after {
    color: #faa831;
    transform: rotate(180deg); 
}
.mobile_primary ul li.one-link a:after {
    display: none;
}
.mobile_primary ul li a:after {
    content: "\f107";
    font-family: 'Font Awesome 5 Pro';
    color: #ffffff;
    position: absolute;
    right: -2px;
    top: 26px;
    font-size: 15px;
    font-weight: 300;
    line-height: 1;
    transition: 0.3s;
} 
.mobile_primary ul li a {
    color: #ffffff;
    font-weight: 400;
    padding: 24px 8px;
    font-size: 13px;
    display: block;
    position: relative;
    font-weight: 600;
    z-index: 99;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    transition: all .6s;
}
@media (min-width: 1400px) {
    .mobile_primary ul li a {
        font-size: 14px;
    }
}

.menu_fixed .mobile_primary ul li a {
    padding:17px 15px;
    transition:all .6s
}

.mobile_primary ul li.current-menu-item a,.mobile_primary ul li:hover a {
    color: #faa831;
}
.mobile_primary ul li.current-menu-item ul a,.mobile_primary ul ul li a:hover {
    color:#fc8447;
    background-color: transparent;
}
.drop-down-graphic{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sub-menu--button {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}
.sub-menu--button::after {
    content:"\f107";
    font-family:'Font Awesome 5 Pro';
    font-weight:400;
    font-style:normal;
    font-size:14px;
    color:#ffff;
    transition:all.5s ease-in-out
}
.admission .sub-menu--button {
    display: none !important;
}
.mobile_primary ul li.current-menu-item .sub-menu--button::after,
.mobile_primary ul li:hover .sub-menu--button::after {
    color:#fff
}
.mobile_primary ul li ul li .sub-menu--button {
    position: absolute;
    top: 20%;
    right: 10px;
}
.mobile_primary ul li ul li:hover .sub-menu--button::after {
    color: #fff
}
.mobile_primary .sub-menu .sub-menu-details{
    padding:10px 15px;
}
.mobile_primary .sub-menu {
    background: #fff none repeat scroll 0 0;
    text-align: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 99%;  
    left: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;    
    border-radius: 0;
    border-bottom: 0;
     -webkit-transform: rotateX(-75deg); 
     -moz-transform: rotateX(-75deg); 
     -ms-transform: rotateX(-75deg); 
     -o-transform: rotateX(-75deg); 
     transform: rotateX(-75deg); 
    -webkit-transition:0.3s;
    -webkit-transition: 0.3s;
    -moz-transition:0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-box-shadow: 0 8px 20px 0 rgb(0 0 0 / 6%) !important;
    box-shadow: 0 8px 20px 0 rgb(0 0 0 / 6%) !important;
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    border-top: 4px solid #faa831;
}

.mobile_primary .sub-menu:after {
    /*content: '';
    border-right: 30px solid transparent;
    border-bottom: 20px solid rgb(255, 255, 255);
    position: absolute;
    left: 10%;
    top: -10px;*/

}
.sub-menu h2 {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding: 10px;
    margin-bottom: 15px;
    background-color: #003898;
}
.sub-menu p {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    padding: 0;
    margin-top: 0;
}
.mobile_primary .sub-menu li:hover {
    background: transparent;
    color: #fecc02;
}
.mobile_primary .sub-menu li {
    display:block;
    position:relative;
    padding:0;
    margin:0
}

.mobile_primary li .sub-menu ul li a::before {
    display: none;
}
.mobile_primary li .sub-menu ul li a {
    color: #333;
    padding: 0px 0 8px 0px;
    margin: 1px 0 1px;
    display: block;
    text-transform: inherit;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    display: flex;
    position: relative;
    align-items: baseline;
}


.mobile_primary li .sub-menu ul li a:hover,
.mobile_primary li .sub-menu ul li a:hover:after {
        color: #0097f7;
}
.mobile_primary .sub-menu a:hover {
    /*color:#fff;
    background:#343d3f*/
}

.mobile_primary .sub-menu li a:after,
.mobile_primary .sub-menu li.current-menu-item>a:after,
.mobile_primary .sub-menu li.current-page-ancestor>a:after,
.mobile_primary .sub-menu li.menu-item-has-children:hover>a:after,
.mobile_primary .sub-menu li.menu-item-has-children>a:hover:after {
    content:none
}

.mobile_primary .sub-menu .sub-menu {
    left:100%;
    position:absolute;
    top:0
}

.mobile_primary li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: rotateX(0deg); 
    -o-transform: rotateX(0deg); 
    -ms-transform: rotateX(0deg); 
    -moz-transform: rotateX(0deg); 
    -webkit-transform: rotateX(0deg);
    z-index: 9;
}
.mobile_primary li:hover>.sub-menu li:after,
.mobile_primary li:hover>.sub-menu li:before {
    display: none;
}

.mobile_primary li:hover>.sub-menu li:hover>.sub-menu {
    display:block;
    top:0
}
.mobile_primary li:hover>.sub-menu li:hover>.sub-menu.sub-sub-menu {
    display: block;
    right: 0;
    top: 0;
}
.mobile_primary li:hover>.sub-menu li:hover>.sub-menu li a {
    text-transform:none
}

.menu-button,.menuClose {
    display:none
}
.fixed_header {
    display: none;
}

.swap-welcome-content .row:nth-of-type(even){
    flex-direction: row-reverse;
}

ul.admission, ul.international{
    column-count: 2;
}
.rounded-circle-img.chancellor-image {
    display: flex;
    border: 1px solid #ccc;
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    z-index: 9;
    top: -25px;
    left: 0;
}
.chancellor-card {
    padding-left: 90px  !important;
}
.carousel__slide__inner {
    overflow: hidden;
    position: relative;
}

.carousel.slick-slider .slick-dots li button {

    width: 15px;
    height: 15px;
    padding: 5px;
    
    border: 1px solid #fff;

    border-radius: 50px;
}
.carousel.slick-slider .slick-dots li.slick-active button {

    background: white;
}
.carousel.slick-slider .slick-dots {
 
    bottom: 15px;

}
/* .doAnimation .slick-active .carousel__slide__inner .carousel__image {
	animation: scale-out 0.875s cubic-bezier(0.7, 0, 0.3, 1) 0.375s both;
    transform: scale(1.3);
} */
/* .carousel__slide__overlay {
    background-color: transparent;
    background-size: 100%;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
} */
/* .slick-active .carousel__slide__overlay {
    animation: scale-in-hor-left 1.375s cubic-bezier(0.645, 0.045, 0.355, 1) 0.25s reverse both;
} */
.carousel__image {
    height: 100%;
    object-fit: cover;
    position: relative;
    /* transform: scale(1); */
    width: 100%;
    z-index: 1;
	    max-height: 400px;
}

.tabs {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center; }
  
  .tab-link {
    margin: 0 1%;
    list-style: none;
    padding: 10px 40px;
    color: #aaa;
    cursor: pointer;
    font-weight: 700;
    transition: all ease 0.5s;
    border-bottom: solid 3px rgba(255, 255, 255, 0);
    letter-spacing: 1px; }
  
  .tab-link:hover {
    color: #999;
    border-color: #999; }
  
  .tab-link.active {
    color: #333;
    border-color: #333; }
  
  .tab-link.active {
    color: #003898;
    border-color: #fecc00;
}

.industry-content .card-shadow img{
	    width: 100%;
    height: 100%;
    object-fit: contain;
}
.industry-content .card-shadow {
    height: 130px;
    background: white;
    border: 1px solid #efefef;
    margin-bottom: 0;
    border-radius: 5px;
}

.border-none{
    border:0 ;
}
  
  
  .content-wrapper {
    padding: 40px 80px; }
  
 .content-wrapper .tab-content {
    display: none;
    text-align: center;
    color: #888;
    font-weight: 300;
    font-size: 15px;
    opacity: 0;
    transform: translateY(15px);
    animation: fadeIn 0.5s ease 1 forwards; }
  
 .content-wrapper .tab-content.active {
    display: block; }
  .border-left{
    border-left:1px solid #ccc;
  }
  .academic-affiliate .nav-pills .nav-link.active,  .academic-affiliate  .nav-pills .show>.nav-link {
    color: white;
    background-color: #fc8447;
}

.academic-affiliate  .nav-pills .nav-link {
    border-radius: 0;
}
.academic-affiliate .tab-content{
    padding: 20px 10px ;
    border: 1px solid #ccc;
}
.text-style table tr td ol{list-style:none;}

 .table-fixed {
    background-color: #fbfbfb;
    width: 100%;
}
.table-fixed tbody tr td a{
    color: #003898;
    display: block;
}
.table-fixed tbody tr td a:hover{

    color: #ff0000;
}
 .table-fixed tbody {
    height: 200px;
    overflow-y: auto;
    width: 100%;
}
 .table-fixed thead,  .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
    /* display: block; */
    height: auto;
}
.table-fixed tbody tr td p{
    color: #000;
}
.table-fixed tbody tr td {
    background-color: #f9f9f9;
    color: #000;
    border-color: #d4d4d4;
}
 .table-fixed thead tr th ,  .table-fixed tbody tr:first-of-type td  {
    background-color: #333;
    border-color: #828282;
    color: #fff;
}
 .table-fixed tbody td p, .table-fixed tbody td h3, .table-fixed tbody td li{
	 color:#fff;
}

 .table-fixed tbody::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

 .table-fixed tbody::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

 .table-fixed tbody::-webkit-scrollbar-thumb
{
	background-color: #000000;
}


@keyframes fadeIn {
    100% {
      opacity: 1;
      transform: none; } 
}
  
@keyframes scale-out {
    0% {
        transform: scale(1.3);
   }
    100% {
        transform: scale(1);
   }
}
@keyframes scale-in-hor-left {
    0% {
        -webkit-transform: translateX(-100%) scaleX(0);
        transform: translateX(-100%) scaleX(0);
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 1;
   }
    50% {
        -webkit-transform: translateX(-50%) scaleX(0.5);
        transform: translateX(-50%) scaleX(0.5);
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 1;
   }
    100% {
        -webkit-transform: translateX(0) scaleX(1);
        transform: translateX(0) scaleX(1);
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        opacity: 1;
   }
}


.mentor-main-image {
    display: flex;
    object-fit: cover;
    box-shadow: -17px -17px 0 -3px #d1d1d1;
}
.custom-box-shadow{
    box-shadow:  -17px -17px 0 -3px #d1d1d1;

}
.mentor-card{
    box-shadow: -17px -17px 0 -3px #d1d1d1;
}
.steps {
    writing-mode: vertical-lr;
    display: flex;
    min-width: 80px;
    height: 80px;
    border: 1px solid #003898;
    background: #003898;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    text-align: center;
}

.steps h6{
    line-height: 1;
    /* width: fit-content; */
    color: white;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 14px;
}
.wizard-psudo::before {
    width: 5px;
    height: 90%;
    position: absolute;
    background-color: #fc8447;
    content: '';
    top: 0%;
    left: 40px;
}
.wizard-psudo{
    position: relative;
}
.member-img{
    width: 120px;
    height: 120px;
 
    object-fit: cover;
    overflow: hidden;
    border-radius: 100px;
    object-position: center;
}

.training-placement .page-content ul li{
  
padding: 5px 10px;
  
/* border-bottom: 1px solid; */
 }
.training-placement .page-content ul li::before {

top: 14px;
}


.card-slider .slick-slide {
    padding: 0 10px;
}
.card-slider .card {
    background-color: #fff;
    text-decoration: none;
    color: rgba(0, 0, 0, .9);
    transition: all 0.1s linear;
    margin-top: -80px;
    border: 1px solid #ffe3bb;
    padding: 80px 10px 10px;
    border-radius: 10px;
}
.sub-sub-menu-details {
    padding-left: 20px;
}
.mobile_primary li.hassubmenu button.sub-menu-text.open-menu::after{
    transform: rotate(135deg);
}
.mobile_primary li.hassubmenu button.sub-menu-text::after{
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 8px;
    border-width: 1px 1px 0px 0px;
    border-style: solid;
    border-color: black;
    transition: 0.1s;
    transform: rotate(45deg);
}
.mobile_primary li.hassubmenu  button.sub-menu-text{
    border: 0;
    text-align: left;
    background: none;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 0 5px 20px;
}
.mobile_primary li.hassubmenu a.sub-menu-text::after{
    content: "" ; 
    font-weight: 400;
    color: #fc8447 ;
    display: none;
}
.jpdiv .placement--ddNumbers span{
    width: fit-content;
    margin-top: 40px;
    padding: 10px 25px;
    min-width: 150px;
}
@media screen and (max-width: 600px) {
    .card-slider .card {
        height: auto;
   }
}
.card-slider .card .main-link {
    text-decoration: none;
    display: flex;
    flex-direction: column;
}
.card-slider .card .main-link:focus {
    outline: none;
}
.card-slider .card .main-link:focus .title {
    outline: 3px dashed orange;
    outline-offset: -4px;
    color: royalblue;
    text-decoration: underline;
}
.card-slider .card .title {
    color: #000;
    margin: 0;
    padding: 10px 10px 5px 10px;
    font-size: 16px;
    font-weight: bold;
}
.card-slider .card .title:hover {
    text-decoration: underline;
}
.card-slider .card .image {
   /** Visually place the image above all other content (like the heading) in the parent flex container (.card). */
    order: -1;
    position: relative;
    height: 100px;
    padding: 2px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.card-slider .card .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(0.5);
    transition: all 0.3s ease-in-out;
}
.card-slider .card .image:hover img {
    width: 110%;
    height: 110%;
}
.card-slider .card .description {
    margin: 7px 10px 15px 10px;
    font-size: 14px;
    opacity: 0.8;
}
.card-slider .card .badge {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 1;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    background-color: #c80000;
}
.card-slider .card .price {
    padding-left: 10px;
}
.card-slider .card .price .new-price {
    font-weight: bold;
}
.card-slider .card .price .original-price {
    margin-left: 5px;
    font-size: 14px;
    font-style: italic;
    opacity: 0.5;
    text-decoration: line-through;
}
.card-slider .card .rating {
    margin: 10px 0 15px 10px;
    color: orange;
    font-size: 12px;
}
.card-slider .card .rating .reviews-link {
    color: rgba(0, 0, 0, .6);
    margin-left: 5px;
}
.card-slider .card .rating .reviews-link:hover {
    color: black;
}
.card-slider .card .rating .reviews-link:focus {
    color: royalblue;
    outline: 3px dotted royalblue;
    outline-offset: 2px;
}
.card-slider .card:hover {
    border-color: rgba(0, 0, 0, .4);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
}
.card-slider .card:hover .image img, .card-slider .card:focus .image img {
    filter: grayscale(0);
}
.card-slider .card a:focus {
    outline: none;
}
.slick-dotted.slick-slider {
    margin-bottom: 0px;
}

.placement--ddNumbers span {
    background: #fc8447;
    padding: 10px;
    display: flex;
    flex-direction: column;
    margin-top: 10px;

    color: white;
}
.placement--ddNumbers span  h4{
    font-size: 24px;
    margin-bottom: 10px;
    color: #000; /* Fallback for older browsers */
    color: rgba(0, 0, 0, 0.5);
    font-weight: 600;
}

  #gallery img,#gallery video {
    width:85%;
    height:auto;
    margin: 0% auto;
    box-shadow:-3px 5px 15px #000;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
	max-width: 800px;
    max-height: 100%;
	object-fit: contain;
  }
  #gallery .p-img{
	height: 100%;
    object-fit: cover;
    width: 100%;
  }
  .modal-img,.model-vid{
    width:100%;
    height:auto;
  }
  .modal-body{
    padding:0px;
  }


  .card-container {
    min-height: 200px;
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    padding-left: 10px;
    /* box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5); */
    border-top-left-radius: 0;
    border: 1px solid #ccc;
  }
  
  .card-container .circle {
    width: 150px;
    height: 150px;
    background: url(https://images.unsplash.com/photo-1508214751196-bcfd4ca60f91?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80);
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    float: left;
    ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;margin: 10px 20px;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
    shape-outside: circle();
    box-shadow: 0 2.5px 5px 0 rgba(0, 0, 0, 0.5);
  }
  
  
@media (max-width: 991px) {
	.from-img{
		min-height:200px !important;
	}
    .computer_dept_bg {

        min-height:auto;
  
    }
    /*.header-menu {
      position: fixed;
      width: 100%;
      left: 0;
      top: inherit;
      bottom: 0;
      z-index: 99;
      background-color: #003898;
      border-top: 4px solid #fc8447;
      box-shadow: none;
    }*/
    .fixed_header {
        display: block;
        width: 100%;
        padding: 5px 0;
    }
    .fixed_header .logo .fifty-years-logo {
        padding: 5px 5px 5px;
    }
    .fixed_header .logo img {
        max-height: 60px;
    }
    .fixed_header .logo {
        padding: 0;
        margin: 0;
        display: inline-flex;
    }
     .menu-button.toggle{
        top: -35px;
		right: 10px;
		padding: 10px;
		background: rgb(0 48 131 / 40%);
		border-radius: 10px;
     }
     .menu-button {
        position: absolute;
        display: block;
        background-color: transparent;
        border: 0;
        cursor: pointer;
        transition: all .3s ease;
        font-size: 18px;
        line-height: 30px;
        color: #fff;
        padding: 0;
        top: 20px;
        right: 25px;    
        z-index: 9999;
    }
    header {
        background: #003898;
        position: relative;
    }
    .header-menu {
        min-height: auto;
    }
   
    .menu-button .line{
      width: 35px;
      height: 3px;
      background-color: #ecf0f1;
      display: block;
      margin: 6px auto;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    .menu-button.toggle .line:nth-child(2){
      opacity: 0;
    }

    .menu-button.toggle .line:nth-child(1){
      -webkit-transform: translateY(11px) rotate(45deg);
      -ms-transform: translateY(11px) rotate(45deg);
      -o-transform: translateY(11px) rotate(45deg);
      transform: translateY(11px) rotate(45deg);
    }

    .menu-button.toggle .line:nth-child(3){
      -webkit-transform: translateY(-8px) rotate(-45deg);
      -ms-transform: translateY(-8px) rotate(-45deg);
      -o-transform: translateY(-8px) rotate(-45deg);
      transform: translateY(-8px) rotate(-45deg);
    }
    
    .open:before {
        background-position:right center;
        width:25px;
        transition:all .3s ease
    }
}
@media (max-width: 1024px) {
    .text-style h1, .page-content h4 {
    
        font-size: 24px !important;
    
    }
    .tapbutton a.view_profile{
        height: auto;
        margin-bottom: 5px;
        border-radius: 5px !important;
    }
    .slider2 .slick-arrow{
        padding: 20px !important;
    }
    .slider2 .slick-prev {
       
        left: -10px;
    }
    .slider2 .slick-next {
  
        right: -10px;
    }
.transform-crd{
    transform: none !important;
     margin-bottom: 0;
}
.from-img{
    min-height:200px
}


    .wizard-psudo::before {
 
        content: none;
     
    }
    .steps {
         writing-mode: initial; 

         width: auto; 
        height: auto;
        border: 1px solid #003898;
        background: #003898;
   
        align-items: center;
         border-radius: 0;
       margin-bottom:10px;
        padding: 10px 15px;
    }
    .mentor-main-image {

        max-width: 200px;
        margin: auto;
    }
    .chancellor-msg-text{
        margin-top: -80px;
        z-index: -1;
        padding-top:80px !important;
    }
    .mobile_primary li .sub-menu ul li a {
  
        border-bottom: 1px solid #fc844736;
    }
    .mobile_primary li .sub-menu ul li ul li a {
  
        padding-left: 0;
    }
    button:focus {
        outline:none;
        border:none
    }

    .mobile_primary {
        width:100%;
        height: 100%;
        position:fixed;
        top:0;
        left:-100%;
        background-color:#003898;
        transition:.5s;
        z-index:999;
        display:block!important;
        padding:0;
        border-radius:0;
        float:none;
        overflow-y: auto;
    }
    .menu_fixed .mobile_primary {
        top: 66px;
    }
    .mobile_primary.active {
        display:block!important;
        left:0
    }

    .mobileOverlay {
        display:none
    }

    .mobileOverlay.toggle {
        display:block
    }

    .menuClose {
        position:absolute;
        top:0;
        right:10px;
        font-size:36px;
        line-height:36px;
        margin-left:0;
        color:#010101;
        background:none;
        width:auto;
        height:auto;
        border-radius:0;
        font-weight:300;
        cursor:pointer;
        display:block
    }

    .mobile_primary ul {
        list-style: none;
        margin: 0;
        padding: 0px 0px 40px 0px;
        float: none !important;
    }
    .mobile_primary ul ul {
        padding: 0;
        display: flex;

        flex-direction: column;
    }

    .mobile_primary li {
        display:block;
        position:relative;
        padding:0;
        background:none;
        margin:0
    }

    .mobile_primary .sub-menu li {
        border:0
    }

    .mobile_primary ul li.current-menu-item a:after,.mobile_primary ul li a:hover:after {
        display:none
    }
    .mobile_primary ul li.current-menu-item a, .mobile_primary ul li a:hover {
        color: #fff;
    }
    .mobile_primary ul li a:after {
        color: #003898;
    }
    .mobile_primary ul li:hover a:before{
        border: 0;
    }
    .mobile_primary ul li a {
        padding: 15px 10px 10px 40px;
        text-align: left;
        color: #fff;
    }

    .nav.fix-menu .mobile_primary ul li a {
        padding:17px 8px
    }

    .nav.fix-menu .sub-menu--button {
        top:0
    }

    .mobile_primary li:first-child {
        border-top:none
    }

    .mobile_primary .sub-menu {
        display:none
    }

  

    .mobile_primary li ul.sub-menu li a,.nav.fix-menu .mobile_primary li ul.sub-menu li a {
        padding:5px 20px;
    }

    .mobile_primary li ul.sub-menu li a:hover {
        color:#2d5ba9
    }

    .mobile_primary .sub-menu a:hover {
        background:none
    }

    .mobile_primary .sub-menu .sub-menu a {
        padding:15px 0 15px 50px
    }

    .mobile_primary .sub-menu--button {
        cursor: pointer;
        display: inline-flex;
        justify-content: flex-start;
        align-items: center;
        height: 50px;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 999;
        padding: 0px 0px 0px 20px;
    }

    .sub-menu--button::after {
        transform:rotate(-90deg)
    }

    .sub-menu--button.open::after {
        color:#fff;
        transform:rotate(0deg)
    }

    .mobile_primary .sub-menu li {
        display:block
    }

    .mobile_primary li:hover .sub-menu {
        top:0;
        display:none
    }

    .nav.fix-menu .mobile_primary li:hover .sub-menu {
        top:0;
        display:none
    }

    .page-header__primary {
        display:none
    }

    .mobile_primary .sub-menu .sub-menu {
        left:auto;
        position:relative;
        top:0
    }

    .mobile_primary li ul.sub-menu li:hover ul.sub-menu {
        display:none;
        position:relative
    }

    .mobile_primary .sub-menu {
        position:relative;
        top:0;
        width:auto;
        background-color:#f3f3f3;
        box-shadow:none;
        text-align: left;
        list-style: outside none none;
        margin: 0;
        padding: 15px;
        visibility: inherit;
        opacity: inherit;
        border-radius: 0;
        border-bottom: 0;
        transform: inherit;
        transition: inherit;
        box-shadow: none;
        -webkit-transform-origin: 0 0 0;
        transform-origin: 0 0 0;
    }
    .mobile_primary .sub-menu::after {
        display: none;
    }

    .mobile_primary li.dropdown a:after {
        background:none
    }

    .mobile_primary li:hover>.sub-menu li:hover>.sub-menu {
    display:none
    }
    .chancellor-img {
        width: 150px;
        margin: auto;
        margin-bottom: 20px;
    }
}
.home-form textarea {
    border: 1px solid #ccc;
    border-radius: 6px;
    height: 45px;
    width: 100%;
    padding: 8px;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    resize: none;
}
.banner.image-banner .slide img{
    width: 100%;
    object-fit: cover;
}
.banner .slide .banner-content .banner-text{
    width: 100%;
    text-align: center;
    background-image: linear-gradient(90.5deg, rgb(255 255 255 / 0%) 0.7%, rgb(0 56 152 / 71%) 51.5%, rgb(255 255 255 / 0%) 100.6%);
}
.banner .slide .banner-content{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9;
    display: flex;
    align-items: center;
    /* position: absolute; */
}
.banner {
    height: 100vh;
    min-height: 700px;
    position: relative;
    overflow: hidden;
    background: url(../video/srm-banner-bg.jpg) no-repeat center center/cover;
}
.banner.image-banner .banner-slider{
    position: relative;
    background: transparent;
    height: auto;
}
.banner.image-banner {
    height: auto;
    min-height: auto;
}
.banner video{
    min-width: 100%;
    height: 100vh;
    z-index: 1;
    min-height: 700px;
    object-fit: cover;
    display: none;
}
.banner .slide {
    position:relative;
}
.banner-slider {
    top: 0;
    left: 0;
    position: absolute;
    /* background: rgb(51 51 51 / 40%); */
    height: 100%;
    backdrop-filter: contrast(1.4) brightness(0.7);
    width: 100%;
}
.banner-slider .slick-list{
    width: 100%;
}
.banner .slick-dots {
    position: absolute;
    bottom: 10px;
    display: block;
    width: auto;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    left: 6%;
}
.banner .slick-dots li {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0 2px;
    padding: 0;
    cursor: pointer;
}
.banner .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;  
    width: 10px;
    height: 5px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #c1bcaa;
    border-radius: 2px;
}
.banner .slick-dots li.slick-active button {
    background:#f1a11e;
    width: 20px;
}
.banner .slick-dots li button:before{
    display: none;
}
.banner .slick-dotted.slick-slider {
    margin-bottom: 0;
}
.inner-banner {
    background-color: #eeeeee;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}
.inner-banner:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: rgba(0,0,0,.5);
}
.inner-banner-text {
    padding: 80px 0;
    position: relative;
    z-index: 1
}
.inner_banner {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 14em 0 3em;
    height: auto;
    min-height: auto;
}
.inner_banner:after {
    
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(12deg, #171717, rgb(0 0 0 / 10%));

    /**background-image: url(../img/banner_shadow.png);**/
} 
.banner .inner_banner_content h1 {
    color: #ffffff;
    font-size: 40px;
    position: relative;
    font-family: "Roboto", sans-serif;
    z-index: 1;
    font-weight: 600;
    margin-bottom: 10px;
}

.card-slider .image {
    position: relative;
    z-index: 9;
}
.card-slider .slick-slide .image  img {
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    margin: auto;
    border: 1px solid gainsboro;
}

.card-slider  .slick-dots {

    bottom: -40px;

}

.card-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    background: #ccc;
    border-radius: 100px;
    border:2px solid #fff;

}
.card-slider .slick-dots li.slick-active {

    background: #333;

    
}

.flip >
.front, .flip>
.back {
    display: block;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-duration: 0.5s;
    transition-property: transform, opacity;
}
.flip >
.front {
    transform: rotateY(0deg);
}
.flip >
.back {
    position: absolute;
    opacity: 0;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transform: rotateY(-180deg);
}
.flip:hover >
.front {
    transform: rotateY(180deg);
}
.flip:hover >
.back {
    opacity: 1;
    transform: rotateY(0deg);
}
.flip.flip-vertical>
.back {
    transform: rotateX(-180deg);
}
.flip.flip-vertical:hover >
.front {
    transform: rotateX(180deg);
}
.flip.flip-vertical:hover >
.back {
    transform: rotateX(0deg);
}
.flip {
    position: relative;
    display: inline-block;
    margin: 0 1%;
    margin-bottom: 1em;
    width: 22%;
}
.flip >
.front, .flip >
.back {
    display: block;
    color: white;
    width: 100%;
    background-size: cover !important;
    background-position: center !important;
    height: 200px;
    padding: 1em 2em;
    background: #313131;
    border-radius: 10px;
}
.flip >
.front p, .flip >
.back p {
    /* font-size: 0.9125rem; */
    /* line-height: 160%; */
    color: #999;
}
.text-shadow {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.04), 2px 2px rgba(0, 0, 0, 0.04), 3px 3px rgba(0, 0, 0, 0.04), 4px 4px rgba(0, 0, 0, 0.04), 0.125rem 0.125rem rgba(0, 0, 0, 0.04), 6px 6px rgba(0, 0, 0, 0.04), 7px 7px rgba(0, 0, 0, 0.04), 8px 8px rgba(0, 0, 0, 0.04), 9px 9px rgba(0, 0, 0, 0.04), 0.3125rem 0.3125rem rgba(0, 0, 0, 0.04), 11px 11px rgba(0, 0, 0, 0.04), 12px 12px rgba(0, 0, 0, 0.04), 13px 13px rgba(0, 0, 0, 0.04), 14px 14px rgba(0, 0, 0, 0.04), 0.625rem 0.625rem rgba(0, 0, 0, 0.04), 16px 16px rgba(0, 0, 0, 0.04), 17px 17px rgba(0, 0, 0, 0.04), 18px 18px rgba(0, 0, 0, 0.04), 19px 19px rgba(0, 0, 0, 0.04), 1.25rem 1.25rem rgba(0, 0, 0, 0.04);
}

@media (min-width: 320px) and (max-width: 767px) {
	.carousel__image {
		max-height:250px;
	}
    .banner h2 {
        font-size: 30px;
        font-weight: 600;
        font-family: "Playfair Display", serif;
    }
    .banner h1 {
        font-size: 45px;
        font-weight: 600;
        font-family: "Playfair Display", serif;
    }
    .banner .inner_banner_content h1 {
        text-transform: inherit;
        font-size: 22px;
        font-weight: 400;
    }
    .banner p {
        font-size: 15px;
        font-weight: 400;
        color: #fff;
        padding-bottom: 20px;
    }
    .banner p span {
        font-weight: 600;
    }
    .banner .slick-dots {
        left: 0;
        bottom: 10px;
        width: 100%;
    }
    .banner .inner_banner_content {
        padding-top: 90px;
    }
}
@media (max-width: 768px) {
    .banner .slide .banner-content{
        padding-top: 4rem;  
        align-items: baseline;
    }
}
@media (min-width: 768px) {
    .banner h2 {
        font-size: 55px;
        font-weight: 600;
        font-family: "Playfair Display", serif;
    }
    .banner h1 {
        font-size: 75px;
        font-family: "Playfair Display", serif;
        font-weight: 600;
    }
    
    .banner p {
        font-size: 17px;
        font-weight: 500;
        color: #fff;
        padding-bottom: 40px;
    }
    .banner p span {
        font-weight: 800;
    }
    
    .banner .inner_banner_content h1 {
        text-transform: inherit;
    }
}
.fixed-social {
    position: fixed;
    z-index: 99;
    right: -50px;
    width: 40px;
    top: 50%;
    transition: all .25s ease;
    transform: translate(0,-50%);
    background-color: #f16136;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    text-align: center;
    padding: 10px 0;
}
.fixed-social.fixed-socialshow {
    right: 0;
}
.fixed-social a {
    font-size: 20px;
    color: #ffffff;
    display: block;
    padding: 7px 0px;
}
@media (min-width: 320px) and (max-width: 767px) {
    .fixed-social {
        display: none;
    }
}
.study-content ul {
    padding: 0;
    margin: 0;
}
.study-content ul li {
    padding: 0;
    margin: 0 0 15px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    padding-left:15px; 
    position:relative;
}
.study-content ul li::before{
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    content: "\f111";
    font-size: 4px;
    top: 0px;
    left: 6px;
    font-weight: 600;
    color:#666;
}

.search-programs {
    background: url(../img/ab.png);
    background-size: cover;
    background-position: center;
}
.search-programs h2 {
    font-size: 30px;
    color: #faa831;
    font-weight: 400;
    text-transform: uppercase;
}
.search-programs h2 span {
    font-size: 30px;
    color: #ffffff;
    font-weight: 700;
}


.search-programs .selectric {
    border: 1px solid #003898;
    position: relative;
    margin-top: 20px;
    overflow: hidden;
    padding: 4px 10px;
    border-radius: 8px;
    background: rgb(255 255 255 / 37%);
}
.search-programs .selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 38px;
  background-color: transparent;
  color: #ccc;
  text-align: center;
}
.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.select-programs {
    width: 100%;
    border-radius: 6px;
    background-color: #f16136;
    color: #fff;
    padding: 10px;
    display: block;
    margin-top: 30px;
    text-align: center;
}
.select-programs:hover {
    background-color: #003898;
    color: #fff;
}
.drop-down-graphic h3 {

    text-align: center;
    font-weight: 600;
    color: white;
}
.drop-down-graphic h3 span {
    display: block;
    color: #fc8447;
    font-size: 28px;
}
.dd--title span {
    display: block;
    text-align: center;
}
.dd-graphic-cont{
    background: #00389891;
}
.dd--title{
    color: white;
    cursor: default;
}
.dd-graphic-cont .col-6 {
    /*border: 1px solid rgba(255,255,255,0.3);*/
    height: 150px;
    width: 150px;
}
   /* the slides */
.slider2
.slick-slide {
    margin: 0  10px;
}

/* the parent */
.slider2  .slick-list {
    margin: 0 -10px;
}
.slider2 .slick-arrow   {
    background: #003898;
    padding: 25px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    color: red;
    z-index: 9;
    align-items: center;
}
.slider2 .slick-next:before {
    content: "\f054";
    font-family: 'Font Awesome 5 Pro';
    color: #fecc00;
}
.slider2 .slick-prev:before {
    content: "\f053";
    font-family: 'Font Awesome 5 Pro';
    color: #fecc00;
}

@media (min-width: 320px) and (max-width: 767px) {

    .search-programs {
        padding: 30px 15px;
    }
    .search-programs h2 {
        float: none;
    }
    
    
}

.academics-srm::before {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    background: #003898;
    left: 0;
    height: 50%;
}

.academics-srm {
    position: relative;
}
.testimonials-text img {
    display: inline-block;
}
.auther-img {
    margin: 40px auto 0;
}


@media (min-width: 320px) and (max-width: 991px) {
    .academics-srm-text {
        padding: 15px;
    }
    
}

.spolight .spotlight-slider.spotlight_slider_inner_page .slick-track{
    margin-left: 0px;
}
.spolight .spotlight-slider .slide{
    padding: 0 10px;
}
.spolight .spotlight-inner p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 13px;
}
.spolight .spotlight-inner h4 {
    font-size: 15px;
    margin: 10px 0px;
    font-weight: 600;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    text-transform: uppercase;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.spolight .spotlight-inner .spotlight-inner-content {
    padding: 5px 15px 10px;
    background: #f16136;
    min-height: 125px;
    z-index: 1;
    position: relative;
    transition: 0.3s;
    margin: auto;
}
.spolight .spotlight-inner:hover .spotlight-inner-content {
    background: rgb(0 0 0 / 40%);
    border-radius: 5px;
    transform: scale(0.92) translate(0px, -10px);
}
.spolight .spotlight-inner:hover img {
    transform: scale(2.3);
    filter: brightness(0.6);
}
.spolight .spotlight-inner img {
    width: 100%;
    height: 220px;
    object-fit: cover;
	transition: 0.3s;
}
.spolight .spotlight-inner .img_thumbnail {
    position: relative;
}
.spolight .spotlight-inner:hover .img_thumbnail:after {
    transform: rotate(0deg);
    transform: rotate( 0deg);
    bottom: -40px;
    box-shadow: 0px 0px 0px gainsboro;
    visibility: hidden;
    opacity: 0;
}
.spolight .spotlight-inner .img_thumbnail:after {
    transition: 0.3s;
    content: '';
    width: 100%;
    height: 40px;
    background: #f16136;
    position: absolute;
    left: -3px;
    bottom: -25px;
    transform: rotate(5deg);
    box-shadow: 0px -5px 5px rgb(0 0 0 / 35%);
}
.spolight .spotlight-inner {
    position: relative;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0px 3px 5px rgb(0 0 0 / 10%);
    margin: 10px 0;
    overflow: hidden;
    background: #333;
}


.why_srmuh .why_srmuh_inner .why_srmuh_slide_box p{
    color: #fff;
    font-size: 14px;
    margin-bottom: 20px;
    text-align: justify;
    text-align-last: center;
}
.why_srmuh .why_srmuh_inner .why_srmuh_slide_box h2{
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
}
.why_srmuh .why_srmuh_inner .why_srmuh_slide_box h4{
    color: #faa831;
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 600;
}
.why_srmuh .why_srmuh_inner .why_srmuh_slide_box img{
    width: 80px;
    margin: auto;
    margin-bottom: 30px;
    filter: contrast(0.7);
}
.why_srmuh .why_srmuh_inner .why_srmuh_slide_box{
    margin: 0 10px;
    color: #fff;
    padding: 30px 20px 10px;
    text-align: center;
    background: rgb(74 74 74 / 76%);
    min-height: 400px;
    border-radius: 5px;
    max-width: 430px;
}
.why_srmuh .why_srmuh_inner:before {
    background: rgb(51 51 51 / 70%);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
}
.why_srmuh .why_srmuh_inner {
    padding: 0;
    background: url(../img/bg-bottom-block.jpg) center center no-repeat;
    background-size: cover;
}
.why_srmuh h1 {
    color: #fff;
    font-size: 60px;
    font-weight: 400;
    text-align: center;
    padding-bottom: 40px;
    position: relative;
    padding-top: 20px;
}

.srm-acc {
    width: 50%
}
.about-section {
    padding: 80px 0;
}


.mr-100{
    margin-right: 100px;
}
.srmgh-accordion h2 {
    font-size: 35px;
    font-weight: 100;
    padding-bottom: 15px;
    color: #000;
}



.line {
    margin: 15px 0;
}

.footer-top{
    display: none;
}
.footer-bottom{
    background: #212121;
}

.incoming-student ul li {
    display: inline-block;
    padding: 0 1px 5px;
}
.incoming-student ul li a {
        color: #fff;
    font-size: 25px;
    padding: 15px 40px;
    display: block;
    background-color: #001b4a;
    margin: 20px 10px 10px;
    border-radius: 50px;
    font-weight: 600;
}
.incoming-student ul li a:hover {
    background-color: #003898;
    color: #fff;
}
@media (min-width: 320px) and (max-width: 767px) {
    .incoming-student {
      padding: 30px 0;
      text-align: center;
    }
    .incoming-student h2 {
        font-size: 20px;
    }
}

.grid-figure {
    padding: 0;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-bottom: 1px solid #e3eef6;
    border-right: 1px solid #e3eef6;
    height: 115px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}
.grid-figure.border-no {
    border-right: none !important;
}
.grid-figure.bottom-noborder {
    border-bottom: none !important;
}
.grid-figure .log-img {
    overflow: hidden;	
}
.grid-figure .log-img img{
	width: 80%;
    text-align: center;
    margin: 0 auto;	
}
.clients_logo_slider {
    border-top: 1px solid #faa831;
    border-left: 10px solid #faa831;
    border-bottom: 1px solid #faa831;
}
.clients_logo .slick-dots li {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0 2px;
  padding: 0;
  cursor: pointer;
}
.clients_logo .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 5px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #c1bcaa;
    border-radius: 2px;
}
.clients_logo .slick-dots li.slick-active button {
    background:#0369b1;
    width: 20px;
}
.clients_logo .slick-dots li button:before{
    display: none;
}
.logo_content {
    background-color:#003898;
    padding: 20px 35px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.logo_content h2 {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 20px;
    text-transform: uppercase;
}
.logo_content p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding-bottom: 20px;
}
@media (min-width: 320px) and (max-width: 767px) {

    .clients_logo_slider .slick-dots {
        bottom: 10px;
    }
    .logo_content {
        padding: 20px 15px 0;
    }
    .logo_content h2 {
        font-size: 20px;
    }
}

.department_tabs {
    padding: 0 0 50px;
}
.tabs-nav li {
  float: left;
}
.tabs-nav li a {
    padding: 10px 25px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    display: inline-block;
    text-transform: uppercase;
    border-bottom: 2px solid #fff;
}
.tabs-nav li:first-child a {
  border-right: 0;
  border-top-left-radius: 6px;
}
.tabs-nav li:last-child a {
  border-top-right-radius: 6px;
}
.tabs-nav li.tab-active a {
    color: #a90f00;
    border-bottom: 2px solid #a90f00;
    box-shadow: 8px 1px 10px -8px rgb(0 0 0 / 50%);
}

.tabs-stage {  
  border-radius: 0 0 6px 6px;
  border-top: 0;
  clear: both;
  padding: 24px 30px;
  position: relative;
  top: -1px;
}
.dept_tabs_nav {
    border-top: 1px solid #cecfd5;
    border-bottom: 1px solid #cecfd5;
}
.before-none::before{
    content: none !important;
}
.selectric-scroll ul li::before{
    content: none;
}
@media (min-width: 320px) and (max-width: 767px) {
    .department_tabs {
        padding: 30px 0;
    }
    .tabs-stage {
        padding: 15px 0 0;
    }
    .tabs_content {
        padding: 0 0 25px;
    }
}
.apply_academic {
    background: #003898;
    text-align: center;
    padding: 40px 0;
}
.apply_academic a {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
}
.faculty_area {
    background-color: #fff;
    border-bottom: 1px solid gainsboro;
    overflow-y: hidden;
    border-radius: 11px;
    box-shadow: 0px 1px 4px gainsboro;
    margin: 15px 5px 5px;
}
.faculty_man {
    float: left;
    width: 100px;
    position: relative;
    z-index: 9;
    height: 100px;
}
.faculty_details {
    padding: 5px 5px 5px 15px;
    float: left;
    width: 260px;
}
.faculty_details h2 {
    font-size: 17px;
    color: #b3334b;
    font-weight: 600;
    padding: 0 0 10px;
    text-transform: capitalize;
}
.faculty_details p {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    font-style: italic;
}
.faculty_section .slick-dots li {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 0 2px;
  padding: 0;
  cursor: pointer;
}
.faculty_section .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #c1bcaa;
    border-radius: 4px;
}
.faculty_section .slick-dots li.slick-active button {
    background:#8e0b35;
    width: 20px;
}
.faculty_section .slick-dots li button:before{
    display: none;
}

.programs_overviews {
    padding: 50px 0;
}
.programs_overviews .accordion-container .accordion-title.open {
    background: #003898;
    color: #fff;
}
.programs_overviews .accordion-container .accordion-title {
    position: relative;
    margin: 0 0 10px;
    padding: 15px 25px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    cursor: pointer;
    transition: all .3s;
    background: #f0f0f0;
    border-radius: 8px;
}
.programs_overviews .accordion-content {
    padding: 5px 25px 15px;
    margin: 0;
}
.programs_overviews .accordion-container .accordion-title::after {
  content:
  "\f055";
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  top: 50%;
  right: 15px;
  left: auto;
  width: auto;
  height: auto;
  transition: all .3s;
  background-color: transparent;
  font-size: 24px;
  transform: translateY(-50%);
}
.programs_overviews .accordion-container .accordion-title.open::after {
    display: block;
    content:
    "\f056";
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    top: 50%;
    right: 15px;
    left: auto;
    width: auto;
    height: auto;
    transition: all .3s;
    background-color: transparent;
    font-size: 24px;
    transform: translateY(-50%);
}


.fiends_programs h2 {
    float: left;
    font-size: 17px;
    color: #000;
    font-weight: 600;
    padding: 0;
}
.fiends_programs ul {
    padding: 0;
    /* margin: 0 0 0 30px; */
    /* float: left; */
    margin-top: 5px;
}
.fiends_programs ul li {
    padding: 0;
    margin: 0 15px 0 0;
    display: inline-block;
}

.fiends_programs [type="checkbox"]:checked, 
.fiends_programs [type="checkbox"]:not(:checked) {
    display: none
}

.fiends_programs [type="checkbox"]:checked + label, 
.fiends_programs [type="checkbox"]:not(:checked) + label {
    position: relative;
    cursor: pointer;
    display: inline-block;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    padding: 0 0 0 0;
    margin: 0 0 0 28px
}

.fiends_programs [type="checkbox"]:checked + label {
    color: #000
}

.fiends_programs [type="checkbox"]:checked + label:before, 
.fiends_programs [type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: -25px;
    top: 0;
    width: 22px;
    height: 22px;
    background: url(../img/box.png) no-repeat
}

.fiends_programs [type="checkbox"]:checked + label:after, 
.fiends_programs [type="checkbox"]:not(:checked) + label:after {
    content: '';
    width: 22px;
    height: 22px;
    background: url(../img/box-active.png) no-repeat;
    position: absolute;
    top: 0;
    left: -25px
}

.fiends_programs [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.fiends_programs [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.pro_top {
    min-height: 135px;
}
.programs_box h3 {
    font-size: 16px;
    color: #2e3a8e;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0 0 10px;
    margin: 0;
}
.programs_box h2 {
    font-size: 15px;
    color: #333;
    font-weight: 500;
    padding: 0;
    margin: 0;
}
.programs_box p {
    font-size: 15px;
    font-weight: 500;
    color: #8e0b35;
}
.programs_box ul {
    padding: 0;
    margin: 0;
}
.programs_box ul li {
    padding: 0 0 0 0;
    margin: 0 0 10px;
    font-size: 13px;
    color: #777;
    align-items: center;
}
.programs_box ul li .fa {
    /* width: 20px; */
    height: 20px;
    border: 1px solid #c9c9c9;
    border-radius: 50%;
    color: #000;
    font-size: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px 0 0;
    min-width: 20px;
}
.programs_box ul li a {
    float: right;
}
.facilities {
    background-color: #003898;
}
.facilities .row.no-gutters {
    display: flex;
}
.facilities_content {
    width: 620px;
    float: right;
    padding-right: 30px;
    padding-top: 50px;
    padding-bottom: 30px;
}
.facilities_content .border{
    border-color: #878787 !important;
}
.facilities_content p {
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 0;
    color: #ddd;
}
.facilities_content ul {
    padding: 0;
    margin: 30px 0 0 0;
}
.facilities_content ul li {
    padding: 0 0 5px 0;
    margin: 0 0 15px 20px;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    border-bottom: 1px solid #ccc;
    list-style: none !important;
}
.facilities_content ul li:last-child {
    border-bottom: 0;
}

.facilities_content ul li:after {
    content: "\f105";
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    left: -15px;
    top: 0;
    color: #000;
}

.facilities_img {
    width: 100%;
    height: 100%;
    background: #003898;
}
.facilities_img img {
    width: 100%;
    height: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.8;
}
.academic-affiliate ul.tabs {
	margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.academic-affiliate ul.tabs li {
	/* float: left; */
	margin: 0;
	cursor: pointer;
	padding: 5px 15px;
	background-color: #fff;
	color: #333;
	position: relative;
	width: 100%;
	font-size: 16px;
	min-height: 50px;
	border-top: 1px solid #Ccc;
}

.academic-affiliate .tab_last {/* border-right: 1px solid #333; */}

.academic-affiliate ul.tabs li:hover {
	background-color: #ccc;
	color: #333;
}
.academic-affiliate.industry-collab .tab_container{
       border: 0;
    background: none;
    box-shadow: none;
}

.academic-affiliate.industry-collab ul.tabs li {
    height: 40px;
    color: #000;
    position: relative;
    width: 100%;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: transparent;
    border-top: 0;
    text-transform: uppercase;
    border-left: 1px solid #e7a13b;
}
.academic-affiliate.inter-collab .tab_content .industry-content.page-content  p{
font-size: 10px;
}
.academic-affiliate.industry-collab ul.tabs li.active {
    background-color: #003898;
    color: #fff;
    display: flex;
}

.academic-affiliate.industry-collab ul.tabs li.active:after {
    content: none;
   
}
.academic-affiliate.industry-collab ul.tabs{
    border:0;
	background: transparent;
}

.academic-affiliate ul.tabs li.active {
	background-color: #333;
    color: #fff;
    display: block;
}
.academic-affiliate ul.tabs li.active:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -15px;
    height: 0px;
    width: 0px;
    border-top: solid 15px transparent;
    border-left: solid 15px #333;
    border-bottom: solid 15px transparent;
    transform: translateY(-50%);
    z-index: 1;
  }
.academic-affiliate .tab_drawer_heading { display: none; }
.card-boorder{
    height: 260px;
    width: 250px;
    object-fit: cover;
    border: 1px solid gainsboro;
}
@media screen and (max-width: 991px) {
	.academic-affiliate .tabs {
		display: none !important;
	}
	.academic-affiliate .tab_drawer_heading {
		background-color: #fc8447;
		color: #fff;
		border-top: 1px solid #333;
		margin: 0;
		padding: 5px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.academic-affiliate .d_active {
		background-color: #f16136 !important;
    color: #fff !important;
    border-bottom: 0px solid #ccc;
	}
    .academic-affiliate .tab_drawer_heading {
        background-color: #f1f1f1;
        border-color: #ccc;
        color: #000;
        padding: 10px;
		
	}   

    .academic-affiliate.industry-collab .tab_container, .academic-affiliate.statuatory-body .tab_container{
        border: 1px solid #ccc;
    }
    .academic-affiliate.industry-collab  .d_active ,  .academic-affiliate.statuatory-body  .d_active{
		background-color: #fc8447;
		color: #fff;
		border-bottom: 1px solid #ccc;
	}
    
}
@media (min-width: 320px) and (max-width: 767px) {
    .fiends_programs {
        padding: 15px;
    }
    .fiends_programs h2 {
        font-size: 12px;
    }
    .fiends_programs ul {
      padding: 0;
      margin: 0;
    }
    .fiends_programs ul li {
        margin: 0;
    }
    .fiends_programs [type="checkbox"]:checked + label, .fiends_programs [type="checkbox"]:not(:checked) + label {
        font-size: 12px;
    }
    .apply_academic {
        padding: 20px 0;
    }
    .apply_academic h1 {
        font-size: 20px;
    }
    .faculty_area {
        /* margin-top: 50px; */
    }
        .faculty_man {
        float: none;
        /* margin: -50px auto auto; */
        height: auto;
        width: 100px;
        min-width: 100px;
    }

    .faculty_man img {
        display: block;
        width: 100px;
		max-height:100px;
        height: 100%;
    }

    .faculty_details {
        float: none;
        width: auto;
        padding: 15px;
    }
    .programs_overviews {
      padding: 30px 0;
    }
    .programs_overviews .accordion-container .accordion-title {
        padding: 15px;
        font-size: 14px;
    }

    .accordion-content {
        /* padding: 5px 15px 15px !important; */
    }
   
    .facilities_content {
        width: auto;
        float: none;
        padding: 15px;
    }

    .accordion-content table{
        min-width: 650px;
   
    }
	 .text-style{
		overflow-x:scroll;
   
    }

    .faculty_profile_accordion .accordion-container .accordion-title {
        padding: 10px 40px 10px 10px !important;
		font-size: 14px !important;
    }
}


.flexible-view .program_box {
  vertical-align: top;
  display: block;
  margin: 0;
  position: relative;
}
.flexible-view .program_box_container {
  display: block;
  position: relative;
}
.flexible-view .program_box_container .open-details {
  display: block;
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.flexible-view .program_box_container .open-details .fa {
    width: 20px;
    height: 20px;
    border:1px solid #8c8c8c;
    border-radius: 50%;
    color: #333;
    font-size: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px 0 0;
}
.flexible-view .program_box_container .open-details:hover .fa {
    background-color: #2e3a8e;
    border:1px solid #2e3a8e;
    color: #fff;
}
.flexible-view .program_box_container .close-details {
  display: none;
}
.flexible-view .program_box_container .close-details .fa {
    width: 20px;
    height: 20px;
    border:1px solid #c9c9c9;
    border-radius: 50%;
    color: #000;
    font-size: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px 0 0;
}
.flexible-view .program_box_container .close-details:hover .fa {
    background-color: #2e3a8e;
    border:1px solid #2e3a8e;
    color: #fff;
}
.program_box_gallery {
  display: flex;
  flex-wrap: wrap;
}
.program_box_gallery:after {
  content: "";
  flex-grow: 1;
  display: inline-block;
  min-width: 50%;
}
.program_box_gallery .program_box {
  margin: 0;
  position: static;
  /* width: 25%; */
  border: 0;
}
.program_box_gallery .program_box.open {
  margin: 0 0 35px;
}
.program_box_gallery .program_box.open:after {
  content: "";
  font-size: 0px;
  position: relative;
  top: -10px;
  left: 120px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 20px;
  border-color: transparent transparent #fed1ce transparent;
  /*top: 4px;
  width:100px;
  height:2px;
  background:$secondary-color;
  display: inline-block;*/
}
.program_box_gallery .program_box.open .program_box_container .open-details {
  display: none;
}
.program_box_gallery .program_box.open .program_box_container .close-details {
  display: block;
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.programs_box {
    /*border: 1px solid #f4f4f4;
    box-shadow: 0 0 10px #f4f4f4;
    border-radius: 10px;
    padding: 30px 28px 10px;
    border-bottom: 4px solid #2e3a8e;
    margin: 0 0 20px;*/
}
.program_box_gallery .program_box_container {
    width: 100%;
    box-shadow: 0px -2px 4px 0px rgb(0 0 0 / 9%);
    border-radius: 0px 10px 0px 10px;
    padding: 15px 15px 10px;
    border-bottom: 6px solid #003898;
    margin: 20px 0px 0;
    background: #ffffff;
}
.program_box_gallery .program_box_details_container.dc-mobile {
  height: 0;
}

.program_box_gallery .program_box_details_container {
    position: absolute;
    left: 0;
    right: 0;
    margin: 10px 15px;
    overflow-y: auto;
    background-color: #d8d9cf;
    box-shadow: 0px 8px 0px -3px rgb(235 235 235);
    border-radius: 6px;
    height: 0;
    overflow-x: hidden;
}
.program_box_details {
    padding: 40px 15px 15px 40px;
    display: flex;
}
.program_box_details h5 {
    color: #002470;
    font-size: 24px;
    padding-bottom: 20px;
    font-weight: 400;
}
.program_box_details p {
    color: #333333;
    font-size: 14px;
    padding-bottom: 15px;
    font-weight: 400;
}


.program_box_details .collaborate p {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    padding: 0;
}

.chancellor-img{
    min-width: 150px;
    height:150px;
    border-radius: 300px;
    overflow: hidden;
    display: flex;
    z-index: 1;
    border: 1px solid #fc8447;
}

@media screen and (min-width: 768px) {
  .program_box_gallery:after {
    content: "";
    flex-grow: 1;
    display: inline-block;
  }
  /* .about-study .col-xl-20:nth-last-child(-n+2){
    display: none;
  } */
}
@media screen and (min-width: 1024px) {
.chancellor-msg-text{
    margin-left: -75px;
    margin-top: 75px;
    padding-left: 90px !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);

}
/**#primary-nav ul li:nth-of-type(3) .sub-menu, #primary-nav ul li:nth-of-type(1) .sub-menu , #primary-nav ul li:nth-of-type(2) .sub-menu{
    left:auto;
}
#primary-nav ul li:nth-of-type(4) .sub-menu{
    left:25%;
}
#primary-nav ul li:nth-of-type(5) .sub-menu{
    padding-bottom: 0;
   
    left:40% ;
    padding-right: 0;
}
#primary-nav ul li:nth-of-type(6) .sub-menu{
    padding-top: 0 ;
    padding-bottom: 0 ;
    left: 20%;
    z-index: 99;
}
#primary-nav ul li:nth-of-type(7) .sub-menu{
    padding-right: 0 ;
    padding-bottom: 0 ;
    left: 35%;
    z-index: 99;
}**/
  .program_box_gallery:after {
    content: "";
    flex-grow: 1;
    display: inline-block;
  }
  .float-card.card {
    position: absolute;
    top: 50%;
    max-width: 500px;
    top: 50%;
    transform: translateY(-50%);
    left:80px
    }
}



.computer_dept_bg {
    background-image: url(../img/computer_sec.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.computer_dept_content {
        max-width: 100%;
    background:linear-gradient(45deg, #333, rgb(0 56 152 / 24%));
    padding: 40px 90px;
    height: auto;
    max-height: 100%;
    min-height: 450px;
    display: flex; 
    align-items: center;
    opacity: 1;

}

.computer_dept h1 {
    color: #faa831;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase; 
    padding-bottom: 30px;
} 
.computer_dept h2 {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
}
.computer_dept p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 0 0 20px;
}
.computer_dept a {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 15px;
	    display: inline-block;
    border:1px solid #fff;
    text-transform: uppercase;
}
.computer_dept a:hover {
    background-color: #ffdb8f;
    border:1px solid #ffdb8f;
    color: #000;
}


.events_detrails {
    padding: 50px 0;
}
.events_date_time {
    padding: 0 20px;
}
.events_date_time h2 {
    color: #333333;
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 20px;
}
.events_date_time ul {
    padding: 0;
    margin: 0;
}
.events_date_time ul li {
    padding: 0 0 10px;
    margin: 0 0 15px;
    border-bottom: 1px solid #e9e9e9;
}
.events_date_time ul li span {
    padding: 0;
    margin: 0 0 8px;
    color: #f16136;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
}
.events_date_time ul li p {
    padding: 0;
    margin: 0;
    color: #333;
    font-size: 16px;
    font-weight: 600;
}
.events_date_time .events_social {
    float: left;
    margin-right: 45px;
    margin-top: 30px;
}
.events_date_time .events_social ul,
.events_date_time .add_calender ul {
    padding: 0;
    margin: 0;
}
.events_date_time .events_social ul li,
.events_date_time .add_calender ul li {
    padding: 0;
    margin: 0;
    border: 0;
    display: inline-block;
}
.events_date_time .events_social ul li a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #333333;
    color: #ffffff;
    margin-right: 5px;
}
.events_date_time .events_social p,
.events_date_time .add_calender p {
    padding: 0;
    margin: 0;
    color: #f16136;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.events_date_time .add_calender {
    float: left;
    margin-top: 30px;
}
.events_content {
    padding: 20px 0 0 0;
    font-size: 15px;
}
.events_content p {
    padding: 0 0 20px;
}
@media (min-width: 320px) and (max-width: 767px) {
    .events_date_time {
        padding: 0px 0 20px;
    }
    .events_detrails {
      padding: 20px 0;
    }
}
.happiness:before {
    content: "";
    background: rgb(34 34 34 / 50%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
	left: 0;
}
.happiness {
    padding:15em 0 3em;
    background: url(../img/bg-bottom-block.jpg) center center no-repeat;
    background-size: cover;
    position: relative;
}
.happiness h1 { 
    color: #ffffff;
    font-size: 40px;
    position: relative;
    z-index: 1;
    font-weight: 600;
 }
.news_views {
    padding: 20px 0 30px;
}
.news_views .selectric,
.events_page .selectric {
    border: 1px solid #ccc;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    background: #f9f9f9;
}
.news_views .selectric .label,
.events_page .selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 38px 0 0;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #706c63;
  font-weight: 400;
  height: 45px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0 15px;
  text-transform: capitalize;
}
.news_views .selectric-items li,
.events_page .selectric-items li {
  list-style: none;
  padding: 10px 15px;
  margin: 0;
  font-size: 14px;
  min-height: 20px;
  color: #706c63;
  text-transform: capitalize;
}
.news_views .selectric .button,
.events_page .selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 45px;
  background-color: transparent;
  color: #927f59;
  text-align: center;
  font: 0/0 a;
  *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}

.news_img {
    overflow: hidden;
    box-shadow: 0px 3px 3px -2px rgb(0 0 0 / 22%);
    border: 1px solid gainsboro;
    border-radius: 2px;
}
.news_img img {
        width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: top;
    transition: 0.1s;
}
.news_box:hover .news_img img {
    transform: scale(1.1);
}
.news_box {
    background: #fff;
    margin-bottom: 20px;
}
.news_small_text  p{
    font-size: 18px;
    color: #333;
    font-weight: 500;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: 0.3s;
}
.news_box:hover .news_small_text  p{
        color: #f16136;
}
.news_details_heading h2{
	font-size: 30px;
    font-weight: 600;
}
.news_details_heading .post-date {
        color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    background: #f16136;
    display: inline-block;
    padding: 5px 10px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.news_big_slider{
	border-radius: 5px;
    overflow: hidden;
    /* box-shadow: 0px 0px 15px gainsboro; */
}
.news_details_area {
    padding: 30px 0 50px;
    position: relative;
}
.news_big_slider .slick-slide img {
    display: block;
    width: 100%;
}
.news_big_slider .html5lightbox {
    position: absolute;
    right: 15px;
    top: 10px;
    z-index: 999;
}
.news_big_slider .slick-slide .html5lightbox img {
    display: block;
    width: auto;
}
.news__counter {
    padding:5px 10px;
    background-color: #cececc;
    position: absolute;
    top: 15px;
    left: 25px;
    z-index: 9
}
.news_details_content {
    padding: 30px 0 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #cececc;
}
.news_details_content p {
    color: #333333;
    font-size: 14px;
    font-weight: 500;
    padding: 0 0 15px;
}
.news_social {
    padding: 0 0 25px;
}
.news_social p {
    padding: 0;
    margin: 0;
    color: #f16136;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.news_social ul {
    padding: 0;
    margin: 0;
}
.news_social ul li {
    padding: 0;
    margin: 0;
    border: 0;
    display: inline-block;
}
.news_social ul li a {
        width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #333333;
    color: #fff;
}
.news_works {
    padding: 0;
}
.news_works ul {
    padding: 0;
    margin: 0;
}
.news_works ul li {
    padding: 0;
    margin: 0 5px 0 0;
    border: 0;
    display: inline-block;
}
.news_works ul li a {
    border-radius: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #333333;
    padding: 8px 15px;
    border: 1px solid #ccc;
    text-transform: uppercase;
}
.news_works ul li a:hover {
    background-color: #8e0b35;
    border: 1px solid #8e0b35;
    color: #fff;
}

.faculty_profile {
    /*background: linear-gradient(to bottom,  rgb(248,242,230) 33%,rgb(255,255,255) 33%);*/
    padding: 35px 0;
    position: relative;
}
.faculty_profile_rgb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 160px;
    background-color:#343a40;
}
.faculty_profile_img img {
    max-width: 100%;
    width: 220px;
    height: 240px;
    object-fit: cover;
    object-position: top;
    background: #f9f9f9;
}
.faculty_profile_content h2 {
    color: #ffffff;
    font-size: 28px;
    font-weight: 600;
}
.faculty_profile_content h3 {
    color: #ccc;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    margin: 10px 0 0px;

}
.faculty_education {
    padding: 40px 0 0 0;
    position: relative;
}
.faculty_social {
    position: absolute;
    top: -25px;
    right: 0;
    background-color: #fff;
    padding: 10px;
}
.faculty_social ul li {
    padding: 0;
    margin: 0 5px 0 0;
    border: 0;
    display: inline-block;
}
.faculty_social ul li a {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #8e0b35;
    color: #fff;
}
.faculty_education h2 {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 18px;
}

.faculty_education thead,
.faculty_education tbody, 
.faculty_education tfoot {
    background: none;
    
    border: 0;
}
.faculty_education thead {
    color: #8e0b35;
}
.faculty_education tfoot td, 
.faculty_education tfoot th, 
.faculty_education thead td, 
.faculty_education thead th {
    font-weight: 400;
    text-align: left;
}
.faculty_education tbody td {
    font-weight: 400;
    text-align: left;
    font-size: 14px;
}
.faculty_education tbody tr {
    border-bottom: 1px solid #ccc;
}
.faculty_education tbody tr:nth-child(even) {
    border-bottom: 1px solid #ccc;
    background-color: transparent;
}
.faculty_education tbody tr td:first-child {
    width: 135px;
}
.faculty_profile_accordion {
    padding: 50px 0;
}
.faculty_profile_accordion .accordion-container .accordion-title {
    position: relative;
    margin: 0 0 10px;
        padding: 20px 40px 20px 10px !important;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    cursor: pointer;
    transition: all .3s;
    background: #f0f0f0;
    border-radius: 8px;
}
.faculty_profile_accordion .accordion-container .accordion-title::after {
    content:
    "\f055";
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    top: 50%;
    right: 15px;
    left: auto;
    width: auto;
    height: auto;
    transition: all .3s;
    background-color: transparent;
    font-size: 24px;
    transform: translateY(-50%);
}
.faculty_profile_accordion .accordion-container .accordion-title.open {
    background: #003898;
    color: #fff;
}
.faculty_profile_accordion .accordion-container .accordion-title.open::after {
  display: block;
  content:"\f056";
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  top: 50%;
  right: 15px;
  left: auto;
  width: auto;
  height: auto;
  transition: all .3s;
  background-color: transparent;
  font-size: 24px;
  transform: translateY(-50%);
}
.faculty_profile_accordion .accordion-content {
    padding: 5px 25px 15px;
    margin-top: 10px;
}
.faculty_profile_accordion .accordion-content ul li{
    position: relative;
    padding-left:15px;
}
.faculty_profile_accordion .accordion-content ul li::before{
    position: absolute;
   
    font-family: 'Font Awesome 5 Pro';
    content: "\f111";
    font-size: 6px;
    top: 8px;
    left: 0;
    font-weight: 600;
    color: #aaa;
}
.faculty_profile_accordion .accordion-container p {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
}
.faculty_profile_accordion .accordion-container {
    margin-bottom: 25px;
}
.faculty_profile_accordion a {
    color: #8e0b35;
    font-weight: 400px;
    font-size: 16px;
    text-transform: uppercase;
}
.faculty_profile_accordion a:hover {
    letter-spacing: 2px;
}
.faculty_profile_accordion a .fa {
    margin-right: 10px;
}
.events_page {
    padding: 30px 0;
}
.events_row {
        margin: 0 0 50px;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    background: #ffffff;
    transition: 0.3s;
}
.events_row:hover {
	    box-shadow: 0px 2px 75px rgb(0 0 0 / 15%);
    transform: translateY(-5px);
}
.events_img img{
        width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: top;
    transition: 1s;
}
.events_img{
	overflow: hidden;
    border-radius: 10px;
    margin: -8px;
    border: 1px solid gainsboro;
    background: gainsboro;
}
.events_row:hover .events_img img{
	transform: scale(1.2);
	filter: grayscale(1);
}
.events_date_con a {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	transition: 0.3s;
}
.events_row:hover .events_date_con a {
    color: #f16136;
}
.events_date_con span {
	    font-size: 12px;
    color: #ffffff;
    font-weight: 600;
    display: inline-flex;
    margin-bottom: 10px;
    padding: 2px 10px;
    border-radius: 5px;
    text-transform: uppercase;
    margin-right: 5px;
    align-items: center;
}
.events_date_con p {
    font-size: 14px;
    color: #000;
    font-weight: 400;
}

.events_area .calendar-wrapper {
  width: auto;
  margin: 0;
  padding: 30px 20px 15px;
  border: 1px solid #ccc;
  border-radius: 0;
  background: #fff;
  font-family: 'Roboto', sans-serif;
}
.events_area .calendar-wrapper table {
  clear: both;
  width: 100%;
  border: 1px solid #dcdcff;
  border-radius: 3px;
  border-collapse: collapse;
  color: #444;
}
.events_area .calendar-wrapper td {
  height: 48px;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #dcdcff;
  border-top: 1px solid #dcdcff;
  /*width: 14.28571429%;*/
  padding: 0;
}
.events_area .calendar-wrapper td.not-current {
  color: #c0c0c0;
}
.events_area .calendar-wrapper td.today {
  font-weight: 700;
  color: #fff;
  font-size: 20px;
  background-color: #8e0b35;
}
.events_area .calendar-wrapper thead td {
  border: none;
  color: #8e0b35;
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 300;
}
#btnPrev {
  float: left;
  margin-bottom: 20px;
}
#btnPrev:before {
    content: "\f104";
    font-family: "Font Awesome 5 Pro";
    padding-right: 4px;
}
#btnNext {
  float: right;
  margin-bottom: 20px;
}
#btnNext:after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    padding-right: 4px;
}
#btnPrev,
#btnNext {
  background: transparent;
  border: none;
  outline: none;
  font-size: 16px;
  font-weight: 300;
  color: #8e0b35;
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
#btnPrev:hover,
#btnNext:hover {
  color: #28283b;
  font-weight: bold;
}
.EventsCal {
    border-bottom: 1px solid #ccc;
}
.cal_marks {
    padding: 15px 0 0 0;
}
.cal_marks ul {
    padding: 0;
    margin: 0
}
.cal_marks ul li {
    font-family: 'Roboto', sans-serif;
    color: #969696;
    font-size: 15px;
    font-weight: 400;
    padding: 0;
    margin: 0 0 8px;
    width: 50%;
    float: left;
}


.tapbutton  a.view_profile:first-of-type{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 1px solid #fff;
}
.tapbutton  a.view_profile:nth-of-type(2){
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.main-dep .slick-arrow {
width: 40px;
height: 40px;
background: #faa831;
z-index: 9;
border-radius: 40px;
}
.main-dep .slick-prev {
    left: 30px;

}
.main-dep .slick-prev::before {
   content:'\f053';
   font-family: 'Font Awesome 5 Pro';
   color: black;

}

.main-dep .slick-next {
    right: 30px;
}
.main-dep .slick-next::before {
    content:'\f054';
    font-family: 'Font Awesome 5 Pro';
 }
.main-dep .slider{
    height: auto;
}

.main-dep .slick-slide.slick-current.slick-active.slick-center{
    opacity: 1;
}

@media (min-width: 320px) and (max-width: 767px) {
    .happiness {
        padding: 5em 0em;
        text-align: center;
    }
    .happiness h1 {
        font-size: 25px;
    }
    .news_views .selectric,
    .events_page .selectric{
        margin-bottom: 20px;
    }
    .pagination ul {
        width: 100%;
        float: none;
        margin-bottom: 15px;
    }
    .pagination .jump_page {   
      float: none;
    }
    
    .faculty_profile_img {
        margin: 0 auto 25px;
        float: none;
    }
    .mobile_scroll {
        overflow-x: scroll;
    }
    .mobile_scroll table {
        width: 900px;
    }
    .faculty_social {
      position: inherit;
      top: inherit;
      right: inherit;
      padding: 0;
      margin-bottom: 30px;
    }
    .faculty_education {
        padding: 20px 0 0 0;    
    }
  
    .tab_content  {
        padding: 10px;
    border: 1px solid gainsboro;
    }
    .tab_content .affiliate-content {
        overflow-x: scroll;

    }
    .affiliate-content table{
        min-width: 600px;
    }
}

.transform-crd{
    transform: translateX(-100px); margin-bottom: 0;
}
.from-img{
    min-height:480px;
}

.border-lite-top{
    border-top: 1px solid #e3eef6;
}

.border-lite-bottom{
    border-bottom: 1px solid #e3eef6;
}





.card-master-conteiner h5{
    /* margin-left:150px
; */
    width: fit-content;
    background: white;
    padding: 10px;
    margin-bottom: -2px;
    border-top: 4px solid #066aae;
    border-right: 1px solid #066aae;
    border-left: 1px solid #ccc;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

#DataTables_Table_0_length label{
	    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

.counter_home .row .col-6:nth-child(4n+1) .counter_home_box p{
    color: #fff;
}
.counter_home .row .col-6:nth-child(4n+1) .counter_home_box h2{
    color: white;
}
.counter_home .row .col-6:nth-child(4n+1) .counter_home_box{
    background: #003898;
    color: #fff;
}
.counter_home .row .col-6:nth-child(4n+0) .counter_home_box p{
    color: #fff;
}
.counter_home .row .col-6:nth-child(4n+0) .counter_home_box h2{
    color: white;
}
.counter_home .row .col-6:nth-child(4n+0) .counter_home_box{
    background: #003898;
    color: #fff;
}
.counter_home .row .col-6 .counter_home_box p{
    margin: 0px;
}
.counter_home .row .col-6 .counter_home_box h2{
    font-weight: 800;
    font-size: 42px;
}
.counter_home .row .col-6 .counter_home_box{
    text-align: center;
    padding: 20px 10px;
    background: #f16136;
    min-height: 170px;
}
.counter_home{
    margin-top: -170px;
}
.about-study .about-study-box a:hover img{
    filter: invert(98%) sepia(94%) saturate(15%) hue-rotate(338deg) brightness(105%) contrast(100%);
}
.about-study .about-study-box a:hover p{
    color:#fff;
}
.about-study .about-study-box a:hover{
    box-shadow: 0px 3px 5px rgb(0 56 152 / 34%);
    background: #f16136;
    transform: translateY(-5px);
}
.about-study .about-study-box a{
    min-height: 165px;
    background: #f1f1f1;
    align-items: center;
    border-radius: 2px;
    display: flex;
    justify-content: center;
}
@media only screen and (min-width: 1100px) {
    .col-xl-20 {
        width: 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
	.banner .slide {
		min-height: 750px;
		display: flex !important;
		align-items: end;
		justify-content: center;
		height: 100vh;
    }
    .banner.image-banner .slide{
        min-height: auto;
        height: auto;
    }
  }
.academics-slider-inner .academics-srm-text p{
    color: #fff;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.academics-slider-inner .academics-srm-text h3{
    color: #ffffff;
    font-weight: 600;
    font-size: 26px;
    text-transform: uppercase;
}
.academics-slider-inner .academics-srm-text h2{
    color: #ffffff;
    font-weight: 600;
    font-size: 26px;
    text-transform: uppercase;
}
.academics-slider-inner .academics-srm-text{
    position: absolute;
    bottom: 0;
    background:hsl(0deg 0% 0% / 80%);
    left: 0;
    max-width: 450px;
    padding: 20px;
    color: #fff;
}
.academics-slider-inner .academics-srm-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 300px;
    min-height: 300px;
}
.academics-slider-inner .academics-srm-img{
    max-height: 300px;
    min-height: 300px;
}
.academics-slider-inner.slider-inner-big .academics-srm-img img{
    width: 100%;
    height: 100%;
    min-height: 620px;
    object-fit: cover;
}
.academics-slider-inner.slider-inner-big .academics-srm-img{
    min-height: 620px;
}
.academics-slider-inner.slider-inner-big .academics-srm-text p{
    color: #fff;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.academics-slider-inner.slider-inner-big .academics-srm-text h3{
    color: #ffffff;
    font-weight: 600;
    font-size: 26px;
}
.academics-slider-inner.slider-inner-big .academics-srm-text h2{
    color: #ffffff;
    font-weight: 600;
    font-size: 26px;
}
.academics-slider-inner.slider-inner-big .academics-srm-text{
    position: absolute;
    bottom: 0;
    background:hsl(14deg 87% 58% / 90%);
    left: 0;
    max-width: 450px;
    padding: 20px;
    color: #fff;
}
.academics-slider-inner, .academics-slider-inner.slider-inner-big{
    position: relative;
    margin-bottom: 20px;
}
.accreditation_affiliate .slide{
    padding: 5px;
}
.accreditation_affiliate img{
    width: 100%;
    height: 100%;
    border: 1px solid #ececec;
    border-radius: 15px;
    padding: 10px;
    background: white;
}
.yellow_link:hover{
    color: #faa831 !important;
    cursor: pointer;
}
.btn-warning {
    color: #212529;
    background-color: #faa831;
    border-color: #faa831;
}
.text-warning {
    color: #faa831!important;
}

.border-design:after{
    content: "";
    width: 15px;
    height: 15px;
    background: #ffffff;
    position: absolute;
    top: -6px;
    transform: rotate(45deg);
}
.border-design{
    max-width: 380px;
    height: 2px;
    background: #ffffff;
    margin: 15px auto;
    display: block;
    position: relative;
}
.exprience-speak .exp-box .exp-box-content {
    padding-left: 30px;
}
.exprience-speak .exp-box .exp-box-content p{
    font-size: 14px;
    font-style: italic;
    color: #707070;
}
.exprience-speak .exp-box .exp-details-name p{
    font-size: 12px;
    font-style: italic;
}
.exprience-speak .exp-box .exp-details-name h3{
    font-size: 16px;
    font-weight: 700;
}
.exprience-speak .exp-box .exp-details img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
}
.exprience-speak .exp-box .exp-details{
    display: flex;
    align-items: center;
    padding: 20px 10px;
}
.exprience-speak .exp-box:before{
    content: "“";
    font-family: initial;
    font-size: 60px;
    position: absolute;
    top: 35px;
    left: 10px;
    color: #f16136;
}
.exprience-speak .exp-box{
        min-height: 230px;
        padding: 20px 20px 0;
        position: relative;
        box-shadow: 1px 2px 10px rgb(0 0 0 / 10%);
        margin: 10px;
        background: #fff;
}
.event-div .event-box .date p{
    font-size: 16px;
    text-transform: uppercase;
    color: #333;
    font-weight: 700;
}
.event-div .event-box .date h2{
    color: #f16136;
    font-size: 30px;
    font-weight: 700;
}
.event-div .event-box .date{
    background: #f1f1f1;
    text-align: center;
    margin-right: 10px;
    border-bottom: 3px solid #f16136;
    display: grid;
    align-items: center;
    align-content: center;
    float: left;
    padding: 6px 5px 0px;
}
.event-div .event-box:hover .event-content .event-link{
    color: #f16136;
}
.event-div .event-box .event-content .event-link{
    font-weight: 600;
    color: #333;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.event-div .event-box{
    display: flex;
    width: 100%;
    align-items: center;
}
.announcement-main{
    position: fixed;
    bottom: 0;
    z-index: 2;
    background: rgb(51 51 51);
    width: 100%;
}

.footer-social-links li a{
    width: 20px;
    height: 20px;
    display: grid;
    background: #ccc;
    color: #000;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    margin-right: 5px;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.footer-social-links li a:hover{
    background: #faa831;
}
.footer-social-links li{
    display: inline-block;
}

.contact-social-links li a{
    width: 40px;
    height: 40px;
    display: block;
    background: #f16136;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    font-size: 20px;
    margin-right: 5px;
}
.contact-social-links li a:hover{
    background: #faa831;
}
.contact-social-links li{
    display: inline-block;
}

@media (min-width: 320px) and (max-width: 767px) {
    
    .counter_home{
        margin-top: -125px;
    }
    
    .academic_banner_bottom p {
        font-size: 14px;
    }
    .dean_img {
        margin: 0 0 20px;
        text-align: center;
    }
    .computer_dept_bg {
        padding: 0;
        min-height: auto;
    }
    .computer_dept h1 {
            font-size: 22px;
    padding-bottom: 20px;
    margin-top: 5px;
    }
    .computer_dept h2 {
        font-size: 18px;
    }
	.main-dep .slick-next{
		right: 5px;
	}
	.main-dep .slick-prev {
		left: 5px;
	}
	.computer_dept_content {
		    padding: 10px 40px;
    height: auto;	
    min-height: 430px;
	}
	
}


.copyright{
    background: #212121;
    border-top: 1px solid #2c2c2c;
    padding: 5px 0 40px;
}
#return-to-top {
    position: fixed;
    bottom: 90px;
    right: 32px;
    margin: 0 auto;
    padding-top: 10px;
    color: #fff;
    text-transform: uppercase;
    background: #f16136;
    width: 40px;
    height: 40px;
    display: block;
    text-decoration: none;
    display: none;
    font-size: 20px;
    text-align: center;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1000;
    border-radius: 100%;
}
.mobile_primary .main_menu{
    float: left;
    /* min-height: 50px; */
    position: relative;
}
.contact-transform {
    transform: translate(0,-100%);
}
.toll-Number{
    display: inline-grid;
    align-items: center;
    justify-items: start;
    height: 17px;
    overflow: hidden;
}
 
@media (min-width: 1330px) {
    .main-menu-des .col-xl-9{ 
        max-width: 80%;
        flex: 0 0 80%;
    }
    .main-menu-des .col-xl-3{
        max-width: 20%;
        flex: 0 0 20%;
    }

@media (min-width: 992px) {
    .mobile_primary .sub-menu{
        min-width: 900px;
        /* overflow: auto; */
        /* left: -10%; */
        /* max-height: 450px; */
    }
}
    .lg-column-count{
        column-count: 2;
    }
    .search_box_blue{
        transition: 0.2s;
    }
    
    .sticky-header .search_box_blue{
        visibility: hidden;
        opacity: 0;
        position: relative;
        margin-top: -35px;
    }
    /* .mobile_primary .main_menu{
        left: 10%;
    } */
    .main-section:before, .main-section:after {
        content:''; 
        display:table; 
        clear:both;
    }
    .sticky-side {
        height: fit-content;
        position: -webkit-sticky;
        position: sticky;
        top: 120px;
    }
}
@media (max-width: 992px) {
    .counter_home {
        margin-top: 0px;
    }
}
.theme-bg-01{
    background-color: #003898 !important;
}
.theme-bg-02{
    background: #faa831 !important;
}
.theme-bg-03{
    background: #f16136 !important;
} 
.theme-color-01{
    color: #003898 !important; 
}
.theme-color-02{
    color: #f16136 !important;
}
.theme-color-03{
    color: #faa831 !important;
}
.inner-color-box .col-6{
    text-align: center;
    min-height: 160px;
    display: grid;
    padding: 22px 10px;
}
.event_height_fix::-webkit-scrollbar {
    opacity: 0;
    width: 5px;
    visibility: hidden;
}
.event_height_fix:hover::-webkit-scrollbar-thumb {
    opacity: 1;
    visibility: visible;
}
.event_height_fix::-webkit-scrollbar-thumb {
    background-color: #dddddd;
    height: 100px;
    border-radius: 30px;
    opacity: 0;
    visibility: hidden;
}
.event_height_fix{
    max-height: 520px;
    overflow-x: auto;
}
.industry_logo .industry_logo_content::after{
    content: "";
    background: #f1f1f1;
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    bottom: 0;
    z-index: 0;
    transform: skewX(320deg);
}
.industry_logo:hover .industry_logo_content::after{
    background:#faa831;
}
.industry_logo .industry_logo_content p{
    transform: skewX(320deg);
}
.industry_logo .industry_logo_content{
    padding: 6px 15px;
    background: #f1f1f1;
    color: #000000;
    min-width: 40%;
    max-width: 80%;
    transform: skewX(40deg);
    position: absolute;
    bottom: 0;
    min-height: 50px;
    display: grid;
    align-items: center;
}
.industry_logo:hover .industry_logo_content{
    background:#faa831;
}
.industry_logo img{
    width: 100%;
    height: 100px;
    object-fit: contain;
    margin: 10px;
}
.industry_logo{
    border: 2px solid #fff0d9;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    padding-bottom: 40px;
}
.gallery_images_single a img{
    object-fit: cover;
    object-position: top center;
    height: 100%;
    width: 100%;
    transition: 1s;
}
.gallery_images_single a{
    display: block;
    margin-bottom: 30px;
    z-index: 1;
    box-shadow: 0 10px 10px rgb(0 0 0 / 25%), 0 0px 0px rgb(0 0 0 / 22%);
    height: 290px;
    transition: 1s;
    overflow: hidden;
}
.object-fit-covor{
	object-fit: cover !important;
}
.faculty_tables{
    border-radius: 5px;
    box-shadow: 0px 4px 5px 0px rgb(181 181 181);
    background: #f9f9f9;
    font-size: 14px;
    max-height: 400px;
    overflow: auto;
}
.exparts-inner .expart_persons img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.exparts-inner .expart_persons{
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid gainsboro;
    margin: 20px auto 10px;
}
.exparts-inner{
    border: 1px solid gainsboro;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 2px 5px gainsboro;
}
.single-image-slider{
	box-shadow: 0px 3px 10px rgb(0 0 0 / 30%);
}
.faculty_profile_content{
    font-size: 15px;
    color: #444;
}
.media_iframe::before{
    content: "";
}
.media_iframe{
	height: 400px;
    overflow-y: auto;
    border: 1px solid gainsboro;
    overflow-x: hidden;
}
.up-coming-event .today{
    background: #faa831;
    color: #fff;
}
.up-coming-event .normal:hover{
    background-color: #ff9575;
}
.up-coming-event .normal{
    background: #f16136;
    border: 1px solid #ff9a7c;
    color: #fff;
}
.up-coming-event thead td{
    background: #f9f9f9;
    border-bottom: 1px solid #eaeaea;
}
.up-coming-event {
    position: relative;
}
.up-coming-event td{
    background: #f1f1f1;
    text-align: center;
}
.up-coming-event #btnNext{
    position: absolute;
    top: 13px;
    right: 10px;
}
.up-coming-event #btnPrev{
    position: absolute;
    top: 13px;
    left: 10px;
}
.mw-fit-content{
    max-width: fit-content;
}
@keyframes color-blink {
    from {color: #333;}
    to {color: #256d85;}
  }
.accessibility-tools .accessibility-tools-menu a{
    display: block;
    padding: 5px 10px;
    border-bottom: 1px solid gainsboro;
    font-size: 14px;
}
.accessibility-tools .accessibility-tools-btn{
    position: absolute;
    right: -40px;
    width: 40px;
    display: grid;
    height: 40px;
    background: #faa831;
    text-align: center;
    font-size: 30px;
    cursor: pointer;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 27%);
    justify-content: center;
    align-content: center; 
}
.accessibility-tools{
    position: fixed;
    top: 40%;
    left: -112px;
    background: #fff;
    transition: 0.3s;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 33%);
}
.accessibility-tools-left{
    left: 0px !important;
}
.black_theme, .black_theme section .color-white{
    color: #fff !important;
}
.black_theme, .black_theme section{
    background: #333 !important;
    color: #fff ;
}
.accreditation-img img{
    max-width:140px;
    margin: auto;
}
.accreditation-img{
    background: #f9f9f9;
    height: 170px;
    border: 1px solid gainsboro;
    align-items:center;
    display: flex;
}
.placements-home .placements-home-inner{
    background-color: rgb(33 33 33 / 80%);
}
.placements-home{
    padding: 0;
    background: url(../img/bg-bottom-block.jpg) center center no-repeat;
    background-size: cover;
}
.affiliate-content table a span{
    visibility: hidden;
    opacity: 0;
    transition: 0.2s;
}
.affiliate-content table a:hover span{
    visibility: visible;
    opacity: 1;
    transition: 0.2s;
}
.spotlight-slider .slick-prev{
    left: -5px;
}
.spotlight-slider .slick-next{
    right: -5px;
}
.spotlight-slider .slick-arrow{
    background: #f16136;
    width: 40px;
    height: 40px;
    z-index: 1;
    box-shadow: 0px 2px 1px rgb(0 0 0/39%);
    border-radius: 5px;
    font-weight: 800;
    color: #fff;
}

.events-pagination li.active a{
    background: #f16136;
    border-color: #f16136;
    color: #ffff;
}
.events-pagination li:hover a{
    background: #dfdfdf;
    border-color: #dfdfdf;
}
.events-pagination li a{
    color: #333;
    display: block;
    padding: 5px 10px;
    border: 1px solid gainsboro;
    min-width: 30px;
    text-align: center;
    border-radius: 5px;
}
.events-pagination li{
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}
.events-pagination{
    display: block;
}

@media (max-width: 767px) {
    .events_row{
        margin: 0 0 25px;
    }
    .banner{
        min-height: 250px;
        height: auto;
        width: 100%;
    }
    .banner video{
        height: 460px;
        min-height: auto;
    }
	.programs_box h2{
		margin: 0 0 20px;
	}
	.faculty_profile_content{
		text-align: center;
	}
	.faculty_profile_content h2{
		color: #000000;
	}
	.faculty_profile_content h3{
		    color: #333;
	}
    .apply_academic a{
        font-size: 20px;
    }
	.counter_home .row .col-6 .counter_home_box{
		padding: 10px 10px;
		min-height: 125px;
		    height: 100%;
	}
	.counter_home .row .col-6 .counter_home_box h2 {
		font-weight: 600;
		font-size: 35px;
	}
	.heading-36{
		font-size: 20px !important;
	}
	.heading-64{
		font-size: 50px !important;
	}
	.academics-slider-inner.slider-inner-big .academics-srm-text h2, .academics-slider-inner .academics-srm-text h2{
		font-size: 16px;
	}
	.academics-slider-inner.slider-inner-big .academics-srm-text h3, .academics-slider-inner .academics-srm-text h3{
		font-size: 16px;
	}
	.academics-slider-inner .academics-srm-text p{
		margin-top:5px;
	}
	.clients_logo .col-20 .grid-figure img{
		object-fit:contain;
	}
	.clients_logo .col-20 .grid-figure{
		height:60px;
	}
	.clients_logo .col-20{
		width:25%;
	}
	.exprience-speak .exp-box:before{
		left: 15px;
    top: 40px;
    font-size: 80px;
	}
	.exprience-speak .exp-box{
		min-height: auto;
    padding: 20px 10px 10px 30px;
    margin-bottom: 10px;
    height: auto;
    box-shadow: 0px 1px 4px gainsboro;
	}
	.incoming-student ul li a{
		font-size: 16px;
		text-transform: uppercase;
		padding: 5px 40px;
		font-weight: 400;
		margin: 10px 0 0;
	}
	.incoming-student h2{
		font-size: 20px !important;
		font-weight: 600 !important;
	}
	.clients_logo_slider{
		border: 0;
	}
	.events_img{
		margin: -10px -8px 0;
	}
	.fixed_header .logo img{
		max-height: 40px;
	}
	.menu-button{
		top: 8px;
		right: 20px;
	}
	.menu-button .line{
		width: 25px;
		height: 2px;
	}
    .inner_banner{
        padding: 0em 0 1em;
    }
    .mobile-main-heading{
        font-size: 18px !important;
        margin-top: 5px !important;
    }
    .accreditation-img{
        height: 125px;
    }
    .accreditation-img img{
        max-width:100px;
    }
    
}
.popup_modal .close{
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    width: 25px;
    height: 25px;
    text-align: center;
    background: #f28a10;
    opacity: 0.8;
    color: #ffffff;
    text-shadow: none;
    border-radius: 0px 0px 0px 10px;
    box-shadow: 0px 1px 2px black;
}
#EventsCalender a{
    color: #fff;
    padding: 0;
    margin: 0;
}
#EventsCalender .fc-button-primary{
    background-color: #f16136;
    text-transform: capitalize;
}
#EventsCalender .fc-scrollgrid{
    border-style: solid;
    border-color: rgb(255 255 255 / 25%);
    border-width: 0px 1px 1px 0px;
    border-radius: 5px;
    overflow: hidden;
}
#EventsCalender .fc-col-header-cell{
    border-color: #db5730;
}
#EventsCalender .fc-col-header-cell-cushion{
    padding: 15px 4px;
    background: #f16136;
    display: block;
    color: #fff;
}
#EventsCalender .fc-scrollgrid-section table, #EventsCalender .fc .fc-daygrid-body{
    margin-bottom: 0;
    width: 100% !important;
}
#EventsCalender .fc-daygrid-day.fc-day-today{
    background-color: rgb(241 97 54);
}
#EventsCalender .fc-daygrid-day-events{
    position: absolute;
}
#EventsCalender .fc-daygrid-day-top{
    display: grid;
    text-align: center;
    position: absolute;
    height: 100%;
    width: 100%;
    align-items: center;
}
#EventsCalender td .fc-daygrid-day-frame{
    min-height: 70px;
}
#EventsCalender td, #EventsCalender th{
    border-style: solid;
    border-color: rgb(255 255 255 / 25%);
    border-width: 1px 0px 0px 1px;
    overflow: hidden;
}
#EventsCalender .fc-h-event .fc-event-title:hover{
    left: -20%;
    color: #fff;
}
#EventsCalender .fc-h-event .fc-event-title{
    transition: 3s;
    display: inline-block;
    left: 0;
    max-width: 100%;
    overflow: auto;
    color: #ccc;
    right: 0;
    vertical-align: top;
    font-size: 12px;
    position: relative;
}
#EventsCalender .fc-toolbar-title{
    color: white;
}
.dean_content p{
	margin-bottom:10px;
}
.list-c li a{
    color: #003898;
}
.list-c li a:hover{
	color:red;
}
.list-c li{
        margin-bottom:10px;
    }
    .list-c{
        list-style: disc;
        padding-left: 15px;
        margin: 10px 0px;
    }

.indoor-slide{
    position: relative;
    height: auto;
}
.flipX {
    animation: 3s anim-flipX ease infinite;
  }
  @keyframes anim-flipX {
    0% {
      opacity: 0;
      transform: rotateX(90def);
    }
    50% {
      opacity: 1;
      transform: rotateX(720deg);
    }
    100% {
      /* animate nothing to pause animation at the end */
      opacity: 1;
      transform: rotateX(720deg);
    }
  }





/* Magnific Popup CSS */

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
  }
  .mfp-wrap {
    top: 0 !important;
    left: 0;
    width: 100%;
    height: 100% !important;
    z-index: 1043;
    position: fixed !important;
    outline: none !important;
    -webkit-backface-visibility: hidden;
  }
  .mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  .mfp-align-top .mfp-container:before {
    display: none;
  }
  .mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
  }
  .mfp-inline-holder .mfp-content,
  .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
  }
  .mfp-ajax-cur {
    cursor: progress;
  }
  .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
  }
  .mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  .mfp-auto-cursor .mfp-content {
    cursor: auto;
  }
  .mfp-close,
  .mfp-arrow,
  .mfp-preloader,
  .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
  }
  .mfp-loading.mfp-figure {
    display: none;
  }
  .mfp-hide {
    display: none !important;
  }
  .mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
  }
  .mfp-preloader a {
    color: #CCC;
  }
  .mfp-preloader a:hover {
    color: #FFF;
  }
  .mfp-s-ready .mfp-preloader {
    display: none;
  }
  .mfp-s-error .mfp-content {
    display: none;
  }
  button.mfp-close,
  button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
            box-shadow: none;
    -ms-touch-action: manipulation;
        touch-action: manipulation;
  }
  button::-moz-focus-inner {
    padding: 0;
    border: 0;
  }
  .mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
  }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1;
  }
  .mfp-close:active {
    top: 1px;
  }
  .mfp-close-btn-in .mfp-close {
    color: #333;
  }
  .mfp-image-holder .mfp-close,
  .mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
  }
  .mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    white-space: nowrap;
  }
  .mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
  }
  .mfp-arrow:active {
    margin-top: -54px;
  }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1;
  }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
  }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
  }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
  }
  .mfp-arrow-left {
    left: 0;
  }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px;
  }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
  }
  .mfp-arrow-right {
    right: 0;
  }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px;
  }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F;
  }
  .mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
  }
  .mfp-iframe-holder .mfp-close {
    top: -40px;
  }
  .mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
  }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
  }
  img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
  }
  .mfp-figure {
    line-height: 0;
  }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
  }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
  }
  .mfp-figure figure {
    margin: 0;
  }
  .mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
  }
  .mfp-title {
    text-align: left;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
  }
  .mfp-image-holder .mfp-content {
    max-width: 100%;
  }
  .mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
  }

  @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    
    .mfp-img-mobile .mfp-image-holder {
      padding-left: 0;
      padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
      padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0, 0, 0, 0.6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px;
    }
    .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      text-align: center;
      padding: 0;
    }
  }
  
  @media all and (max-width: 900px) {
    .mfp-arrow {
      -webkit-transform: scale(0.75);
      transform: scale(0.75);
    }
    .mfp-arrow-left {
      -webkit-transform-origin: 0;
      transform-origin: 0;
    }
    .mfp-arrow-right {
      -webkit-transform-origin: 100%;
      transform-origin: 100%;
    }
    .mfp-container {
      padding-left: 6px;
      padding-right: 6px;
    }
  }