/*basic css starts*/
body {
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: "Poppins", sans-serif;
	font-size: 100%;
	color: #333; overflow-wrap: break-word;
}
*,*:focus,*:hover{
    outline:none;
}
html{scroll-behavior: smooth;}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #ff3d55; 
	text-decoration: none;
}
a.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}
article, aside, figcaption, figure, footer, header, main, nav, section, p, h1, h2, h3, h4, h5, h6, ul {
	margin: 0;
	padding: 0;
}
a img {
	border: none;
}
*, ::after, ::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.clear {
	clear: both;
}
.responsive {
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: none;
	margin: 0;
}
.center {text-align: center;}
.right{text-align: right;}
.main-wrapper {
	width: 85%;
	margin: 0 auto;
	padding: 0px;
}
header{margin: 0 0 7vw 0;}

.bounce-eff{-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0); transition-property: transform; transition-duration: 0.3s;}
.bounce-eff:hover{-webkit-transform: translateY(-5px);
transform: translateY(-5px);}
article {margin-bottom: 7vw; overflow:hidden;}


aside {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; /*background-color: #EEE;*/
  background: linear-gradient(to bottom,rgba(0, 0, 0, 1) 15%, rgba(255, 255, 255, 0));
  box-sizing: border-box;
  padding: 5vw 0 0 0;
  transition: all .25s ease-in-out;
  z-index: 2;}
