*{font-family: 'Montserrat', sans-serif;l}
a{text-decoration: none;color: #000}
li{list-style: none}

.templete_small{font-size: 13px;text-transform: uppercase;letter-spacing: 1.5px;color: #000;margin: 0;}
.templete_title{font-size: 40px;font-weight: 700;margin: 0px 0 12px 0;color: #0D47A1;}

.header{width: 100%;float: left;}
.header .top_header{display: flex;justify-content: space-between;position: relative;z-index: 1;padding: 8px 20px;display: none;}
.header .top_header:after{position: absolute;left: -5%;content: "";top: 0;width: 66%;height: 100%;background: linear-gradient(to right, #56000f, #9E1B32);z-index: -1;transform: skew(-20deg);}
.header .top_header .left_top_header{}
.header .top_header .left_top_header span{color: #fff;font-size: 13px;font-weight: 500;}
.header .top_header .left_top_header span i{color: #fff;margin-right: 3px;font-size: 13px;}
.header .top_header .right_top_header{}
.header .top_header .right_top_header span{font-size: 13px;font-weight: 500;}
.header .top_header .right_top_header span i{margin-right: 5px}
.header .main_header{padding: 15px 20px;border-bottom: 1px solid #d2d2d2;display: flex;justify-content: space-between;align-items: center;position: relative;/* background: url(../..//images/header_bg.webp); */background-position: right;background-repeat: no-repeat;}
.header .main_header .logo{}
.header .main_header .logo img{}
.header .main_header .info{display: flex;justify-content: center;align-items: center;gap: 24px;}
.header .main_header .info span i{background: linear-gradient(to right, #56000f, #9E1B32);color: #fff;padding: 12px;border-radius: 50%;background: linear-gradient(to right, #0062c0, #003c75);}
.header .main_header .info span:first-child{margin-right: 25px;}
.header .main_header .info span:last-child{}
.header .main_header .info span a{font-weight: 500;}
.header .bottom_header{}
.header .bottom_header .menu_tab{}
.header .bottom_header .menu_tab>ul{display: flex;justify-content: start;gap: 13px;padding: 0px 28px;margin: 0;border-bottom: 1px solid #d2d2d2;background: linear-gradient(to left, #56000f, #6d1625);}
.header .bottom_header .menu_tab>ul>li{position: relative;padding: 6px 0;z-index: 15;list-style: none;}
.header .bottom_header .menu_tab>ul>li.menu-item-has-children::before{content: "";display: block;position: absolute;left: 18px;bottom: 0px;transform: translateX(-50%);opacity: 0;pointer-events: none;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 9px solid #ffffff;transition: opacity 200ms;z-index: 999;}
.header .bottom_header .menu_tab>ul>li.menu-item-has-children:hover::before{opacity: 1}
.header .bottom_header .menu_tab>ul>li>a{font-size: 14px;font-weight: 400;font-family: 'Ubuntu';color: #fff;}
.header .bottom_header .menu_tab>ul>li>a>i{color: #fff;}
.header .bottom_header .menu_tab>ul>li>ul{width: 240px;background: #fffffff7;color: #000;position: absolute;left: 0px;top: 37px;border-top: 4px solid #ffffff;display: none;transition: all .5s ease-in-out;z-index: 1000;padding: 0;border-radius: 0px 0px 30px 0px;box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 12px 0px;}
.header .bottom_header .menu_tab>ul>li>ul>li{width: 100%;list-style: none;border-bottom: 1px solid #e3e3e3;transition: all .3s ease}
.header .bottom_header .menu_tab>ul>li>ul>li>a{padding: 10px 18px;display: block;color: #1C2539;font-size: 14px;font-weight: 400;position: relative;font-family: 'Ubuntu';transition: var(--transition);min-width: max-content;transition: all .3s ease}
.header .bottom_header .menu_tab>ul>li>ul>li:hover>a{padding-left: 25px}
.header .bottom_header .menu_tab > ul > li:hover > ul{display: block;transition: all .5s ease-in-out;}
.header .bottom_header .menu_tab>ul>li>ul>li:last-child{border-bottom: 1px solid #ffffff00;}

.biosContainer {width: 100%;float: left;position: relative;}
.biosContainer .item{position: relative;}
.biosContainer .item img {width: 100%;height: 380px;object-fit: cover;object-position: right;}
.biosContainer .item video {width: 100%;height: 556px;object-fit: cover;}
/*.biosContainer:after { content: ''; position: absolute; bottom: 0; right: 0; left: 0; height: 40px; z-index: 2; }*/
.biosContainer .topSlider {width: 70%;float: left;position: relative;}
.biosContainer .item:before {content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 0;/* z-index: 2; */background-image: linear-gradient(180deg, #00000000 0%, #000000eb 100%);}
.biosContainer .caption { position: absolute; bottom: 0; left: 0; z-index: 2; color: #fff; right: 0; top: 0; display: flex; align-items: center; justify-content: center; }
.biosContainer .caption .container {width: 60%;position: absolute;left: 6%;/* background: #000000a3; */padding: 8px 0px;bottom: 30px;border-radius: 10px;/* border-left: 6px solid #ffbd33; */}
.biosContainer .caption > div {text-transform: uppercase;}
.biosContainer .caption > div div{padding: 0;text-shadow: -10px 1px 8px #00000061;/* margin: 3px 0 0 0; */color: #fff;font-size: 44px;display: inline-block;right: -400px;font-weight: 500;position: relative;opacity: 0;transition: all ease-in-out 0.9s;z-index: 99;}
.biosContainer .active .caption > div div{right: -37px;opacity: 1;text-transform: uppercase;font-weight: 800;display: none;}
.biosContainer .custNav {display: flex;position: absolute;text-align: center;top: 44%;right: 20px;z-index: 9;flex-direction: column-reverse;}
.biosContainer .custNav .owl-dot {width: 14px;height: 14px;background: transparent;border: 2px solid #fff;display: inline-block;border-radius: 50%;margin: 5px 0 0 10px;transition: all ease-in-out 0.3s;}
.biosContainer .custNav .owl-dot.active {border-color: #e79800;}
.biosContainer .active img {opacity: 1;-webkit-animation: imageAnimation 60s linear infinite 0s;-moz-animation: imageAnimation 60s linear infinite 0s;-o-animation: imageAnimation 60s linear infinite 0s;-ms-animation: imageAnimation 60s linear infinite 0s;animation: imageAnimation 60s linear infinite 0s;}
.biosContainer .item:after{ content: ''; position: absolute; left: 100%; border-left: solid 30px #fff; border-bottom: solid 93px transparent; top: 0; }
.biosContainer .slider-shape { position: absolute; bottom: -4px; left: 0; z-index: 9; }
.biosContainer .slider-shape img {max-width: 100%;}

.scrollerContent {width: 100%;float: left;padding: 10px 6.5%;background: linear-gradient(to left, #56000f, #6d1625);} 
.scrlNews { margin-bottom: 0; width: 100%; float: left; color: #225677; position: relative; padding: 0px 0px 6px 60px; overflow: hidden; color: #fff; } 
.scrlNews > div {float: left;font-size: 14px;font-weight: 600;letter-spacing: 0px;color: #ffcb10;} 
.scrlNews i {-webkit-animation-name: example;-webkit-animation-duration: 4s;animation-name: example;animation-duration: 1s;animation-iteration-count: infinite;float: left;position: absolute;left: 10px;top: 8px;font-size: 30px;color: #ffcb10;} 
.scrlNews .marquee {width: 100%;float: left;display: block;padding: 0;list-style: none;line-height: 1;position: relative;/* overflow: hidden; */height: 16px;margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;} 
.scrlNews .marquee li {color: #fff;position: absolute;background-image: none;font-size: 20px;top: -9999em;left: 0px;display: block;white-space: nowrap;font-weight: 500;font-size: 15px;margin-top: 5px;margin-right: 0px;overflow: hidden;margin-bottom: 0px;margin-left: 0px;padding-top: 0px;padding-right: 20px;padding-bottom: 0px;padding-left: 0px} 
.scrlNews .marquee li a{color: #fff;} 
.scrlNews .marquee li:before { content: '' }

.banner-section{width: 100%;float: left;padding: 74px 0 86px 0;/* background-image: url(../..//images/5.jpg); */background-repeat: no-repeat;background-size: cover;}
.banner-section .custNav{position: absolute;bottom: -44px;right: 46%;z-index: 11;}
.banner-section .custNav button { width: 15px; height: 15px; background: #ffffff !important; border-radius: 50px; margin: 3px 0; transition: all ease-in-out 0.3s; }
.banner-section .custNav button {width: 15px;height: 15px;background: #d1d1d1 !important;border-radius: 50px;margin-right:  7px;transition: all ease-in-out 0.3s;}
.banner-section .custNav button.owl-dot.active {width: 38px;height: 15px;background: linear-gradient(to left, #0062c0, #003c75) !important;border-radius: 50px;margin: 3px 0;transition: all ease-in-out 0.3s;margin-right:  7px;}

.about_us{width: 100%;float: left;padding: 80px 0;position: relative;display: flex;justify-content: center;align-items: center;background-image: url(../..//images/home-5-bg-1.png);background-repeat: no-repeat;background-position: left;background-size: cover;overflow: hidden;}
.about_us p{font-size: 15px;font-weight: 400;font-family: 'Ubuntu';padding-right: 50px;}
.about_us .abt_img{width: 482px;height: 486px;border-radius: 8px 8px 140px 8px;object-fit: cover;box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;}
.about_us .clg_years{position: absolute;background: linear-gradient(to left, #ffcb10, #c49100);padding: 20px 28px;left: -10%;top: 100px;border-radius: 5px;box-shadow: 17px 18px 30px 16px rgba(7, 2, 41, 0.09);font-size: 60px;font-weight: 600;color: #ffffff;gap: 13px;}
.about_us span{font-size: 41px;line-height: 37px;color: #fff;font-weight: 700;}
.about_us small{font-size: 17px;color: #fff;}
.about_us .button{position: relative;padding: 11px 27px;border-radius: 50px;text-align: center;display: inline-block;color: #fff;background: linear-gradient(to left, #0062c0, #003261);box-shadow: 0 10px 20px 0 rgb(40 128 126 / 20%);transition: all 0.3s ease-in-out;margin-top: 14px;width: 30%;font-weight: 500;z-index: 1;}
.about_us .button:before{content: "";position: absolute;height: 0;width: 0;background: linear-gradient(to left, #ffcb10, #c49100);top: 50%;transform: translateY(-50%);right: 0;border-radius: 50px;z-index: -1;transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;}
.about_us .button:hover::before{width: 100%;height: 100%;right: 0px;transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;}

.newsContainer{width: 100%;float: left;padding: 80px 0;position: relative;overflow: hidden;background-image: url(../..//images/blog-bg3.jpg);background-repeat: no-repeat;background-size: cover;}
.newsContainer h3{padding: 0 20px;}
.newsContainer .heading {margin: 0 0 15px 0;padding: 0;font: 400 30px 'Roboto Condensed';text-shadow: 2px 2px 1px #fff, 3px 3px 1px #ccc;}
.newsContainer .eachNewsContainer {width: 100%;float: left;background: #fff;margin-bottom: 17px;padding: 10px 13px;background-image: linear-gradient(0deg, #1315130d 0%, #ffffff 100%);border-radius: 60px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.newsContainer .eachNewsContainer .dateDv{width:100%;float:left;background: linear-gradient(to right, #012b61, #0457a0);text-align:center;color:#fff;border-radius: 60px;padding: 11px 0;}
.newsContainer .eachNewsContainer .dt{font: 700 38px 'Montserrat';text-align: center;margin: 0;padding: 0;color: #fff;line-height: 37px;}
.newsContainer .eachNewsContainer .mn{padding: 0px 0 0 0;color: #fff;border-radius: 0px 0px 20px 20px;font-size: 15px;font-weight: 500;}
.newsContainer .eachNewsContainer .yr{padding-bottom: 5px;color: #fff;display: none;}
.newsContainer .eachNewsContainer:nth-child(3) .dateDv{background: linear-gradient(to right, #a34700, #e69c00);}
.newsContainer .eachNewsContainer:nth-child(3) .mn{}
.newsContainer .eachNewsContainer:nth-child(4) .dateDv{background: linear-gradient(to right, #044717, #0e772c);}
.newsContainer .eachNewsContainer:nth-child(4) .mn{}
.newsContainer .nusContent{color: #000;text-decoration: none;}
.newsContainer .nusContent:hover{text-decoration: none;}
.newsContainer .nusContent div:nth-child(1){font: 600 20px 'Montserrat';margin: 6px 0 0;}
.newsContainer .nusContent div:nth-child(2){font: 400 14px/20px 'Ubuntu';padding-right: 30px;}

.newsContainer .eachTendarContainer {width: 100%;float: left;background: #fff;padding: 10px 13px;margin-bottom: 13px;box-shadow: 1px 1px 3px #bbbbbbbd;background-image: linear-gradient(0deg, #1315130d 0%, #ffffff 100%);border-radius: 60px;}
.newsContainer .eachTendarContainer .dateDv{width:100%;float:left;background: linear-gradient(to right, #044717, #0e772c);text-align:center;color:#fff;font:400 15px 'Roboto Condensed';padding: 11px 0;border-radius: 60px;}
.newsContainer .eachTendarContainer .dt{font: 700 38px 'Montserrat';text-align: center;margin: 0;padding: 0;color: #fff;line-height: 37px;}
.newsContainer .eachTendarContainer .mn{padding: 0px 0;color: #fff;border-radius: 0px 0px 20px 20px;font-size: 15px;font-weight: 500;}
.newsContainer .eachTendarContainer .yr{padding-bottom: 5px;color: #fff;display: none;}
.newsContainer .eachTendarContainer:nth-child(3) .dateDv{background: linear-gradient(to right, #a34700, #e69c00);}
.newsContainer .eachTendarContainer:nth-child(3) .mn{}
.newsContainer .eachTendarContainer:nth-child(4) .dateDv{background: linear-gradient(to right, #012b61, #0457a0);}
.newsContainer .eachTendarContainer:nth-child(4) .mn{}

.depts{width: 100%;float: left;padding: 80px 0;position: relative;overflow: hidden;background-image: url(../..//images/dept_bg.jpg);background-repeat: no-repeat;background-size: cover;}
.depts .dept_names{position: relative;border-radius: 20px;transition: all .3s ease;overflow: hidden;}
.depts .dept_names:after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 230px;/* z-index: 2; */background-image: linear-gradient(180deg, #00000000 0%, #000000eb 100%);}
.depts .dept_names img{width: 100%;object-fit: cover;border-radius: 20px;transition: transform 0.5s ease;}
.depts .dept_names .dept_content{position: absolute;bottom: 20px;left: 0;z-index: 10;width: 100%;padding: 0 27px;transition: all .3s ease;}
.depts .dept_names .dept_content h3{color: #fff;font-size: 20px;transition: all .3s ease;text-transform: uppercase;line-height: 24px;font-family: Ubuntu;}
.depts .dept_names .dept_content h3 em{color: #fff;display: block;font-weight: 400;font-family: 'Times New Roman';font-size: 20px;text-transform: none;line-height: 27px;}
.depts .dept_names .dept_content p{color: #fff;font-weight: 500;font-size: 15px;opacity: 0;max-height: 0;overflow: hidden;transition: all 0.5s ease-in;display: none}
.dept_names:hover .dept_content>p{opacity: 1;max-height: 200px;}
.dept_names:hover img {transform: scale(1.08);}
.dept_slider .owl-nav .N{position: absolute;top: -98px;right: 80px;border: none;padding: 16px 24px !important;border-radius: 50%;transition: all .3s ease;background: linear-gradient(to left, #56000f, #6d1625);color: #fff !important;}
.dept_slider .owl-nav .a{position: absolute;top: -98px;right: 10px;border: none;padding: 16px 24px !important;border-radius: 50%;transition: all .3s ease;background: linear-gradient(to left, #56000f, #6d1625);color: #fff !important;}
.dept_slider .owl-nav i{color: #fff}

.principals_desk{width: 100%;float: left;position: relative;display: flex;justify-content: center;align-items: center;background-image: url(../..//images/5.jpg);background-repeat: no-repeat;background-position: left;background-size: cover;overflow: hidden;}
.principals_desk h3{/* color: #000000; */}
.principals_desk p{color: #000000;}
.principals_desk .overlay{/* background-color: rgb(109 22 37); */width: 100%;float: left;padding: 80px 0;}
.principals_desk p{font-family: ubuntu;padding-right: 50px;}
.principals_desk .button{position: relative;padding: 11px 27px;border-radius: 50px;text-align: center;display: inline-block;color: #fff;background: linear-gradient(to left, #0062c0, #003261);box-shadow: 0 10px 20px 0 rgb(40 128 126 / 20%);transition: all 0.3s ease-in-out;margin-top: 14px;width: 30%;font-weight: 500;z-index: 1;}
.principals_desk .button:before{content: "";position: absolute;height: 0;width: 0;background: linear-gradient(to left, #ffcb10, #c49100);top: 50%;transform: translateY(-51%);right: 0;border-radius: 50px;z-index: -1;transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;}
.principals_desk .button:hover::before{width: 100%;height: 100%;right: 0px;transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;}
.principals_desk .abt_img{width: 482px;height: 486px;border-radius: 8px 8px 140px 8px;object-fit: cover;box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;}

.impLinks {width: 100%;float: left;background: #ffffff;padding: 80px 0;overflow: hidden;position: relative;z-index: 1;margin: 0;/* background-image: url(../..//images/blog-bg3.jpg); */background-repeat: no-repeat;background-size: cover;}
.impLinks h3{font-size: 34px;}
.impLinks:before { content: ''; width: 100%; height: 0px; background: #0c0c0c; position: absolute; top: 2px; left: 0; }
.impLinks:after { content: ''; width: 100%; height: 1px; background: #1b1b1b; position: absolute; bottom: 1px; left: 0; }
.impLinks .heading { width: 100%; float: left; text-transform: uppercase; position: relative; margin: 0 0 20px 0; color: #2C2C2C; font: 700 24px 'Montserrat', sans-serif; }
.impLinks .heading span { display: block; font: 500 18px/17px 'PT Sans', sans-serif; text-transform: capitalize; color: #000; }
.impLinks .impLnkContainer { width: 100%; float: left; }
.impLinks .impLnkContainer .item {padding: 10px;background: #efefef;border-radius: 5px 5px 40px 5px;}
.impLinks .item a {width: 100%;display: block;padding: 20px;box-shadow: 5px 5px 9px #ccc;background: #fff;overflow: hidden;border-radius: 5px 5px 40px 5px;}
.impLinks .item a img { transition: all ease 0.3s; }
.impLinks .item a:hover img {transform: scale(1.1);}

.footer{width: 100%;float: left;padding: 90px 0 50px;/*background: #286968;*/background-image: linear-gradient(0deg, #000000 0%, #1b1b1b 100%);background: #691221 url(../../images/footer_shape.webp) no-repeat left bottom;/* background-position: top; *//* background-repeat: no-repeat; *//* background-size: cover; */}
.footer li a{text-decoration: none;color: #fff;font-weight: 500;}
.footer li a strong{text-decoration: none;color: #fff}
.footer .shape{position: absolute;bottom: -20px;width: 100%;overflow: hidden;opacity: 0.5;z-index: -1;}
.footer .shape img{width: 100%}
.footer .widget.logo p {color: #fff;margin-bottom: 33px;letter-spacing: 0px;padding-right: 30px;}
.footer .widget p{color: #fff;font-size: 15px;line-height: 30px;font-weight: 500;}
.footer .widget p i{color: #fff;font-size: 15px;line-height: 30px;}
.list-social {display: flex;padding: 0;}
.footer .widget ul  li {color: #fff;margin-bottom: 10px;letter-spacing: 0.7px;list-style: none;font-size: 14px;position: relative;line-height: 25px;}
.list-social li {margin-right: 12px;}
.list-social li a {width: 45px;height: 45px;min-width: 45px;border-radius: 50%;border: 1px solid #e6c9a2;display: flex;align-items: center;justify-content: center;color: #fff;text-decoration: none;}
.footer .widget ul{padding: 2px 22px;column-count: 3;}
.footer .widget h5 {position: relative;padding-bottom: 13px;margin-bottom: 15px;color: #fff;text-transform: uppercase;word-spacing: 2px;letter-spacing: 2px;font-size: 23px;font-family: 'Ubuntu';font-weight: 700;}
.footer .widget h5:after {position: absolute;content: "";width: 30px;height: 3px;background: #ffffff;bottom: 0;left: 0;}
.widget ul li:before { position: absolute; left: -23px; content: '\f0da'; font-family: 'Font Awesome 5 Pro'; color: #ffffff; margin-right: 0;}
.footer-bottom {width: 100%;float: left;background: #083c2a;position: relative;z-index: 9;text-align: center;padding: 10px 0;color: #ffffff91;font-size: 14px;letter-spacing: 0.02em;}
.footer-bottom a {color: #ffffff91;text-decoration: none;transition: all ease-in-out 0.3s;}


.updown-ani {
  -webkit-animation-name: UpDown;
  animation-name: UpDown;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes UpDown {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  50% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

.btnGroups{width: 100%;float: left;background-color: #0e173c;position: relative;z-index: 2;padding: 0px;color: #fff;text-align: center;margin: 0;z-index: 9;font: 500 14px 'Montserrat', sans-serif;}
.btnGroups:before {content: "";left: 0;right: 0;top: 0;bottom: 0;position: absolute;background-image: url(../../images/counter-bg.png);z-index: -1;}
.btnGroups:after{content: "";left: 0;right: 0;top: -3px;position: absolute;height: 1px;background: #0e173c;z-index: 99999999999;}
.btnGroups ul{margin: 0;padding: 0;display: flex;justify-content: space-between;}
.btnGroups ul li{list-style-type: none;margin: 0;width: 100%;}
.btnGroups ul li a{padding: 8px 4px;background: #ccc;display: block;color: #fff;font-size: 14px;border-radius: 0;background-size: 300% 100%;moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.btnGroups ul li a:hover{background-position: 100% 0;}
.btnGroups ul li:nth-child(1) a {background-image: linear-gradient(to right, #012b61, #0457a0, #56000f, #9c1a31);-webkit-animation-name: txtBlinkOpa;-webkit-animation-duration: 3s;animation-name: txtBlinkOpa;animation-duration: 3s;animation-iteration-count: infinite;}
.btnGroups ul li:nth-child(2) a {background-image: linear-gradient(to right, #a34700, #e69c00, #56000f, #9c1a31);-webkit-animation-name: txtBlinkOpa;-webkit-animation-duration: 2s;animation-name: txtBlinkOpa;animation-duration: 2s;animation-iteration-count: infinite;}
.btnGroups ul li:nth-child(3) a {background-image: linear-gradient(to right, #cc2b3f, #6c6760, #56000f, #9c1a31);}
.btnGroups ul li:nth-child(4) a {background-image: linear-gradient(to right, #001c3f, #004a99, #56000f, #9c1a31);}
.btnGroups ul li:nth-child(5) a {background-image: linear-gradient(to right, #d1a100, #a54200, #56000f, #9c1a31);}
.btnGroups ul li:nth-child(6) a {background-image: linear-gradient(to right, #9e2d3d, #ff5e6e, #56000f, #9c1a31);}
.btnGroups ul li:nth-child(7) a {background-image: linear-gradient(to right, #993300, #ff6600, #56000f, #9c1a31);}

.stats{width: 100%;float: left;background-color: #6c1524;position: relative;z-index: 2;padding: 40px 0px;color: #fff;text-align: center;margin: -2px 0 0 0;}
.stats:after{content: '';position: absolute;top: 5px;right: 0;bottom: 5px;left: 0;border-top: 1px solid;border-bottom: 1px solid;}
.stats:before{content: "";left: 0;right: 0;top: 0;bottom: 0;position: absolute;background-image: url(../../images/counter-bg.png);z-index: -1;}
.stats .eachDiv{width: 50%;float: left;border-right: 1px solid rgba(255, 255, 255, 0.31);position: relative;z-index: 99;}
.stats .eachDiv .iconHolder{width: 80px;height: 80px;overflow: hidden;margin: 0 auto;position: relative;}
.stats .eachDiv .iconHolder img{position: relative;}
.stats .eachDiv:nth-child(1) .iconHolder img{margin-left: 0px;margin-top: -80px;}
.stats .eachDiv:nth-child(2) .iconHolder img{margin-left: -240px;}
.stats .eachDiv:nth-child(3) .iconHolder img{margin-left: -240px;margin-top: 0;}
.stats .eachDiv:nth-child(4) .iconHolder img{margin-left: -80px;margin-top: -80px;}
.stats .eachDiv strong{font-size: 34px;font-weight: 700;margin: 0 0 0px 0;padding: 0;display: block;color: #fff;}
.stats .eachDiv p{font-size: 18px;font-weight: 500;text-transform: uppercase;color: #fff;}
.stats .eachDiv:last-child{border-right:0}

.scholarships{width: 100%;float: left;position: relative;z-index: 2;color: #fff;text-align: center;margin: -2px 0 0 0;padding: 80px 0;}
.scholarships .eachitem{width: 100%;float: left;position: relative;border-radius: 5px;overflow: hidden;display: contents;}
.scholarships .eachitem a{background: #fff;display: flex;height: 100%;align-items: center;color: #000;font-size: 13px;border-radius: 5px;min-height: 75px;line-height: normal;box-shadow: 5px 5px 5px #d9d9d9;transition: all ease-in-out 300ms;padding-left: 10px;text-align: left;font-weight: 600;}
.scholarships .eachitem a:hover {transform: translateY(-5px);-webkit-box-shadow: 5px 5px 11px rgba(0, 0, 0, .1);box-shadow: 5px 5px 11px rgb(0 0 0 / 10%);}
.scholarships .eachitem a img{float: left;margin-right: 10px;height: 60px;}
.scholarships h3{text-align: left;}
.scholarships p{text-align: left;}

.otherSlider {width: 100%;float: left;min-height: 220px;padding: 161px 0 7px;background: url(../../images/other_slider_bg.jpg) no-repeat center top / cover;position: relative;z-index: 2;display: flex;align-items: flex-end;}
.otherSlider:before { content: ''; position: absolute; width: 100%; height: 1px; background: #fff; left: 0; right: 0; bottom: 3px; z-index: 1; }
.otherSlider:after { content: ''; position: absolute; background: #2a29276e; top: 0; right: 0; bottom: 0; left: 0; }
.otherSlider .heading { font: 400 40px 'Racing Sans One'; position: relative; color: #fff; z-index: 2; }
.otherSlider .heading strong { display: block; position: relative; margin-top: -45px; margin-left: 4px; filter: blur(2px); color: #00000091; z-index: -1; font-weight: normal; }
.otherSlider span { width: 100%; float: left; margin: -5px 0 0; padding: 0; position: relative; z-index: 1; }
.otherSlider span .breadcrumb { background: transparent; margin-bottom: 0; position: relative; z-index: 99; display: inline-flex; }
.otherSlider span .breadcrumb a { font-size: 14px; color: #f7f7cc; transition: all ease-in-out 0.3s; padding: 3px 8px; }
.otherSlider span .breadcrumb a:hover { color: #fdeb69; text-decoration: none; }
.otherSlider span .breadcrumb>li+li:before { color: #f7f7cc; }



.workingdiv {width: 100%;float: left;padding: 50px 0px 90px 0;position: relative;overflow: hidden;}
.workingdiv .mytable th{ background: linear-gradient(to bottom, #409dfd, #005ec1); color: #fff; font-weight: 400; font-size: 15px; font-family: 'Ubuntu'; text-align: left; vertical-align: baseline; }
.mytable1 th {text-align: center !important;}
.mytable1 td {text-align: center !important;}
.workingdiv .mytable td{font-weight: 500;font-size: 15px;font-family: 'Ubuntu';text-align: left;padding: 8px 14px;vertical-align: middle;color: #5f5f5f;}
.workingdiv td a{ font-weight: 500; font-size: 14px; font-family: 'Ubuntu'; text-align: center; padding: 3px 7px; vertical-align: sub; }
.workingdiv h1{margin: 0 0 9px 0;padding: 0;color: #0D47A1;font-size: 35px;font-family: "Montserrat", sans-serif;font-weight: 700;line-height: 35px;/* font-style: italic; *//* text-shadow: 1px 1px 0px #ffffff, 2px 2px 5px #cac7c7; */}
.workingdiv h2{ margin: 0 0 9px 0; padding: 0; color: #0D47A1; font-size: 30px; font-family: "Montserrat", sans-serif; font-weight: 700; line-height: 35px; /* font-style: italic; */ /* text-shadow: 1px 1px 0px #ffffff, 2px 2px 5px #cac7c7; */ }
.workingdiv h3{margin: 0 0 5px 0;padding: 0;color: #000;font-size: 22px;font-family: "Montserrat", sans-serif;font-weight: 600;line-height: 35px;}
.workingdiv ul{padding: 0;}
.workingdiv ul li{list-style-type: none;position: relative;color: #4f4f4f;padding-left: 24px;font-size: 15px;line-height: 30px;font-family: 'Ubuntu';font-weight: 400;word-spacing: 1px;}
.workingdiv ol li{position: relative;color: #4f4f4f;padding-left: 5px;font-size: 16px;line-height: 30px;font-family: 'Ubuntu';font-weight: 400;word-spacing: 1px;list-style: inherit;}
.workingdiv ol li p{margin: 0;}
.workingdiv ol li a{color: #0d6efd;text-decoration: underline;}
.workingdiv ul li:before {position: absolute;left: 0px;content: '\e455';font-family: 'Font Awesome 5 Pro';color: #ff8700;margin-right: 0;margin-top: 0px;font-size: 18px;font-weight: 700;top: 0px;}
.workingdiv ul li a{color: #807171;font-size: 15px;font-family: 'Ubuntu';}
.workingdiv p{padding: 0;color: #4d4d4d;font-family: 'Ubuntu';font-size: 15px;font-weight: 400;line-height: 29px;word-spacing: 0px;margin-bottom: 2px;text-align: left;margin-bottom: 15px;}
.tpsubMen {background-color: #e9e9e9;padding: 10px 20px;border: 1px solid #cdcdcd;margin: 1px 0px 8px;border-radius: 10px 0;}
.tpsubMen a:first-child {}
.tpsubMen a {margin-right: 10px;}
.breadcrumb-item+.breadcrumb-item::before{color: #fff !important;}
.widget-menu{background: #fcfcfd;margin-bottom: 60px;width: 100%;float: left;}
.widget-menu .sidebar-service-list{ width: 100%; float: left; padding: 10px 30px 10px 30px; box-shadow: 0px 7px 11px 0px rgba(0, 0, 0, 0.06); }
.widget-menu .sidebar-service-list a{width: 100%;float: left;padding: 15px 0 15px 15px;color: #4b4b4b;position: relative;font-family: 'Ubuntu';font-weight: 400;border-bottom: 1px solid #dadfec;font-size: 15px;transition: all .3s;}
.widget-menu .sidebar-service-list a:hover{padding: 15px 0 15px 19px;}
.widget-menu .sidebar-service-list a:last-child{border-bottom: none;}
.widget-menu .sidebar-service-list a:before{position: absolute;content: "";left: -10px;font-family: Font Awesome\ 5 Pro;font-weight: 400;color: #afafaf;transition: .3s;}
.widget-menu a{width: 100%;float: left;}
.widget_main_heading_div {display: flex;width: 100%;background: #fcfcfd;border-radius: 15px 0 0;position: relative;z-index: 1;}
.widget_heading_div { margin-top: -24px; position: relative; }
.widget_main_heading_div h3 {display: inline-block;font-size: 17px;text-transform: uppercase;border-radius: 20px 0;color: #ffffff;z-index: 1;background: linear-gradient(to left, #56000f, #6d1625);position: relative;box-shadow: 0px 0px 0 5px #ffffff;text-align: center;line-height: 24px;min-width: 156px;padding: 11px 15px;font-family: "Montserrat", sans-serif;font-weight: 600;background: linear-gradient(to left, #0062c0, #003261);}
.widget_heading_div{margin-top: -10px;position: relative;}

#image{
        width: 350px !important;
        height: 250px !important;
        float: right !important;
        padding: 5px !important;
        margin: 0 0 15px 13px;
        border-radius: 8px 8px 45px 8px;
        object-fit: cover;
        box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
        object-position: top;
}

.card-header{padding: .5rem 1rem !important;color: #000 !important;font-size: 30px !important;}

.faculty{margin-right: -15px;margin-left: -15px;margin-top: 20px;/* float: left; */}
.faculty span{width: 100%;float: left;background: #ffffff;overflow: hidden;margin: 0 0 30px 0;box-shadow: inset 0px 0px 0px #fff, 5px 6px 1px #a3a3a366;border: 1px solid #cb9206;border-radius: 4px;outline: 2px solid #fff;position: relative;z-index: 2;}
.faculty span:before{content: '';position: absolute;top: 1px;bottom: 1px;left: 1px;width: 70px;background-image: linear-gradient(45deg, #e47f1a 0%, #fcd226 100%);z-index: -1;border-radius: 4px 0 0 4px;}
.faculty span.hod{border: 1px solid #00009e;}
.faculty span.hod:before{background-image: linear-gradient(45deg,  #0168d1 0%, #62b0ff 100%);}

.faculty span p{font: 400 14px/24px 'PT Sans', sans-serif !important;color: #000;margin: 10px 20px 10px 0 !important;position: relative;z-index: 9;}
.faculty span p strong{font-weight: 400;color: #717171;font-size: 13px;}
.faculty span p em{font-weight: 400;font-size: 13px;font-style: normal;width: 100%;float: left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.faculty span p a{}
.faculty span p a:hover{}
.faculty span img{padding: 3px;border-radius: 50%;width: 110px;height: 110px;position: relative;object-fit: cover;border: 2px solid #fff;top: 20px;left: 9px;box-shadow: 0px 0px 20px #00000059;}

.eachNews{width: 100%;float: left;font-size: 14px;margin: 0 0 6px 0;box-shadow: 4px 4px 6px #cccccc94;padding: 7px 10px;border: 1px solid #ccc;color: #333;}
.eachNews .heading{font: 500 16px 'PT Sans', sans-serif !important;margin: 0 0 6px 0 !important;color: #000095;}
.eachNews .content{line-height: 22px;margin: 0 0 5px 0; transition: all ease-in-out .3s;}
.eachNews .halfDiv{height: 45px;overflow: hidden;position: relative;transition: all ease-in-out .3s;}
.eachNews .halfDiv:before{content: '';background-image: linear-gradient(360deg, #ffffffd1 27%, #ffffff00 100%);position: absolute;bottom: 0;left: 0;right: 0;top: 20%;}
.eachNews .date{float: left;color: #000;font-size: 15px;}
.eachNews .date em{color: #666;font-size: 13px;}
.eachNews a{margin: 0 0 0 20px;color: #fff;padding: 4px 10px;background-image: linear-gradient(45deg, #0168d1 0%, #62b0ff 100%);border-radius: 5px;display: inline-block;}
.eachNews a:hover{}
.eachNews .viewDtls{float: right;color: #1ac905;margin: 0;padding: 5px 10px;cursor: pointer;/* background-image: linear-gradient(45deg, #0168d1 0%, #62b0ff 100%); */border-radius: 3px;letter-spacing: 1px;font: 500 14px/18px 'Montserrat';}

.eachAchievements{width: 100%;float: left;box-shadow: 4px 4px 6px #cccccc94;padding: 1px 10px 10px 10px;border: 1px solid #ccc;margin: 0 0 20px 0;}
.eachAchievements .heading{font: 500 16px 'PT Sans', sans-serif !important;color: #000;background: #ccc;display: -webkit-box;padding: 5px 10px;margin-left: -9px !important;margin-right: -9px !important;margin-bottom: 5px;text-shadow: 1px 1px 1px #ffffffa3;}
.eachAchievements p{font: 400 14px/24px 'PT Sans', sans-serif !important;}
.eachAchievements p em{}
.eachAchievements .moreGalLink{display: flex;align-items: center;height: 100%;justify-content: space-around;}
.eachAchievements .moreGalLink a{transition: all ease-in-out 0.3s;padding: 0;color: #d18a02;font: 400 20px/18px 'Oswald', sans-serif;margin: 0;position: relative;text-transform: uppercase;}
.eachAchievements .moreGalLink a span{font-size: 16px;display: block;color: #003e5b;}
.eachAchievements .moreGalLink a:before{content: '';position: absolute;border-style: solid;border-color: #00000000 #d18a02 #00000000 #00000000;border-width: 7px;top: 3px;left: -20px;transition: all ease-in-out 0.3s;}
.eachAchievements .moreGalLink a:hover:before{left: -25px;}


.eachAchievements .moreGalLink a:hover{transition: all ease-in-out 0.3s;}
.img-responsive1{width: 100%;height: 127px;object-fit: cover;border: 1px solid #f7a92c;padding: 5px;}

.img-responsive2{width: 100%;height: 175px;object-fit: cover;border: 1px solid #f7a92c;padding: 5px;}
.moreGalLink{display: flex;align-items: center;height: 100%;justify-content: space-around;}
.moreGalLink a{transition: all ease-in-out 0.3s;padding: 0;color: #d18a02;font: 400 20px/18px 'Oswald', sans-serif;margin: 0;position: relative;text-transform: uppercase;}
.moreGalLink a span{font-size: 16px;display: block;color: #003e5b;}
.moreGalLink a:before{content: '';position: absolute;border-style: solid;border-color: #00000000 #d18a02 #00000000 #00000000;border-width: 7px;top: 3px;left: -20px;transition: all ease-in-out 0.3s;}
.moreGalLink a:hover:before{left: -25px;}

.tableView{margin: 0 0 0 0px !important;padding: 0;}
.tableView li {border-bottom: 1px solid #ccc;padding: 8px 0 8px 28px !important;margin: 0 !important;display: block;}
.tableView li a {float: right;font-size: 12px;background: #f90;padding: 0px 9px;border-radius: 3px;color: #fff !important;text-decoration: none !important;}
.tableView li a:hover {transition: all ease-in-out 0.3s; background: navy; }
.tableView li:before{top: 13px !important;}

.faculty {
    margin-right: -15px;
    margin-left: -15px;
    margin-top: 20px;
    /* float: left; */
}
.faculty .span.hod {
    border: 1px solid #00009e;
}
.faculty .span {
    width: 100%;
    min-height: 166px;
    float: left;
    background: #ffffff;
    overflow: hidden;
    margin: 0 0 30px 0;
    box-shadow: 0px 7px 11px 0px rgba(0, 0, 0, 0.06);
    border: 1px solid #cb9206;
    border-radius: 4px;
    outline: 2px solid #fff;
    position: relative;
    z-index: 2;
}
.faculty .hod p{
    padding: 0;
    color: #4d4d4d;
    font-family: 'Roboto Slab';
    font-size: 13px;
    font-weight: 500;
    line-height: 25px;
    word-spacing: 0px;
    margin-bottom: 2px;
    text-align: left;
        margin-left: 23px;
}
.faculty .span p{
    padding: 0;
    color: #4d4d4d;
    font-family: 'Ubuntu';
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    word-spacing: 0px;
    margin-bottom: 2px;
    text-align: left;
    margin-left: 23px;
}
.faculty .hod strong{
        font-size: 14px !important;
}
.faculty .span strong{
        font-size: 14px !important;
}
.faculty .span.hod:before {
        background: linear-gradient(to bottom, #409dfd, #005ec1);
}
.faculty .span:before {
    content: '';
    position: absolute;
    top: 1px;
    bottom: 1px;
    /* clip-path: polygon(102% 13%, 0 100%, 100% 100%); */
    right: 1px;
    width: 80px;
    background: linear-gradient(to left, #0062c0, #003261);
    z-index: -1;
    border-radius: 4px 0 0 4px;
}
.faculty .span:after {
    content: '';
    position: absolute;
    top: 1px;
    bottom: 1px;
    clip-path: polygon(109% -17%, 0 100%, 100% 100%);
    right: 1px;
    width: 74px;
    /* background: linear-gradient(91deg, #c7cace 0%, #bababa 100%); */
    z-index: -3;
    border-radius: 4px 0 0 4px;
}
.faculty .span img {
    padding: 6px;
    border-radius: 50%;
    width: 140px;
    height: 140px;
    position: relative;
    object-fit: cover;
    top: 10px;
    left: -12px;
    box-shadow: 0px 0px 20px #00000059;
}
.news{width: 28%;float: left;padding: 15px 15px 14px 15px;margin: 11px 0px 6px 16px;box-shadow: 0px 9px 12px 0px rgba(0, 0, 0, 0.06);border: 2px solid #f3f3f3;}
.news strong{font-size: 26px;text-transform: uppercase;margin-bottom: 10px;}
.news strong span{
    color: #000000;
}
#moduletable{margin:0;padding:0;overflow:hidden;width: 100%;float: left;}
#moduletable ul{margin:0;padding:0;width:100%;}
#moduletable ul li{margin:0;padding: 10px;list-style-type:none;font:400 13px/17px 'Varela Round';width:100%;float:left;display: flex;}
#moduletable ul li:before{content:''}
#moduletable ul li a{color: #000000;padding: 4px 0;display: block;text-align: left;float: left;font-weight: 500;font-size: 14px;width: 80%;line-height: 19px;}
.vina-item{color:#141823;MARGIN-BOTTOM:5px !important;background-color: #d4f0fd80;}
.vina-item a{color:#3b5998;}
#scrollCtrl{margin: 10px 0 0 0;padding:0;text-align:right;}
#scrollCtrl a{width: auto;color: #fff;padding: 5px 20px;border-radius: 20px;background: linear-gradient(to left, #0062c0, #003261);font-weight: 500;color: #fff;margin-right: 15px;margin-top: 4px;/* box-shadow: 5px 4px 6px rgba(0, 0, 0, 0.1); */border: navajowhite;}
#scrollCtrl span{width:29px;height:29px;display:inline-block;}
#scrollCtrl .up, #scrollCtrl .down, #scrollCtrl .toggle{text-indent:10000px;margin:0;padding:0;width:29px;height:29px;-webkit-transition:all 240ms ease-in-out;-moz-transition:all 240ms ease-in-out;-ms-transition:all 240ms ease-in-out;-o-transition:all 240ms ease-in-out;transition:all 340ms ease-in-out;}
#scrollCtrl .down{background-image:url(../../images/icon_news_ctrl.png);background-position:bottom left;}
#scrollCtrl .down:hover{background-image:url(../../images/icon_news_ctrl.png);background-position:top left;cursor:pointer;}
#scrollCtrl .toggle{background-image:url(../../images/icon_news_ctrl.png);background-position:bottom right;cursor:pointer;}
#scrollCtrl .toggle.et-run{background-image:url(../../images/icon_news_ctrl.png);background-position:top right;cursor:pointer;}
#scrollCtrl .up{background-image:url(../../images/icon_news_ctrl.png);background-position:top center;}
#scrollCtrl .up:hover{background-image:url(../../images/icon_news_ctrl.png);background-position:bottom center;cursor:pointer;}
.vina-items-wrapper ul li.new_item:before{content:'images/new-icon.gif';}

.dtContainer{float:left;margin-top:0;margin-right:10px;text-align:center;font-size:11px;width: 20%;background: #fff;}
.dtContainer .yr{background:#f0ad4e;background: linear-gradient(to left, #d9261c, #700600);padding:2px 5px 0px;color:#fff;border-radius:4px 4px 0 0;}
.dtContainer .dt{font-size:18px;padding:5px 5px 1px 5px;border: 1px solid #cb2219;border-bottom:0;}
.dtContainer .mn{text-transform:uppercase;border: 1px solid #cb2219;border-top:0;font-weight: 500;}