aside.scroll {
  z-index: 9;
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: rgb(33 35 38 / 20%) 0px 10px 10px -10px;
  transition: all .25s ease-in-out;
  background: #fff;
  height: auto;
}
.logo-menu {
  width: 100%;
  display: block;
  margin: -3.5vw 0 0 0;
  vertical-align: top;
  font-size: 0;
  transition: all .25s ease-in-out;
}
.logo-menu-left {
  width: 7%; margin: 0 9% 0 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  transition: all .25s ease-in-out;
}
.logo-menu-right {
  width: 84%;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  transition: all .25s ease-in-out;
}
aside.scroll .logo-menu {
  margin: -4vw 0 0.6vw 0;
  transition: all .25s ease-in-out;
}
aside.scroll .logo-menu-left {
  width: 5%; margin: 0 11% 0 0;
  transition: all .25s ease-in-out;
}
.top-social{width: 100%; display: block; text-align: right;  color: #fff;}
.top-social a{color: #fff;}
.social-icns{font-size: 1.1vw; margin-right: 1.5vw; width: auto; display: inline-block; vertical-align: middle;}
.social-icns i{margin: 0 0.5vw;}

.tb-01{font-size: 0.8vw; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1vw; margin-right: 1.5vw; width: auto; display: inline-block; vertical-align: middle; background: #ed1b24; text-align: center; border-radius: 0.3vw; transition: all .25s ease-in-out;}
.tb-01:hover{background: #2e3192; transition: all .25s ease-in-out;}
.tb-01 a{padding: 0.4vw 1vw; color: #fff; display: block;}

.tb-02{margin-right: 0.5vw; width: auto; display: inline-block; vertical-align: middle; background: #2e3192; text-align: center; border-radius: 0.3vw; transition: all .25s ease-in-out;}
.tb-02 img{width: 2.2vw;}
.tb-02:hover{background: #ed1b24; transition: all .25s ease-in-out;}
.tb-02 a{padding: 0.4vw 0.6vw; display: block;}
.m-line{border-bottom: 2px solid rgba(255, 255, 255, 0.2); margin: 1.7vw 1% 1.3vw 3%; width: 96%; display: block; transition: all .25s ease-in-out;}
aside.scroll .m-line{margin: 1vw 1% 0.5vw 3%; border-bottom: 2px solid rgba(0, 0, 0, 0.08); transition: all .25s ease-in-out;}
aside.scroll .top-social a{color: #000;}
aside.scroll .tb-01 a{color: #fff;}

.headers{width:100%; display:block; position:relative; margin: 0; padding:0;}
.headers figure{display:block;}
.headers figcaption{font-family: "Bona Nova", serif; color: #fff; font-size:2.5vw; line-height:3.5vw; position:absolute; bottom:9vw; left:7.5vw; text-transform: uppercase; display: block;}
.headers figcaption span{font-size: 4vw; display: block;}

.h-btn{font-family: "Poppins", sans-serif; font-size: 1vw; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1vw; width: auto; display: inline-block; vertical-align: middle; background:none; text-align: center; border-radius: 0.3vw; transition: all .25s ease-in-out; border: 2px solid rgba(255, 255, 255, 0.2); margin: 2.5vw 0 0 0;}
.h-btn:hover{background: #2e3192; transition: all .25s ease-in-out;}
.h-btn a{padding: 0 2vw; color: #fff; display: block;}

.ticker-area{width: 100%; display: block; font-size: 0; background: #000; padding: 0.9vw 0;}
.ticker-left{width: 17%; display: inline-block; margin: 0 3% 0 0; vertical-align: middle; background: #2e3192; padding: 0.4vw 1vw; font-size: 1vw; font-weight: 600; text-align: center; color: #fff; border-radius: 0.3vw; letter-spacing: 0.05vw;}
.ticker-mid{width: 67%; display: inline-block; margin: 0 3% 0 0; vertical-align: middle; font-size: 1vw; letter-spacing: 0.03vw; color: #fff;}
.ticker-right{width: 10%; display: inline-block; vertical-align: middle; margin: -1.5vw 0 0 0; position: relative; z-index: 1vw;}

.block-01{width:100%; font-size:0;}
.block-01-left{width: 32%; display: inline-block; margin: 0 5% 0 0; vertical-align: top;}
.block-01-left img{width: 70%; display: block; margin: -2vw 0 0 0;}
.block-01-right{width: 63%; display: inline-block; vertical-align: top;}
.arrow{width: 3%; vertical-align: middle; margin: 0 1vw 0 0;}
.phead01{font-family: "Bona Nova", serif; font-size: 3.5vw; line-height: 3.8vw; color: #2e3192; font-weight: 400; margin: 0 0 2.5vw 0;}

.counting-area{width:100%; font-size:0; margin: 5vw 0 0 0;}
.counting-block{width: 25%; display: inline-block; vertical-align: top; text-align: center; border-right: solid 2px #e5e5e5;}
.counting-block:last-child{border-right: none;}
.counting-block span{color: #ed1b24; font-size: 4.5vw; display: block; margin: 1.8vw 0; font-weight: 300;}


.pro-bg{background-image: url("../images/pro-bg.webp");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 6vw 0 8vw 0; box-shadow: inset 0 0 8px #cecece;
    overflow: auto;}
.body-txt{font-size: 1.1vw; line-height: 2vw;}
.body-txt p{margin: 0 0 1.6vw 0;}
.body-txt strong{font-weight: 600;}
.body-txt p:last-child{margin: 0;}
.body-txt ul{margin: 0 0 1.6vw 0;}
.body-txt li{list-style-image: url("../images/blt2.gif"); padding: 0 0 0 5px; margin: 0 0 1.5vw 1.2vw;}
.body-txt a{text-decoration: underline;}


.pro-area{width: 100%; font-size: 0; margin: 1vw 0 0 0;}
.pro-block{width: 100%; display: block; padding: 2vw; background: #fff; box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px; margin: 1vw 1.3vw;}
.pro-block figure{margin: 0 0 2vw 0; border-bottom: solid 4px #a45b95}
.pro-block figcaption {font-size: 1vw; line-height: 1.6vw;}
.pro-block figcaption ul{margin: 0 0 1.5vw 0;}
.pro-block figcaption li{list-style-image: url("../images/blt.gif"); padding: 0 0 0 5px; margin: 0 0 0.6vw 0.8vw;}
.pro-block figcaption a{font-size: 1.1vw; color: #2e3192; font-weight: 600; text-decoration: none;}
.pro-block figcaption a:hover{color: #ed1b24;}
.phead02{font-size: 1.7vw; line-height: 2vw; font-weight: 600; margin: 0 0 1.7vw 0;}

.why-bg{background-image: url("../images/why-bg.webp");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 6vw 0;}
.wtxt{color: #fff !important;}

.why-boxes-area{width: 66%; display: block; font-size: 0; text-align: center; margin: 2.5vw 0 0 0;}
.flip-box {
    perspective: 1000px;
    width: 47%;
    height: 14vw;
    margin: 0 1.5% 2.5% 1.5%;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    border-radius: 0.2vw;
    padding: 1.2vw 1.2vw 0 1.2vw;
    text-align: center;
}
.flip-box-inner {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}
.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}
.flip-box-front, .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.flip-box-front {
    background-color: #fff;
    color: black;
}
.flip-box-front figure {
    width: 20%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.5vw;
}
.flip-box-front figcaption p {
    font-size: 1.1vw;
    color: #000;
    line-height: 1.5vw;
    margin: 0 0 1vw 0;
}
.flip-box-front figcaption strong{color: #2e3192;}
.flip-box-back {
    color: #000; background: #fff;
    transform: rotateY(180deg);
}
.flip-box-back p {
    font-size: 1.1vw;
    color: #000;
    line-height: 1.5vw;
    margin: 0 0 1vw 0;
}

.placement-area{width: 100%; display: block; font-size: 0;}
.placement-left{width:68%; display:inline-block; vertical-align:top; margin: 0 5% 0 0;}
.placement-right{width:27%; display:inline-block; vertical-align:top;}

.phead03{font-size: 1.5vw; font-weight: 400; margin: 3vw 0 2vw 0;}

.collaboration-area{width: 100%; display: block; padding: 2.5vw; background: #fff; box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;}
.collaboration-block{margin: 0 1vw;}
.img-shadow{box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px; margin: 0 0 1vw 0;}

.rec-logo{margin: 0 2vw;}

.block-02{width: 100%; font-size: 0; margin: 3vw 0 0 0;}
.block-02-left{width: 32%; display: inline-block; vertical-align: top; margin: 0 2% 0 0;}
.block-02-right{width: 66%; display: inline-block; vertical-align: top;}

.pic-block{width: 100%; display: block; vertical-align: top; position: relative;}

.pic-block figure {overflow: hidden;}
.pic-block figure img{transition: all 0.6s; transform: scale(1);}
.pic-block figure:hover img{transition: all 0.6s; transform: scale(1.05); cursor: pointer;}
.pic-block figure h2{font-size: 1.6vw; font-weight: 500; color: #fff; position: absolute; bottom: 2.5vw; left: 2.3vw; z-index: 1; }
.pic-block figure h2 span{font-size: 1.1vw; display: block; margin: 0.3vw 0 0 0;}
.pic-block figure::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 50%;
  left: 0;
  bottom: 0; z-index: 1;
  background: linear-gradient(0deg, rgb(0 0 0 / 80%) 35%, rgba(245, 240, 227, 0) 100%);
}

.pc-01{width: 32%; display: inline-block; vertical-align: top; margin: 0 3% 1.5vw 0;}
.pc-02{width: 65%; display: inline-block; vertical-align: top; margin: 0 0 1.5vw 0;}
.pc-03{width: 63%; margin: 0 3% 0 0; display: inline-block; vertical-align: top;}
.pc-04{width: 34%; display: inline-block; vertical-align: top;}

.block-03{width: 100%; font-size: 0; margin: 2vw 0 0 0;}
.block-03-left{width: 66%; display: inline-block; vertical-align: top; margin: 0 2% 0 0;}
.block-03-right{width: 32%; display: inline-block; vertical-align: top;}
.pc-05{margin: 1.5vw 0 0 0;}

.alu-speak{display: block; min-height: 25vw !important; max-height: 25vw !important; padding: 2.5vw; background: #fff; box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px; margin: 0.5vw 1.8vw 1vw 1.8vw;}
.alu-speak figure{margin: 0 0 1.5vw 0;}
.alu-quote{width: 10%; display: inline-block; margin: 0 1vw 0 0; vertical-align: middle;}
.alu-pic{width: 9%; display: inline-block; margin: 0 1vw 0 0; vertical-align: middle;}
.alu-pic img{border-radius: 50%;}
.alu-txt{width: 70%; display: inline-block; font-size: 1vw; vertical-align: middle;}
.alu-txt span{display: block; color: #acacac;}
.alu-speak figcaption{font-size: 1vw; line-height: 1.8vw;}

.vdo{width: auto; margin: 0.5vw 1.6vw 0 1.6vw;}
.explore{position: relative; text-align: center; margin: 12vw 0 0 0;}
.exp-01{position: absolute; left: 0; bottom: 0; width: 38%; z-index: -1;}
.exp-02{position: absolute; right: 0; bottom: 0; width: 22%;}
.explore a{width: auto; padding: 1vw 3vw; display: inline-block; color: #b82a40; background: #fff; border: solid 1px #b82a40; font-size: 1vw; font-weight: 600; letter-spacing: 0.05vw; text-transform: uppercase; margin: 2vw 2vw 10vw 0; transition: all 0.6s;}
.explore a:last-child{margin: 2vw 0 10vw 0;}
.explore a:hover{background: #ed1b24; color: #fff; transition: all 0.6s;}

.footer-bg{background-image: url("../images/footer-bg.webp"); background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 6vw 0; border-top: solid 5px #d8d8d8;
    overflow: auto; color: #fff; position: relative;}
.footer-bg a{color: #fff;text-decoration: none;}
.footer-bg a:hover{color: #fff; text-decoration: underline;}
.footer-menu{width: 79%; display: inline-block; font-size: 0;}
.footer-logo-block-area{width: 100%; font-size: 0; margin: 0 0 1vw 0;}
.footer-logo-block{width: 31%; display: inline-block; margin: 0 3.5% 3vw 0; vertical-align: middle;}
.footer-logo-block:last-child{margin: 0 0 3vw 0;}
.f-logo{width: 28%; display: inline-block; margin: 0 7% 0 0; vertical-align: top;}
.f-logo-txt{width: 65%; display: inline-block; margin: 0.5vw 0 0 0; vertical-align: top; font-family: "Bona Nova", serif; font-size: 1.3vw; line-height: 1.7vw; text-transform: uppercase;}
.f-txt{font-size: 0.9vw; line-height: 1.8vw;}
.f-txt strong{font-weight: 600;}
.f-icn{width: 13%; float: left; margin: 1vw 1.5vw 0 0;}

.footer-menu-block{width: 30%; display: inline-block; vertical-align: top; margin: 0 4.95% 0 0;}
.footer-menu-block:last-child{margin: 0;}
.footer-menu-block li{list-style-type: none; display: block;}

.footer-map{width: 22%; display: inline-block; position: absolute; right: 0; background: #ccc; border-top: solid 5px #666; border-left: solid 5px #666; border-bottom: solid 5px #666; margin: 1vw 0 0 0;}
.footer-map iframe{width: 100%; height: 35vw;}

.copyright{width: 100%; background: #000; padding: 2vw 0; font-size: 0; text-transform: uppercase; color: #fff; }
.copyright-left{width: 50%; display: inline-block; vertical-align: top; font-size: 0.7vw; letter-spacing: 0.1vw;}
.copyright-right{width: 50%; display: inline-block; vertical-align: top; text-align: right; font-size: 0.7vw; letter-spacing: 0.1vw;}

.more{width: auto; display: inline-block; float: right; background: #fff; padding: 0.8vw 2vw; color: #2e3192; box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px; font-size: 1vw; font-weight: 600;}

.inside-header{background-image: url("../images/inside-header.webp"); background-repeat: no-repeat;
    background-size: 100% 100%; box-shadow: inset 0 0 8px #cecece; min-height: 25vw; margin: 9.6vw 0 7vw 0; position: relative;}

.inside-heading{width: 100%; position: absolute; z-index: 1; bottom: 2.8vw; left: 7.5vw;}
.inside-heading h1{font-family: "Bona Nova", serif; font-size: 4vw; font-weight: 400; color: #ec242c; text-transform: uppercase; width: 50%;}
.inside-heading h1 strong{color: #2e3292; font-weight: 400;}
.inside-heading h1 span{font-family: "Poppins", sans-serif; font-size: 1vw; font-weight: 500; color: #000; text-transform:capitalize; display: block; margin: 1vw 0 0 0;}

.wrapper {width: 61.6%; position: absolute; right: 0;}
svg {width: 100%; height: auto; display: block;}

.faculty-area{width: 100%; display: block; font-size: 0;  margin: 4vw 0 3vw 0;}
.faculty-search{width: 70%; display: inline-block; margin: 0 3% 0 0; vertical-align: top;}
.faculty-filter{width: 27%; display: inline-block; vertical-align: top;}
.faculty-area input{font-family: "Poppins", sans-serif; width: 93%; padding: 1.3vw; background: #f9f8f8; border: solid 1px #efefef; vertical-align: top;}
.faculty-area select{font-family: "Poppins", sans-serif; width: 100%; padding: 1.3vw; background: #f9f8f8; border: solid 1px #efefef; vertical-align: top;}
.faculty-area button{width: 7%; font-size: 1.5vw; color: #fff; padding: 1.3vw; background: #ff5421; border: none;  vertical-align: top; cursor: pointer;}

.faculty-pics{width: 100%; display: block; font-size: 0;}
.faculty-block{width: 22%; display: inline-block; vertical-align: top; margin: 0 1.5% 2vw 1.5%;}
.faculty-pics figure{width:100%; display:block; margin:0 0 1.5vw 0; cursor: pointer;}
.faculty-pics figure img{min-height: 21vw; max-height: 21vw;}
.faculty-pics figcaption{font-size: 1.3vw; color: #333366; font-weight: 600;}
.faculty-pics figcaption span{display: block; font-size: 0.9vw; color: #666; font-weight: 400;}
.countings{width: 20%; margin: 2vw 0 0 0; display: block;}

/*Popus CSS Start*/
.overlay {
  display: none; 
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
}
.popup-content {
  position: absolute; font-size: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  background-color: white;
  padding: 2vw;
  border-radius: 1vw;
  box-shadow: 0px 10px 30px rgba(0,0,0,0.5);
}
.pop-left{width: 30%; display: inline-block; margin: 0 5% 0 0; vertical-align: top;}
.pop-left figure{width:100%; display:block; margin:0 0 1.5vw 0;}
.pop-left figure img{min-height: 22vw; max-height: 22vw;}
.pop-left figcaption{font-size: 1.3vw; color: #333366; font-weight: 600; margin: 0 0 1vw 0;}
.pop-left figcaption span{display: block; font-size: 0.9vw; color: #666; font-weight: 400;}

.pop-right{width: 65%; display: inline-block; vertical-align: top; font-size: 1vw; line-height: 1.5vw;}
.pop-right p{margin: 0 0 2vw 0;}
.pop-right ul{margin: 1vw 0 2vw 0;}
.pop-right li{list-style-image: url("../images/blt2.gif"); padding: 0 0 0 5px; margin: 0 0 0.6vw 1.2vw;}

.pop-head{color: #ff5421; font-size: 1vw; font-weight: 600;}
.close-x {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 28px;
  cursor: pointer;
  line-height: 1;
}
.close-x:hover {color: red;}
/*Popus CSS End*/

.inside-main{margin-bottom: 7vw;}
.inside-area{width: 100%; font-size: 0;}
.inside-area-left{width: 67%; display: inline-block; vertical-align: top; margin: 0 6% 0 0;}
.inside-area-right{width: 27%; display: inline-block; vertical-align: top; background: #f5f5f5; border-top: solid 5px #2e3192; border-bottom: solid 5px #2e3192; padding: 1.5vw 2vw; position: sticky; top: 6.5vw;}
.inside-area-right-02{width: 27%; display: inline-block; vertical-align: top; padding: 1.5vw 2vw; position: sticky; top: 6.5vw;}
.inside-area-right h3{font-size: 1.9vw; line-height: 2.5vw; font-weight: 600; text-align: center; margin: 0 0 0.5vw 0;}
.infra-pics-area{width: 100%; font-size: 0; margin: 4vw 0 0 0;}
.infra-pics{width: 47%; display: inline-block; margin: 0 3% 2vw 0;}
.right-list {
  list-style: none;
  padding-left: 0;
}
.right-list li {
  position: relative; padding: 0.7vw 0 0.7vw 1vw; font-size: 1vw; font-weight: 500; border-bottom: dashed 2px #e4e4e4; vertical-align: middle;
}
.right-list li::before {
  content: '▶'; 
  position: absolute;
  left: 0; margin: 0.3vw 0 0 0;
  color: #2e3192;
  font-size: 0.5vw;
}
.right-list li:last-child{border-bottom: none;}

.dt-area-red{background: #ed1b24; padding: 2vw; color: #fff; margin: 4vw 0 0 0; font-size: 0;}
.dt-head{font-size: 1.5vw; text-transform: uppercase; font-weight: 600; margin: 0 0 1vw 0;}
.dt-area-red figure{width: 40%; display: inline-block; margin: 0 5% 0 0; vertical-align: top;}
.dt-area-red figcaption{width: 55%; display: inline-block; vertical-align: top;}
.dt-area-red figure img{border: 5px solid rgba(255, 255, 255, 0.5);}

.more-btn {width: auto; padding: 1vw 3vw; display: inline-block; color: #ed1b24; background: #fff; border: solid 1px #fff; font-size: 1vw; font-weight: 600; letter-spacing: 0.05vw; text-transform: uppercase; margin: 1vw 2vw 0 0; transition: all 0.6s; text-decoration: none !important;}
.more-btn:hover{background: #ed1b24; color: #fff; transition: all 0.6s; border: solid 1px #fff;}

.dt-area-blue{background: #2e3192; padding: 2vw; color: #fff; margin: 5vw 0 0 0; font-size: 0;}
.dt-area-blue figure{width: 40%; display: inline-block; margin: 0 0 0 5%; vertical-align: top;}
.dt-area-blue figcaption{width: 55%; display: inline-block; vertical-align: top;}
.dt-area-blue figure img{border: 5px solid rgba(255, 255, 255, 0.5);}

.dt-area-blue ul{width: 100%; font-size: 0; margin: 2vw 0 0 0;}
.dt-area-blue li{width:31%; list-style-type: none; vertical-align: top; display:inline-block; margin:0 3.5% 1.5vw 0; text-align: center;}
.dt-area-blue li:last-child{margin: 0 0 1.5% 0;}
.dt-area-blue li div{font-size: 1.3vw; font-weight: 600;}
.dt-area-blue li div img{border:solid 4px #fff; margin: 0 0 1vw 0;}
.dt-area-blue li div span{display: block; font-size: 0.9vw; font-weight: 400; line-height: 1.4vw; margin: 0.3vw 0 0 0;}

.left-pic{width: 10%; display: block; float: left; margin: 0 2vw 0 0;}
.right-pic{width: 13%; display: block; float: right; margin: 0 0 0 2vw;}

.right-big-pic{width: 40%; display: block; float: right; margin: 0 0 0 5vw;}

.placements-bg{background-image: url("../images/placements-bg.webp");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 7vw 0 8vw 0; 
    overflow: auto; color: #fff;}
.txt-white{color:#fff !important;}
.test-margin{margin: 0 1.5vw;}

.placements-area{width: 100%; font-size: 0;}
.placements-left{width:26%; margin:0 5% 0 0; vertical-align:top; display: inline-block;}
.placements-right{width:69%; vertical-align:top; display: inline-block;}
.place-margin{margin: 0 1.3vw;}

.comp-logos-inside {
	display: block;
	width: 100%;
	margin: 0; font-size:0; overflow: visible; padding:0;
}
.comp-logos-col-inside{width: 18%; padding:0; margin:1%;
	display: inline-flex; 
	box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
	vertical-align: top;
	transition: box-shadow .3s ease-in;
	overflow: hidden;
	position: relative;}
.comp-logos-col-inside figure{width:100%; display: inline-block; background:#fff; text-align:center; vertical-align:middle; padding:1vw;}
.comp-logos-col-inside figure img{ max-width:100%; height:auto;}

.academic-block-area{width: 100%; font-size: 0;}
.academic-block{width: 10.5%; display: inline-block; vertical-align: top; font-size: 0.9vw; line-height: 1.4vw; color: #fff; margin: 1.2vw 0 0 0;}
.academic-block:hover{background: #ed1b24;}
.academic-block a{color: #fff; display: block; padding: 1vw 1vw 1vw 1vw; }
.academic-block strong{font-weight: 600;}
.academic-block img{width: 19%; display: block; float: left; margin: 0.7vw 1vw 1vw 0;}
.ac-01{background: #333366;}
.ac-02{background: #2e3192;}
.ac-03{background: #3333cc;}
.ac-04{background: #3333ff;}

.inside-header-academics{background-image: url("../images/inside-header.webp"); background-repeat: no-repeat;
    background-size: 100% 100%; box-shadow: inset 0 0 8px #cecece; min-height: 25vw; margin: 9.6vw 0 7vw 0; position: relative;}

.inside-heading-academics{width: 100%; position: absolute; z-index: 1; bottom: 0; left: 7.5vw;}
.inside-heading-academics h1{font-family: "Bona Nova", serif; font-size: 2.2vw; font-weight: 400; color: #ec242c; text-transform: uppercase; width: 50%;}
.inside-heading-academics h1 strong{display: block; font-size: 4vw; color: #2e3292; font-weight: 400;}
.inside-heading-academics h1 span{font-family: "Poppins", sans-serif; font-size: 1vw; font-weight: 500; color: #000; text-transform:capitalize; display: block; margin: 1vw 0 0 0;}

/*Tabs CSS Starts*/
.tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; margin: 0;
}
.tabs label {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    display: block;
    padding: 0 0 0.7vw 0;
    cursor: pointer; color: #b6b6b6;
    font-size: 1.1vw;
    font-weight: 600;
    -webkit-transition: background ease 0.2s;
    transition: background ease 0.2s;
}
.tabs .tab {
    -webkit-box-ordinal-group: 100;
    -webkit-order: 99;
    -ms-flex-order: 99;
    order: 99;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    display: none;
    padding: 2vw 0 0 0;
}
.tabs input[type="radio"] {
position: absolute;
    opacity: 0;
	scroll-margin-top: 200px; pointer-events: none;
}
.tabs input[type="radio"]:checked + label {
    color: #ed1c24;
    border-bottom: solid 0.3vw #ed1c24;
}
.tabs input[type="radio"] + label {
    margin-right: 3.1vw;
    left: auto;
    right: auto;
}
.tabs input[type="radio"]:checked + label + .tab {
    display: block;
}

@media (max-width: 45em) {
.tabs .tab, .tabs label {
    -webkit-box-ordinal-group: NaN;
    -webkit-order: initial;
    -ms-flex-order: initial;
    order: initial;
}
.tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
}
}
/*Tabs CSS Ends*/

.vm-area{width: 100%; display: block; position: relative; margin: 4vw 0 0 0;}
.vm-area figure{width: 100%; display: block;}
.vm-area figcaption{background-image: url("../images/vm-bg.webp"); background-repeat: no-repeat; background-size: 100% 100%; padding: 2vw; width: 80%; margin-left: auto; margin-right: auto; margin-top: -10vw; z-index: 1; position: absolute; left: 0; right: 0; text-align: center; color: #fff; border: 5px solid rgba(255, 255, 255, 0.3); font-size: 1vw; line-height: 1.8vw;}
.vm-area figcaption p{margin: 0 0 1.4vw 0;}
.phead04{font-size: 1.7vw; line-height: 2vw; font-weight: 500; margin: 0 0 0.8vw 0; text-transform: uppercase;}
.ph-top{margin: 17vw 0 2.5vw 0 !important;}
.ph-top-02{margin: 7vw 0 2.5vw 0 !important;}


.container {display: flex; width: 100%; height: 70vh;}
        .card {
            flex: 1;
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: flex-end; 
            justify-content: center;
            color: white;
            text-align: center;
        }
        .card-image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            transition: transform 0.5s ease; 
        }
        .card-1 .card-image { background-image: url('../images/cv-01.webp'); }
        .card-2 .card-image { background-image: url('../images/cv-02.webp'); }
        .card-3 .card-image { background-image: url('../images/cv-03.webp'); }
        .card::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 50%;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);
            z-index: 2;
            transition: background 0.3s ease; 
        }
        .card:hover .card-image {
            transform: scale(1.1);
        }
        .card:hover::after {
            background: linear-gradient(to top, rgba(0, 0, 255, 0.9) 0%, transparent 100%);
        }
.hidden-content{display: none; transition: all 0.6s;}
.card-1:hover .hidden-content{display: block; font-size: 1.1vw; line-height: 1.5vw; padding: 1vw; width: 100%; position: absolute; bottom: 4vw; z-index: 3; transition: all 0.6s;}
.card-2:hover .hidden-content{display: block; font-size: 1.1vw; line-height: 1.5vw; padding: 1vw; width: 100%; position: absolute; bottom: 4vw; z-index: 3; transition: all 0.6s;}
.card-3:hover .hidden-content{display: block; font-size: 1.1vw; line-height: 1.5vw; padding: 1vw; width: 100%; position: absolute; bottom: 4vw; z-index: 3; transition: all 0.6s;}
        .card h2 {
            position: relative;
            z-index: 3;
            margin-bottom: 2vw;
            font-size: 1.4vw;
            font-weight: 600;
            padding: 0 1.5vw;
        }

.admission-area{font-size: 0; margin: 2vw 0 3vw 0; display: table;}
.admission-block{width: 30%; display: table-cell; vertical-align: middle; padding: 2vw; border: dashed 2px #ccc; text-align: center;}
.admission-block-02{width: 5%; display: table-cell; vertical-align: middle; padding: 1vw 0; text-align:center;}

.right-big-pic-02{width: 30%; display: block; float: right; margin: 0 0 0 5vw;}

.more-btn-02{width: auto; display: inline-block; color: #fff; background: #333366; font-size: 1vw; font-weight: 600; letter-spacing: 0.05vw; text-transform: uppercase; margin: 0 1vw 0 0; transition: all 0.6s;}
.more-btn-02 a{color: #fff; display: block; padding: 1vw 3vw; text-decoration: none;}
.more-btn-02:hover{background: #ed1b24; color: #fff; transition: all 0.6s;}
.more-btn-02 i{margin: 0 0 0 0.5vw;}

.click-button{width: auto; display: inline-block; color: #fff; background: #ed1b24; font-size: 1vw; font-weight: 600; letter-spacing: 0.05vw; text-transform: uppercase; transition: all 0.6s;}
.click-button a{color: #fff; display: block; padding: 1vw 3vw; text-decoration: none;}
.click-button:hover{background: #333366; color: #fff; transition: all 0.6s;}
.click-button i{margin: 0 0 0 0.5vw;}

.board-container {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 2vw;
            width: 100%;
            margin-left: auto; margin-right: auto; margin-top: 0vw; margin-bottom: 2vw;
        }
        .member-card {
            background: white;
            padding: 2vw 1vw;
            text-align: center;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }
        .role {
            color: #e63946; /* The red accent color */
            font-weight: 600;
            font-size: 0.9rem;
            margin-bottom: 0.5vw;
            text-transform: capitalize;
        }
        .name {
            font-size: 1.15rem;
            font-weight: 700;
            margin-bottom: 10px;
            color: #1a1a1a;
        }
        .details {
            font-size: 0.85rem;
            line-height: 1.5;
            color: #333;
        }
        .email {
            display: block;
            text-decoration: none;
        }

.dtr-review-area{width: 100%; font-size: 0; margin: 2vw 0 0 0;}
.dtr-review-box{width: 25%; display: inline-block; text-align: center; vertical-align: top; margin: 0 0 2vw 0;}
.dtr-review-box figcaption{font-size: 1.2vw; font-weight: 600; color: #2e3292; margin: 0 0 1vw 0;}
.dtr-review-box figure{width: 40%; margin: 0 auto;}
.dtr-review-box span{font-size: 1vw; display: block; margin: 0.5vw 0 0 0;}

.ph-top-03{margin: 5vw 0 2.5vw 0 !important;}

/*Purple Table CSS Start*/
:root {
            --primary-purple: #8e8dcf;
            --cell-grey: #e9e9f0;
            --cell-white: #ffffff;
            --border-color: #e0e0e0;
        }
.table-container {
            display: grid;
            grid-template-columns: 2fr 1fr 2fr 1fr;
            width: 100%;
            background-color: #fff;
            gap: 1px;
            border: 4px double var(--border-color);
            padding: 2px; 
        }
.cell {
            padding: 1vw;
            display: flex;
            align-items: center;
        }
        .label {
            background-color: var(--primary-purple);
            color: white;
            font-weight: 600;
        }
        .value {
            justify-content: center;
            font-weight: 500;
            color: #333;
        }
        .bg-white { background-color: var(--cell-white); }
        .bg-grey { background-color: var(--cell-grey); }
/*Purple Table CSS End*/

/*Pink Table CSS Start*/
:root {
            --pl-header-pink: #ff9494;
            --pl-grey-row: #eeeeee;
            --pl-white-row: #ffffff;
            --pl-border-light: #fff;
            --pl-text: #444444;
        }
.pl-wrapper {
            width: 100%;
            margin-top: 4vw;
            border: 4px double #e0e0e0;
            padding: 2px;
            background-color: white;
        }
        .pl-grid {
            display: grid;
            grid-template-columns: 1.2fr 2fr;
            color: var(--pl-text);
            border: 1px solid var(--pl-border-light);
            border-bottom: none;
        }
        .pl-cell {
            padding: 1vw;
            border-bottom: 1px solid var(--pl-border-light);
            display: flex;
            align-items: center;
        }
        .pl-header {
            background-color: var(--pl-header-pink);
            color: white;
            font-weight: bold;
        }
        .pl-row-white { background-color: var(--pl-white-row); }
        .pl-row-grey { background-color: var(--pl-grey-row); }
        .pl-cell:not(:last-child) {
            border-right: 1px solid var(--pl-border-light); 
        }
/*Pink Table CSS End*/

.download{width: 3vw; margin: 0 auto;}

/*Pink Table for Multiple Cols CSS Start*/
.table-container-02 {
    border: 1px solid #ccc;
    padding: 3px;
    display: inline-block;
    width: 100%;
}
.custom-table-02 {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
    font-family: sans-serif;
}
.custom-table-02 th {
    background-color: #ff8e8e; 
    color: white;
    padding: 1vw;
    text-align: left;
    border: 1px solid #eee;
}
.custom-table-02 td {
    padding: 1vw;
    border: 1px solid #e9e9f0;
    color: #444;
}
.custom-table-02 tbody tr:nth-child(even) {
    background-color: #eeeeee;
}
/*Pink Table for Multiple Cols CSS End*/

.c-form{width: 100%; font-size: 0;}
.fields-left{width: 49%; display: inline-block; vertical-align: top; margin: 0 2% 0 0;}
.fields-right{width: 49%; display: inline-block; vertical-align: top;}
.c-form input{background:#F5F5F5; border-radius: 0.3vw; display: block; width: 100%; padding: 1.8vw; font-family: 'Work Sans', sans-serif; font-size: 1vw; color: #000; margin: 0 0 1vw 0; border: solid 1px #ebebeb;}
.c-form select{background:#F5F5F5; border-radius: 0.3vw; display: block; width: 100%; padding: 1.8vw; font-family: 'Work Sans', sans-serif; font-size: 1vw; color: #000; margin: 0 0 1vw 0; border: solid 1px #ebebeb;}
.cap{width: 55% !important; vertical-align: middle; border: solid 1px #ebebeb;}
.cap-img{width: 40%; margin: 0 5% 0 0; display: block; float: left; vertical-align: middle;}
.c-form i{margin: 0 0 0 1vw;}
.c-form button{background: #6eaf20; padding: 1.8vw; font-size: 1.3vw; font-weight: 600; text-align: center; display: block; border: none; width: 100%; border-radius: 0.3vw; color: #fff; cursor: pointer; transition-duration: 0.3s;}
.c-form button:hover{background: #ed1c24; transition-duration: 0.3s;}

.virtual-vdo{width: 80%; margin: 0 auto; border-radius: 1vw; border: 5px solid rgba(255, 255, 255, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); transition: transform 0.3s ease;}
.virtual-vdo:hover{transform: scale(1.02);}
.virtual-vdo video{height:35vw; border-radius:1vw;}

.quote-bg {
  background-image: url("../images/quote-bg.jpg");
  background-repeat: repeat;
  font-size: 1.2vw;
  font-weight: 700;
  color: #fff;
  padding: 1vw;
  width: 100%;
  display: block;
  vertical-align: top;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  margin: 0 0 4vw 0;
  text-align: center;
}

.abc-area{font-size: 0; width: 100%;}
.abc-vdo{width: 47%; display: inline-block; vertical-align: top; margin: 0 1.5% 2vw 1.5%; border-radius: 1vw; border: 5px solid rgba(255, 255, 255, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); transition: transform 0.3s ease;}
.abc-vdo:hover{transform: scale(1.02);}
.abc-vdo iframe{height:25vw; border-radius:1vw;}
.c-form textarea{background:#F5F5F5; border-radius: 0.3vw; display: block; width: 100%; padding: 1.8vw; font-family: 'Work Sans', sans-serif; font-size: 1vw; color: #000; margin: 0 0 1vw 0; border: solid 1px #ebebeb;}

.mandatory-area{width: 100%; font-size: 0; margin: 2vw 0 0 0;}
.mandatory-box{width: 33.3%; display: inline-block; text-align: center; vertical-align: top; margin: 0 0 3vw 0; padding: 0 1vw;}
.mandatory-box figcaption{font-size: 1.1vw; line-height: 1.5vw; font-weight: 600; color: #2e3292; margin: 0 0 1vw 0;}
.mandatory-box figure{width: 40%; margin: 0 auto;}


.c-mid-txt{padding: 0.3vw 0 0 0; display: block;}
.c-icns{width: 3vw; display: block; float: left; vertical-align: middle; margin: 0 1.5vw 0 0;}
.c-map{width: 43%; height: 18vw; float: right; display: block; margin: -1vw 0 0 3vw; background-color:#FFFFFF; border:6px solid #eaeaea; border-style: double; border-radius: 0.3vw;}

.c-bg{background-image: url("../images/c-bg.webp");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 7vw 0;
    overflow: auto; color: #fff; }
.c-bg h2{color: #fff !important;}
.c-form-area{width: 100%; font-size: 0;}
.c-form-left{width: 62%; display: inline-block; vertical-align: top; margin: 0 8% 0 0;}
.c-form-right{width: 30%; display: inline-block; vertical-align: top;}
.c-pic{border: 4px solid rgba(255, 255, 255, 0.3); border-radius: 0.3vw; width: 100%; height: auto;}

.inside-area-right-03{width: 27%; display: inline-block; vertical-align: top; padding: 0 2vw; position: sticky; top: 5vw;}
.click-center{display: block; text-align: center; margin: 1vw 0 0 0;}



.news-events-bg{background-image: url("../images/news-events-bg.webp");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 6vw 0 8vw 0; box-shadow: inset 0 0 8px #cecece;
    overflow: auto;}
.news-area{width:100%; font-size:0;}
.news-left{width: 63%; display: inline-block; vertical-align: top; margin: 0 5% 0 0;}
.news-block{width: 100%; background: #fff; padding: 3vw;}
.news-block-01{width: 57%; display: inline-block; vertical-align: top; margin: 0 5% 0 0;}
.news-block-01 h3{font-size: 1.1vw; font-weight: 600;}
.news-block-01 span{font-size: 0.8vw; font-weight: 400; color: #999; display: block; margin: 1.5vw 0 2vw 0;}
.news-block-02{width: 38%; display: inline-block; vertical-align: top; border-left: solid 1px #cccccc; padding: 0 0 0 2vw;}
.news-block-02 h4{font-size: 0.9vw; font-weight: 600;}
.news-block-02 span{font-size: 0.8vw; font-weight: 400; color: #999; display: block; margin: 0.5vw 0 0 0;}

.rm-button{width: auto; display:table; color: #fff; background: #ed1b24; font-size: 1vw; font-weight: 600; letter-spacing: 0.05vw; transition: all 0.6s;}
.rm-button a{color: #fff; display: block; padding: 1vw 2vw; text-decoration: none;}
.rm-button:hover{background: #333366; color: #fff; transition: all 0.6s;}

.news-gap{display: block; margin: 2vw 0;}

.news-right{width: 32%; display: inline-block; vertical-align: top; margin: 0; color: #fff;}
.news-right a{color: #fff;}
.news-right figure{width: 35%; display: inline-block; vertical-align: top; margin: 0 5% 0 0;}
.news-right figure img{border: solid 3px #fff; min-height: 7vw; max-height: 7vw;}
.news-right figcaption{width: 60%; display: inline-block; vertical-align: top; font-size: 1.1vw; font-weight: 600;}
.news-right figcaption span{font-size: 0.8vw; font-weight: 400; display: block; margin: 0 0 0.8vw 0;}

.news-gap-02{display: block; margin: 2.5vw 0;}



.photo-gallery{width: 100%; display: block; font-size: 0;}
.photo-gallery ul{margin: 0; padding: 0;}
.photo-gallery li{list-style-type: none; display: inline-block; width: 32%; margin: 0 2% 0 0; padding: 0; vertical-align: top; text-align: center;}
.photo-gallery li:last-child{margin: 0; vertical-align: top;}

figure.gallery-pic {
  position: relative;
  overflow: hidden;
  margin: 0 0 1vw 0;
  width: 100%;
  background: #ffffff;
  text-align: center;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

figure.gallery-pic * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

figure.gallery-pic img {
  max-width: 85%; min-height: 12vw; max-height: 12vw;
   margin-left: auto; margin-right: auto; margin-top: 1.5vw; margin-bottom: 1.5vw;
  display: block;
  position: relative;
  border: 3px solid #666666;
  padding: 1vw 1vw 2vw 1vw;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

figure.gallery-pic figcaption {
  position: absolute;
  height: 6vw;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
}

figure.gallery-pic h3 {
  background-color: #ffffff;
  font-size: 1.6vw;
  width: 100%;
  padding: 0.5vw;
  margin: 0;
  font-weight: 500;
}

figure.gallery-pic.red img {
  border-color: #2e3292;
}

figure.gallery-pic.red h3{
  color: #ec242c;
}
.gal-btn{width: auto; display: inline-block; color: #fff; background: #333366; font-size: 1vw; line-height: 1.5vw; font-weight: 600; letter-spacing: 0.05vw; text-transform: uppercase; margin: 1vw 0; transition: all 0.6s;}
.gal-btn a{color: #fff; display: block; padding: 1vw 3vw; text-decoration: none;}
.gal-btn:hover{background: #ed1b24; color: #fff; transition: all 0.6s;}
.gal-btn i{margin: 0 0 0 0.5vw;}



.table-responsive table tbody tr td {
  vertical-align:top
}

.table-responsive table tbody tr th {
  background-color: #ff8e8e !important;
  color: white;
  padding: 1vw;
  text-align: left;
  border: 1px solid #eee;
}



.virtual-vdo-02-area{width: 100%; font-size: 0;}
.virtual-vdo-02{width: 47%; display: inline-block; vertical-align: top; margin: 0 1.5%; border-radius: 1vw; border: 5px solid rgba(255, 255, 255, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease;}
.virtual-vdo-02:hover{transform: scale(1.02);}
.virtual-vdo-02 video{height:25vw; border-radius:1vw;}

.virtual-vdo-02 iframe {
  height: 24.5vw;
  border-radius: 1vw;
}

.pro-bg-02{background-image: url("../images/pro-bg.webp");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 6vw 0 8vw 0;
    overflow: auto; margin: -7vw 0 0 0;}