@charset "utf-8";
/*
font-family: var(--p-font);
background: var(--p-color);
*/

:root {
  /*Color*/
  --p-color:#026ec7;
  --ph-color:#0e25a8; 
  --s-color:#f8b426;
  --white-color:#ffffff;
  --black-color:#000000;
  --black1-color:#222222;
  --black2-color:#10141b;
  --lightblack-color:#1b212c;
  --gray-color:#999999;
  --lightgray-color:#f9f9f9;
  --border-color:#d5d5d5;
  --text-color:#444444;

  /*Fonts*/
  --p-font: 'Inter', sans-serif; 
  --s-font: 'Quicksand', sans-serif;
  --icon-font: 'remixicon';

}
.scriptFont{font-family: 'Meie Script', cursive; font-size: 40px;}
.page-loader {width: 100%; height: 100vh; display: none; background: url(../images/loader/loader-bg.jpg) no-repeat center top; background-size: cover; top: 0; left: 0; position: fixed; background-color: var(--lightblack-color); z-index: 99999999999; }
.page-loader:before{content: ""; opacity: 0.9; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--lightblack-color);}
.page- .page-loader{display: block;}
.is-animetion { width: 90%; text-align: center; top: 50%; position: absolute; left: 50%; transform: translate(-50%, -50%); white-space: nowrap; display: flex; justify-content: center; align-items: center;}
.is-animetion span {display: inline-block; animation: wave-text 2s ease-in-out infinite;  margin: 0 2px;}
.is-animetion span.spaceLeft{margin-left: 10px;}
.is-animetion span img{max-height: 50px;}
.is-animetion span:nth-of-type(1){ animation-delay: 0.0s;}
.is-animetion span:nth-of-type(2){ animation-delay: 0.1s;}
.is-animetion span:nth-of-type(3){ animation-delay: 0.2s;}
.is-animetion span:nth-of-type(4){ animation-delay: 0.3s;}
.is-animetion span:nth-of-type(5){ animation-delay: 0.4s;}
.is-animetion span:nth-of-type(6){ animation-delay: 0.5s;}
.is-animetion span:nth-of-type(7){ animation-delay: 0.6s;}
.is-animetion span:nth-of-type(8){ animation-delay: 0.7s;}
.is-animetion span:nth-of-type(9){ animation-delay: 0.8s;}
.is-animetion span:nth-of-type(10){ animation-delay: 0.9s;}
.is-animetion span:nth-of-type(11){ animation-delay: 1s;}
.is-animetion span:nth-of-type(12){ animation-delay: 1.1s;}
.is-animetion span:nth-of-type(13){ animation-delay: 1.2s;}
.is-animetion span:nth-of-type(14){ animation-delay: 1.3s;}
.is-animetion span:nth-of-type(15){ animation-delay: 1.4s;}

@keyframes wave-text{
  00%{
    transform: translateY(0em);
  }
  60%{
    transform: translateY(-4em);
  }
  100%{
    transform: translateY(0em);
  }
}
@media (max-width: 767px){
  @keyframes wave-text{
  00%{
    transform: translateY(0em);
  }
  60%{
    transform: translateY(-2em);
  }
  100%{
    transform: translateY(0em);
  }
}
}

html{min-height:100%; max-width: 100%; overflow-x: hidden;}
body{font-family: var(--p-font); color:rgba(0, 0, 0, 0.8); font-weight:400; padding:0px; margin:0px; font-size:14px; background:var(--white-color); position:relative; line-height: inherit;max-width: 100%; overflow-x: hidden; }
body.page-{color: var(--text-color);}
h1, h2, h3, h4, h5, h6, p, ul, li, img, a, input, select, div{ margin:0px; padding:0px; outline:none!important; box-shadow:none; border:0px; list-style:none; font-weight:normal;} 
h1, h2, h3, h4, h5, h6, p, img, a, input, select, button, span, small{-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
*{-webkit-overflow-scrolling: touch;}
h1{font-size: 30px; font-family: var(--p-font); font-weight: 500; color: var(--white-color); line-height:1; margin-bottom:20px;} 
h2{font-family: var(--p-font); font-size:30px; color:var(--p-color); font-weight:500; clear:both; line-height:1; margin-bottom:20px;}
h2 span{ font-weight:300;}
h3{font-size:25px; font-weight:500; clear:both; line-height:1.2; margin-bottom:20px;}

p{font-family: var(--p-font); font-size:16px; line-height: 1.5;  margin-bottom:20px;}
p:empty{display: none;}
p:nth-last{ margin-bottom:0px;}
p:last-child{margin-bottom: 0;}
.mt0{margin-top: 0!important;}
.mb0{margin-bottom: 0!important;}
.mb3{margin-bottom: 30px!important;}
.mb5{margin-bottom: 50px!important;}
.mt3{margin-top: 30px!important;}
.mt5{margin-top: 50px!important;}
.pt0{padding-top: 0!important;}
.pb0{padding-bottom: 0!important;}
.hrline{margin: 0px; border-top: 2px solid var(--border-color);}
.hrSpace{margin-top: 40px; margin-bottom: 40px;}
.clear{clear: both;}
.uc{text-transform: uppercase;}
.row{display: flex; flex-wrap: wrap;}
.alignCenter{align-items: center;}
.alignEnd{align-items:flex-end;}
.justify-content-end {-ms-flex-pack: end; justify-content: flex-end; }
.d-flex {display: -ms-flexbox; display: flex; }
.dotsPattern:before{content: ""; opacity: 0.5; background: url(../images/background/dots-pattern.png); width: 180px; height: 90px; position: absolute; }
.linePattern{position: relative;}
.linePattern:before{content: ""; opacity: 0.02; background: url(../images/background/line-Pattern.png) no-repeat center top; top: 0; left: 0; width: 100%; height: 100%; position: absolute; }
.lineBg {background-image: url(../images/background/line-shape.svg); background-repeat: no-repeat; background-position: right bottom; background-size: 50%; }
.relative{position: relative;}
.red{color: var(--p-color);}
.white{color: var(--white-color)!important;}
.redBg{background-color: var(--p-color);}
.blackBg2{background-color: var(--black2-color); color: var(--white-color);}
.lightBlackBg{background-color: rgba(38, 38, 38, 1);}
.blackBg2 p,
.lightBlackBg p{color: #cfd6e3; font-weight: 300;}
.blackBg2 .list{text-align: left; display: flex; flex-wrap: wrap;}
.blackBg2 .list li{ width: 50%; padding: 10px; padding-left: 30px; color: #cfd6e3; font-weight: 300;}
.blackBg2 .list li:before{ color: var(--p-color); top: 10px;}
.lineShape{z-index: 0; left: 0px;top: 0px;position: absolute; opacity: 0.25;}
.lineShape.rightSide{left: auto; right: 0;}
.lineShape.bottomLeftSide{top: auto; bottom: 0;}
.lineShape.bottomRightSide{top: auto; left:auto; bottom: 0; right: 0;}
.desktopHide{display: none!important;}
#aboutCollege.blackBg2{background-color: var(--p-color); color: var(--white-color);}
#aboutCollege.blackBg2 p{color: var(--white-color); font-size: 18px;}
#aboutCollege .headingStyle1 span{color: var(--white-color)!important;}
#aboutCollege .headingStyle1.center:before, 
#aboutCollege .headingStyle1.center:after{background: var(--white-color);}
.fullLink{position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: block;}

.yellow{color: var(--s-color);}
.list{margin: 0 0 40px 0; padding: 0; list-style: none; counter-reset: listCounter1;}
.list:last-child{margin-bottom: 0; padding-bottom: 0;}
.list li{ margin:0 0 5px 0; padding: 0 0 0 30px; position: relative; counter-increment: listCounter1; font-family: var(--p-font); font-size:16px; line-height: 1.5;}
.list li:before{ content: "0" counter(listCounter1); font-weight: 600; position: absolute; left: 0; top: 0;}
.list li:nth-child(n+10):before{ content: "" counter(listCounter1);}
.list1{margin: 0 0 40px 0; padding: 0; list-style: none;}
.list1:last-child{margin-bottom: 0; padding-bottom: 0;}
.list1 li{ margin:0 0 5px 0; padding: 0 0 0 25px; position: relative;  font-family: var(--p-font); font-size:16px; line-height: 1.5;}
.list1 li:before{content: "\EA6E"; font-family: var(--icon-font); color:var(--p-color);  font-weight: 600; position: absolute; left: 0; top: 0;}

.importantRemember{background-color: #fffbd4; text-align: left;}
.whatsapp {position: fixed; width: 44px; height: 44px; bottom: 90px; right: 35px; background-color: #25d366; color: var(--white-color)!important; border-radius: 5px; text-align: center;  z-index: 1000000; display: flex; align-items: center; justify-content: center; font-size: 26px; }
.whatsapp:hover{background-color: #289619;}
.videoWrapper{background: var(--white-color); padding: 10px; border: 1px solid var(--border-color); overflow: hidden;}
.videoWrapper .videoWrapperinner{position: relative; overflow: hidden; padding-bottom: 56.2%;}
.videoWrapper .videoWrapperinner iframe,
.videoWrapper .videoWrapperinner video{position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.gg{position: relative;}
.gg:after{ content: ""; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 250px;
background: -moz-linear-gradient(top,  rgba(249,249,249,1) 0%, rgba(255,255,255,0.8) 20%, rgba(125,185,232,0) 100%);
background: -webkit-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(255,255,255,0.8) 20%,rgba(125,185,232,0) 100%);
background: linear-gradient(to bottom,  rgba(249,249,249,1) 0%,rgba(255,255,255,0.8) 20%,rgba(125,185,232,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#007db9e8',GradientType=0 );
}
/*.gg:before{ content: ""; position: absolute; z-index: -1; left: 0; top: 0; opacity: 0.2; width: 100%; height: 250px; background: url(../images/background/line-6.jpg) no-repeat center top; background-size: 100% auto;}*/
.centerImg{margin: 0 0 40px 0; position: relative; width: 100%;}
.leftImg{float: left; margin: 0 40px 20px 0; position: relative; max-width: 50%;}
.rightImg{float: right; margin: 0 0 20px 40px; position: relative; max-width: 50%;}
.leftImg img,
.rightImg img{ width: 100%; }
#applyNowForm .modal-dialog{max-width: 400px; margin-left: auto; margin-right: auto;}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.successMsg{color:#3c763d;}
.alertMsg{color:#8a6d3b;}
.dangerMsg{color:#a94442;}

.paymentStatusTable{ width: 100%; }
.paymentStatusTable table{ width: 100%; border-top: 1px solid var(--border-color); border-left: 1px solid var(--border-color); }
.paymentStatusTable table td{ width: 50%; background-color: var(--white-color); font-size: 16px; border-bottom: 1px solid var(--border-color); border-right: 1px solid var(--border-color); padding: 15px;}
.paymentStatusTable table td:first-child{font-weight: 700;}

.CampusUpdates{position: relative;}
.CampusUpdatesWrapper{ pointer-events: none; width: 300px; height: 204px; background-color: var(--black2-color); border-radius: 5px; padding: 5px; position: absolute; left: 0; bottom: 110%; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.CampusUpdates:hover .CampusUpdatesWrapper{opacity: 1; visibility: visible; bottom: 100%; pointer-events: inherit;}

.headerAnnouncements{width: 100%; display: flex;background: var(--p-color); width: 100%; min-height: 29px; position: absolute; left: 0; top: 0; z-index: 5; border-bottom: 1px solid var(--black-color);}
.headerAnnouncements .announcementsHeading{background: #FF9933; font-size: 14px; font-weight: 600; color: var(--white-color); padding: 5px 10px; flex: 0 0 250px; text-align: center; text-transform: uppercase;}
.news-scroll{color: var(--white-color); padding: 5px 4px 3px 4px; font-weight: 700;}
.news-scroll span{ font-weight: 700; text-transform:uppercase; }
.news-scroll a{background: var(--white-color); color: var(--p-color); border-radius: 2px; padding: 3px 7px 4px;}
.news-scroll a:hover{background: #138808; color: var(--white-color);}
.news-scroll img{height: 20px;}
@media screen and (max-width: 992px){
 .ed-mob-menu{height: 84px;}
 #admission_helpline{top: 35px;}
}

.breadcrumbs{width: 100%; border-bottom: 1px solid var(--border-color);}
.breadcrumbs ul {display: flex; flex-wrap: wrap;}
.breadcrumbs ul li{font-weight: 400; color:var(--p-color); font-size: 16px; position: relative;}
.breadcrumbs ul li span,
.breadcrumbs ul li a{color:var(--black-color); font-weight: 400; padding: 10px 0; display: inline-block;}
.breadcrumbs ul li:not(:last-child):after{content: "/"; margin-left: 10px; padding-right: 10px;}
.breadcrumbs ul li a:hover{color:var(--p-color);}
.breadcrumbs ul li span{color:var(--p-color);}

/*Search*/
.header_search{position: fixed;top:0;left:0;width: 100%;height:100%;background: rgba(0,0,0,0.9);z-index: 9999999999; padding:0 15px; display: none}
.header_search .col-12{width: 100%; }
.header_search .close_search{text-align:center; margin:50px 0 0;}
.header_search .close_search a{ display: inline-block; width: 50px; line-height: 50px; background: var(--p-color); border-radius: 50%;}
.header_search .close_search img{ max-width: 40%;}
.search_block{margin: 130px 0 0 0;position: relative;}
.search_block input{width:100%;background:none;border:0;color:#fff;font-size: 24px;outline:none;padding: 25px 10px;border-bottom:2px solid #fff;font-weight: 400;}
.search_block input:-webkit-input-placeholder{color:#fff; opacity:1}
.search_block input:-ms-input-placeholder{color:#fff; opacity:1}
.search_block input::placeholder{color:#fff; opacity:1}
.search_block button{background:none;border:0;position:absolute;top: 22px;padding: 5px 0px;width: 40px;height: 40px;right: 5px;border-radius:3px;transition: all 0.4s ease 0s;}
.search_block button:hover{background:#222}
ul.auto_suggest{margin: 20px 0 0 0;padding:0}
ul.auto_suggest li{margin: 15px 0;padding:0;} 
ul.auto_suggest li a{background: var(--black-color);display: block;align-items: center;padding: 15px 30px;color: var(--white-color);text-decoration: none;min-height: 95px;transition: all 0.4s ease 0s;}
ul.auto_suggest li a:hover{background:var(--p-color);}
ul.auto_suggest li p{font-size:20px;font-weight:600;margin:5px 0 7px 0; line-height: 140%;}
ul.auto_suggest li span{display:block; word-break: break-word; line-height: 140%;}

.modal{z-index: 99999;}
.modal-header{position: relative; padding-right: 50px;}
.modal .close{ color: var(--white-color); text-shadow: none; z-index: 1; position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background: var(--p-color); opacity: 1; border-radius: 50%;}

img{ max-width:100%;}
a {color: var(--p-color); text-decoration: none; text-decoration:none;}
a:hover, a:focus {color: var(--p-color);text-decoration: none;}
a:focus {color: var(--p-color);}
::-webkit-input-placeholder {opacity:1;}
:-moz-placeholder {opacity:1;}
::-moz-placeholder {opacity:1;}
:-ms-input-placeholder {opacity:1;}
.spaceboth{ padding-top:100px; padding-bottom:100px;}
.spacenone{ margin:0px; padding:0px;}
.spacebothless{ padding-top:70px; padding-bottom:70px;}
.spacetop{ padding-top:65px;}
.spacetopless{ padding-top:50px;}
p.spacebothless{margin: 0;}
.spacetopnone{ padding-top:0px!important; margin-top: 0px!important;}
.spacebottomnone{ padding-bottom:0px!important; margin-bottom: 0px!important;}
.spacebothnone{ padding-bottom:0px!important; margin-bottom: 0px!important; padding-top:0px!important; margin-top: 0px!important;}
a.viewMore,
.submitBtn{ font-size:14px; font-weight: 500; border: 0; color:var(--white-color); margin-top:40px; text-transform:capitalize; background:var(--p-color); padding:15px 40px; display:inline-block; border-radius:30px; text-decoration:none;}
a.viewMore:hover,
.submitBtn:hover{ background:#070707; color:var(--white-color);}
.submitBtn.inline{display: inline-block; margin: 0px; padding:7px 10px; line-height: 1; font-size: 80%; }
.submitBtn.btnSpace{ margin: 5px 0; }
.submitBtn.whiteButton{background:var(--white-color); color:var(--p-color);}
.submitBtn.whiteButton:hover{background:#070707; color:var(--white-color);}
.smallContainer{ max-width: 1050px; margin:auto; }
.whiteBtn{position: fixed; left: 10px; bottom:10px; z-index: 99; background: var(--white-color); box-shadow: 0px 2px 4px rgb(0 0 0 / 16%); border-radius: 4px; font-size: 16px; font-weight: 500; letter-spacing: 0.0015em; line-height: 24px; color: var(--black-color); padding: 10px 24px; border: 0px;}
.whiteBtn:hover{background-color: var(--p-color); color: var(--white-color);}

.blackBg{ background: var(--black1-color);}
.grayBg{ background: var(--lightgray-color);}
.twoColumn{columns:2; column-gap: 100px; text-align: justify;}
.twoColumnTxt{max-width: 600px; margin: auto;}
.threeColumn{columns:3; column-gap: 20px;}
.scholarshipTable{max-width: 1300px!important;}
.scholarshipTable h2{background: var(--p-color); color: var(--white-color); text-align: center; padding: 10px;}
.scholarshipTableRow{display: flex; justify-content: space-between; border-left: 1px dashed #000; border-bottom: 1px dashed #000;}
.scholarshipTableRow > div{ border-right: 1px dashed #000; border-top: 1px dashed #000;}
/*.scholarshipTableRow:nth-child(2n+1) {background: #fffdeb; }*/
.scholarshipTableCol {padding: 10px 10px; white-space: nowrap;}
.scholarshipTableCol strong{white-space: initial;}
.marksScored{background: var(--p-color); color: var(--white-color); text-align: center; padding: 10px 20px; margin: 30px auto auto auto; display: inline-block; font-size: 120%; font-weight: 700; border-radius: 5px;}
.marksScored + a{margin-top: 30px!important;}
.flexwrap{flex-wrap: wrap; background-color: transparent!important; border-bottom: 0;}
.scholarshipTableCol1{ width: 50%; padding: 20px; text-align: center; font-size: 120%;}
.scholarshipTableCol1 strong{color: var(--p-color); display: block;}
.scholarshipNote{/*background: #fffdeb; border-radius: 5px; */padding: 10px; font-weight: 600; font-size: 90%; /*text-align: center; */margin-top: 30px;}
.scholarshipTable h3 {background: var(--gray-color); color: var(--white-color); text-align: center; padding: 10px; font-size: 20px; margin: 10px 0;}
.scholarshipTableRow .tableHead{background: var(--black-color); color: var(--white-color); font-weight: 700;}
.scholarshipTableRow .scholarshipTableColA{width: 30%; padding: 10px 10px;}
.scholarshipTableRow .scholarshipTableColB{width: 30%; padding: 10px 10px;}
.scholarshipTableRow .scholarshipTableColC{width: 40%; padding: 10px 10px;}
.scholarshipTableRow .scholarshipTableColFull{width: 100%; padding: 10px 10px;}

@keyframes glowing {
    0% {
      background-color: var(--p-color);
      color: var(--white-color);
    }
    50% {
      background-color: var(--s-color);
      color: var(--black-color);
    }
    100% {
      background-color: var(--p-color);
      color: var(--white-color);
    }
}
@keyframes glowing1 {
    0% {
      background-color: var(--s-color);
      color: var(--black-color);
    }
    50% {
      background-color: var(--white-color);
      color: var(--p-color);
    }
    100% {
      background-color: var(--s-color);
      color: var(--black-color);
    }
}
.blinkButton {animation: glowing 1300ms infinite; }
.blinkButton1 {animation: glowing1 1300ms infinite; }

.actionBtn{ font-size:14px; font-weight: 500; border: 0; text-transform: uppercase; color:var(--white-color); line-height: 1; background:var(--p-color); padding:15px 40px; display:inline-block; text-decoration:none;}
.actionBtn:hover,
.actionBtn:focus{ background:var(--ph-color); color:var(--white-color);}
.actionBtnsmall{padding:8px 40px;}

.notificationSectionIcon{position: relative; color: #fff; padding: 10px; background: #e10013; line-height: 1; font-size: 20px; border-radius: 50%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;}
.notificationSectionIcon i{position: relative; z-index: 1;} 
.notificationSectionIcon:before,
.notificationSectionIcon:after{content: ""; position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform-origin: left top; background: rgba(228, 31, 5, 0.8); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border-radius: 50%; z-index: 0; -webkit-animation: notificationwaves 3s ease-in-out infinite; animation: notificationwaves 3s ease-in-out infinite; -webkit-animation-delay: 0s; animation-delay: 0s; }
.notificationSectionIcon:after {-webkit-animation-delay: 0.50s; animation-delay: 0.50s; }
.notificationSectionIcon small:before,
.notificationSectionIcon small:after{content: ""; position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform-origin: left top; background: rgba(228, 31, 5, 0.8); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border-radius: 50%; z-index: 0; -webkit-animation: notificationwaves 3s ease-in-out infinite; animation: notificationwaves 3s ease-in-out infinite; -webkit-animation-delay: 0.75s; animation-delay: 0.75s; }
.notificationSectionIcon small:after {-webkit-animation-delay: 1s; animation-delay: 1s; }
@keyframes notificationwaves {
  0% {
    -webkit-transform: scale(0.2, 0.2) translate(-50%, -50%);
    transform: scale(0.2, 0.2) translate(-50%, -50%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
    -webkit-transform: scale(1.5, 1.5) translate(-50%, -50%);
    transform: scale(1.5, 1.5) translate(-50%, -50%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

.notificationSection {position: fixed; left: 20px; bottom: 30px; z-index: 12; cursor: pointer; }
.notificationList {position: absolute; left: 60px; bottom: 15px; width: 300px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.notificationList.active {transform: scale(0); transform-origin: bottom left; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.notificationList ul {margin: 0; padding: 0; }
.notificationList ul li {list-style-type: none; display: block;}
.notificationList ul li a {background: rgba(255,255,255,.85); border-radius: 10px 10px 10px 0; padding: 15px; line-height: 16px; display: block; margin-bottom: 5px; box-shadow: 0 0 10px rgba(0,0,0,.1); position: relative; }
.notificationList ul li:last-child a::after {width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 0 solid transparent; border-right: 15px solid rgba(255,255,255,.85); content: ""; position: absolute; left: -15px; bottom: 0; }
.notificationHeading {font-size: 14px; color: var(--p-color); margin-bottom: 0; font-weight: 500; }
.notificationTxt {font-size: 12px; color: var(--black1-color); margin-bottom: 5px; line-height: 1.1; }
.notificationAction {font-size: 12px; background: var(--p-color); color: var(--white-color); padding: 2px 5px; border-radius: 2px; display: inline-block; }
.notificationClose{position: absolute; right: -10px; top: -10px; background: var(--p-color); color: var(--white-color); width: 20px; height: 20px; font-size: 10px; text-align: center; line-height: 20px; border-radius: 50%; z-index: 1; cursor: pointer;}

.swiper-container { margin: /*86px*/ 0px 0 0 0; }
.swiper-slide {overflow: hidden; height: 0; padding-bottom: 37%;}
.slide-inner {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-position: center; }

.belowBannerSection{ width: 100%; clear: both; background: var(--lightgray-color);}
.belowBannerSection .belowBannerinner{background: var(--white-color); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 5px; display: flex; justify-content: space-between; align-items: center; padding: 20px; margin: 20px 0; /*transform: translateY(-50%);*/ position: relative; z-index: 1;}
.belowBannerSection .belowBannerCenter{ position: relative; z-index: 1; margin: 0; display: flex; align-items: center; justify-content: center;}
.belowBannerSection .belowBannerCenter .rightBtn{margin: 5px;}
.belowBannerSection .belowBannerCenter a{ display: flex; align-items: center; justify-content: center; position: relative; white-space: nowrap; background-color: var(--white-color); color: var(--p-color); border: 1px solid var(--p-color); border-radius: 2px; padding: 10px; padding-left: 35px;}
.belowBannerSection .belowBannerCenter a i{background: var(--p-color); color: var(--white-color); position: absolute; left: 5px; height: 70%; width: 25px; display: flex; align-items: center; justify-content: center; border-radius: 2px;}
.belowBannerSection .belowBannerCenter a:hover{background-color: var(--p-color); color: var(--white-color);}
.belowBannerSection .belowBannerCenter a:hover i{background: var(--white-color); color: var(--p-color);}
.belowBannerSection .actionBtn{/*border-radius: 5px; padding:20px 40px; font-size: 22px; font-weight: 500; position: relative; padding:20px 60px 20px 20px; white-space: nowrap;*/
border: 0; text-transform: uppercase; position: relative; color: #fff; line-height: 1; background: #ED213A; display: inline-block; text-decoration: none; border-radius: 5px; font-size: 16px; font-weight: 500; position: relative; padding: 8px 20px; padding-left: 45px; white-space: nowrap;}
.belowBannerSection .actionBtn span {padding: 0; position: absolute; left: 10px; background: #fff; width: 26px; height: 26px; top: 50%; transform: translateY(-50%); border-radius: 50%; color: #ED213A; display: flex; align-items: center; justify-content: center; }
/*.belowBannerSection .actionBtn:after{content: ""; position: absolute; width: 24px; height: 18px; right: 20px; background: url(../images/home/button-arrow.png) no-repeat 0 0; background-size: 100%; display: inline-block;}*/

#nav-icon{display: none;}
.container{ clear:both; max-width: 1600px; width: 100%!important; padding-left: 50px; padding-right: 50px;}
.mainHeader{box-shadow: 0 0 10px rgb(0 0 0 / 10%);  -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; min-width:100%; display: flex; justify-content: space-between; background:var(--white-color); position:fixed; top:0px/*29px*/; z-index:9999;}
.mainHeader .logo{flex: 0 0 200px; /*background: var(--p-color);*/ padding: 10px 0; display: flex; align-items: center; justify-content: center;}
.mainHeader .logo{text-align: center;}
.mainHeader .logo img{ max-height: 50px; }
.mainHeader .logo span{ padding: 2px 5px; display: block; margin-top: 5px; text-align: center; background-color:var(--p-color); color: var(--white-color); font-weight: 500; text-transform: uppercase; font-size: 12px; letter-spacing: 0.2px;}
.mainHeader .logo span small{font-size: 100%; font-weight: 700;}
.mainHeader.sticky{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); top: 0;}

.mainNav ul li.dropdownList:before{-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; content: ""; pointer-events: none; z-index: -1; opacity: 0; visibility: hidden; position: fixed; left: 0; top: 115px; width: 100vw; height: 100vh; background-color:rgba(0, 0, 0, 0.8);}
.mainNav ul li.dropdownList:hover:before{opacity: 1; visibility: visible;}
.mainNav ul li.dropdownList > a:before{ content: "";  opacity: 0; visibility: hidden; position: absolute; left: -30px; top: 100%; width: calc(100% + 60px); height: 100%;}
.mainNav ul li.dropdownList > a:hover:before{opacity: 1; visibility: visible;}
.mainNav ul li.dropdownList > a{position: relative; padding-right: 20px!important;}
.mainNav ul li.dropdownList > a:after{content: "\EA4E"; font-family: var(--icon-font); position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.dropdownMenu a{position: relative; overflow: hidden;}
.dropdownMenu .navImages{position: absolute; left: 0; top: 100%; width: 100%; min-height: 100%;}
.dropdownMenu .visitCollege{-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; font-weight: 500; position: absolute; left: 0; bottom: 0; width: 100%; opacity: 0; background-color: var(--s-color); color: var(--black-color); text-align: center; padding: 10px; z-index: 1;}

.dropdownMenu a:hover .navImages{top: 0;}
.dropdownMenu a:hover .visitCollege{opacity: 1;}

.dropdownMenu .NavContactDetail{width: 100%; flex: 0 0 100%; display: flex; justify-content: center; border: 0px; border-top:1px solid #707070; margin-top: 20px!important; }
.dropdownMenu .NavContactDetail .tollFreeNo{text-align: left; margin: 0; color: var(--gray-color); font-size: 22px; padding: 25px 50px; width: 20%; text-align: center;}
.dropdownMenu .NavContactDetail .tollFreeNo a{color: inherit;}
.dropdownMenu .NavContactDetail label{display: block; font-size: 60%; color: var(--s-color); font-weight: 500;}
.dropdownMenu .NavContactDetail .tollFreeNo a:hover{color: var(--white-color);}

.headernav{display: flex; flex-wrap: wrap; align-items: center; width: 100%;}
.headernav .topNav{ width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.headernav .topNav ul{display: flex; flex-wrap: wrap; padding-left: 30px;}
.headernav .topNav ul li:not(:first-child){padding-left: 20px;}
.headernav .topNav ul li a{color: var(--white-color); font-size: 14px; font-weight: 400; padding:10px 0; display: block;}
.headernav .topNav ul li a i{display: inline-block; vertical-align: top;}

.headernav .mainNav{ width: 100%;}
.headernav .mainNav > ul{display: flex; flex-wrap: wrap; padding-left: 30px; width: 100%;}
.headernav .mainNav > ul > li:not(:first-child){padding-left: 20px;}
.headernav .mainNav > ul > li > a{color: var(--p-color); font-size: 18px; letter-spacing: -0.5px; font-weight: 600; padding:15px 0; display: block;}

.headerCall{flex: 0 0; color: var(--gray-color); font-size: 14px; font-weight: 700; display: flex; flex-wrap: wrap; align-items: flex-start; align-items: center; padding: 0; border-left: 1px solid var(--border-color);}
.headerCall a{color: inherit; font-size: inherit; font-weight: inherit;  text-align: center; line-height: 1; display: block; width: 100%; padding: 9px 20px;}
.headerCall span{font-size: 30px; font-weight: 700; color: var(--p-color); letter-spacing: -1px;  text-align: center; white-space: nowrap;}
.headerCall a.applyNow{ background: var(--p-color); color: var(--white-color); padding: 11px 20px; font-size: 16px; width: 100%;}

.headernav .dropdownMenu{ box-shadow: 0 2px 5px rgba(0,0,0,0.4); background:var(--p-color); max-height: calc(100vh - 95px); overflow: auto; border:0px; border-radius:5px; max-width: 1920px; width:100%; position:absolute; margin:0px; padding:0; z-index:9999; left: 50%; top:120%; transform: translateX(-50%); text-align:center;}
.headernav .dropdownMenu:before,
.headernav .dropdownMenu:after{ content:""; height:100%; top:0px; width:500%; position:absolute; display:none; background:var(--black-color); right:99%;}
.headernav .dropdownMenu:after{ right:auto; left:99%;}
.headernav .dropdownMenu{ padding:20px; margin: 0 0 0 1px; width: 100%;}
.headernav .dropdownMenu > li{ width:20%; display:flex; flex-wrap: wrap; margin:0; padding:0 ; vertical-align:top; text-align:left; background: inherit;}
.headernav .dropdownMenu > li:not(:first-child){border-left: 1px solid var(--border-color);}
.headernav .dropdownMenu > li span { display:block; padding-left: 25px; -webkit-transition: all 0.0s ease 0s; -moz-transition: all 0.0s ease 0s; transition: all 0.0s ease 0s; position: relative;}
.headernav .dropdownMenu > li span:before{content: "\EA6C"; font-family: var(--icon-font); position: absolute; left: 0; top: 0; display: inherit;}
.headernav .dropdownMenu > li span small {display: block; font-weight: 700; font-size: 110%; -webkit-transition: all 0.0s ease 0s; -moz-transition: all 0.0s ease 0s; transition: all 0.0s ease 0s; }
.headernav .dropdownMenu > li > a{color:var(--white-color); margin:0px; padding:12px 15px; font-weight:500; line-height:1.3; font-family: var(--p-font); white-space:normal;  background: inherit; display: flex; flex-wrap: wrap; width: 100%;}
.headernav .dropdownMenu.columns4 > li{width: 25%;}
.headernav .dropdownMenu.columns4 > li:nth-child(4n+1){border-left: 0;}
.headernav .dropdownMenu > li > a:hover{color:var(--black-color);  background-color: var(--s-color);}

.headernav .dropdownMenu.programmesList{display: block;}
.headernav .dropdownMenu.programmesList ul {position: relative;}
.headernav .dropdownMenu.programmesList > li{width: 25%; border: 0px;}
.headernav .dropdownMenu.programmesList > li a{border: 0; padding:10px; padding-left: 35px; font-weight: 500; position: relative;}
.headernav .dropdownMenu.programmesList > li a:before{content: "\EA6C"; font-family: var(--icon-font); position: absolute; left: 10px; top: 10px; display: inherit;}
.headernav .dropdownMenu.programmesList > li > ul{ display: none;  width: 70%; min-height: 100%; text-align: left; position: absolute; top: 30px; left: calc(25% + 10px); z-index: 1;  padding:0 0 0 20px; columns: 4; column-gap: 40px;}
.headernav .dropdownMenu.programmesList > li > .thirdLabel{width: 25%; columns: 1; column-gap: 0; margin: -10px 0 0 0; padding: 0; border-left:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.2);}
.headernav .dropdownMenu.programmesList > li > .thirdLabel ul{ background-color: var(--p-color); display: none; min-height: 100%;   position: absolute; left: calc(100% + 40px); top: 0; margin: 0; columns: 2; width: 180%; column-gap: 40px;}
.headernav .dropdownMenu.programmesList > li > ul.columns1{columns: 1;}
.headernav .dropdownMenu.programmesList > li > ul.columns2{columns: 2;}
.headernav .dropdownMenu.programmesList > li > ul.columns3{columns: 3;}
.headernav .dropdownMenu.programmesList > li > ul li:first-child .labelHeading:first-child,
.headernav .dropdownMenu.programmesList > li > ul li:first-child .labelSubHeading:first-child{margin-top: 0!important;}
.headernav .dropdownMenu.programmesList .labelHeading{display: block; color: var(--white-color); font-weight: 500; font-size: 14px; margin: 0; padding: 10px 20px; padding-left: 35px; position: relative; line-height: 1.3; cursor: pointer;}
.headernav .dropdownMenu.programmesList .labelHeading:before{content: "\EA6C"; font-family: var(--icon-font); position: absolute; left: 10px; top: 10px; display: inherit;}
.headernav .dropdownMenu.programmesList .labelHeading.active,
.headernav .dropdownMenu.programmesList .labelHeading.active:hover{color: var(--black-color)!important; background-color: var(--s-color)!important;}
.headernav .dropdownMenu.programmesList .labelHeading:hover{color: var(--black-color); background-color: var(--s-color);}
.headernav .dropdownMenu.programmesList .labelSubHeading{display: block; text-transform: uppercase; color: var(--white-color); font-weight: 500;  font-size: 14px; margin: 10px 0; padding: 0;}
.headernav .dropdownMenu.programmesList > li > ul a{border: 0; padding:8px 0; padding-left: 35px; border-bottom: 1px solid #fff; display: block; color: var(--white-color);  font-weight: 500;}
.headernav .dropdownMenu.programmesList > li > ul a:before{content: "\EA6E";}
.headernav .dropdownMenu.programmesList > li > ul a:hover{border-bottom: 1px solid #fff!important; color: var(--s-color);}
.headernav .dropdownMenu.programmesList li a:hover{border: 0!important;}
.headernav .dropdownMenu.programmesList br{display: none;}
.headernav .dropdownMenu.programmesList > li.active > a{ color: var(--black-color)!important; background-color: var(--s-color)!important;}
.headernav .dropdownMenu.programmesList > li.active > ul{display: block;}
.headernav .dropdownMenu.programmesList > li.active > .thirdLabel .labelHeading.active + ul{display: block;}



.videoSound{position: absolute; right: 5px; top: 135px; display: flex; z-index: 99; background: var(--p-color); width: 44px; height: 44px; border-radius: 4px; align-items: center; justify-content: center; }
.videoSound a{ display:none; vertical-align:top;}
.videoSound a.active{ display:inline-block;}

#video-wrap{position: absolute!important; left: 0px; top: 0px;}
.mainVideo{display: block; min-height:500px; height: 100vh; position: relative; z-index:1; width:100%; background:url(../images/background/main-banner.jpg) no-repeat center center; background-size:100% 100%; background-size:cover; background-attachment:fixed;}
video {width: 100%;height: 100%;display: inline-block;vertical-align:top;left:0px;top:0px;}
.video-wrap {height: 100%; width: 100%;}

.mainBannerBottomSection{ width: 100%; display: flex; align-items: flex-end; position: absolute; left: 0; bottom: 0; z-index: 99;}
.mainBannerBottomSection .noticeBoard{flex:0 0 300px; width: 300px;}
.mainBannerBottomSection .noticeBoard .nbCarousel{width: 100%;}
.nbCarousel .owl-nav{position: absolute; right: 0; bottom: 0; display: flex;}
.nbCarousel .owl-nav [class^="owl-"]{background-color: var(--p-color); color: var(--white-color); font-size: 0; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;}
.nbCarousel .owl-nav [class^="owl-"]:before{content: "\EA60"; font-family: var(--icon-font); font-size: 20px; }
.nbCarousel .owl-nav .owl-next:before{content: "\EA6C";}
.nbCarousel .viewLarge{background-color: var(--p-color); color: var(--white-color); position: absolute; padding: 5px; left: 0; bottom: 0; z-index: 1; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;}
.nbCarousel .viewLarge img{width: 100%;}

.owl-carousel-vertical{transform: rotate3d(0, 0, 1, 90deg); }
.owl-carousel-vertical .item{transform: rotate3d(0, 0, 1, -90deg); }
.mainBannerBottomSection .anouncement{flex:0 0 400px; width: 300px; background-color: var(--p-color); color: var(--white-color); height: 50px; padding:5px 10px; overflow: hidden;}
.mainBannerBottomSection .anouncement p{margin: 0px; padding: 2px 0; background-color: var(--p-color); font-size: 14px;}
.mainBannerBottomSection .anouncement p img{width: auto; height: auto; display: inline-block;}
.mainBannerBottomSection .anouncement p a{color: var(--s-color); font-weight: 500; text-decoration: underline;}

.mainBannerBottomlinks{ display: flex; justify-content: space-between; width: 100%;}
.mainBannerBottomlinks .fixedBottomLink{ background:rgba(248,180,38,0.9); cursor: pointer; flex: 1 0 0; color: var(--black-color); border-left: 1px solid var(--black-color); position: relative; display: flex; align-items: center; justify-content: center; min-height: 50px;}
.mainBannerBottomlinks .fixedBottomLink > span{position: relative;display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.mainBannerBottomlinks .fixedBottomLink > span i{font-size: 20px; margin-right: 10px; font-weight: 300;}
.mainBannerBottomlinks .fixedBottomLink:hover{ color: var(--white-color);}
.mainBannerBottomlinks .fixedBottomLink:before{ -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; content: ""; position: absolute;  width: 100%; height: 0; left: 0; bottom: 0; background: var(--p-color);}
.mainBannerBottomlinks .fixedBottomLink:hover:before,
.mainBannerBottomlinks .fixedBottomLink.active:before{height: 100%;}
.mainBannerBottomlinks .fixedBottomLink:hover .smallPopBox,
.mainBannerBottomlinks .fixedBottomLink.active .smallPopBox{pointer-events: inherit; visibility: visible; opacity: 1; bottom: 100%; }

.smallPopBox{ pointer-events: none; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; opacity: 0; visibility: hidden; background: var(--white-color); border-radius: 2px; padding:0; width: 100%; z-index: 1; position: absolute; bottom: 120%; left: 50%; transform: translate(-50%,-0px);}
.smallPopBox:after {top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: var(--white-color); border-width: 10px; margin-left: -10px; }
.smallPopBox ul{ margin: 0; padding: 0; }
.smallPopBox ul li{padding: 10px; border-bottom: 1px solid var(--border-color); color: var(--black-color); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; font-size: 12px;}
.smallPopBox ul li a{color: inherit; font-size: inherit; font-weight: inherit;}
.smallPopBox ul li:hover{background-color: var(--lightgray-color);}
.smallPopBox ul li .smallPopBoxheading{display: block; color: var(--p-color); font-weight: 700; margin-bottom: 5px;}
.smallPopBoxClose{ position: absolute; right: -5px; top: -5px; width: 22px; height: 22px; background-color: var(--p-color); color: var(--white-color); border-radius: 2px; display: none; align-items: center; justify-content: center; line-height: 1;}
.smallPopBoxClose:hover{background-color: var(--p-color); color: var(--white-color);}
.smallPopBox ul.LinksWithImg li{font-size: 14px; font-weight: 500; text-align: center;}
.smallPopBox ul.LinksWithImg li a{display: flex; justify-content: space-between; width: 100%; align-items: center;}
.smallPopBox ul.LinksWithImg li i{font-size: 110%;}
.smallPopBox ul.LinksWithImg li img{height: 25px;}
.smallPopBox ul.LinksWithImg.shareLinks li{padding: 0; border: 0;}
.smallPopBox ul.LinksWithImg.shareLinks li a{padding: 10px; color: var(--white-color); font-weight: 300;}
.facebook {background: #3b5998;}
.instagram {background: #DD2A7B;}
.twitter {background: #1da1f2;}
.linkedin {background: #0077b5;}
.whatsapp {background: #34af23;}
.mail {color: #333!important;}

.rightFixedButton{position: fixed; right: 0; top: 50%; transform: translateY(-50%); width: 50px; z-index: 9; }
.rightFixedButton .rightBtn{ width: 210px; height: 50px; border: 1px solid rgba(255, 255, 255, 0.3);  box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1); position: relative; z-index: 1; margin: 0; border-radius: 2px 0 0 2px; background: var(--p-color); color: var(--white-color); cursor: pointer; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.rightFixedButton .rightBtn:hover{background: var(--white-color); color: var(--p-color); transform: translateX(-160px);}
.rightFixedButton .rightBtn a{display: flex; color: inherit; align-items: center; white-space: nowrap;  height: 50px; transition: all 0s ease 0s;}
.rightFixedButton .rightBtn i{flex: 0 0 50px; font-size: 160%; display: flex; align-items: center; justify-content: center; transition: all 0s ease 0s;}
.rightFixedButton2{position: fixed; right: 0; top: 50%; width: 38px; z-index: 9; }
.rightFixedButton2 .rightLinks{ transform: rotate(-90deg);  -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.rightFixedButton2 .rightLinks a{background: var(--p-color); color: var(--white-color); cursor: pointer; margin: 0; border-radius: 2px 0 0 2px; box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1); display: block; text-align: center; width: 130px; font-weight: 700; font-size: 14px; padding: 10px; }

.uspBelowBanner{ background:var(--black1-color); overflow: hidden;  color:var(--white-color); width: 100%; margin: 0; padding: 30px;}
.uspBelowBanner .uspBelowBannerLists{display: flex; margin: 0;}
.uspBelowBanner .uspBelowBannerLists p{margin: 0px; padding: 0 0 0 20px; color:var(--p-color); line-height: 1.2; font-weight: 600; text-align: left; width: 100%; font-size: 16px;}
.uspBelowBanner .uspBelowBannerLists li{display: flex; flex: 0 0 25%; align-items: center;  padding: 0; position: relative;}
.uspBelowBanner .uspBelowBannerLists .owl-item li{flex: 0 0 100%;}
.uspBelowBanner .uspBelowBannerLists li figure{ flex: 0 0 80px; border-radius: 5px; position: relative; background-color: var(--lightgray-color); border: 1px dashed var(--border-color); left: 0; top: 0; height: 80px; text-align: center; display: flex; align-items: center; justify-content: center;  margin: 0;}
.uspBelowBanner .uspBelowBannerLists li figure:before {content: ""; width: 100%; height: 100%; position: absolute;}
.uspBelowBanner .uspBelowBannerLists li figure img{height: 55px;}
.uspBelowBanner .uspBelowBannerLists li strong{display: table; margin: 0; font-size: 220%; font-weight: 800; letter-spacing: -1px;}

.ourPartners{ background:var(--p-color); padding:20px 0; max-width: 100%; margin: auto;}
.ourPartners ul{display: flex; align-items: center; justify-content: center;}
.ourPartners ul li{ background:#fff0e0; border-radius:3px; font-weight:300; padding: 10px ; margin:5px 10px;}
.ourPartners ul li img{ max-height: 100px;}

.promoBannerMain{ background: var(--lightgray-color); padding:0 0 70px 0; max-width: 100%; margin: auto;}
.promoBannerMain li{padding: 5px;}
.promoBannerMain p{position: relative; background:var(--white-color); color: var(--black2-color); border-left: 5px solid var(--p-color); padding: 20px 30px; border-radius: 5px; box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);}
.promoBannerMain p:after{content: "\EC52"; font-family: var(--icon-font); position: absolute; right: -2px; top: -10px; color: var(--black-color); font-size: 400%; opacity: 0.2; line-height: 1;}
.promoBannerMain p strong{color: var(--black2-color); font-weight: 400;}
.promoBannerMain p span{ display: block; font-weight: 600; color:var(--p-color); font-size: 135%; font-family: var(--s-font); }
.promoBanner{display: flex; overflow: hidden; position: relative;}
.promoBanner .owl-stage,
.promoBanner .owl-stage .owl-item li{display: flex;}
.promoBanner .owl-stage .owl-item,
.promoBanner .owl-stage .owl-item li,
.promoBanner .owl-stage .owl-item li p{min-height: 100%;}
.promoBanner li{ flex: 0 0 50%;}
.promoBanner .owl-nav  div{position: absolute; left: -30px; top: 50%; transform: translateY(-50%); border-radius: 50%; width: 60px; height: 60px; background: var(--lightgray-color); font-size: 0; display: flex; align-items: center; justify-content: center;}
.promoBanner .owl-nav  div.owl-next{left: auto; right: -30px;}
.promoBanner .owl-nav  div:before{content: "\EA64"; font-family: var(--icon-font); font-size: 30px; padding: 0 0 0 25px; }
.promoBanner .owl-nav  div.owl-next:before{content: "\EA6E"; padding: 0 25px 0 0;}
.promoBanner .owl-nav  div:hover:before{color: var(--p-color);}

.carouselBtnArrow{display: flex; position: relative;}
.carouselBtnArrow li{ flex: 0 0 100%;}
.carouselBtnArrow .owl-nav {position: absolute; right: 0; bottom: -30px; width: 120px; height: 60px; display: flex;}
.carouselBtnArrow .owl-nav  div{ width: 60px; height: 60px; background: var(--p-color); color: var(--white-color); font-size: 0; display: flex; align-items: center; justify-content: center;}
.carouselBtnArrow .owl-nav  div:before{content: "\EA64"; font-family: var(--icon-font); font-size: 40px;}
.carouselBtnArrow .owl-nav  div.owl-next:before{content: "\EA6E";}
.carouselBtnArrow .owl-nav  div:hover{ background-color: var(--ph-color); color: var(--white-color);}
.carouselBtnArrow ~ .actionBtn{padding: 10px 20px; text-transform: uppercase; margin: -30px 0 0 0; position: absolute; z-index: 1; height: 60px; display: flex; align-items: center; justify-content: center;}
.carouselBtnArrow ~ .actionBtn i{display: none;}

.topHighLight,
.famousAlumni{background:var(--white-color);  padding: 0; border-radius: 0; border: 2px solid var(--border-color);}
.topHighLight > li > img,
.famousAlumni > li > img{width: 100%;}
.singleImage{background:var(--white-color);  padding: 0; border-radius: 0; border: 2px solid var(--border-color); padding: 5px;}
.singleImage img{width: 100%;}

.headingStyle {position: relative; padding-bottom: 35px; margin-bottom: 50px; z-index: 3; color: var(--p-color); font-size: 35px; font-weight: 300; text-transform: uppercase; }
.headingStyle.center{text-align: center;}
.headingStyle:before {content: ""; position: absolute; width: 370px; height: 1px; background: var(--gray-color); bottom: 0; left: 50%; transform: translateX(-50%); }
.headingStyle:after {content: ""; position: absolute; width: 170px; height: 8px; background: var(--p-color); left: 50%; bottom: -4px; transform: translateX(-50%);}
.headingStyle.darkBg{color: var(--white-color);}
.headingStyle.darkBg:before{background: var(--white-color);}
.headingStyle.darkBg:after{background: var(--s-color);}

.headingStyle1 {position: relative; margin: 0; text-align: left; margin-bottom: 20px; font-weight: 300; padding-bottom: 20px; color: var(--p-color); text-transform: uppercase;}
.headingStyle1:before {content: ''; background: var(--p-color); height: 11px; width: 11px; border-radius: 50%; position: absolute; bottom: -4px; left: 0; margin-left: 0; z-index: 1; }
.headingStyle1:after {content: ''; background: var(--p-color); height: 2px; width: 60px; position: absolute; bottom: -0px; left: 0; margin-left: 0; }
.headingStyle1.center{text-align: center;}
.headingStyle1.center:before,
.headingStyle1.center:after{ left: 50%; transform: translateX(-50%); }
.headingStyle1 span{display: block; color: var(--p-color); font-weight: inherit; margin-bottom: 10px; font-size: 80%; text-transform: uppercase;}

.headingStyle2 {position: relative; margin: 0; text-align: center; margin-bottom: 50px;}
.headingStyle2.center{text-align: justify;}
.headingStyle2 h2{font-weight: 400; padding: 0; margin: 0 0 20px 0; color: var(--p-color); text-transform: uppercase;}
.headingStyle2 p{max-width: 780px; margin: auto;}
.headingStyle2 p + p{margin-top: 30px;}


.boxMainWrapper .row [class^="col-"]{ padding-top: 100px;}
.boxMainWrapper .row .homeAbout,
.boxMainWrapper .row .homeChairperson,
.boxMainWrapper .row .homeContactForm{padding-top: 0;}
.boxMainSection{ min-height: 100%; border: 1px solid var(--border-color); border-radius: 5px; position: relative; background: var(--white-color); box-shadow: 10px 10px 0px 0px var(--p-color);}
.boxMainthumb{position: absolute; left: 0; top: 0; transform: translate(10px,-65%); width: 75px;}
.boxMainSection h3{text-align: center; text-transform: uppercase; position: relative; background: var(--p-color); color: var(--white-color); border-radius: 5px; margin: 10px; padding: 15px 5px; font-size: 22px; font-weight: 300; line-height: 1;}
/*.boxMainSection h3:before{ content: ""; background: var(--lightgray-color); position: absolute; left: 0; top: 0; z-index: -1; width: calc(100% + 20px); height: calc(100% + 20px); margin: -10px 0 0 -10px; border-radius: 5px 5px 0 0;}*/
.boxMainSection .nav-tabs{ background: var(--lightgray-color); width: 100%; text-align: center; display: flex; justify-content: space-between;}
.boxMainSection .nav-tabs .nav-item{flex: 1 0 0;}
.boxMainSection .nav-tabs .nav-link{border: 0; border-radius: 0; font-size: 14px; color: var(--black-color); line-height: 1; background: transparent; padding: 15px 5px; font-weight: 500; width: 100%;}
.boxMainSection .nav-tabs .nav-link:hover{color: var(--p-color);}
.boxMainSection .nav-tabs .active .nav-link,
.boxMainSection .nav-tabs .active .nav-link:hover{background-color: var(--white-color); color: var(--p-color);}
.allNotices{text-align: center; padding:15px 5% 25px 5%; }
.allNotices a{ color: var(--p-color); font-size: 17px; font-weight: 600; text-transform: uppercase; text-decoration: underline;}
.allNotices a:hover{ text-decoration: underline;}
.boxMainSection .boxSubHeading{background: var(--lightgray-color); border-bottom: 1px solid var(--border-color); text-align: center; display: flex; justify-content: center; font-size: 14px; color: var(--p-color); line-height: 1; padding: 15px 5px; font-weight: 600; margin-top: -10px; width: 100%; }
.boxMainSection .contantArea{min-height: 310px; position: relative; z-index: 1; width: calc(100% - 60px);  color: var(--black1-color); line-height: 1.8; font-size: 16px; margin: 25px 30px; overflow: hidden; text-align: left;}
.slideNormal.advisorLists{max-width: 100%; margin: -10px 0 0 0;}
.slideNormal.advisorLists > .advisorList{flex: 0 0 100%;}
.slideNormal.advisorLists .owl-dots{bottom: 26px;}

.blogNews .boxMainSection .content{}
.blogNews .boxMainSection .content .carousel__item{width: 100%; border-radius: 5px 5px 0 0; margin-bottom: 5px;}
.blogNews .boxMainSection .content .center_div{padding: 15px 30px; /*padding-bottom: 80px;*/}
.blogNews .boxMainSection .content .center_div h4{margin-bottom: 0px; font-weight: 600; color: var(--p-color); font-size: 18px;}
.blogNews .boxMainSection .content .center_div .date{margin-bottom: 15px; font-weight: 500; color: var(--black2-color); font-size: 16px;}
.blogNews .boxMainSection .content .center_div .text{margin: 0; padding: 0; font-weight: 500; font-size: 16px;}
.blogNews .boxMainSection .content .center_div .text > *:not(:first-child){display: none;}
.blogNews .boxMainSection .content .center_div .text p{text-align: left;}
.blogNews .boxMainSection .content .center_div > a { position: absolute; left: 50%; transform: translateX(-50%); bottom: 26px; color: var(--p-color); font-size: 17px; font-weight: 600; text-transform: uppercase; text-decoration: underline; text-align: center; }

.uspList{display: flex; flex-wrap: wrap; margin: 0 -10px; min-width: 100%;}
.uspList li{width: 50%; font-size: 25px; color: var(--p-color); padding:13px 10px; line-height: 1.1; text-align: right; font-weight: 700;}
.uspList li:nth-child(2n+1){text-align: left;}
.uspList li span{ display: block; font-size: 16px; color: var(--text-color); font-weight: 400;}

.contantArea.withSlider{position: initial;}
.slideNormal,
.slideNormalRight{display: flex; padding-bottom: 40px; margin: 0 10px; max-width: calc(100% - 20px); overflow: hidden;}
.slideNormal > li,
.slideNormalRight > li{flex: 0 0 100%;}
.slideNormal .owl-dots,
.slideNormalRight .owl-dots{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: flex;}
.slideNormal .owl-dot,
.slideNormalRight .owl-dot{ width: 10px; height: 10px; background: var(--white-color); border-radius: 50%; border: 1px solid var(--p-color); margin: 4px;}
.slideNormal .owl-dot.active,
.slideNormalRight .owl-dot.active{ width: 20px; height: 10px; background: var(--p-color); border-radius: 25px;}
.slideNormal ~ .contantArea,
.slideNormalRight ~ .contantArea{min-height: inherit; margin: 15px 30px;}
.slideNormal li,
.slideNormalRight li{position: relative;}
.slideNormal li span,
.slideNormalRight li span{ position: absolute; display: flex; align-items: center; justify-content: center; right: 20px; bottom: 20px; background-color: var(--p-color); width: 50px; height: 50px; border-radius: 50%; border: 2px solid #9d0404;}
.slideNormal li small,
.slideNormalRight li small{font-size: 100%;}

.slideusp{position: initial; display: flex;}
.slideusp .owl-dots{position: absolute; bottom: 26px; left: 50%; transform: translateX(-50%); display: flex;}
.slideusp .owl-dot{ width: 10px; height: 10px; background: var(--white-color); border-radius: 50%; border: 1px solid var(--p-color); margin: 4px;}
.slideusp .owl-dot.active{ width: 20px; height: 10px; background: var(--p-color); border-radius: 25px;}

.livingLegends{display: flex;}
.livingLegends > li{ flex: 0 0 25%;}
.livingLegends figure{width: 70%; height: 0; position: relative; padding-bottom: 69.5%; border-radius: 50%; margin: auto auto 20px auto; overflow: hidden; background: var(--white-color); border: 1px solid var(--border-color); box-shadow: 4px 4px 0px 0px var(--p-color);}
.livingLegends figure img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.livingLegends p{text-align: center;}
.livingLegends p span{display: block; color: var(--p-color); text-transform: uppercase; font-weight: 600; margin-bottom: 5px;}
.livingLegends.carouselBtnArrow .owl-nav{bottom: -130px;}
.livingLegends.carouselBtnArrow ~ .actionBtn{margin: 70px 0 0 0;}

.seniorFaculty{display: flex;} 
.seniorFaculty li{margin-bottom: 10px; margin-right: 10px;}
.seniorFaculty figure{padding-bottom: 125%; border: 1px solid var(--border-color); border-radius: 5px; position: relative; background: var(--white-color); box-shadow: 10px 10px 0px 0px var(--p-color);}
.seniorFaculty figure img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.seniorFaculty p{position: absolute; min-height: 102px; display: flex; text-align: center; align-items: center; justify-content: center; flex-wrap: wrap; padding: 15px 20px; z-index: 1; bottom: 30px; left: 20px; width: calc(100% - 40px); background-color: var(--white-color); border-radius: 5px;}
.seniorFaculty p span{ margin-bottom: 5px; width: 100%; color: var(--p-color); font-weight: 500; font-size: 16px; line-height: 1.2; text-transform: uppercase;}
.seniorFaculty.carouselBtnArrow .owl-nav{bottom: -130px;}
.seniorFaculty.carouselBtnArrow ~ .actionBtn{margin: 70px 0 0 0;}

.newsScroll { width: 100%; padding: 25px 30px;}
.newsScroll marquee{height: 280px; position: relative; z-index: 1;}
.newsScroll ul li{width: 100%; color: var(--black1-color); line-height: 1.3; font-size: 14px; border-top: solid 1px var(--p-color);  background-color: var(--lightgray-color); padding: 10px;}
.newsScroll ul li:before{opacity: 0.5;}
.newsScroll ul li a{display: inline-block;}

.noticeBoardAll { width: 100%; padding: 25px 0;}
.noticeBoardAll ul li{width: 100%; color: var(--black1-color); line-height: 1.3; font-size: 14px; border-top: solid 1px var(--p-color);  background-color: var(--lightgray-color); padding: 10px;}
.noticeBoardAll ul li:before{opacity: 0.5;}
.noticeBoardAll ul li a{display: inline-block;}

.awardsRecognitions{ width: 100%; position: relative; z-index: 1; background: url(../images/background/Nims-Drone-Photo.jpg) no-repeat center center; background-size: cover;}
.awardsRecognitions:before{content: ""; opacity: 0.8; z-index: -1; background:var(--black-color); width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.awardsSectionLeft{display: flex; overflow: hidden; width: 100%;}
.awardsSectionLeft .awardsItems{flex: 0 0 33.33%; align-items: center; justify-content: center;}
.awardsSectionLeft .owl-item .awardsItems{flex: 0 0 100%;}
.awardsSectionLeft .awardsItem{padding: 20px;  text-align: center; height: calc(50% - 40px);}
.awardsSectionLeft .awardsItem figure{margin-bottom: 20px; min-height: 150px; display: flex; align-items: center; justify-content: center;}
.awardsSectionLeft .awardsItem figure img{max-height: 150px; width: auto; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.awardsSectionLeft .awardsItem p{color: var(--white-color); font-size: 14px; min-height: 126px; /*height: 65px; overflow: auto;*/}
.awardsSectionLeft .awardsItem:hover figure img{ transform: scale(1.2); }
.awardsSectionLeft .awardsItem:hover p{text-shadow: 5px 5px 10px var(--white-color);}

.awardsSectionRight{ padding:5px 0;}
.awardsSectionRight ul{display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.awardsSectionRight ul li{ background:var(--white-color); width: 100%; border-radius:3px; padding: 10px; margin:15px;}
.awardsSectionRight ul li img{ width: 100%; }


.uspMain1{background: var(--white-color); border-radius: 10px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.uspNew1{display: flex; flex-wrap: wrap;justify-content: center; margin: 0;}
.uspNew1 p{margin: 0px; padding: 0; color: var(--black2-color); line-height: 1.2; font-weight: 400; text-align: center; width: 100%; font-size: 18px;}
.uspNew1 li{display: flex; flex-wrap: wrap; justify-content: center;  text-align: center; flex: 25%; border-left: 1px solid rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(0, 0, 0, 0.2);  padding: 25px; position: relative;}
.uspNew1 li:nth-child(1){border-left: 0;}
.uspNew1 li:nth-child(4){border-right: 0;}
.uspNew1 li:nth-child(4n+1){border-left: 0;}
.uspNew1 li figure{ flex: 0 0 100px; position: relative; height: 100px; border-radius: 50%; background-color: var(--p-color); text-align: center; display: flex; align-items: center; justify-content: center;  margin: 0 0 20px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.uspNew1 li:hover{background-color: rgba(0, 0, 0, 0.2);}
.uspNew1 li figure:before {content: ""; width: 100%; height: 100%; position: absolute;}
.uspNew1 li figure img{height: 50px;}
.uspNew1 li strong{display: block; margin: 0; color: var(--p-color);  font-size: 150%; font-weight: 700;}

.uspMain{background: var(--p-color); border-radius: 10px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.uspNew{display: flex; flex-wrap: wrap;justify-content: center; margin: 0;}
.uspNew p{margin: 0px; padding: 0; color: var(--white-color); line-height: 1.2; font-weight: 400; text-align: left; width: 100%; font-size: 16px;}
.uspNew li{display: flex; flex-wrap: initial; justify-content: center; align-items: center;  text-align: left; flex: 25%; border-left: 1px solid rgba(255, 255, 255, 0.5); border-top: 1px solid rgba(255, 255, 255, 0.5);  padding: 25px; position: relative;}
.uspNew li:nth-child(1){border-left: 0;}
.uspNew li:nth-child(4){border-right: 0;}
.uspNew li:nth-child(4n+1){border-left: 0;}
.uspNew li figure{ flex: 0 0 100px; position: relative; height: 100px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.1); text-align: center; display: flex; align-items: center; justify-content: center;  margin: 0 20px 0 0; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.uspNew li:hover{background-color: rgba(0, 0, 0, 0.2);}
.uspNew li figure:before {content: ""; width: 100%; height: 100%; position: absolute;}
.uspNew li figure img{height: 50px;}
.uspNew li strong{display: block; margin: 0; color: inherit;  font-size: 130%; font-weight: 600;}

.slideMenuMain{ width:100%; clear:both; display:block; color:var(--white-color); font-size:14px;}
.slideMenuMain p{line-height: 1.5; font-size:18px; font-weight: 300;}
.slide_menu_block{ background-size:auto 100%; background-position:right center; background-repeat:no-repeat;}
#AboutNims{ background-image:url(../images/background/About-Nims.jpg); background-color:var(--p-color);}
#WhyChooseNIMS{background-image:url(../images/background/Why-Choose-Nims.jpg); background-color:#0688df;}
#AwardAndRankings{background-image:url(../images/background/Our-Awards-Rankings.jpg); background-color:#0634b3;}
#WorldClassAmenities{background-image:url(../images/background/World-Class-Amenities.jpg); background-color:#0c2ab1;}
.slide_menu_block h2{ color:var(--white-color);}
.slide_menu_block p{ }
.slide_menu_block .viewMore{ color:var(--p-color); background:var(--white-color);}

.usp{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; margin: 0 -10px;}
.usp p{margin: 0px; padding: 0 0 0 20px; color: var(--black-color); line-height: 1.2; font-weight: 400; text-align: left; width: 100%; font-size: 16px;}
.usp li{display: flex; align-items: center; width: calc(50% - 20px); border-radius: 2px; overflow: hidden; margin: 10px; padding: 10px; position: relative; background-color: var(--white-color);}
.usp li figure{ flex: 0 0 80px; position: relative; left: 0; top: 0; height: 80px; text-align: center; display: flex; align-items: center; justify-content: center; border-right: 2px solid var(--border-color); margin: 0;}
.usp li figure:before {content: ""; width: 100%; height: 100%; position: absolute;}
.usp li figure img{height: 45px;}
.usp li strong{display: table; margin: 0; color: var(--p-color);  font-size: 200%; font-weight: 300; letter-spacing: -1px;}


.worldClassAmenities{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; margin: 0 -10px;}
.worldClassAmenities li{display: flex; flex-wrap: wrap; align-items: center; width: calc(50% - 20px); color: var(--black-color); border-radius: 2px; overflow: hidden; margin: 10px; padding: 15px; padding-left: 70px; position: relative; background-color: var(--white-color);}
.worldClassAmenities li span{display: block; width: 100%; font-weight: 700; color: var(--p-color); font-size: 18px;}
.worldClassAmenities li:before{opacity: 0.1; font-weight: 400; font-size: 50px; left: 5px; top: 50%; transform: translateY(-50%); letter-spacing: -2px;}

.awardsRankings{ display: flex; flex-wrap: wrap; min-width: 100%; }
.awardsRankings li{ width: 33.33%; padding: 20px 10px;}
.awardsRankings li div{display: flex; align-items: center; text-align: center; position: relative; background:url(../images/icons/awards.svg) no-repeat center center; background-size:100% 100%; padding-bottom: 70%; width:100%;}
.awardsRankings li span{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-weight: 700;}
.awardsRankings li span img{max-height: 90px; display: table; margin: auto;}
.awardsRankings li small{text-align: center; display: block; font-size: 100%; line-height: 1.4;}

.placementsSection{position: relative;}
.leftSideTxt{padding-right: 60px;}
.rightSideTxt{padding-left: 60px;}
.halfImg{position: absolute; width: 50%; left: 0; top: 0; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.halfImg.rightSideImg{ left: auto; right: 0;}
.placementsSectionBanner{background-image:url(../images/background/placements-banner.jpg);}
.placementsSectionBannerHome{background-image:url(../images/background/placements-banner-home.jpg); background-position: left center; background-size: cover;}

.placementsSection .placementsSectionList{display: flex; flex-wrap: wrap;justify-content: center; margin: 50px 0 0 0;}
.placementsSection .placementsSectionList li{ width: 25%; display: block;}
.placementsSection .placementsSectionList li p{padding: 0; margin: 0; font-size: 16px; font-weight: 400; line-height: 1.2;}
.placementsSection .placementsSectionList li strong{display: block; font-size: 22px; font-weight: 700; color: var(--p-color);}

.CounterTxt{ font-family: Tahoma, 'Inter', sans-serif; font-size: 150px; margin-bottom: -15px; position: relative; z-index: 1; color: var(--p-color); letter-spacing: -3px; text-align: center; line-height: 1;  -webkit-text-stroke: 2px var(--white-color); font-weight: 700; text-shadow: -10px 0 0 #610009;}
.CounterTxt span {position: relative;}
.CounterTxt small{font-size: 100%; position: relative; z-index: 1;}
.CounterTxt small img{position: absolute; left: -20%; bottom: -12%; width: 140%; max-width: inherit; z-index: -1;}
.CounterTxt span:after {position: absolute; top: 5%; right: 0; font-size: 16px; -webkit-text-stroke: 0; text-shadow: none; content: "Placements"; letter-spacing: 2px; text-transform: uppercase; font-weight: 400; }
.placementsSection .placementsPackages{display: flex; flex-wrap: wrap;justify-content: center; margin:0; padding: 15px 0; background-color: var(--p-color); border-radius: 4px;}
.placementsSection .placementsPackages li{display: flex; flex-wrap: wrap; text-align: center; justify-content: center;  width: 25%;  padding: 10px; position: relative;}
.placementsSection .placementsPackages li strong{font-size: 20px; color: var(--white-color); width: 100%; display: block;}
.placementsSection .placementsPackages li small{background: var(--s-color); width: 50%; display: block; height: 2px; border-radius: 10px; margin: 5px 0;}
.placementsSection .placementsPackages li span{font-size: 16px; font-weight: 300; color: var(--white-color); width: 100%; display: block;}
/*.placementsSection .owl-nav {position: absolute; right: 0; bottom: -30px; width: 120px; height: 60px; display: flex;}
.placementsSection .actionBtn{padding: 10px 20px; bottom: -30px; text-transform: uppercase; margin:0; position: absolute; z-index: 1; height: 60px; display: flex; align-items: center; justify-content: center;}*/

@-webkit-keyframes scroll {
  0% {transform: translateX(0); }
  100% {transform: translateX(calc(-150px * 7)); }
}
@keyframes scroll {
  0% {transform: translateX(0); }
  100% {transform: translateX(calc(-150px * 7)); }
}
.slider {margin: auto; overflow: hidden; position: relative; width: 100%; }
.slider::before, .slider::after {background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%); content: ""; height: calc(100% - 20px); position: absolute; width: 15%; z-index: 2; }
.slider::after {right: 0; top: 10px; transform: rotateZ(180deg); }
.slider::before {left: 0; top: 10px; }
.slider .slide-track {-webkit-animation: scroll 40s linear infinite; animation: scroll 40s linear infinite; display: flex; width: calc(150px * 14); }
.slider .slide {width: 150px; }
.slider .slide span{display: block; background: white; box-shadow: 0 0 5px rgb(0 0 0 / 10%); padding: 5px; border-radius: 5px; overflow: hidden; margin: 10px 5px; padding-bottom: 60%; position: relative;}
.slider .slide span img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 80%; max-height: 80%; }

.ourReqruiters{ background:var(--lightgray-color); padding:15px 0; color:var(--white-color);}
.ourReqruiters ul{display: flex; align-items: center; justify-content: center;}
.ourReqruiters ul li{ background:var(--white-color); border-radius:3px; font-weight:300; padding: 5px; margin:0; text-align: center; box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);}
.ourReqruiters ul li img{ max-height: 70px; width: auto!important; margin: auto ;}
.reqruitersCarousel .owl-item{padding: 5px;}

.internationalCollaborations ul{ display: flex; flex-wrap: wrap; }
.internationalCollaborations ul li{-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; background-color: var(--white-color); width: 31.33%; margin: 1%; position: relative; padding-bottom: 25%; border: 1px solid var(--border-color); border-radius: 5px;}
.internationalCollaborations ul li img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 80%; max-height: 80%;}
.internationalCollaborations ul li:hover{border-color: var(--p-color); transform: scale(1.2); z-index: 1;}
.internationalCollaborations h3{    background: var(--p-color); color: var(--white-color); text-align: center; padding: 10px; border-radius: 5px; font-size: 18px; margin: 4% 1%;}

.testimonials{width: 100%; overflow: hidden; }
.testimonialsItems{ display: flex; flex-wrap: wrap;}
.testimonialsItems li {width: 33.33%; padding: 10px;}
.testimonialsItems .testimonialsItem{ border-radius: 5px; min-height: 100%; background-color: var(--white-color); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); padding: 20px; }
.testimonialsItems .testimonialsItem figure{display: flex; align-items: center; }
.testimonialsItems .testimonialsItem figure img{ width: 80px; height: 80px; border-radius: 50%; box-shadow: 0px 0px 4px 0px var(--gray-color);}
.testimonialsItems .testimonialsItem figure figcaption{font-weight: 600; font-size: 18px; padding-left: 15px; color: var(--p-color);}
.testimonialsItems .testimonialsItem figure figcaption span{display: block; font-size: 70%; font-weight: 400; opacity: 0.8;}
.testimonialsItems .testimonialsItem p{ margin: 20px 0 0 0; display: flex; align-items: center; font-size: 14px; max-height: 170px; overflow: auto; }
.testimonialsItems .testimonialsItem p i{font-size: 30px; margin-left: 10px;}
.testimonialsItems .testimonialsItem p a{ display: flex; align-items: center; color: inherit; border: 1px solid var(--p-color); color: var(--p-color); padding: 5px 10px; line-height: 1; border-radius: 2px;}
.testimonialsItems .testimonialsItem p a:hover{ background-color: var(--p-color); color: var(--white-color);}
.testimonialsItems li:nth-child(2n+2) .testimonialsItem{background-color: var(--p-color); color: var(--white-color);}
.testimonialsItems li:nth-child(2n+2) .testimonialsItem figure img{box-shadow: 0px 0px 4px 0px var(--white-color);;}
.testimonialsItems li:nth-child(2n+2) .testimonialsItem figure figcaption{color: var(--white-color);}
.testimonialsItems li:nth-child(2n+2) .testimonialsItem p a{border-color: var(--white-color); color: var(--white-color);}
.testimonialsItems li:nth-child(2n+2) .testimonialsItem p a:hover{ background-color: var(--white-color); color: var(--p-color);}

.videoTestimonials{ display: flex; flex-wrap: wrap; padding: 5px; margin-top: 30px; background: #fff; border: 1px solid rgba(108,117,125,.3);}
.videoTestimonials > div{width: 25%; padding: 5px;}
.videoTestimonials > div img{width: 100%;}

.collegetestimonials{width: 100%; overflow: hidden; background-color: var(--p-color); color: var(--white-color);}
.foreignStudentsSlider{display: flex;}
.collegetestimonials h2{color: var(--white-color);}
.collegetestimonialsItems{ display: flex;  padding-left: 250px; overflow: hidden;}
.collegetestimonialsItems > li{min-width: 269px; margin-right: 20px;}
.collegetestimonialsItems li {padding: 5px; background: var(--white-color); border-radius: 2px;}
.collegetestimonialsItems .testimonialsItem{ border-radius: 5px; overflow: hidden; min-height: 100%; background-color: var(--white-color); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1), -10px 10px 10px rgba(0, 0, 0, 0.1); padding: 0; }
.collegetestimonialsItems .testimonialsItem figure{display: flex; flex-wrap: wrap; align-items: center; position: relative; padding-bottom: 60%; overflow: hidden;}
.collegetestimonialsItems .testimonialsItem figure img{ width: 100%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.collegetestimonialsItems .testimonialsItem figure figcaption{font-weight: 600; font-size: 18px; padding-left: 15px; color: var(--p-color);}
.collegetestimonialsItems .testimonialsItem figure figcaption span{display: block; font-size: 70%; font-weight: 400; opacity: 0.8;}
.collegetestimonialsItems .testimonialsItem p{ margin: 20px; display: flex; align-items: flex-start; font-size: 14px; height: 120px; overflow: auto; }
.collegetestimonialsItems .testimonialsItem p i{font-size: 30px; margin-left: 10px; position: relative;}
.collegetestimonialsItems .testimonialsItem p a{ display: flex; align-items: center; color: inherit; border: 1px solid var(--p-color); color: var(--p-color); padding: 5px 10px; line-height: 1; border-radius: 2px;}
.collegetestimonialsItems .testimonialsItem p a:hover{ background-color: var(--p-color); color: var(--white-color);}
.collegetestimonialsItems .testimonialsItem .testimonialName{font-weight: 500; font-size: 15px; padding: 20px; padding-top: 0; color: var(--p-color);}
.collegetestimonialsItems .testimonialsItem .testimonialName span{display: block; font-size: 70%; font-weight: 500; color: var(--gray-color);}
.collegetestimonialsItems .testimonialIcon{position: relative; pointer-events: none; margin: -25px 0 -10px 50%; transform: translateX(-50%);  color: var(--white-color); display: flex; align-items: center; justify-content: center; font-size: 25px; cursor: pointer; width: 50px; height: 50px; background-color: var(--p-color); border-radius: 50%;}
.collegetestimonialsItems .testimonialIcon.wavesAnimation{pointer-events: inherit;}

.collegetestimonialsItems .owl-nav{position: absolute; left: 100px; top: 50%; transform: translateY(-50%);}
.collegetestimonialsItems .owl-nav [class^="owl-"]{font-size:0px;}
.collegetestimonialsItems .owl-nav [class^="owl-"]:before{content: ""; color: var(--white-color); width: 50px; height: 20px; background: url(../images/icons/left-arrow.svg) no-repeat center center; display: inline-block; background-size: 100%;}
.collegetestimonialsItems .owl-nav .owl-next:before{content:""; transform: rotate(180deg);}

.wavesAnimation{position: relative;}
.wavesAnimation:before,
.wavesAnimation:after{content: ""; position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform-origin: left top; background: rgba(228, 31, 5, 0.8); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border-radius: 50%;  -webkit-animation: waves 3s ease-in-out infinite; animation: waves 3s ease-in-out infinite; -webkit-animation-delay: 0s; animation-delay: 0s; }
.wavesAnimation:after {-webkit-animation-delay: 0.50s; animation-delay: 0.50s; }
.wavesAnimation i{position: relative; z-index: 1;}


@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2) translate(-50%, -50%);
    transform: scale(0.2, 0.2) translate(-50%, -50%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
    -webkit-transform: scale(1.5, 1.5) translate(-50%, -50%);
    transform: scale(1.5, 1.5) translate(-50%, -50%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

.imgBoxOuter{display: flex; flex-wrap: wrap; align-items: flex-start;}
.ourGallery .teamOuter {width: 25%; display: flex; flex-wrap: wrap; }
.ourGallery .teamOuter.large{width: 50%; justify-content: space-between;}
.ourGallery .teamOuter.large .teamBox:not(.teamBoxWide){width: 50%;}
.ourGallery .teamBox{padding: 10px; width: 100%;}
.ourGallery .teamBox img {width: 100%; vertical-align: top;}

/*PhotoGallery*/
.photoGalleryNew *, .photoGalleryNew *:after, .photoGalleryNew *:before {padding:0; margin:0; }
.photoGalleryNew ul {position:relative; list-style:none; width:100%; height:600px; overflow:hidden; display: flex;}
.photoGalleryNew li {position:relative; flex: 1 0 0; overflow: hidden; height:600px; border-left:1px solid #fff; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; transition:all 0.7s; }
.photoGalleryNew ul li:first-child {border:none; }
.photoGalleryNew span {display:block; position:absolute; bottom:0; width:50%; color:white; white-space:nowrap; padding:20px;  z-index: 1; font-size: 18px; font-weight: 400; text-transform: uppercase;
    background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.photoGalleryNew img { min-width:100%; height:600px; max-width: inherit; position: relative; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.photoGalleryNew ul:hover li{flex: 1 0 0;}
.photoGalleryNew ul:hover li img{filter: grayscale(100%);}
.photoGalleryNew ul li:hover {flex: 85% 0 0;}
.photoGalleryNew ul li:hover img {filter: grayscale(0%);}

.photoGalleryCarousel{display: flex; overflow: hidden; padding: 10px; border: 1px solid rgba(108,117,125,.3);}
.photoGalleryCarousel li{position: relative;}
.photoGalleryCarousel li span {display:block; background: rgba(0, 0, 0, 0.5); position:absolute; bottom:0; width:100%; color:white; white-space:nowrap; padding:20px;  z-index: 1; font-size: 18px; font-weight: 400; text-transform: uppercase;}

.youtubeLatestVideo{padding: 10px;}
.youtubeLatestVideo.owl-carousel .owl-stage{display: flex; align-items: center;}
.latestVideo{margin: 0 -10px; display: flex; flex-wrap: wrap;}
.latestVideoLeft{padding: 10px; width: 66.9%; overflow: hidden;}
.latestVideoRight{padding: 10px; width: 32.1%; overflow: hidden;}
.videoSection {background: #fff;  margin: 0; }
.center .videoSection{}
/*.videoSection + .videoSection{margin-top: 20px;}*/
.responsiveVideo {position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 56.25%; }
.responsiveVideo iframe{position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }

.latestNews { width:100%; clear: both; position: relative; background:var(--lightblack-color); }
.latestNews .text { font-size:17px; color:var(--black-color); text-align:center; }
.latestNews .row { display: flex; width: 100%; height: 100%; }
.latestNews [class^="col-"] { position: relative; }
.latestNews .image { position: relative; width:100%; height: 100%; background-repeat: no-repeat; background-size: cover; }
.latestNews .image img { width:100%; display: block; }
.latestNews .content { width:100%; padding: 0 0 0px; position: relative;  display: flex; align-items: center;  }
.latestNews .content .carousel__item-head{width: 35%; padding-bottom: 25%; position: relative; overflow: hidden;}
.latestNews .content .carousel__item-head img{height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: inherit; height: 100%; width: auto;}
.latestNews .content .center_div{width: 65%; padding-left: 20px;}
.latestNews .content h4 { font-size: 16px; font-weight:700; margin-bottom:10px; }
.latestNews .content a{text-decoration: underline;}
.latestNews .content .text { color:var(--black-color); font-size:15px; padding-top: 0; margin: 12px 0; text-align:left; opacity: 0.8;}
.latestNews .content .text > p{display: none;}
.latestNews .content .text p:first-child{display: block; letter-spacing: 0.2px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.latestNews .content .date { color:var(--gray-color); font-size:15px; }
.latestNews .owl-dots { position: absolute; right:0; display: flex; flex-wrap: wrap; bottom: 0; margin-bottom: 0px; padding:0; }
.latestNews .owl-dots .owl-dot { height: 5px; width:22px; margin: 0 10px 0 0; background: #dadada; border-radius:0; }
.latestNews .owl-dots .owl-dot span { width:100%; }
.latestNews .owl-dots .owl-dot.active { background: var(--p-color); }
.latestNews .owl-stage-outer { padding:0; }
.latestNewsWrapper{background-color: var(--white-color); padding: 10px; height: 100%;}
.latestNewsWrapper h2{margin-bottom: 40px; color: var(--p-color);}
#play-chairman-video{position: absolute; cursor: pointer; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/background/Balvir-S-Tomar-Video.jpg) no-repeat left bottom; background-size: cover; z-index: 9;}

.videoSlideLists{display: flex; width: 100%; overflow: hidden;}
.videoSlideLists > .videoWrapperinner{flex: 0 0 100%;}
.videoSlideLists .owl-nav {position: absolute; right: 0; bottom: 0px; width: 100px; height: 50px; display: flex;}
.videoSlideLists .owl-nav  div{ width: 50px; height: 50px; background: var(--p-color); color: var(--white-color); font-size: 0; display: flex; align-items: center; justify-content: center;}
.videoSlideLists .owl-nav  div:before{content: "\EA64"; font-family: var(--icon-font); font-size: 30px;}
.videoSlideLists .owl-nav  div.owl-next:before{content: "\EA6E";}
.videoSlideLists .owl-nav  div:hover{ background-color: var(--ph-color); color: var(--white-color);}

.carousel__item-head img{height: auto;}

#play-chairman-video.active{opacity: 0; visibility: hidden;}
.latestNews .videoWrapper{padding: 0; border: 0;  background: transparent;}

footer{ width: 100%; clear: both; background:var(--black-color); padding:65px 0 0 0; text-align:center;}
footer .footerInner{ display: block; color: var(--white-color); text-align: left; }
footer .facebookFeedSection{max-width: 340px; width: 100%;}
footer address{}
footer ul{ text-align:left;}
footer ul li{ float:left; margin-right:30px;}
footer h4{ font-size:14px; color:var(--white-color); text-transform:uppercase; font-weight:400; margin:0 0 19px 0; padding:0px;}
footer p{font-size:13px; color:rgba(255,255,255,0.7);}
footer a{ font-size:13px; color:rgba(255,255,255,0.7); text-decoration:none;}
footer a:hover{color:rgba(255,255,255,1); text-decoration:none;}
footer ul li li{ float:left; margin:0 0 10px 0; clear:both;}
footer ul li li:last-child{margin-bottom:0px;}
footer .columns2{columns: 2; column-gap: 10px;}
footer .columns3{columns: 3; column-gap: 10px;}
footer .footerInner > ul{display: flex; width: 100%;}
footer .footerInner > ul li a{padding-left: 20px; position: relative; display: inline-block;}
footer .footerInner > ul li a:before {-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; content: "\EA6C";  font-family: var(--icon-font); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
footer .footerInner > ul li a:hover:before{left: 5px;}
footer .footerInner > ul > li:first-child{width: 75%;}
footer .footerInner > ul > li:last-child{width: 25%; margin-right: 0;}

footer .footerContact{width: 100%; display: flex; justify-content: space-between; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.2); margin-top: 30px; padding-top: 30px;}
footer .footerContact .footerContactInfo{padding: 0 40px;}

footer ul.socialLink{display: flex; position: relative; flex-wrap: wrap; justify-content: center;}
footer ul.socialLink li{ margin:5px; padding:0px; width:36px; clear:both;}
footer ul.socialLink li a{ background-color: var(--white-color); color: var(--black-color); border-radius: 2px; font-size: 22px; height: 36px; display: flex; align-items: center; justify-content: center;}
footer ul.socialLink li a:hover{ background:var(--s-color);}
footer ul.socialLink li:last-child{margin-bottom:0px;}

.copyright {background: #2a2a2a; margin-top: 25px; color: var(--white-color); font-size: 13px; line-height: 1.5; text-align: center; padding: 15px 0; }
.copyright a{color: var(--s-color);}

.slideMenuMain .scrollspy{ position:absolute; width:270px; left:50%; margin-left:-600px;}
.slideMenuMain .affix-top {position: relative; margin-top: 50px;}
.slideMenuMain .affix {top: 120px;}
.slideMenuMain .affix, .slideMenuMain .affix-bottom {  width: 270px;}
.slideMenuMain .affix-bottom {  position: absolute;}

.slideMenuMain .scrollspy #scrollnav li a{font-size:16px; font-family: var(--p-font); border-radius:0 3px 3px 0; font-weight:400; color:var(--white-color); text-align:left; text-transform:uppercase; padding:22px 0; display:block; line-height:100%; margin:0; position:relative;}
.slideMenuMain .scrollspy #scrollnav li a small{font-size:12px; font-weight:700; float:left; margin:4px 0 0 0; width:30px; line-height:1; -webkit-transition: all 0.0s ease 0s; -moz-transition: all 0.0s ease 0s; transition: all 0.0s ease 0s; position:relative; z-index:2;}
.slideMenuMain .scrollspy #scrollnav li a span{ position:relative; z-index:2;}
.slideMenuMain .scrollspy #scrollnav li a:after{ width:500%; opacity: 0;  background:var(--white-color); position:absolute; right:0%; height:calc(100% + 2px); content:""; top:-2px;  z-index:1;  border-radius:0 3px 3px 0; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.4s ease 0s}
.slideMenuMain .scrollspy #scrollnav li.active a:after{ opacity: 1}
.slideMenuMain .scrollspy #scrollnav li a:before{position:absolute; right:0%; height:1px; width:500%; content:""; bottom:1px; background:var(--white-color); z-index:1;  border-radius:0 3px 3px 0;}

.slideMenuMain .scrollspy #scrollnav li.active a{color:var(--p-color);}
.slideMenuMain .scrollspy #scrollnav li a:hover, .slideMenuMain .scrollspy #scrollnav li a:focus{ background:transparent;}


.secondaryBanner {background-color: var(--white-color); background-image: url(../images/background/Hero-Banner-New.webp); background-size: cover; background-position: top center; background-repeat: no-repeat; overflow: hidden; padding: 100px 0; position: relative; text-align: center; min-height: 350px;}
.secondaryBanner.contactBanner{ background-image: url(../images/background/Hero-Banner-New.webp);}
.secondaryBanner.careersBanner{ background-image: url(../images/background/careers.jpg);}
.secondaryBanner.placementBanner{ background-image: url(../images/background/placement.jpg); background-position: center center;}
.secondaryBanner.campusLifeBanner{ background-image: url(../images/background/campus-life.jpg);}
.secondaryBanner.convocationBanner{ background-image: url(../images/home/main-banner/convocation-a-260323.webp); padding: 20% 0;}
.secondaryBanner.convocationBanner:before{display: none;}

.secondaryBanner:before {content: ""; background: rgba(38, 38, 38, 0.7); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 1; }
.secondaryBanner .secondaryBannerContant{ z-index:1; position:absolute; top:50%; left:50%; width: 100%; margin-top: 80px; -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.secondaryBanner .secondaryBannerContant h1{font-size:55px; font-weight:700; color:var(--white-color); line-height:1.3; text-transform: capitalize;}
.secondaryBanner .secondaryBannerContant h1 span{color:var(--s-color); display: block; font-size: 50%; font-weight: 400;}

.instituteDetail{position: relative;}
.instituteDetail:before {content: ""; background: rgba(38, 38, 38, 0.7); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 1; z-index: 2;}
.instituteDetail h1{font-weight:800; width: 100%; color:var(--white-color); line-height:1; position: absolute; text-transform: capitalize; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3; padding: 20px; text-align: center;}
.instituteDetail h1 span{display: block; font-weight: 400; max-width: 1010px; padding: 20px 20px 0 20px; margin: auto; font-size: 16px; text-transform: initial; line-height: 1.5;}

.mainColleges{background: var(--white-color); background-size: cover; background-position: top center; background-repeat: no-repeat; overflow: hidden; padding: 100px 0; position: relative; z-index: 1; text-align: center; min-height: 500px; height: 80vh;}
.mainColleges:before {content: ""; background: rgba(38, 38, 38, 0.7); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 1; z-index: -1;}
.mainColleges.dental{background-image: url(../images/colleges/Dental.jpg);}
.mainColleges.engineering{background-image: url(../images/colleges/Engineering.jpg);}
.mainColleges.Engineering-and-Technology{background-image: url(../images/colleges/Engineering-and-Technology.jpg);}
.mainColleges.fashionAndTextile{background-image: url(../images/colleges/Fashion-and-Textile.jpg);}
.mainColleges.hotelManagement{background-image: url(../images/colleges/Hotel-Management.jpg);}
.mainColleges.Law{background-image: url(../images/colleges/Law.jpg);}
.mainColleges.managementAndCommerce{background-image: url(../images/colleges/Management-and-Commerce.jpg);}
.mainColleges.medicalAndResearch{background-image: url(../images/colleges/Medical-and-Research.jpg);}
.mainColleges.nursing{background-image: url(../images/colleges/Nursing.jpg);}
.mainColleges.paramedical{background-image: url(../images/colleges/Paramedical.jpg);}
.mainColleges.pharmacy{background-image: url(../images/colleges/Pharmacy.jpg);}
.mainColleges.physiotherapy{background-image: url(../images/colleges/Physiotherapy.jpg);}
.mainColleges.travelAndTourism{background-image: url(../images/colleges/Travel-and-Tourism.jpg);}
.mainColleges.architectAndPlanning{background-image: url(../images/colleges/Law.jpg);}
.mainColleges.nutritionAndPublicHealth{background-image: url(../images/colleges/Law.jpg);}
.mainColleges.journalism{background-image: url(../images/colleges/Law.jpg);}
.mainColleges.humanities{background-image: url(../images/colleges/Law.jpg);}
.mainColleges .container{position: relative;}
.mainColleges .mainCollegesContant{ text-align: left; z-index:1; position:absolute; top:50%; left:50%; width: 100%; -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.mainColleges .mainCollegesContant h1{font-size:65px;  font-weight:800; color:var(--white-color); line-height:1.3; text-transform: capitalize;}
.playButton{ border: 40px solid rgba(255, 255, 255, 0.1); display: inline-block; border-radius: 50%; animation: play 3000ms infinite;}
.playButton span{width: 100px; height: 100px; background-color: rgba(255, 255, 255, 0.1); border: 4px solid rgba(255, 255, 255, 0.8); margin: auto; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.playButton img{width: 25px;}
@keyframes play {
    0% {
      transform: scale(1.0);
    }
    40% {
      transform: scale(1.1);
    }
    60% {
      transform: scale(1.1);
    }
    100% {
      transform: scale(1.0);
    }
}

.collegesBelowBanner{ width: 100%; margin: -75px 0 -76px 0; position: relative; z-index: 1;}
.collegesBelowBanner ul{width: 100%; display: flex;}
.collegesBelowBanner ul li{ color: #fff; flex: 1 0 0;  display: flex; align-items: center; justify-content: center; position: relative;}
.collegesBelowBanner a{color: inherit; padding: 50px 20px;  display: flex; align-items: center; justify-content: center;}
.collegesBelowBanner h4{ color: inherit; font-size: 22px; font-weight: 700; }
.collegesBelowBanner h4 span{font-weight: 300; font-size: 90%; display: block; margin-top: 5px;}
.collegesBelowBanner ul li.principalDeskLink1{background: var(--white-color); color: var(--black-color);}
.collegesBelowBanner ul li.principalDeskLink{background: var(--s-color); color: var(--black-color);}
.collegesBelowBanner ul li.collegesApplyNow{background: var(--black2-color); color: var(--white-color);}
.collegesBelowBanner ul li.scrollDown a{padding: 0; position: absolute; right: 150px;}
.scrollDownIcon{width: 40px; height: 70px; position: relative; box-shadow: 0 0 0 12px #7d0003/*var(--black2-color)*/; border: 3px solid var(--white-color); border-radius: 25px; background-color: #7d0003/*var(--black2-color)*/;}
.scrollDownIcon:before{animation: scrollDownIcon 2000ms infinite; content: ""; position: absolute; left: 12px; top: 10%; width: 10px; height: 10px; background-color: var(--white-color); border-radius: 50%;}
@keyframes scrollDownIcon {
    0% {
      top: 10%;
      opacity: 0;
    }
    1% {
      top: 10%;
      opacity: 1;
    }
    75% {
      top: 75%;
      opacity: 1;
    }
    100% {
      top: 75%;
      opacity: 0;
    }
}

.programmesTable{ font-weight: 500; padding: 20px 30px; background-color: rgba(0, 0, 0, 0.01); border: 1px solid rgba(0, 0, 0, 0.1);}
.programmesTable p{font-weight: 500;}
.programmesTable span{ display: block; font-weight: 700; color: var(--p-color); margin: 10px 0 0 0;}



/*Conatct*/
.enquiryFormWrapper{padding-top: 40px;}
.enquiryFormWrapper .row{margin-bottom: 35px; margin-right: 0px; margin-left: 0;}
.enquiryFormWrapper .row [class*="col-"]{padding: 0; width: 100%; flex: inherit; max-width: inherit;}
.enquiryFormWrapper{background-color: var(--white-color); width: 100%; padding: 40px 40px 20px; border-radius: 4px; box-shadow: 0px 10px 22px rgba(0,0,0,0.05);}
.enquiryFormWrapper h2{ text-align: center;}
.enquiryFormWrapper iframe{width: 100%; height: 628px;}

.selectField{position: relative;}
.selectField:before{content: ''; border-radius: 0 0 0.25rem 0; position: absolute; border-color: transparent var(--p-color) var(--p-color) transparent; border-style: solid; border-width: 6px; right: 0px; bottom: 0; margin-bottom: 0; top: auto; color: var(--white-color) z-index: 1;}
.inputText{position: relative;}
.inputText.captchaField{ display: flex; }
.inputText.captchaField .formControl{order: -1;}
.inputText.captchaField img{height: 45px;}
.inputText .formControl{font-family: var(--p-font); display: block; height: 45px; width: 100%; padding: 12px 17px; font-size: 13px;  font-weight: 400; line-height: 1.5; color: var(--black-color); background-color: var(--white-color); background-clip: padding-box; border: 1px solid var(--border-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.25rem; }
.inputText .textarea{height: 100px; resize: none; padding: 12px 17px;}
.inputText .formLabel {position: absolute; text-transform: capitalize; top: -10px; left: 12px; background: var(--white-color);  padding: 0 6px; font-size: 14px; color: var(--p-color); white-space: nowrap; margin-bottom: 0; max-width: 95%; text-overflow: ellipsis; overflow: hidden;}
.basicHeading{ font-size: 20px; font-weight: 400; padding:10px; margin-bottom: 40px; text-align: center; background-color: var(--s-color); color: var(--black-color); }
.basicHeading span{display: block; font-size: 70%;}
.inputText.gender .genderLabel{ padding: 12px 17px; font-size: 13px;  font-weight: 400; line-height: 1.5; color: var(--black-color); border-radius: 0.25rem; background-color: var(--white-color); background-clip: padding-box; border: 1px solid var(--border-color); display: inline-flex; align-items: center;}
.inputText.gender .genderLabel input{margin: 0 10px 0 0;}

.contactdetail{ width:100%; background:var(--p-color); float:left; padding:20px;}
.contactdetail li{ clear:both; padding-top:15px; width:100%; float:left; margin: 0px;}
.contactdetail li.contactdetailheading{background: var(--s-color); color: var(--black-color); display: inline-block; width: auto; margin: 0; line-height: 1; padding: 10px; border-radius: 2px; font-weight: 600; }
.contactdetail li small{ width:100px; float:left;  font-size:12px; line-height:100%;font-weight:600; text-transform:uppercase; text-align:right; padding:6px 15px 0 0; color:var(--s-color);}
.contactdetail li span{ display:block; overflow:hidden; padding-bottom:14px; font-size:18px; line-height:100%; font-weight:300; text-align:left; color:var(--white-color); border-bottom:1px solid var(--s-color);}
.contactdetail li span a{ font-size:20px; color:var(--white-color); text-decoration:none; font-weight:300;}
.contactdetail li:last-child{margin-bottom: 0px;}
.contactdetail li:last-child span{ border:none;} 
.contactdetail.address{background:#0233b9; padding-top:16px; }
.contactdetail.address li span{line-height: 36px;}
.contactdetail.address li small{ padding-top: 11px;}

.contactMap {width: 100%; border-top: 5px solid var(--p-color); overflow: hidden; height: 390px; }
.contactMap iframe {width: 100%; height: 100%;}

.formRightContent{width:100%; background:var(--p-color); float:left; padding:40px; color: var(--white-color); margin:0; position: relative;}
.formRightContent:before{ right: 0; bottom: 0;}
.formRightContent a{color: var(--white-color); text-decoration: none;}

.requirementLists{background: var(--white-color); padding: 20px; clear: both; box-shadow: 0px 10px 22px rgb(0 0 0 / 5%);}
.requirementLists .requirementHeading{font-size: 20px; font-weight: 700; text-transform: capitalize; color: var(--p-color); margin: 20px 0 10px 0;}
.requirementLists .requirementHeading:first-child{margin-top: 0;}
.requirementLists .requirementTxt{font-size: 16px; line-height: 1.5; font-weight: 500; color: var(--black-color); margin: 0 0 10px 0;}
.requirementLists .list li{color: var(--black-color);}
.requirementLists .list li:before{color: var(--p-color);}

/*Placement S*/
.pageWithSideBar:after{content: ""; display: block; clear: both;}
.pageWithSideBar .tab{position: sticky; top: 120px; left:0; float: left; width: 25%;}
.pageWithSideBar .pageWithSideBarContant{width: 75%; float: left; padding: 0 50px;}
.pageWithSideBar .pageWithSideBarContant .tabcontent{max-width: 1200px; min-height: 400px;}
.pageWithSideBar li,
.pageWithSideBar p{ font-size: 18px; line-height: 1.5; font-weight: 300;}
.pageWithSideBar h2{margin: 0 0 30px 0; color: var(--p-color); font-weight: 300; position: relative; z-index: 1; text-transform: capitalize; padding: 0 0 0 60px;}
.pageWithSideBar h2 span{position: absolute; left: 0px; bottom: -5px; font-size: 150%; font-weight: 300; color: var(--gray-color);}
.pageWithSideBar h6{font-weight: 600; color: var(--black-color); font-size: 20px; margin: 0 0 10px 0;}
.pageWithSideBar h6.headingImg{text-align: center; background-color: var(--s-color); color: var(--black-color); line-height: 1; padding: 10px; margin: 15px 0 0 0;}
.pageWithSideBar h6.headingImg + img{border: 1px solid var(--border-color); padding: 10px;}
.heightlightTxt{background: var(--black-color); color: var(--white-color); font-size: inherit; padding: 10px; line-height: 1; display: inline-block; border-radius: 2px;}

.leftSideNav{ width:100%; counter-reset: listCounter;}
.leftSideNav li a{font-size:18px; border-radius:0 3px 3px 0; color:rgba(0,0,0,0.7); text-align:left; text-transform:capitalize; font-weight: 300; padding:22px 0 22px 50px; display:block; line-height:100%; margin:0; position:relative; cursor: pointer;}
.leftSideNav li a span{ font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; position:relative; z-index:10; -webkit-transition: all 0.0s ease 0s; -moz-transition: all 0.0s ease 0s; transition: all 0.0s ease 0s;  display: flex;}
.leftSideNav li a span small{counter-increment: listCounter; font-size: inherit; font-weight: inherit; color: var(--p-color);  font-size:12px; font-weight:700; float:left; margin:3px 0 0 0; width:40px; line-height:100%; -webkit-transition: all 0.0s ease 0s; -moz-transition: all 0.0s ease 0s; transition: all 0.0s ease 0s; position:relative; z-index:2;}
.leftSideNav li a span small:after{content: "" counter(listCounter);}
.leftSideNav li a:after{ width:500%; opacity: 0;  background:var(--p-color); position:absolute; right:0%; height:calc(100% + 2px); content:""; top:-2px;  z-index:1;  border-radius:0 3px 3px 0; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.4s ease 0s}
.leftSideNav li a:hover:after{ opacity: 1;}
.leftSideNav li a:hover,
.leftSideNav li a:hover span small{ color:var(--white-color); text-decoration: none;}
.leftSideNav li a:before{position:absolute; right:0%; height:1px; width:500%; content:""; bottom:1px; background:var(--border-color); z-index:1;  border-radius:0 3px 3px 0;}
.leftSideNav li a.active:after{ opacity: 1;}
.leftSideNav li a.active,
.leftSideNav li a.active span small{color:var(--white-color);}

.unOrderedList{text-align: left;  position: relative; margin: 0 0 25px 0; padding: 0px;}
.unOrderedList li{ padding-left: 40px; position: relative; min-height: 30px; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 10px;}
.unOrderedList li:before{content: ">"; background: transparent; width: 30px; height: 30px; border-radius: 50%; position: absolute; z-index: 1; left: 0; top: 0px; text-align: center; font-weight: 300; color: var(--p-color); line-height: 30px; font-size: 200%;}
.orderList {text-align: left; counter-reset: my-sec-counter; position: relative; margin: 0 0 25px 0; padding: 0px;}
.orderList li{ padding-left: 40px; position: relative; min-height: 30px; display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 10px;}
.orderList li:before{counter-increment: my-sec-counter 1; content: counter(my-sec-counter); background: var(--p-color); width: 30px; height: 30px; border-radius: 50%; position: absolute; z-index: 1; left: 0; top: 0px;  text-align: center; font-weight: 700; color: #fff; line-height: 30px;}
.ourReqruitersList{display: flex; flex-wrap: wrap; margin: 0 -10px; padding: 0;}
.ourReqruitersList li{padding: 10px; width: 20%;}
.ourReqruitersList li figure{ background-color: var(--white-color); padding: 5px; text-align: center; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.10); padding-bottom: 50%; position: relative;}
.ourReqruitersList li figure img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 80%;}
.ourReqruitersList li figure figcaption{background-color: var(--p-color); color: var(--white-color); padding: 5px;}

.wideArray{display: flex; flex-wrap: wrap; margin: 0 -10px; padding: 0;}
.wideArray li{padding: 10px; width: 20%;}
.wideArray li span{background-color: var(--s-color); text-align: center; font-size: inherit; border: 5px solid var(--white-color); color: var(--black-color); padding: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.10); font-weight: 400; text-align: center;  font-size: inherit; height: 100%; min-height: 68px; display: flex; align-items: center; justify-content: center;}

.placementTestimonials{ margin-top: 40px;  font-size: 16px; min-height: calc(100% - 40px); position: relative; border-radius: 5px; background-color: var(--white-color); box-shadow: 0 0 5px rgb(0 0 0 / 10%); padding: 20px;}
.placementTestimonials figure {border-radius: 50%; overflow: hidden; width: 60px; margin: 0; background: var(--white-color); border: 4px solid var(--white-color); box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.placementTestimonials h4{color: var(--p-color); font-weight: 500; margin:10px 0 15px 0; text-align: left; padding: 0; text-transform: uppercase;}
.placementTestimonials p{ font-size: inherit; position: initial; margin:0 0 20px; text-align: left; padding: 0px;  text-align: left;   max-height: 170px; overflow: auto;}
.placementTestimonialsFooter{display: flex; align-items: center; justify-content: space-between;}
.placementTestimonialsFooter .testimonialsIFImg{border-radius: 50%; overflow: hidden; flex: 0 0 60px; width: 60px; margin: 0; background: var(--white-color); border: 4px solid #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.placementTestimonialsFooter .testimonialsIFTxt{padding: 0 5px;}
.placementTestimonialsFooter .testimonialsIFVideo{padding: 0; flex: 0 0 40px; width: 40px; opacity: 0.2;}
.placementTestimonialsFooter .testimonialsIFVideo:hover{ opacity: 0.6;}

.pageWithSideBar .pageWithSideBarContant #Testimonials .row .col-xs-12:nth-child(2n+2) .placementTestimonials{background-color: var(--p-color); color: var(--white-color);}
.pageWithSideBar .pageWithSideBarContant #Testimonials .row .col-xs-12:nth-child(2n+2) .placementTestimonials h4,
.pageWithSideBar .pageWithSideBarContant #Testimonials .row .col-xs-12:nth-child(2n+2) .placementTestimonials p{color: var(--white-color);} 

.stepSection{display: flex; flex-wrap: wrap; margin: 0 -10px;}
.stepSection p{margin: 0px; padding: 0; line-height: 1.2; text-align: left; width: 100%; color: var(--white-color);}
.stepSection li{display: flex; width: calc(25% - 40px); padding:30px 20px; padding-left: 50px; margin-left: 40px; background-color: var(--p-color); border: 5px solid #fff; position: relative; border-radius: 0 50px; }
.stepSection li figure{width: 80px; height: 80px; border: 5px solid var(--white-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center; margin: 0; background: var(--s-color); position: absolute; left: 0%; top: 50%; transform: translate(-50%, -50%);}
.stepSection li figure img{height: 40px;}
.stepSection li strong{display: block; font-size: 180%; color: var(--s-color);}
.placementTxtBox{background: var(--white-color); padding: 20px;}

.impeccablePlacements h2{ text-align:center;}
.impeccablePlacements p{ margin-top:3px; text-align:center;}
.impeccablePlacements ul{ margin:0 -15px; padding:0px; min-width:100%; display: flex; flex-wrap: wrap;}
.impeccablePlacements li{ margin:0px; padding:32px 15px 0 15px; width:33.33%; float:left; }
.impeccablePlacements li .impeccablePlacementsContant{ width:100%; background: var(--white-color); box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); position:relative; padding-bottom:0; overflow:hidden; border-radius:2px;}
.impeccablePlacements li .impeccablePlacementsContant:after{content:""; position: absolute; right: 0; top: 0; width:100px; height:100px;background:url(../images/background/photo-shape1.png) no-repeat right top; background-size: 100%;}
.impeccablePlacements li figure{ margin:0px; padding:0; position:relative; overflow:hidden;text-align: center; }
.impeccablePlacements li figure a{ position: relative; display:inline-block; width: 60%; padding-bottom: 60%; margin: 40px auto 0; overflow: hidden;}
.impeccablePlacements li figure a:after{content:""; position: absolute; left: 0; top: 0; width:100%; height:100%;background:url(../images/background/photo-shape.png) no-repeat center top; background-size: 100%; }
.impeccablePlacements li figure img{transition: all 0.5s ease-in-out; margin: 0px; padding: 0px; position: absolute; width: 90%; height: 90%; left: 50%; top: 50%; bottom: 0px; right: 0px; transform: translate(-50%, -50%);}
.impeccablePlacements li .companyLogo{background-color: var(--white-color); position: absolute; right: 0px; bottom: 20px; z-index: 1; border-radius: 2px 0 2px 0; padding: 0; width: 100px; max-height: 60px; display: flex; align-items: center; justify-content: center;}
.impeccablePlacements li .companyLogo img{max-width: 100px; max-height: 60px; padding: 5px; width: auto; position: static;}
.impeccablePlacements li aside{position: relative; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;  text-align: center; width:100%; background:#fff; font-size:15px; color:var(--black-color); font-weight:400; line-height:150%; padding:13px 16px; transform:translate(0,0);}
.impeccablePlacements li aside span{font-size:22px; text-transform:capitalize; color:var(--p-color); font-weight:700; display:block;}
.impeccablePlacements li aside a.readmore{ width:30px; height:30px; background:url(../images/icons/list_icon.jpg) no-repeat center top; display:none; position:absolute; right:3px; top:20px; webkit-transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; transition: all 0s ease 0s;}
.impeccablePlacements li aside a.readmore:hover{background:url(../images/icons/list_icon.jpg) no-repeat center bottom; }

.impeccablePlacements li ul{width: calc(100% - 65px); min-height: 80px; display: block; margin: 10px 0px 0; padding: 12px 0 0; min-width: inherit; text-align: left;}
.impeccablePlacements li ul:before{content: ""; margin: -10px 0 0 0; position: absolute; left: 15px; display: block; width: calc(100% - 30px); height: 3px; background-color: var(--s-color);}
.impeccablePlacements li ul li{ margin:0px; padding:0px; width:100%; font-size:15px; color:#777777; font-weight:400; line-height:150%; padding:0;}
.impeccablePlacements li ul li:first-child{color:var(--black-color);}
/*.impeccablePlacements li aside.active{ transform:translate(0,-100%); margin-top:70px;}*/

.keyHighlights {margin-bottom: 30px;}
.keyHighlights li:first-child{font-weight: 600; color: var(--black-color); margin-bottom: 20px;}
.keyHighlights li:not(:first-child){display: flex; margin-bottom: 15px; align-items: center; font-weight: 400;}
.keyHighlights li img{ flex: 0 0 40px; max-width: 40px; margin-right: 15px;}
.campusLifeGallery{    margin: 0 -10px 30px; display: flex; width: auto; min-width: 100%;}
.campusLifeGallery li{padding: 10px; border: 1px solid var(--border-color); margin: 5px; border-radius: 2px;}
/*Placement E*/

.servicesLists{margin-top: 0; text-align: left;}
.servicesLists [class*='col-']{float: none; margin-top:90px;}
.servicesLists .servicesList{ position: relative; padding: 30px; padding-bottom: 50px; background-color: var(--white-color); height: 100%; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.servicesLists .servicesList .servicesListImg{width: 125px; height: 125px;  background-color: var(--white-color); border:2px solid var(--white-color); box-shadow: 0 0 5px var(--border-color); border-radius: 50%; overflow: hidden; position: relative; margin: -82px 0 30px 0px;}
.servicesLists .servicesList .servicesListImg img{position: absolute; left: 50%; top: 50%; width: 100%; border-radius: 50%;  -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.servicesLists .servicesList h4{margin-bottom: 15px; color: var(--p-color); font-weight: 500;}

/*Accordion*/
.accordion{border-top: 1px solid var(--border-color); margin: 0px; counter-reset: listCounter2; max-width: 100%; overflow: hidden;}
.panel-group .panel+.panel{margin: 0px;}
.panel-title a{counter-increment: listCounter2; color:var(--black-color); font-weight: 500; font-size: 18px;  background: var(--lightgray-color); position: relative;}
.panel-title a:before, .panel-title a:after{content: ""; position: absolute; right: 100%; width: 5000%; height: 100%; top: 0px; background: var(--lightgray-color);
-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.panel-title a:after{ right: auto; left: 100%;}
.panel-title a.collapsed:before, .panel-title a.collapsed:after{ background: var(--white-color);}
.panel-title a.collapsed{ background: var(--white-color);}
.panel-title a span{width: 60px; color: var(--p-color);  display: block; float: left;}
.panel-title a span:before{content: "0" counter(listCounter2) " -";}
.panel-group .panel:nth-child(n+10) .panel-title a span:before{content: "" counter(listCounter2) " -";}
.panel-title a span small{font-size: 100%; margin-left: 17px; font-weight: 700; color: var(--p-color); }
.panel-title a aside{overflow: hidden; display: block; position: relative; padding-right: 30px;}
.panel-title a aside:after{content: "\EA4E"; font-family:var(--icon-font); font-size: 30px; color: var(--black-color); line-height: 100%; position: absolute; right: 0px; top: 50%; 
-moz-transform: rotate(-180deg) translateX(0px) translateY(50%);
-webkit-transform: rotate(-180deg) translateX(0px) translateY(50%);
-o-transform: rotate(-180deg) translateX(0px) translateY(50%);
-ms-transform: rotate(-180deg) translateX(0px) translateY(50%);
transform: rotate(-180deg) translateX(0px) translateY(50%);}
.panel-title a.collapsed aside:after{
-moz-transform: rotate(-0deg) translateX(0px) translateY(-50%);
-webkit-transform: rotate(-0deg) translateX(0px) translateY(-50%);
-o-transform: rotate(-0deg) translateX(0px) translateY(-50%);
-ms-transform: rotate(-0deg) translateX(0px) translateY(-50%);
transform: rotate(-0deg) translateX(0px) translateY(-50%);}
.panel-default>.panel-heading{background: var(--white-color); border-radius: 0px; border:0px none; border-bottom: 1px solid var(--border-color); padding: 0px;}
.panel-default>.panel-heading a{padding: 21px 0; display: block;}
.panel-collapse{border-bottom: 1px solid var(--border-color);  background: var(--lightgray-color); margin-top: -1px;}
.panel{ background: transparent; box-shadow:none; border:0px none; border-radius: 0px;}
.panel-body{padding: 21px 70px 61px 60px; line-height: 140%;}

.accordion.darkSection{border-top: 1px solid rgba(255, 255, 255, 0.2);}
.accordion.darkSection .panel-body{color: var(--white-color);}
.accordion.darkSection .panel-default>.panel-heading{background: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.accordion.darkSection .panel-default>.panel-heading a{background: rgba(255, 255, 255, 0.1); color: var(--white-color);}
.accordion.darkSection .panel-title a.collapsed{background: transparent;}
.accordion.darkSection .panel-title a.collapsed:before, 
.accordion.darkSection .panel-title a.collapsed:after{background: transparent;}
.accordion.darkSection .panel-title a:before, 
.accordion.darkSection .panel-title a:after{background: rgba(255, 255, 255, 0.1);}
.accordion.darkSection .panel-title a aside:after{ color: var(--white-color);}
.accordion.darkSection .panel-collapse{background: rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.accordion.darkSection .programmesTable{background-color: rgba(0, 0, 0, 0.5); border:  1px solid rgba(0, 0, 0, 0.8);}
a.viewMore:hover, .submitBtn:hover{ background-color: var(--s-color); color: var(--black-color);}

/*Accordion E*/

/*Gallery Foreign Students S*/
.slideLargeImage, .slideSmallImage { display: flex; flex-wrap: wrap; flex-direction: column; width: 285px;}
.gallery {position: relative; overflow: hidden; float: left; width: 100%;}
.gallery figure{margin-bottom: 0}
.slideLargeImage .gallery .galleryImg { padding-top: 180%; position: relative;}
.slideSmallImage .gallery .galleryImg {padding-top: calc(90% - 8px); position: relative;}
.slideSmallImage .gallery + .gallery { margin-top:16px; }
.gallery .galleryImg img { position: absolute; width: auto; max-width: initial; height: auto; min-width: 100%; min-height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%);     object-fit: cover;}
/*Gallery Foreign Students S*/

/*Founder And Chairperson S*/
.founderAndChairperson{ width: calc(100% - 40px); background-color: var(--p-color); margin: -70% 0 0 0; position: relative;}
.founderAndChairperson p{columns: 2; column-gap: 40px; color: var(--white-color); font-size: 15px; font-weight: 300; padding: 20px; line-height: 1.5;}
.founderAndChairperson strong{margin: 10px 0 0 0; display: block;}
.founderAndChairperson h5{ font-size: 30px; font-weight: 700; text-align: center; margin:0; padding: 20px 0; color: var(--p-color); background-color: var(--white-color); }
.founderAndChairperson h5 span{display: table; border-top: 1px solid var(--gray-color); border-bottom: 1px solid var(--gray-color); color: var(--gray-color); font-weight: 500; font-size: 70%; margin:5px auto; padding: 3px;}
.founderAndChairperson h5 small{display: block; font-weight: 300; font-size: 50%; color: var(--black-color); margin: 0; padding: 0; min-height: inherit; height: auto;}
/*Founder And Chairperson E*/

/*Founder And Chairperson S*/
.chairpersonMessage{ width: 100%; border: 1px solid var(--p-color); background-color: var(--p-color); margin: 50px 0 0 0;}
.chairpersonMessage p{columns: 2; column-gap: 40px; color: var(--white-color); font-size: 15px; font-weight: 300; padding: 20px; line-height: 1.5;}
.chairpersonMessage strong{margin: 10px 0 0 0; display: block;}
.chairpersonMessage h5{ font-size: 30px; font-weight: 700; text-align: center; margin:0; padding: 20px 0; color: var(--p-color); background-color: var(--white-color); }
.chairpersonMessage h5 span{display: table; border-top: 1px solid var(--gray-color); border-bottom: 1px solid var(--gray-color); color: var(--gray-color); font-weight: 500; font-size: 70%; margin:5px auto; padding: 3px;}
.chairpersonMessage h5 small{display: block; font-weight: 300; font-size: 50%; color: var(--black-color); margin: 0; padding: 0; min-height: inherit; height: auto;}
/*Founder And Chairperson E*/

/*IQAC S*/
.downloadList{margin: 0 0 25px 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap;}
.downloadList li{width: calc(25% - 20px); border-radius: 5px; overflow: hidden;  margin: 10px; min-height: 100%; background-color: var(--p-color); box-shadow: 0 0 5px rgb(0 0 0 / 10%);}
.downloadList li a{color: var(--white-color); padding: 20px; font-size: 16px; display: flex; align-items: center;}
.downloadList li a:before{content: ""; margin-right: 10px; background: url(../images/icons/pdf-icon.jpg) no-repeat center top; width: 40px; height: 40px; background-size: 100%;}
.downloadList li a:hover:before{background: url(../images/icons/pdf-icon-h.jpg) no-repeat center top; background-size: 100%;}
.downloadList li a:hover{color: var(--black-color); background-color: var(--s-color); }
/*IQAC E*/

.meetOurFacultyBlock{margin: 0 0 25px 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: center;}
.meetOurFacultyBlock li{width: calc(25% - 20px); border-radius: 5px; overflow: hidden;  margin: 10px; padding: 10px; min-height: 100%; background-color: var(--p-color); box-shadow: 0 0 5px rgb(0 0 0 / 10%);}
.meetOurFacultyBlock li img{width: 100%;}
.meetOurFacultyBlock li figcaption{display: block; margin: 10px 0 0 0; color: var(--white-color); font-size: 110%; font-weight: 600;}
.meetOurFacultyBlock li span{display: block; font-size: 80%;}

.horizontalTabSectionMain{ min-height: 66px; position: sticky; margin:0; position: sticky; top: 88px; z-index: 2;}
.horizontalTabSection{ background:var(--p-color); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); width: 100%; position: absolute; z-index: 1;}
.horizontalTabSection.affix{ position: sticky; top: 88px;}
#horizontalTabBlock{display: flex;}
.horizontalTabSection li{ flex: 1 0 0;  text-align:center; text-transform:uppercase; float:left;}
.horizontalTabSection li a{color:var(--white-color); font-weight: 700; display:block; padding:25px 0; border-left:1px solid var(--border-color); position:relative; -webkit-transition: all 0.0s ease 0s; -moz-transition: all 0.0s ease 0s; transition: all 0.0s ease 0s;}
.horizontalTabSection li:first-child a{ border:0px;}

.horizontalTabSection li a:before,
.horizontalTabSection li a:after{-webkit-transition: all 0.0s ease 0s; -moz-transition: all 0.0s ease 0s; transition: all 0.0s ease 0s;}
.horizontalTabSection li a:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 0; height: 0; z-index: -1;}

.horizontalTabSection li.active a{color: var(--white-color);}
.horizontalTabSection li a:hover{background:var(--s-color);; color: var(--black-color);}
.horizontalTabSection li.active a{background:transparent; color: var(--white-color);}
.horizontalTabSection li a:focus{background:transparent;}
.horizontalTabSection li.active a:before{ background-color: var(--p-color); height: 100%;}
.horizontalTabSection li.active:first-child a:before,
.horizontalTabSection li:first-child a:hover:before{width:50000%; right:0; left: auto;}
.horizontalTabSection li.active:last-child a:before,
.horizontalTabSection li:last-child a:hover:before{width:50000%; left:0; right: auto;}

.horizontalTabSection.affix{ top:88px; z-index:999; width:100%;}
.horizontalTabSection .scrollspy{ width:100%; height:66px;}
.horizontalTabSection .scrollspy .affix{ width:100%;}

.scholarshipToday{ position: relative; background:url(../images/background/scholarship-bg.jpg) no-repeat center center; background-size:100% 100%; background-size:cover; width:100%; clear:both; padding:60px 0;}
.scholarshipToday:before{content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7);}
.scholarshipTodayInner{ text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%;}
.scholarshipToday h2{ position: relative; width: 100%; font-size:39px; color:var(--s-color); font-weight:700; line-height:130%; float:left;  margin:0; text-transform:uppercase;}
.scholarshipToday a{color: var(--white-color); font-size: 16px; font-weight: 700; margin-top: 25px; display: inline-block; vertical-align: top; z-index: 1;  border: 0px; }
.scholarshipToday a:hover{background-color: var(--p-color); border-color:var(--p-color);}

.filter{display: none;}

.principalDeskRow{display: flex; flex-wrap: wrap;}
.principalDeskRow .principalDeskImg{width: 40%; padding: 50px; padding-top: 0; position: relative; z-index: 1;}
.principalDeskRow .principalDeskImg:before{content: ""; position: absolute; display: block; left: 0px; bottom: 0; height: 50%;  width: 100%; background-color: var(--p-color); z-index: -1;}
.principalDeskRow .principalDeskTxt{width: 60%; display: flex; align-items: center; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05); background-color: var(--white-color); padding: 50px;}
.principalDeskRow .principalDeskTxt h3{ color: var(--p-color);}
.principalDeskRow .principalDeskTxt h3 span{ display: block; font-size: 60%; margin-top: 5px; color: var(--gray-color);}
.principalDeskRow .principalDeskTxtInn{width: 100%;}
.principalDeskRow .principalDeskTxtInn p{color: var(--black-color); font-weight: 400;}


.awardsAchivements{ position: relative; width:100%; clear:both; padding:0 0 60px 0;}
.awardsAchivementsInner{ text-align: center;  width: 100%; position: relative; color: var(--black-color); }
.awardsAchivements .awardsAchivementsInner ul{ display: flex; flex-wrap: wrap; min-width: 100%; margin-top: -50px; }
.awardsAchivements .awardsAchivementsInner ul li{ width: 33.33%; padding: 20px 25px; }
.awardsAchivements .awardsAchivementsInner ul li div{display: flex; align-items: center; position: relative; background:url(../images/icons/awards.svg) no-repeat center center; background-size:100% 100%; padding-bottom: 100%; width:100%;}
.awardsAchivements .awardsAchivementsInner ul li span{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-weight: 700;}
.awardsAchivements .aaiList{position: relative;}
.awardsAchivements .aaiList ul{display: flex; flex-wrap: wrap; margin: 0 -10px;}
.awardsAchivements .aaiList p{margin: 0px; padding: 0 20px; line-height: 1.4; text-align: center; width: 100%; color: var(--black-color); font-weight: 400;}
.awardsAchivements .aaiList li{display: flex; justify-content: center; text-align: center; width: calc(33.33% - 30px); padding: 10px; padding-bottom: 50px; padding-top: 80px; margin: 100px 15px 0 15px; background-color: #fff; position: relative; border-radius: 2px; box-shadow: 0 0 35px rgb(0 0 0 / 5%);}
.awardsAchivements .aaiList li figure{width: 100px; height: 150px; border-radius: 2px;  display: flex; align-items: center; justify-content: center; text-align: center; margin: 0; position: absolute; left: 50%; top: 0%; transform: translate(-50%, -50%);}
.awardsAchivements .aaiList li figure img{max-height: 130px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.awardsAchivements .aaiList li figure img:hover{transform: scale(2);}
.awardsAchivements .aaiList li strong{display: inline-block; margin: auto; font-size: 150%; color: var(--white-color); background-color: var(--p-color); padding: 8px 20px 6px 20px; margin-bottom: 20px; line-height: 1; border-radius: 2px; font-weight: 700; text-align: center; }
.awardsAchivementsFooterLogo{display: flex; flex-wrap: wrap;}
.awardsAchivementsFooterLogo li{width: calc(33.33% - 20px); background-color: var(--white-color); padding: 20px; border-radius: 2px; margin: 10px; display: flex; box-shadow: 0 0 35px rgb(0 0 0 / 5%); justify-content: center; align-items: center;}
.awardsAchivementsFooterLogo li img{ max-height: 120px;}

.onlinePaymentBg {background: url(../images/background/onlinePaymentBg.jpg) no-repeat right 80px #ebeae8; background-size: 50% auto; position: relative; }

.collegeMain .verticalNav{display: flex; flex-wrap: wrap; background: #fff; border: 1px solid var(--border-color); border-radius: 4px;}
.collegeMain .verticalNav li{width: 100%; text-align: left; margin: 0!important; padding: 0; border-top: 1px solid var(--border-color);}
.collegeMain .verticalNav li:first-child{border-top: 0;}
.collegeMain .verticalNav li a{display: block; padding: 15px 20px; font-size: 16px;}
.collegeMain .verticalNav li a span{display: block; font-size: 80%; color: var(--black-color);}
.collegeMain .verticalNav li a:hover,
.collegeMain .verticalNav li.active a{background-color: var(--p-color); color: var(--white-color);}
.collegeMain .verticalNav li a:hover span,
.collegeMain .verticalNav li.active a span{color: var(--white-color);}

.collegeMain{width: 100%; display: block; text-align: left;}
.collegeMain .gridder-content{display: none;}
.collegeMain .gridder{ margin: 0 -10px;}
.collegeMain li{padding:0 10px;  width: 33.33%; margin: 0px 0 20px 0!important;  position: relative;} 
.collegeMain li .leadership_img{ position: relative; background: var(--white-color); border-radius: 5px; border: 1px solid var(--border-color); width: 100%; overflow: hidden; cursor: pointer; text-align: center;} 
.collegeMain li .leadership_img span{width: 100px; height: 100px; position: relative; display: inline-block;/* background: var(--p-color);*/ border-radius: 50%; margin: auto;}
.collegeMain li .leadership_img img{ width: 60%; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.collegeMain li .leadership_img .ls_overlay{ width: 100%; padding: 15px; padding-top: 0;}
.collegeMain li .leadership_img .ls_overlay p{font-size: 16px; line-height: 100%; margin: 0px; color: var(--black-color); font-weight: 500;}
.collegeMain li .leadership_img .ls_overlay p span{display: block;}
.collegeMain li .leadership_img .ls_overlay p small{display: block; font-weight: 400; margin-top: 5px; font-size: 14px; color: var(--p-color); line-height: 1;}
.collegeMain li .leadership_img .ls_overlay p small b{ font-weight: 600;}
.collegeMain li .viewFeeStructure{background-color: var(--lightgray-color); color: var(--black-color); border-top: 1px solid var(--border-color); padding: 10px 5px; margin: -15px; margin-top: 15px; border-radius: 0 0 4px 4px; font-weight: 500; font-size: 13px;}
.collegeMain li .leadership_img:hover .viewFeeStructure{background-color: var(--p-color); color: var(--white-color);}
.collegeMain .gridder li.selectedItem .viewFeeStructure{background-color: var(--p-color); color: var(--white-color);}

.collegeMain.facultyLists li.gridder-list{width: 50%;} 
.collegeMain.facultyLists .facultylist{width: 100%; display: flex; align-items: center; background: var(--white-color); cursor: pointer; border-radius: 2px; overflow: hidden; border: 1px solid var(--border-color);}  
.collegeMain.facultyLists .selectedItem .facultylist{border-color: var(--p-color); box-shadow: 0 0 0 2px var(--p-color)}
.collegeMain.facultyLists .facultylist .facultyImg{width: 30%; overflow: hidden;}
.collegeMain.facultyLists .facultylist .facultyImg img{ width: 100%;}
.collegeMain.facultyLists .facultylist .facultyTxt{width: 70%; padding: 10px 20px;}
.collegeMain.facultyLists .facultylist .facultyTxt p{font-size: 20px; line-height: 1; margin: 0px; color: var(--p-color); font-weight: 500;}
.collegeMain.facultyLists .facultylist .facultyTxt p span{display: block; font-size: 80%; color: var(--black-color); margin-top: 2px;}
.collegeMain.facultyLists .facultylist .facultyTxt p small{display: block; font-weight: 400; font-size: 70%;  margin-top: 7px; line-height: 1; color: var(--black-color);}
.collegeMain.facultyLists .facultylist .facultyTxt p small+small{margin-top: 6px;}
.collegeMain.facultyLists .facultylist .facultyTxt p small b{font-weight: 600;}
.collegeMain.facultyLists .facultylist .facultyTxt p span.viewMoreInfo{ margin-top: 15px; background: var(--p-color); color: var(--white-color); font-weight: 400; border-radius: 2px; display: table; text-align: center; font-size: 14px; padding: 5px 10px;}
.collegeMain.facultyLists .programmesTable span{font-weight: 500; font-size: 120%;}
.collegeMain.facultyLists .programmesTable .researchPapers{background: var(--lightgray-color); padding: 20px;  font-weight: 400; margin-bottom: 20px;}
.collegeMain.facultyLists .programmesTable .researchPapers .researchPapersHeading{background: var(--p-color); border-radius: 2px; padding: 10px; text-align: center; line-height: 1;}
.collegeMain.facultyLists .programmesTable .researchPapers .researchPapersHeading span{margin: 0; padding: 0; color: var(--white-color);}
.collegeMain.facultyLists .programmesTable .researchPapers .researchPapersSubHeading{padding: 0; color: var(--p-color); font-weight: 700; text-decoration: underline;}
.collegeMain.facultyLists .programmesTable .researchPapers .researchPapersHeading:before,
.collegeMain.facultyLists .programmesTable .researchPapers .researchPapersSubHeading:before{display: none;}
.collegeMain.facultyLists .programmesTable .researchPapers li{width: 100%; word-break: break-all; padding: 0; padding-left: 20px; position: relative; font-weight: 500; margin: 0 0 20px; font-family: var(--p-font); font-size: 16px; line-height: 1.5;}
.collegeMain.facultyLists .programmesTable .researchPapers li:before {content: "\EA6C";  font-family: var(--icon-font); position: absolute; left: 0; top: 0; color: var(--p-color);}
.collegeMain.facultyLists .programmesTable .subjectsYouTeach{border-left: 2px solid var(--border-color); display: flex; flex-wrap: wrap; border-top: 2px solid var(--border-color);}
.collegeMain.facultyLists .programmesTable .subjectsYouTeach li{border-right: 2px solid var(--border-color); width: 50%; border-bottom: 2px solid var(--border-color); padding: 10px 20px; padding-left: 20px; position: relative; font-weight: 500; margin: 0!important; font-family: var(--p-font); font-size: 16px; line-height: 1.5;}
.facultySocialMedia a{background: var(--black-color); color: var(--white-color); width: 35px; height: 35px; border-radius: 50%; margin: 5px 5px 0 0; display: inline-block; text-align: center; font-size: 120%; line-height: 35px;}
.collegeMain.facultyLists .gridder-content h3, 
.collegeMain.facultyLists .gridder-expanded-content h3{font-size: 28px; color: var(--p-color);}
.collegeMain.facultyLists .gridder-content h3, 
.collegeMain.facultyLists .gridder-expanded-content h3 span{color: var(--black-color);}
.collegeMain.facultyLists .achievementTable{ width: 100%; border-top: 1px solid var(--border-color); border-left: 1px solid var(--border-color);}
.collegeMain.facultyLists .achievementTable thead th{background-color: var(--p-color); color: var(--white-color); text-transform: uppercase; padding: 10px; font-weight: 700; border-bottom: 1px solid var(--border-color); border-right: 1px solid var(--border-color);}
.collegeMain.facultyLists .achievementTable tbody td{background-color: var(--white-color); padding: 10px; border-bottom: 1px solid var(--border-color); border-right: 1px solid var(--border-color);}

.collegeMain.facultyLists .detailInfoHead{display: flex; width: 100%; align-content: center;}
.collegeMain.facultyLists .detailInfoHead .facultyImg{width: 120px; height: 120px; border-radius: 50%; border: 0px solid var(--border-color); margin: 0 20px 0 0; position: relative; overflow: hidden;}
.collegeMain.facultyLists .detailInfoHead .facultyImg img{position: absolute; left: 50%; top: 0; transform: translate(-50%,0%);}
.collegeMain.facultyLists .detailInfoHead h3{margin: 0; padding: 0;}


.collegeMain .gridder-navigation a.prev,
.collegeMain .gridder-navigation a.next{display: none;}
.collegeMain .gridder-navigation a.gridder-close{position: absolute; right: 120px; top: 60px;background:url(../images/icons/closeBtn.png) no-repeat 0 0; width: 35px; height: 35px; background-size: 100%; text-indent: -9999px; z-index: 9;}

.collegeMain .gridder-content,
.collegeMain .gridder-expanded-content{text-align: left;}
.collegeMain .gridder-content h3,
.collegeMain .gridder-expanded-content h3{ font-size: 22px; padding-top: 13px; font-weight: 500; color: var(--black-color); min-height: 70px;}
.collegeMain .gridder-content h3 span,
.collegeMain .gridder-expanded-content h3 span{ font-size: 18px; font-weight: 300; color:var(--p-color); display: block;}
.collegeMain .gridder-content p,
.collegeMain .gridder-expanded-content p{margin:0;}

.collegeMain .gridder-show{ margin:0px 0 40px 0; padding: 60px 0;}
.collegeMain .gridder-show:before{content: ""; height: 100%; background: var(--white-color); width:9999999%; display: block; position: absolute; bottom:0; left: 0%;}

.collegeMain .gridder-content .programmesTable,
.collegeMain .gridder-expanded-content .programmesTable{ font-weight: 500;  margin-top: 30px; padding: 0; background-color: rgba(0, 0, 0, 0.0); border: 1px solid rgba(0, 0, 0, 0);}
.collegeMain .gridder-content .programmesTable p,
.collegeMain .gridder-expanded-content .programmesTable p{font-weight: 500; margin: 0 0 20px;}
.collegeMain .gridder-content .programmesTable span,
.collegeMain .gridder-expanded-content .programmesTable span{ display: block; font-weight: 700; color: var(--p-color); margin: 10px 0 0 0;}

.collegeMain .gridder-content .viewMore,
.collegeMain .gridder-expanded-content .viewMore{margin-top: 20px!important;}
.collegeMain .gridder-expanded-content .viewMore.paynow{display: none!important;}

.collegeMain .tabs .tab{display: none;} 
.whyStudy{color: var(--white-color); overflow: hidden; position: relative;}
.whyStudy .headingStyle1{color: var(--white-color);}
.whyStudy .headingStyle1 span{color: var(--s-color); font-weight: 700; font-size: 120%;}
.whyStudy .headingStyle1.center:before, 
.whyStudy .headingStyle1.center:after{background-color: var(--white-color);}
.whyStudy .whyStudyList{text-align: left; display: flex; flex-wrap: wrap;}
.whyStudy .whyStudyList li{ width: 50%; padding: 20px; padding-left: 100px; font-size: 16px; color: var(--white-color); font-weight: 400; line-height: 1.5; position: relative;}
.whyStudy .whyStudyList li img{position: absolute; left: 10px; top: 20px; max-width: 70px;}

.errorPageWrapper{margin: 150px auto 100px!important;}
.errorPageWrapper h1{color: var(--p-color)!important;}

.accreditationAffiliationSection{width: 100%; padding: 50px 0;}
.accreditationAffiliationSection .accreditationAffiliationRow1,
.accreditationAffiliationSection .accreditationAffiliationRow2{display: flex; justify-content: justify; column-gap: 20px; padding: 20px 0;}
.accreditationAffiliationSection .accreditationAffiliationRow1 .accreditationAffiliationCol{width: 30%;}
.accreditationAffiliationSection .accreditationAffiliationRow2 .accreditationAffiliationCol{width: 25%;}
.boxMainSection .contantArea figure{margin: 0 0 10px 0; position: relative;}
.boxMainSection .contantArea figure img{width: 100%;}
.boxMainSection .contantArea figure figcaption{ position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.7); padding: 10px; font-size: 14px; color: var(--white-color); line-height: 1.2; text-align: center; }
.boxMainSection .contantArea figure figcaption span{font-weight: 700;}
.headingStyle2 h2{ position: relative; padding-bottom: 10px; }
.headingStyle2 h2:before,
.headingStyle2 h2:after{content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); height: 6px; width: 60px; background: var(--p-color);}
.headingStyle2 h2:after{width: 200px; height: 2px; bottom: 2px;}
.redBg .headingStyle2 h2{color: var(--white-color);}
.redBg .headingStyle2 h2:before,
.redBg .headingStyle2 h2:after{background: var(--white-color);}

.seniorFacultyLists .seniorFacultyList{border: 1px solid var(--border-color); border-radius: 5px; min-height: 100%; position: relative; background: var(--white-color); box-shadow: 10px 10px 0px 0px var(--p-color); overflow: hidden;}
.seniorFacultyLists .seniorFacultyList figure{display: flex; align-items: center; margin: 0;}
.seniorFacultyLists .seniorFacultyList figure img{ width: 120px; max-width: 50%; border-radius: 50%; margin: 5px;}
.seniorFacultyLists .seniorFacultyList figure figcaption{font-size: 20px; font-weight: 700; color: var(--p-color); padding: 15px;}
.seniorFacultyLists .seniorFacultyList figure figcaption span{display: block; font-size: 80%; font-weight: 400; color: var(--gray-color);}
.seniorFacultyLists .seniorFacultyList figure figcaption p{margin: 0; padding: 0; color: var(--black2-color); font-size: 14px;}
.seniorFacultyLists .seniorFacultyList figure figcaption p a{font-weight: 600;}

.ProgrammesTableList{width: 100%; max-width: 1200px; margin: auto;}
.ProgrammesTableList table{ width: 100%; border-left: 1px dashed var(--p-color); border-top: 1px dashed var(--p-color); background-color: var(--white-color);}
.ProgrammesTableList table thead th{position: relative; padding:10px 5px; font-size: 110%; background: var(--black-color); color: var(--white-color); border-right: 1px solid var(--white-color); border-right: 1px solid var(--white-color); text-align: center;}
.ProgrammesTableList table thead th span{display: block; font-size: 75%;}
.ProgrammesTableList table tr{position: relative;}
.ProgrammesTableList table td{ width: auto; border-bottom: 1px dashed var(--p-color); border-right: 1px dashed var(--p-color); color: var(--black-color); font-weight: 500; min-height: 100%; padding: 5px; text-align: center;}
.ProgrammesTableList table th:nth-child(1),
.ProgrammesTableList table td:nth-child(1){text-align: left;}
.ProgrammesTableList table td span{display: block; width: 100%;}
.ProgrammesTableList table td a{display: inline-block; background: var(--p-color); color: var(--white-color); border-radius: 5px; padding: 8px 10px; font-size: 100%;} 
.ProgrammesTableList table td a:hover{background: var(--black-color);}
.ProgrammesTableList table td.programmeNameSection{ background:var(--lightgray-color); color: var(--p-color); font-weight: 700; padding: 10px 5px;}
.ProgrammesTableList.sixCol table th:nth-child(2),
.ProgrammesTableList.sixCol table td:nth-child(2){text-align: left;}

.SectionName{display: none; justify-content: space-between; align-items: flex-start; z-index: 1; position: absolute; left: -1px; top: -1px; text-align: left; background-color: var(--p-color); color: var(--white-color); padding: 10px; width: 100%; min-height: 100%; border: 1px solid var(--p-color); white-space: normal; }
.SectionName a.closeBtn{ flex: 0 0 30px; height: 30px; background-color: var(--white-color); color: var(--p-color); display: flex; align-items: center; justify-content: center; border-radius: 5px; font-size: 16px; font-weight: 700;}
.ProgrammesTableList table td .tableBtn:focus ~ .SectionName{display: flex;}
#collegeProgrammes .headingStyle1{color: var(--p-color)!important; font-weight: 400; margin-bottom: 50px;}
#collegeProgrammes .headingStyle1 span{font-size: 100%; font-weight: 700;}
#collegeProgrammes .clear a.viewMore{margin: 0 10px 0 10px;}

.programmesHighlightSec{ display: flex; align-items: center; justify-content: space-between; background: var(--white-color); border-radius: 10px; padding: 20px; position: relative;}
.programmesHighlightSec .programmesHighlightSecImg{flex: 0 0 30%; padding-right: 5%; border-right: 1px solid var(--border-color);}
.programmesHighlightSec .programmesHighlightSecTxt{flex: 0 0 70%; padding-left: 5%; display: flex; flex-wrap: wrap; align-items: flex-start;}
.programmesHighlightSec .programmesHighlightSecTxt .headingStyle{width: 100%; color: var(--p-color)!important; font-weight: 700; margin: 0; padding: 20px 0; font-size: 200%; text-transform: capitalize; text-align: left;}
.programmesHighlightSec .programmesHighlightSecTxt .headingStyle:before,
.programmesHighlightSec .programmesHighlightSecTxt .headingStyle:after{display: none;}
.programmesHighlightSec .programmesHighlightSecTxt ul{width: 50%;}
.programmesHighlightSec .programmesHighlightSecTxt li {color: var(--black-color); position: relative; font-weight: 700; margin: 15px 15px; padding-left: 25px; font-size: 18px;}
.programmesHighlightSec .programmesHighlightSecTxt li:before {color: var(--p-color); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; content: "\EA6C"; font-family: var(--icon-font); position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
#collegeProgrammes + .spaceboth .headingStyle1 span{font-size: 100%; font-weight: 700;}

.placementsSection .placementsPackages1{display: flex; justify-content: center; margin:0; padding: 15px 0; background-color: var(--p-color); border-radius: 4px;}
.placementsSection .placementsPackages1 li{display: flex; flex-wrap: wrap; text-align: center; justify-content: center;  padding: 10px; position: relative;}
.placementsSection .placementsPackages1 li strong{font-size: 20px; color: var(--white-color); width: 100%; display: block;}
.placementsSection .placementsPackages1 li small{background: var(--s-color); width: 50%; display: block; height: 2px; border-radius: 10px; margin: 5px 0;}
.placementsSection .placementsPackages1 li span{font-size: 16px; font-weight: 300; color: var(--white-color); width: 100%; display: block;}

.placementsWorking{display: flex; flex-wrap: wrap;}
.placementsWorking .placementsWorkingBox{width: 49%; padding: 5px; border: 1px solid var(--border-color); border-radius: 5px; min-height: 100%; position: relative; background: var(--white-color); overflow: hidden; margin: 0.5%;}
.placementsWorking .placementsWorkingBox figure {display: flex; align-items: center; }
.placementsWorking .placementsWorkingBox figure .imgsec{width: 30%; position: relative; padding-bottom: 30%; border-radius: 50%; overflow: hidden; display: flex;}
.placementsWorking .placementsWorkingBox figure img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); min-height: 100%; max-width: inherit; max-height: 100%; }
.placementsWorking .placementsWorkingBox figure figcaption {padding-left: 10px; font-size: 20px; font-weight: 700; color: var(--p-color); padding: 15px;}
.placementsWorking .placementsWorkingBox figure figcaption span { display: table; font-size: 70%; font-weight: 500; color: var(--white-color); background: var(--p-color); padding: 2px 5px; border-radius: 2px; }
.placementsWorking .placementsWorkingBox figure figcaption p {margin: 0; padding: 0; color: var(--black2-color); font-size: 14px; }
.placementsSection .slider{margin-top: 20px;}

.slider .slide{flex: 0 0 150px;}
.slider::before, 
.slider::after{background: linear-gradient(to right, #f9f9f9 10%, rgba(249, 249, 249, 0) 100%);}

.width1200{max-width: 1200px;}
.placementBannerNew{ display: flex; overflow: hidden; width: 100%; position: relative; padding: 0; min-height: inherit; margin-top: 140px;}
.bannerPattronStyle:first-child{margin-left:-6%;}
.bannerPattronStyle{ flex: 0 0 22%; margin-left: -1px; overflow: hidden; height: 350px; transform: skew(20deg); background: #33464d; box-shadow: -40px 0px 50px rgb(0 0 0 / 50%) inset;}
.bannerPattronStyle img{transform: translate(-50%,-50%) skew(-20deg); left: 50%; top: 50%; position: absolute; max-width: inherit; min-width: 120%; min-height: 100%;}
.bannerPattronRed {background: var(--p-color);}
.bannerPattronImg{flex: 0 0 25%;}
.placementBannerNew .container{left: 50%; top: 50%; position: absolute; transform: translate(-50%,-50%);}
.placementBannerNew h1{color: var(--white-color);   font-size: 40px; margin: 0; padding: 0; font-weight: 700; text-align: center;}

.leftSideTxt,
.rightSideTxt{padding-top: 20px; padding-bottom: 20px;}
.spaceTB{padding-top: 20px; padding-bottom: 20px;}
.crtpItem{margin-top: 30px; text-align: center; padding: 5px; background-color: var(--white-color); position: relative; border-radius: 2px; box-shadow: 0 0 5px rgb(0 0 0 / 30%);}
.crtpItem h4{font-weight: 500; text-align: center; margin: 0; padding:10px 5px; font-size: 16px; background-color: var(--p-color); color: var(--white-color);}
.highlightBox{background-color: var(--p-color); color: var(--white-color); width: 100%; text-align: center; padding: 30px 0;}
.highlightBox h2{color: var(--white-color); margin: 0; padding: 0; font-weight: 700;}
.highlightBox p{color: var(--s-color); font-size: 150%; font-weight: 700;}

.placementTestimonialsNew{margin: 40px 20px 0; font-size: 16px; min-height: calc(100% - 40px); position: relative; background-color: var(--p-color); box-shadow: 0 0 0 10px var(--p-color); padding: 40px; border-radius: 50px 0 50px 0; border: 2px solid var(--white-color); }
.placementTestimonialsNew:before,
.placementTestimonialsNew:after {position: absolute; left: 0; top: 50%; background: var(--p-color); color: var(--white-color); width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; line-height: 1; font-size: 200%; margin: -25px 0 0 -25px; font-family: var(--icon-font); content: "\ec51"; }
.placementTestimonialsNew:after{left: auto; right: 0; margin: -25px -25px 0 0; transform: rotate(180deg); }
.placementTestimonialsNew p {font-size: 14px; text-align: center; color: var(--white-color); margin: 0 20px; font-weight: 400; line-height: 1.6; }
.placementTestimonialsNew .placementTestimonialsNewFooter {width: 100%; background: transparent; padding: 0 0 20px 0; text-align: center; }
.placementTestimonialsNew .placementTestimonialsNewFooter h4{display: block; font-weight: 700; text-transform: uppercase; font-size: 28px; color: var(--white-color); }
.placementTestimonialsNew .placementTestimonialsNewFooter .testimonialsIFTxt {width: 100%; padding: 0; font-size: 18px; color: var(--white-color); font-weight: 300;}

.mbaSpecializations{display: flex; flex-wrap: wrap; width: 100%;}
.mbaSpecializations li{width: calc(20% - 10px); padding: 4px; border: 1px dashed var(--p-color); border-radius: 5px; margin: 5px;}
.mbaSpecializations li span{background: var(--p-color); color: var(--white-color); border-radius: 5px; padding: 5px 10px; min-height: 70px; display: flex; flex-wrap: wrap; text-align: center; align-content: center; justify-content: center; font-size: 16px; font-weight: 600;}
.headingStyle1.bold span{font-size: 100%; font-weight: 700;}

.highlightBox .highlightIconTxt{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: var(--white-color); text-align: center;}
.highlightBox .highlightIconTxt span{background: var(--white-color); border-radius: 2px; padding: 10px 20px; display: flex; align-items: center; justify-content: center; color: var(--black-color); margin: 10px;}
.highlightBox .highlightIconTxt span small{width: 50px; margin: 0 10px 0 0; border-right: 1px solid var(--black-color); padding-right: 10px;}

/*Holtal*/
.lifeAtNimsBannerNew{display: flex; overflow: hidden; max-width: 1600px; margin-left: auto; margin-right: auto; width: 100%; position: relative; padding: 0; min-height: inherit; margin-top: 140px;}

.exploreTheStudentResidences {background: var(--p-color); position: relative; margin: 0; padding: 50px 0; color: var(--white-color); text-align: center; }
.exploreTheStudentResidences h2 {margin: 0 0 20px 0; padding: 0; color: var(--white-color); font-size: 40px; font-family: gorgia; font-weight: 700; text-transform: uppercase; }
.exploreTheStudentResidences h3 {margin: 0 0 20px 0; padding: 0; color: var(--white-color); font-size: 25px; font-family: gorgia; font-weight: 700; text-transform: uppercase; }
.queryTable{margin-top: 0; display: flex; flex-wrap: wrap; width: 100%; text-align: left; max-width: 600px;}
.queryTable h3{ width: 100%; margin: 20px 0; padding:0; color: var(--black-color); font-size: 25px; font-family: gorgia; font-weight: 700; text-transform: uppercase;}
.queryTable .queryTableList{width: 50%; padding:10px 30px 10px 0; line-height: 2;}

.ESRstepSection{display: flex; flex-wrap: wrap; margin: 50px -10px 0;}
.ESRstepSection li{display: flex; width: 33.33%; padding: 10px;}
.ESRstepSection .ESRstepSectionInner{display: flex; align-items: center; width: 100%;}
.ESRstepSection li figure{flex: 70px 0 0; text-align: center; margin: 0; height: 100%; background: var(--p-color); display: flex; align-items: center; justify-content: center;}
.ESRstepSection li figure img{height: 50px;}
.ESRstepSection li p{ padding: 10px; text-align: left; font-weight: 700;}

.holtallifeSection{ margin-top: 50px;}
.holtallife{margin: 0 0 30px 0; padding: 0; color: var(--black-color); font-size: 40px; font-family: gorgia; font-weight: 700; text-transform: uppercase; width: 100%; text-align: center;}
.lifeHostalSlide{display: flex; margin: 0; overflow: hidden; padding: 0 80px;}
.lifeHostalSlide > li{width: 25%; padding: 10px; flex: 0 0 33.33%;}
.lifeHostalSlide .courseInfo{height: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); text-align: center; padding: 10px; margin: 20px 10px; color: #010101;}
.lifeHostalSlide .courseInfo figure{margin: 0; position: relative; padding-bottom: 91%; overflow: hidden;}
.lifeHostalSlide .courseInfo figure img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.lifeHostalSlide .owl-nav  div{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 60px; height: 60px;  font-size: 0; display: flex; align-items: center; justify-content: center;}
.lifeHostalSlide .owl-nav  div.owl-next{left: auto; right: 0;}
.lifeHostalSlide .owl-nav  div:before{content: "\ea6e"; font-family:var(--icon-font); font-size: 60px; padding: 0; color: #0a4ee0; text-shadow: 0 0 2px #fff; transform: rotate(-180deg);}
.lifeHostalSlide .owl-nav  div.owl-next:before{ transform: rotate(0); }
.lifeHostalSlide .owl-nav  div:hover:before{ color: #000;}

.homeAwayFromHome{display: flex; flex-wrap: wrap; width: 100%; align-items: flex-start; margin-top: 50px;}
.homeAwayFromHome h2{margin: 0 0 30px 0; padding: 0; color: var(--black-color); font-size: 40px; font-family: gorgia; font-weight: 700; text-transform: uppercase; width: 100%; text-align: center;}
.homeAwayFromHome h3{margin: 0 0 15px 0; padding: 20px 30px; background: var(--p-color); color: var(--white-color); font-size: 30px; font-family: gorgia; font-weight: 700; text-transform: uppercase; width: 30%;}
.homeAwayFromHome p{ width: 35%; padding: 0 0 15px 40px;}

.hostelHelplineNo{margin-top: 20px; display: flex; flex-wrap: wrap; width: 100%;}
.hostelHelplineNo h3{ width: 100%; margin: 20px 0; padding:0; color: var(--black-color); font-size: 25px; font-family: gorgia; font-weight: 700; text-transform: uppercase;}
.hostelHelplineNo .hostelHelplineNoList{width: 50%; padding:10px 30px 10px 0;}

.stateOfArt{ width: 100%; margin:0; background: url(../images/hostel/stateOfArtBG.jpg) no-repeat center top; background-size: cover; padding: 50px 0;}
.stateOfArt h2{margin:0 0 0px 0; padding:0; font-weight: 700; font-size: 40px; font-family: gorgia; }
.stateOfArt h3{margin:0 0 15px 0; padding:0; color: var(--black-color); font-size: 25px; font-family: gorgia; font-weight: 700; text-transform: uppercase;}
.stateOfArt .stateOfArtImg{box-shadow: 0 0 10px rgb(0 0 0 / 20%); text-align: center; padding: 10px; margin:0; background: var(--white-color); border-radius: 10px;}
.stateOfArt .stateOfArtImg img{border-radius: 10px; width: 100%;}

.hostelTable{margin-top: 30px; display: flex; flex-wrap: wrap; width: 100%;}
.hostelTable .hostelTableHead{display: flex; flex-wrap: wrap; width: 100%;}
.hostelTable .hostelTableHead .hostelTableHeadCol{width: 50%; padding: 10px 15px; font-size: 25px; font-weight: 700; border: 2px solid var(--white-color); background: #CCCCCB; text-transform: uppercase; text-align: center;}
.hostelTable .hostelTableBody{display: flex; flex-wrap: wrap; width: 100%;}
.hostelTable .hostelTableBody .hostelTableBodyCol{width: 50%; padding: 10px 15px; font-size: 25px; font-weight: 300; border: 2px solid var(--white-color); background: #E5E5E5; text-transform: uppercase; text-align: center;}

.lifeAtNimsBannerNew{display: flex; overflow: hidden; max-width: 1600px; margin-left: auto; margin-right: auto; width: 100%; position: relative; padding: 0; min-height: inherit; margin-top: 120px;}
.lifeAtNimsBannerNew .container{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1;}
.lifeAtNimsBannerNew h1{color: var(--black-color); text-align: right; font-size: 50px; font-family: gorgia; font-weight: 700; margin: 0;}

/*life at nims*/
.infrastructureMain{margin-top:70px; position: relative;}
.infrastructureMain:before{ content: ""; position: absolute; left: 50%; top: 0; width: 2px; height: 100%; background: var(--border-color);}
.infrastructureMainLeft{overflow: hidden; display: flex;}
.infrastructureMainLeft.owl-loaded{overflow: visible;}
.infrastructureMainLeft{padding: 10px;  position: relative; margin-right: 40px; width: calc(100% - 40px);}
.infrastructureMainLeft:before{ content: ""; position: absolute; left: -15px; top: -15px; background: var(--p-color); z-index: -1; width: 80%; height: 50%;}
.infrastructureMainLeft:after{ content: ""; position: absolute; left: 0; top: 0;  z-index: -1; width: 100%; height: 100%; background: var(--white-color); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.infrastructureMainLeft > img{width: 100%;}
.infrastructureMainRight{padding: 0 0 0 40px;}
.infrastructureMainRight h2{ position: relative; color: var(--black-color); margin: 0; padding: 0 0 0 20px; font-size: 50px; font-family: gorgia; font-weight: 700; text-transform: uppercase;}
.infrastructureMainRight h2 span{display: block; margin: 0; padding: 0; font-weight: 700;}
.infrastructureMainRight h2:before{ content: ""; position: absolute; left: 0; top: 0; width: 4px; height: 100%;background: var(--p-color); }
.infrastructureMainRight h3{color: var(--black-color); margin: 15px 0; padding:0; font-size: 30px; font-family: gorgia; font-weight: 700;text-transform: uppercase;}
.infrastructureMainRight p{text-align: justify;}
.infrastructureMainRight p:first-letter {text-transform: uppercase; font-weight: 700; font-size: 150%; color: var(--p-color);}

.infrastructureList{ margin: 50px auto 0; background: #E5E5E5; display: flex; flex-wrap: wrap; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); border-radius: 5px;}
.infrastructureList li{flex: 0 0 33.33%; padding: 30px; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; font-size: 22px; font-weight: 700;}
.infrastructureList li:nth-child(2){background: #CBCBCB;}
.infrastructureList li span{ display: block; width: 100%;}
.infrastructureList li span img{ height: 50px;}

.LANclassRoom{background: var(--p-color); position: relative; margin: 50px 0; padding: 50px 0; color: var(--white-color); text-align: center;}
.LANclassRoom h2{margin: 0 0 20px 0; padding: 0; color: var(--white-color); font-size: 40px; font-family: gorgia; font-weight: 700; text-transform: uppercase;}
.LANclassRoom p{margin: 0; padding: 0; color: var(--white-color);}
.LANclassRoom:after {top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: var(--p-color); border-width: 30px; margin-left: -30px; }

.LANclassRoomSlide{display: flex; margin: 0; overflow: hidden; padding: 0 80px;}
.LANclassRoomSlide > li{width: 25%; padding: 10px; flex: 0 0 33.33%;}
.LANclassRoomSlide .courseInfo{height: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); text-align: center; padding: 10px; margin: 10px; color: #010101;}
.LANclassRoomSlide .courseInfo figure{margin: 0; position: relative; padding-bottom: 104%; overflow: hidden;}
.LANclassRoomSlide .courseInfo figure img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.LANclassRoomSlide .owl-nav  div{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 60px; height: 60px;  font-size: 0; display: flex; align-items: center; justify-content: center;}
.LANclassRoomSlide .owl-nav  div.owl-next{left: auto; right: 0;}
.LANclassRoomSlide .owl-nav  div:before{content: "\ea6e"; font-family:var(--icon-font); font-size: 60px; padding: 0; color: #0047e1; text-shadow: 0 0 2px #fff; transform: rotate(-180deg);}
.LANclassRoomSlide .owl-nav  div.owl-next:before{ transform: rotate(0); }
.LANclassRoomSlide .owl-nav  div:hover:before{ color: #000;}

.LANstepSection{display: flex; flex-wrap: wrap; margin: 50px -10px;}
.LANstepSection li{display: flex; width: 25%; padding: 10px;}
.LANstepSection .LANstepSectionInner{box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background: var(--white-color); display: flex; align-items: center; width: 100%;}
.LANstepSection li figure{flex: 70px 0 0; text-align: center; margin: 0; height: 100%; background: var(--p-color); display: flex; align-items: center; justify-content: center;}
.LANstepSection li figure img{height: 50px;}
.LANstepSection li p{ padding: 10px;}

.LANboxMainSection{ min-height: calc(100% - 30px); margin-bottom: 30px; border: 1px solid var(--border-color); border-radius: 5px; position: relative; background: var(--white-color); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); position: relative; padding-bottom: 50px;}
.LANboxMainSection h3{text-align: center; position: relative;  color: var(--black-color);  margin: 0 0 20px; padding:0; font-size: 22px; font-weight: 700; line-height: 1;}
.LANallNotices{text-align: center; padding:15px 20px 20px; width: 100%; position: absolute; bottom: 0;}
.LANallNotices a{ color: var(--p-color); font-size: 17px; font-weight: 600; text-transform: uppercase; text-decoration: underline;}
.LANallNotices a:hover{ text-decoration: underline;}
.LANboxMainSection .contantArea{min-height: 310px; position: relative; z-index: 1; width: 100%;  color: var(--black1-color); line-height: 1.8; font-size: 16px; padding: 20px; overflow: hidden; text-align: left;}
.LANboxMainSection .contantArea figure{margin: 0 0 20px 0;}

.LANLeftRight{margin-top: 50px; width: 100%;}
.LANLeftRight .row{margin: 0; min-height: 500px;}
.LANLeftRight .row [class^="col-"]{padding: 0;}
.LANLeftRight .row:nth-child(2n+1){background: var(--p-color); color:var(--white-color);}
.LANLeftRight .row:nth-child(2n+1) [class^="col-"]:first-child{order: 2;}
.LANLeftRight .row:nth-child(2n+1) h2,
.LANLeftRight .row:nth-child(2n+1) .keyHighlights li:first-child{color: var(--white-color);}
.LANLeftRight .row .keyHighlights li:first-child{ font-size: 150%;}
.LANLeftRight .LANLeftRightImg{position: relative; min-height: 100%; position: relative; overflow: hidden;}
.LANLeftRight .LANLeftRightImg img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: inherit; height: 100%;}
.LANLeftRight .row .LANLeftRightTxt{padding: 50px;}

.LANLeftRight .keyHighlights {margin-bottom: 0px;}
.LANLeftRight .keyHighlights li:first-child{font-weight: 600; color: var(--black-color); margin-bottom: 15px;}
.LANLeftRight .keyHighlights li:not(:first-child){display: flex; margin-bottom: 10px; align-items: center; font-weight: 400;}
.LANLeftRight .keyHighlights li img{flex: 0 0 35px; max-width: 35px; margin-right: 15px;}

.LANGallery{width: 100%; display: flex; flex-wrap: wrap;}
.LANGallery [class^="slidel"]{padding: 10px;}
.LANGallery .slidel1Image{width: 20%;}
.LANGallery .slidel2Image{width: 30%;}
.LANGallery .slidel3Image{width: 60%;}
.LANGallery .gallery {position: relative; overflow: hidden; float: left; width: 100%;}
.LANGallery .gallery .galleryImg {padding-top: 100%; position: relative; }
.LANGallery .slidel2Image .gallery .galleryImg {padding-top: 65.1%;}
.LANGallery .slidel3Image .gallery .galleryImg {padding-top: 31.7%;}
.LANGallery .gallery .galleryImg img{max-width: 100%;}

h2.LANGalleryHeading {margin: 40px 0 20px 0; padding: 0; font-size: 40px; color: var(--black-color);  font-family: gorgia; font-weight: 700; text-transform: uppercase; }
h2.LANGalleryHeading span{font-weight: 700;}
.LANGallery .slidel3Image{display: flex; overflow: hidden;}
.LANGallery .slidel3Image > .gallery{flex: 0 0 100%;}
.LANGallery .slidel3Image [data-toggle="modal"] {position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center;}

.lifeAtNimsSec{display: flex; flex-wrap: wrap; width: 100%; margin-top: 30px;}
.lifeAtNimsSec h1 {margin: 0 0 15px; padding: 0; color: var(--black-color); font-size: 45px; font-family: gorgia; font-weight: 700; text-transform: uppercase; width: 30%; }
.lifeAtNimsSec p {width: 70%; padding: 0 0 15px 40px; }

.lifeAtNimsSecList{ width: 100%; margin: 50px 0 0; display: flex; flex-wrap: wrap; }
.lifeAtNimsSecList li{ width: calc(25% - 15px); margin: 7.5px; padding: 30px; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; font-size: 22px; font-weight: 700;  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); border: 5px solid #fff;
background: rgb(232,232,232); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(232,232,232,1) 0%, rgba(255,255,255,1) 44%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(232,232,232,1) 0%,rgba(255,255,255,1) 44%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(232,232,232,1) 0%,rgba(255,255,255,1) 44%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.lifeAtNimsSecList li span{ display: block; width: 100%;}
.lifeAtNimsSecList li span img{ height: 50px;}

.lifeAtNimsSlide{display: flex; margin:50px 0 0 0; overflow: hidden; padding: 0 80px;}
.lifeAtNimsSlide > li{width: 25%; padding: 10px; flex: 0 0 33.33%;}
.lifeAtNimsSlide .courseInfo{height: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); text-align: center; padding: 10px; margin: 20px 10px; color: #010101;}
.lifeAtNimsSlide .courseInfo figure{margin: 0; position: relative; padding-bottom: 58%; overflow: hidden;}
.lifeAtNimsSlide .courseInfo figure img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.lifeAtNimsSlide .owl-nav  div{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 60px; height: 60px;  font-size: 0; display: flex; align-items: center; justify-content: center;}
.lifeAtNimsSlide .owl-nav  div.owl-next{left: auto; right: 0;}
.lifeAtNimsSlide .owl-nav  div:before{content: "\ea6e"; font-family:var(--icon-font); font-size: 60px; padding: 0; color: #0047e1; text-shadow: 0 0 2px #fff; transform: rotate(-180deg);}
.lifeAtNimsSlide .owl-nav  div.owl-next:before{ transform: rotate(0); }
.lifeAtNimsSlide .owl-nav  div:hover:before{ color: #000;}

.infrastructureList1{ margin: 25px auto 0; display: flex; flex-wrap: wrap;}
.infrastructureList1 li{flex: 100%; text-align: left; display: flex; justify-content: flex-start;font-size: 18px;font-weight: 700;align-items: center;}
.infrastructureList1 li span{display: block;width: 40px;margin: 0 15px 0 0;}
.infrastructureList1 li span img{ height: 50px;}

.LANusp{display: flex; margin:50px 0 0 0; overflow: hidden; padding: 0 80px;}
.LANusp > li{width: 25%;}
.LANusp li{ margin: 0; padding: 30px 15px; min-height: 100%; align-items: center; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; font-size: 22px; font-weight: 700; box-shadow: 0px 0px 5px 0 rgb(0 0 0 / 20%) inset; }
.LANusp li span{display: block; font-size: 200%; color: var(--p-color); width: 100%;}
.LANusp li span small{font-size: 100%;}
.LANusp .owl-nav  div{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 60px; height: 60px;  font-size: 0; display: flex; align-items: center; justify-content: center;}
.LANusp .owl-nav  div.owl-next{left: auto; right: 0;}
.LANusp .owl-nav  div:before{content: "\ea6e"; font-family:var(--icon-font); font-size: 60px; padding: 0; color: #e10013; text-shadow: 0 0 2px #fff; transform: rotate(-180deg);}
.LANusp .owl-nav  div.owl-next:before{ transform: rotate(0); }
.LANusp .owl-nav  div:hover:before{ color: #000;}
.LANusp .owl-stage{display: flex;}

.outletListHead{display: flex; align-items: center; margin-bottom: 50px;}
.outletListHeadLogo{max-width: 150px; max-height: 150px; margin: 0 20px 0 0;}
.outletListBody{display: flex;  margin-bottom: 50px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); background: #fff;}
.outletListBody span{display: block; width: 100%; border: 5px solid #fff; z-index: 1; height: 100%; overflow: hidden; position: relative;}
.outletListBodyImg span img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; min-height: 100%;}
.outletListBodyImg{flex:0 0 35%; margin: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); position: relative;}
.outletListBodyImg:before,
.outletListBodyImg:after{ content: ""; position: absolute; width: 40%; height: calc(100% + 20px); left: -10px; top: -10px; background: var(--p-color);}
.outletListBodyImg:after{left: auto; right: -10px;}
.outletListBodytext { padding: 20px 50px; }
.outletListBodytext p{margin-bottom: 10px;}
.outletListBodytext p.red{font-size: 130%;  font-weight: 700;}
.outletListBody.rightSideImg .outletListBodyImg{order: 2;}
.fillList .outletListHead{ flex-wrap: wrap; justify-content: center; text-align: center;}
.fillList .outletListHeadLogo{max-width: 50%; width: 300px; max-height: inherit; margin: 0 0 20px 0;}
.fillList .outletListHeadTxt{max-width: 100%;}
.fillList .outletListBody{flex-wrap: wrap; justify-content: center; box-shadow: none;}
.fillList .outletListBodyImg{flex:0 0 80%; margin: 0 0 20px 0;}
.fillList .outletListBody span{padding-bottom: 46.5%;}
.fillList .outletListBodytext{padding: 20px 0;}

.rightFixedButton1{position: fixed; left: 0; bottom: 80px; width: 36px/*50px*/; z-index: 9; }
.rightFixedButton1 .rightLinks{ transform: rotate(-90deg);  -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.rightFixedButton1 .rightLinks a{background: var(--p-color); color: var(--white-color); cursor: pointer; margin: 0; border-radius: 2px 0 0 2px; box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1); display: block; text-align: center; width: 230px/*200px*/; font-weight: 700; font-size: 14px; padding: 10px; }
.countdownContainer{display: flex; justify-content: center;}
.countdownContainer .countdownCol{background-color: var(--white-color); color: var(--p-color); margin:-1px 4px 0 0; padding: 2px 3px; border-radius: 5px; display: flex; align-items: center;  }
.countdownContainer .countdownCol span{padding: 0 2px; font-weight: 400;}
.countdownContainer .countdownCol span:first-child{font-weight: 600;}
.footerMarquee{position: fixed; left: 0; bottom: 0; width: 100%; z-index: 99999; background: var(--p-color); color: var(--white-color); font-size: 25px; font-family: arial; font-weight: 800; display: none;}
.homeMainVideoSection{position: relative;}
.homeMainVideoSection .videoSound{top: 20px; right: 20px;}
.courseLists{display: flex; flex-wrap: wrap; margin: 0 -20px;}
.courseLists li{width: 50%;padding: 20px; margin-top: -20px;}
.courseInfo{height: 100%; padding: 0;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) ; text-align: center; padding: 5px; color: #010101;}
.courseInfo figure{margin: 0 0 20px 0; position: relative; padding-bottom: 66%;}
.courseInfo figure img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%;}
.courseInfo h4{color: #0047e1; font-weight: 700; font-size: 20px; margin: 0 0 10px 0;}
.courseInfo .eligibility{font-size: 14px; font-weight: 400; margin: 0 0 10px 0; display: block;}
.courseInfo .fee{font-size: 18px; font-weight: 700; margin: 0 0 10px 0; display: block;}
.courseInfo .courseDetail{font-size: 14px;font-weight: 400;margin:0; display: flex;justify-content: center;align-items: center;}
.courseInfo .courseDetail span{padding: 2px 10px; position: relative;}
.courseInfo .courseDetail span:first-child:after{content: ":"; position: absolute; right: 0;}
.courseInfo .stipend{font-size: 17px; font-weight: 600; margin: 10px 0 10px 0; display: block; color: #000; background-color: #ffcc00;}
.courseInfo .eminentFaculty{font-size: 14px; font-weight: 500; margin: 10px 0; background: #0047e1; color: #fff; border-radius: 25px; display: inline-block; padding: 8px 20px;}
.courseInfo .eminentFaculty:hover{background: #21205f;}

@media (max-width: 768px){
  .programmesHighlightSec{flex-wrap: wrap;}
  .programmesHighlightSec .programmesHighlightSecImg{flex: 0 0 100%; padding-right: 0; border-right: 0;}
  .programmesHighlightSec .programmesHighlightSecTxt{flex: 0 0 100%;}
  .programmesHighlightSec .programmesHighlightSecTxt ul {width: 100%;}
  .programmesHighlightSec .programmesHighlightSecTxt .headingStyle{padding: 40px 0 10px 0;}
}
@media (max-width: 480px){
  #collegeProgrammes .clear a.viewMore {margin: 5px 0; width: 100%; }
}

@media (max-width: 1920px){
  .CounterTxt{font-size: 10vw;}
}

@media (min-width: 767px){
  .box3{margin-top: -30px;}
  .instituteDetail h1{font-size: 65px;}
/*Dropdownopen*/
.mainNav .dropdownList.relativeNone{position: initial;}
.dropdownMenu{  pointer-events: none; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; opacity:0; visibility: hidden; display:flex; flex-wrap: wrap;}
.mainNav .dropdownList:hover > .dropdownMenu{opacity:1; visibility:visible; top: 98%; pointer-events: inherit;}
.mainNav .dropdownList:hover > a{color:var(--s-color); background:transparent;}
.mainNav .dropdownList > a:hover{color: var(--s-color) !important;  background:transparent;}
/*Dropdownopen*/

.uspBelowBanner{padding: 0;}
.uspBelowBanner .uspBelowBannerLists{display: block;}
.uspBelowBanner .uspBelowBannerLists li{ display: block; flex: 0 0 100%;}
.uspBelowBanner .uspBelowBannerLists .owl-item li{ display: block;}
.uspBelowBanner .uspBelowBannerLists li > div{ display: flex; padding: 30px 20px; border: 0; background: var(--white-color); margin: 5px 2.5px; border-radius: 5px;}

.mainHeader .logo img { max-height: initial; height: 35px; }
.headMorelogo{ flex: 0 0 200px; padding: 10px 0; display: flex; align-items: center; justify-content: center;}
.headMorelogo span{width: 50%; border-left: 1px solid var(--border-color); display: flex; align-items: center; justify-content: center;}
.headMorelogo img {max-height: 35px; }
.mainHeader{ flex-wrap: wrap;}
.headernav.fullwidthSection{width: 100%; background: var(--lightgray-color); border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);}
.headernav.fullwidthSection .mainNav > ul{max-width: 1400px; justify-content: space-between; padding: 0 20px; margin: auto;}
.headernav.highlightBtn{width: calc(100% - 580px);}
.headerCall{max-width: 230px;}
.swiper-container,
.homeMainVideoSection{margin:/*125px*/ 96px 0 0 0;}
}

@media (min-width: 1024px){
  .mainHeader .logo img {height: 50px;}
  .headMorelogo{ flex: 0 0 300px;}
  .headMorelogo span{width: 50%; border-left: 1px solid var(--border-color); display: flex; align-items: center; justify-content: center;}
  .headMorelogo img {max-height: 50px; }
  .headernav.highlightBtn {width: calc(100% - 730px); }
  .swiper-container,
  .homeMainVideoSection{margin:/*145px*/120px 0 0 0;}
}
@media (min-width: 1300px){
  .swiper-container,
  .homeMainVideoSection{margin:/*155px*/138px 0 0 0;}
}

@media (min-width: 1100px) and (max-width: 1290px) {
.slideMenuMain .scrollspy{width:250px; margin-left:-470px;}
.slideMenuMain .affix,.slideMenuMain .affix-bottom {  width: 250px;}
.slideMenuMain .scrollspy #scrollnav li a{ font-size:20px;}
}

@media (min-width: 1025px) and (max-width: 1100px) {
  .slideMenuMain .scrollspy{width:250px; margin-left:-470px;}
  .slideMenuMain .affix,.slideMenuMain .affix-bottom {  width: 250px;}
  .slideMenuMain .scrollspy #scrollnav li a{ font-size:20px;}
}

@media (max-width: 1300px){
  .container{padding-left: 15px; padding-right: 15px;}
  .headerAnnouncements .announcementsHeading{flex: 0 0 200px;}
  .mainHeader .logo{    flex: 0 0 200px;}
  .headerCall{flex: inherit;}
  .headerCall a{padding: 7px 10px;}
  .headerCall span{font-size: 20px;}
  .headernav .mainNav > ul > li:not(:first-child){padding-left: 10px;}
  .headernav .mainNav > ul > li > a{font-size: 14px; padding-right: 15px!important;}
  .twoColumn{column-gap: 40px;}
  .placementBannerNew{margin-top: 120px;}      
}

@media (max-width: 1100px){
  #tcb-testimonial-carousel .carousel-indicators{width: 100%; padding-left: 15px;}	
  .slideMenuMain .scrollspy{width:250px; margin-left:-470px;}
  .slideMenuMain .affix,.slideMenuMain .affix-bottom {  width: 250px;}
  .slideMenuMain .scrollspy #scrollnav li a{ font-size:20px;}
  footer .facebookFeedSection{display: none;}
  .collegeMain .gridder-navigation a.gridder-close{right: 100px;}
  .livingLegends > li{ flex: 0 0 33.33%;}
  .collegeMain.facultyLists li.gridder-list{width: 100%;} 
}

@media (max-width: 1024px){
  .headerAnnouncements .announcementsHeading{flex: 0 0 150px; font-size: 12px;}
  .ourReqruitersList li{width: 25%;}
  .wideArray li{width: 33.33%;}
  .mainHeader .logo{    flex: 0 0 150px;}
  .headerCall{flex: inherit;}
  .headerCall a{padding: 7px 10px;}
  .headerCall span{font-size: 20px;}
  .headernav .topNav ul{padding-left: 20px;}
  .headernav .topNav ul li a{font-size: 12px; padding: 7px 0;}
  .headernav .mainNav > ul{padding-left: 20px;}
  .headernav .mainNav > ul > li > a{font-size: 12px;  padding: 10px 0;}
  .headernav .mainNav > ul > li:not(:first-child){padding-left: 10px;}
  .mainNav ul li.dropdownList > a{padding-right: 15px!important;}
  .mainHeader .logo span{font-size: 10px;}
  .mainHeader .logo img{max-height: 35px;}
  .headerCall a.applyNow{padding: 7px 10px;}
  .headernav .dropdownMenu > li > a{ padding: 15px;}
  .headernav .dropdownMenu > li span{font-size: 12px;}
  .headernav .dropdownMenu > li small{font-size: 10px; width: auto;}
  .dropdownMenu .NavContactDetail .tollFreeNo{ width: 33.33%; padding: 15px; font-size: 16px;}
  .dropdownMenu .NavContactDetail label{font-size: 80%;}    
  .headernav .dropdownMenu.programmesList > li > ul,
  .headernav .dropdownMenu.programmesList > li > ul.columns3,
  .headernav .dropdownMenu.programmesList > li > ul.columns2{columns: 2; font-size: 12px;}
  .headernav .dropdownMenu.programmesList .labelHeading,
  .headernav .dropdownMenu.programmesList .labelSubHeading{font-size: 12px;}
  .headernav .dropdownMenu.programmesList > li{font-size: 12px;}
  .secondaryBanner .secondaryBannerContant h1{font-size: 40px;}
  .mainBannerBottomlinks{font-size: 12px;}
  .mainBannerBottomSection .noticeBoard {flex: 0 0 200px; width: 200px; }
  .downloadList li{width: calc(33.33% - 20px);}
  .awardsAchivements .awardsAchivementsInner ul li{padding: 20px 15px;}
  .awardsAchivements .awardsAchivementsInner ul li span{ font-size: 11px; line-height: 1.3;}
  .collegeMain li{width: 50%;}
  .videoTestimonials > div{width: 50%;}
  .impeccablePlacements li{width: 50%;}
  .meetOurFacultyBlock li{width: calc(50% - 20px);}
  .mbaSpecializations li{width: calc(25% - 10px);}
  .courseLists{margin: 0 -5px;}
  .courseLists li{margin-top: 0; padding: 5px;}
}


@media (min-width: 767px) and (max-width: 991px) {
  .headerAnnouncements .announcementsHeading{flex: 0 0 130px; padding: 5px;}
  .spaceboth.gg{padding-top: 100px;padding-bottom: 120px;}
  .mainHeader .logo {flex: 0 0 130px; }
  .mainHeader .logo span{font-size: 9px;}
  .mainHeader .logo img{max-height: 30px;}
  .headernav .topNav ul,
  .headernav .mainNav > ul{padding-left: 10px;}
  .mainNav ul li.dropdownList > a{padding-right: 10px!important;}
  .headernav .mainNav > ul > li > a{font-size: 11px;}
  .headernav .topNav ul li a{font-size: 11px;}
  .headerCall span{font-size: 16px;}
  .headerCall a.applyNow{padding: 10px; font-size: 12px;}
  footer address a{display: flex; word-break: break-all;}
  .collegeMain .gridder-navigation a.gridder-close{right: 70px;}
}
@media (max-width: 991px){
  .promoBannerMain{padding-bottom: 30px; margin: -40px auto 0;}
   .boxMainSection .contantArea{height: auto; min-height: inherit;}
  .spaceboth {padding-top: 50px!important; padding-bottom: 50px!important; } 
  .pt0 {padding-top: 0!important;}
  .boxMainSection{margin: 50px 0 0; min-height: inherit;}
  .boxMainWrapper .row [class^="col-"]{padding-top: 50px;}
  .boxMainWrapper .row .homeAbout, .boxMainWrapper .row .homeChairperson, .boxMainWrapper .row .homeContactForm{padding-top: 0px;}
  .livingLegends.carouselBtnArrow ~ .actionBtn,
  .seniorFaculty.carouselBtnArrow ~ .actionBtn{margin: 30px 0 0 0; bottom: 0;}
  .livingLegends.carouselBtnArrow .owl-nav,
  .seniorFaculty.carouselBtnArrow .owl-nav {bottom: -90px;}
  .placementsSection .placementsPackages{margin-bottom: 50px;}
  .CounterTxt { font-size: 20vw; letter-spacing: 0;}
  .livingLegendsMain,
  .seniorFacultyMain{position: relative!important; padding-bottom: 80px!important;}
  .carouselBtnArrow ~ .actionBtn{height: 50px;}
  .carouselBtnArrow .owl-nav{width: 100px;}
  .carouselBtnArrow .owl-nav div{width: 50px; height: 50px;}
  .row [class^="col-"]:first-child .boxMainSection{margin-top: 0;}
  .accreditationAffiliationSection .accreditationAffiliationRow1,
  .accreditationAffiliationSection .accreditationAffiliationRow2{column-gap: 10px;}
  .accreditationAffiliationSection .accreditationAffiliationRow1{flex-wrap: wrap; column-gap: 0;}
  .accreditationAffiliationSection .accreditationAffiliationRow1 .accreditationAffiliationCol{padding: 5px; width: calc(50% - 10px);}
  .seniorFacultyLists .seniorFacultyList{margin: 15px 0;}
  .highlightBox .highlightIconTxt{font-size: 130%;}
  .placementBannerNew{margin-top: 95px;}
  .bannerPattronStyle:first-child {margin-left: -33.33%; }
  .bannerPattronStyle,
  .bannerPattronImg{flex: 0 0 33.33%;}
  .col-md-5 .stateOfArtImg{margin-top: 20px;}
  .infrastructureMainLeft{margin-right: 20px; width: calc(100% - 20px);}
  .infrastructureMainRight{padding-left: 20px;}
  .infrastructureMainRight h2{font-size: 40px;}
  .infrastructureMainRight h3{font-size: 20px;}
  .infrastructureList li{padding: 15px; font-size: 16px;}
  .LANclassRoom h2{font-size: 35px;}
  .LANclassRoom{padding: 30px 0;}
  .LANstepSection li{width: 50%;}
  .LANboxMainSection{min-height: inherit;}
  .LANboxMainSection .contantArea figure img{width: 100%;}
  .LANLeftRight .row:nth-child(2n+1) [class^="col-"]:first-child {order:inherit;}
  .LANLeftRight .LANLeftRightImg img {position: static; transform: initial; height: inherit; max-width: 100%; }
  .outletListBody{flex-wrap: wrap;}
  .outletListBody span{padding-bottom: 113%; }
  .outletListBodyImg{    flex: 0 0 100%;}
  .fillList .outletListBodyImg{flex: 0 0 100%;}
  .outletListHead {margin-bottom: 50px; flex-wrap: wrap; justify-content: center; text-align: center; }
  .outletListHeadLogo {max-width: 250px; max-height: 250px; margin: 0 0 20px 0; }
  .outletListBodytext {padding: 20px; }
  .outletListBody.rightSideImg .outletListBodyImg {order: inherit; }
}


@media (max-width: 767px){
  .rightFixedButton2{top: 70%;}
  .notificationSection {z-index: 99999999999;}
  .notificationList {transform: scale(0); width: 260px;}
  .notificationList.active {transform: scale(1); transform-origin: bottom left; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
  .swiper-slide{padding-bottom: 78%;}
  .secondaryBanner .secondaryBannerContant{margin-top: 0;}
  .mobileHide{display: none!important;}
  .desktopHide{display: block!important;}
  body{padding-top: /*92px*/ 64px;}
  .mainHeader,
  .mainHeader.sticky{background: var(--white-color);}
  .headerCall a{background-color: var(--lightgray-color); /*min-height: 100%;*/ display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
  .headerCall span{ width: 100%;}
  .videoSound{right: 5px; top: 35px; width: 30px; height: 30px; padding: 6px;}
  .rightFixedButton{width: 30px; }
  .rightFixedButton .rightBtn{height: 30px; width: 165px;}
  .rightFixedButton .rightBtn a{height: 30px; font-size: 12px;}
  .rightFixedButton .rightBtn i{flex: 0 0 30px; font-size: 15px;}
  .rightFixedButton .rightBtn:hover{transform: translateX(-135px);}
  .homeContactForm{order: -1;}
  .whiteBtn{bottom: 10px; font-size: 14px; padding: 10px; line-height: 1; width: 120px; text-align: center;}
  .uspBelowBanner{padding: 0;}
  .uspBelowBanner .uspBelowBannerLists{ display: flex; flex-wrap: wrap; overflow: hidden;}
  .uspBelowBanner .uspBelowBannerLists li{flex: 0 0 50%; font-size: 200%; padding: 20px; border-left: 1px solid rgba(255, 255, 255, 0.3); border-top: 1px solid rgba(255, 255, 255, 0.3);}
  .uspBelowBanner .uspBelowBannerLists li figure{display: none;}
  .uspBelowBanner .uspBelowBannerLists p{padding: 0px; font-size: 14px; font-weight: 400; color: var(--white-color);}
  .uspBelowBanner .uspBelowBannerLists li strong{ color: var(--s-color);}
  .awardsSectionLeft .awardsItem p{min-height: inherit;}
  p,
  .list li,
  .breadcrumbs ul li{font-size: 14px;}
  .spaceboth.gg{padding-top: 100px;padding-bottom: 100px;}
  /*Placement S*/
  .pageWithSideBar .tab{ width: 100%; background-color: var(--white-color); z-index: 2; position: static;}
  .pageWithSideBar .pageWithSideBarContant{width: 100%;padding: 0 20px;}
  .pageWithSideBar .pageWithSideBarContant .tabcontent{}
  .leftSideNav li a{padding: 15px 0 15px 50px;font-size: 16px;}
  .pageWithSideBar h2{ margin-top: 40px; border-top: 2px solid var(--border-color); padding-top: 40px;}
  .pageWithSideBar .pageWithSideBarContant .tabcontent:first-child h2{border: 0; padding-top: 0;}
  .pageWithSideBar .filter{ display: none; align-items: center; justify-content: center; padding: 20px; font-size: 16px; font-weight: 700; margin-top: -40px; background-color: var(--white-color); border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);}
  .pageWithSideBar .filter i{margin: 0 0 0 10px;}
  .pageWithSideBar .filter.active ~ .leftSideNav{display: block;}
  h5.hidden-sm.hidden-md.hidden-lg{border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px; font-size: 22px;}
  h5.hidden-sm.hidden-md.hidden-lg span{margin: 0 10px 0 0;}
  .hrSpace{margin: 20px 0;}
  .order1{order: -1; margin-bottom: 20px;}
  .pageWithSideBar { padding: 0px 0 20px 0;}
  .pageWithSideBar h6.headingImg{margin: 15px 0;}
  /*Placement E*/
  .mainNav ul li.dropdownList:hover:before{display: none;}
  /*Hamburger menu start*/
  #nav-icon { display: block; width: 25px;height: 25px;position:absolute; margin:20px 0 0 10px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer; float:right;}
  #nav-icon span {display: block;position: absolute;height: 2px;width: 100%;background: var(--p-color);opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
  #nav-icon span:nth-child(1) {top: 0px;}
  #nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {top: 7px;}
  #nav-icon span:nth-child(4) {top: 14px;}
  #nav-icon.open span:nth-child(1) {top: 0px;  width: 0%;  left: 50%;}
  #nav-icon.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
  #nav-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
  #nav-icon.open span:nth-child(4) {top: 18px;width: 0%;left: 50%;}
  /*Hamburger menu end*/
  small.open {cursor: pointer;height: 45px;position: absolute;right: 0px;top: 0px;width: 45px; display:block;}
  small.open:before{content: "\EA4E"; font-family: var(--icon-font); position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 200%; color: var(--p-color);}
  small.open.active:before {content: "\EA78";}

  .headernav{display: flex; flex-wrap: wrap; align-items: flex-start; height: 100vh; overflow-y: auto; padding-bottom: 50px; position: absolute; top: 0px; right: -300px; width: 300px; z-index: 99999; background: var(--lightgray-color); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
  .headernav.open{right: 0;}
  .headernav .topNav{width: 100%;}
  .headernav .topNav > ul{padding: 0px 18px 20px 18px;}
  .headernav .topNav ul li {width: 100%; padding: 0!important; border-bottom: 2px solid rgba(0,0,0,0.1); position: relative; }
  .headernav .topNav ul li a{color: var(--p-color); font-size: 16px; font-weight: 300; text-transform: uppercase; padding: 13px 12px; display: block; line-height: 1.2;}
  .headernav .mainNav{width: 100%; order: -1;}
  .headernav .mainNav > ul{padding:20px 18px 0px 18px;}
  .headernav .mainNav ul li {width: 100%; padding: 0!important; border-bottom: 2px solid rgba(0,0,0,0.1); position: relative; }
  .headernav .mainNav ul li a{color: var(--p-color); border: 0!important; font-size: 16px; font-weight: 300; text-transform: uppercase; padding: 13px 12px; display: block; line-height: 1.2;}
  .headernav .mainNav ul ul a{text-transform: capitalize;}
  .mainNav ul li.dropdownList > a:after{ display: none;}
  .headernav .mainNav ul.dropdownMenu{ display: none; background: transparent; box-shadow: none; overflow: visible; border: 0; padding: 0;  position: static; left: 0; transform: translateX(0%); max-height: inherit; margin: 0 0 15px 0;}
  .headernav .mainNav ul.dropdownMenu li{background-color: transparent; border: 0;}
  .headernav .mainNav .dropdownMenu > li > a{background-color: transparent; padding:10px 0 10px 13px; }
  .headernav .mainNav .dropdownMenu li a{font-size: 14px; font-weight: 400; color: var(--black-color);} 
  .dropdownMenu .navImages{display: none;}
  .headernav .dropdownMenu > li small{display: none;}
  .headernav .dropdownMenu > li span{font-size: 14px; font-weight: 400; color: var(--black-color);}
  .headernav .mainNav ul li .dropdownMenu .NavContactDetail { min-width: 100%; width: auto; margin: 0 -20px;}
  .dropdownMenu .NavContactDetail .tollFreeNo{width: 100%; padding: 0; background: var(--black-color); font-size: 18px!important; color: var(--gray-color)!important}
  .dropdownMenu .NavContactDetail label{font-size: 18px;}
  .dropdownMenu .NavContactDetail .tollFreeNo a{font-size: 18px!important; color: var(--gray-color)!important;}
  .dropdownMenu .NavContactDetail .tollFreeNo:last-child{padding-top: 13px;}
  .dropdownMenu .NavContactDetail .tollFreeNo:last-child a{display: inline-block;}
  .headernav .dropdownMenu.programmesList > li{width: 100%;}
  .headernav .dropdownMenu.programmesList > li > ul{width: 100%; position: static; left: 0; top: 0; padding: 0; background: transparent;}
  .headernav .dropdownMenu.programmesList > li > ul, 
  .headernav .dropdownMenu.programmesList > li > ul.columns3, 
  .headernav .dropdownMenu.programmesList > li > ul.columns2{columns: 1; column-gap: 0px; padding-left: 30px;}
  .headernav .dropdownMenu.columns4 > li{width: 100%;}
  .headernav .dropdownMenu.columns4 > li:nth-child(n) > a{margin: 0;}
  .headernav .dropdownMenu.columns4 > li span{display: none;}
  .headernav .dropdownMenu.columns4.campusLife > li span{display: block;}
  .headernav .dropdownMenu.columns4 > li small{display: block; color: inherit; font-size: inherit; text-transform: capitalize; margin: 0; font-weight: inherit;}
  .dropdownMenu .visitCollege{display: none;}
  .headernav .dropdownMenu.programmesList > li > a,
  .headernav .dropdownMenu.programmesList > li.active > a{background-color: rgba(0, 0, 0, 0.0)!important; color: var(--black-color)!important;}
  .headernav .dropdownMenu.programmesList .labelHeading{color: var(--s-color);text-transform: uppercase; font-size: 13px;} 
  .headernav .dropdownMenu.programmesList .labelSubHeading{color: var(--p-color); font-weight: 700;}
  .headernav .dropdownMenu.programmesList > li > ul a{padding-left: 25px; color: var(--black-color); font-weight: 400;}
  .headernav .dropdownMenu.programmesList > li a:before{left: 0px;}
  .headernav .dropdownMenu.programmesList > li > .thirdLabel{width: 100%; margin: 0;}
  .headernav .dropdownMenu.programmesList > li > .thirdLabel ul {min-height: inherit; background: transparent; position: static; left: 0; top: 0; margin: 0; columns: 1; width: 100%; column-gap: 0; }
  .headernav .dropdownMenu.programmesList > li > .thirdLabel ul li {padding: 10px 12px!important; }
  .headernav .dropdownMenu.programmesList .labelHeading:hover{color: var(--s-color); background-color: transparent;}
  .headernav .dropdownMenu.programmesList .labelHeading.active, 
  .headernav .dropdownMenu.programmesList .labelHeading.active:hover{color: var(--s-color)!important; background-color: transparent!important;}
  .headernav .dropdownMenu.programmesList .labelHeading{padding: 10px 12px; padding-right: 20px;}
  .headernav .mainNav .dropdownMenu.programmesList > li > a{font-size: 14px; font-weight: 500; position: relative; padding-right: 20px;}
  .headernav .mainNav .dropdownMenu.programmesList > li > a:hover{color: var(--black-color)!important;}
  .headernav .mainNav .dropdownMenu.programmesList > li > a:before{content: "\EA4E"; font-family: var(--icon-font); position: absolute; left: auto; right: -2px; top: 50%; transform: translateY(-50%); font-size: 180%;}
  .headernav .mainNav .dropdownMenu.programmesList > li.active > a:before {content: "\EA78";}
  .headernav .dropdownMenu.programmesList .labelHeading{position: relative;}
  .headernav .dropdownMenu.programmesList .labelHeading:before{content: "\EA4E"; font-family: var(--icon-font); position: absolute; left: auto; right: -2px; top: 50%; transform: translateY(-50%); font-size: 200%;}
  .headernav .dropdownMenu.programmesList .labelHeading.active:before {content: "\EA78";}  
  .headernav .dropdownMenu.programmesList > li.active > .thirdLabel .labelHeading + ul{display: none!important;}
  .headernav .dropdownMenu.programmesList > li.active > .thirdLabel .labelHeading.active + ul{display: block!important;}
  .headernav .dropdownMenu.withIcon > li span{display: block;width: 100%;}

  .headernav .dropdownMenu:before, 
  .headernav .dropdownMenu:after{display: none;}
  .openMobileNav,
  .openMobileNav body{position: relative; height: 100%; overflow: hidden;}
  .openMobileNav body:before{ content: ""; position: fixed; left: 0; top: 0; z-index: 5; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8);}

  .mainHeader .logo{flex: 0 0 200px; padding: 10px 0 10px 50px;}
  .mainHeader .logo img{max-height: 40px;}

  footer{padding-top: 50px;}
  footer .footerInner{flex-wrap: wrap;  align-items: flex-start;}
  footer address{max-width: 100%; padding: 0; margin-bottom: 30px;}
  footer ul{display: flex; flex-wrap: wrap; margin-bottom: 30px;}
  footer ul li{margin: 0; width: 50%;}
  footer ul li li{width: 100%; float: none;}
  footer ul.socialLink{display: flex; flex-wrap: wrap; margin: 0; margin-top: -200px; width: 50%;}
  footer ul.socialLink li{margin: 5px;}
  .copyright{margin-top: 0;}

  .secondaryBanner .secondaryBannerContant h1{font-size: 30px;}

  .mainBannerBottomlinks{font-size: 0;}
  .mainBannerBottomSection .noticeBoard {flex: 0 0 150px; width: 150px; }
  .mainBannerBottomlinks .fixedBottomLink > span i{margin: 0;}
  .slideMenuMain p{font-size: 16px;}
  .slide_menu_block h2{display: none;}
  .slideMenuMain .scrollspy{display: none;}

  .leftSideTxt{padding-right: 15px;}
  .rightSideTxt{padding-left: 15px;}
  .placementsSection{display: flex; flex-wrap: wrap; width: 100%; padding-top: 0;}
  .halfImg {position: static; padding-bottom: 75%; width: 100%; margin: 0 0 40px 0; order: -1;}

  .photoGalleryNew ul,
  .photoGalleryNew ul li,
  .photoGalleryNew img {height: 400px;}
  .photoGalleryNew span{font-size: 16px; font-weight: 500;padding: 10px 20px; width: 100%;}
  .testimonialsItems li{width: 50%;}

  .twoColumn{column-gap: 40px; columns: 1;}
  .downloadList li{width: calc(50% - 20px);}
  .leftImg{margin: 0 20px 20px 0;}
  .founderAndChairperson{    width: calc(100% - 20px);}
  .founderAndChairperson h5{font-size: 20px;}
  .founderAndChairperson p{column-gap: 20px; font-size: 13px;}
  .servicesLists [class*='col-']{width: 50%;}

  .collegesBelowBanner ul li:first-child{flex: 100px 0 0;}
  .collegesBelowBanner ul li.scrollDown a{right: 50%; transform: translateX(50%);}
  .collegesBelowBanner h4{font-size: 18px;}
  .principalDeskRow{max-width: 500px; margin: auto;}
  .principalDeskRow .principalDeskImg{width: 100%;}
  .principalDeskRow .principalDeskTxt{width: 100%;}
  .collegetestimonialsItems{padding-left: 0;}
  .collegetestimonialsItems .owl-controls{display: none;}
  .collegetestimonialsItems .owl-item { transform: scale(0.8);}
  .collegetestimonialsItems .owl-item.center { transform: scale(1);}
  .horizontalTabSection{overflow: hidden;}
  .collegetestimonialsItems .owl-nav{left: 20px;}
  .horizontalTabSectionMain{top: 78px;}

  .onlinePaymentBg{background-image: none;}

  .collegeMain .gridder{margin: 0 -5px;}
  .collegeMain .gridder li.selectedItem:after{    width: calc(100% - 10px);     left: 5px;}
  .collegeMain li{width: 50%; padding:0 5px;  margin: 0px 0 10px 0!important; }
  .collegeMain .gridder-show{ padding: 15px; margin-top: -10px; margin-bottom: 15px;}
  .collegeMain .gridder-expanded-content .row .col-sm-1{ width: 80px; float: left;}
  .collegeMain .gridder-expanded-content .row .col-sm-8{ width:auto; display: block; padding-right: 50px; padding-left: 15px;}
  .collegeMain .gridder-content h3, 
  .collegeMain .gridder-expanded-content h3{padding-top: 0px; min-height: 50px;}
  .collegeMain .gridder-content p, 
  .collegeMain .gridder-expanded-content p{margin: 20px 0px 0 0px;}
  .collegeMain .gridder-navigation a.gridder-close{right: 15px; width: 26px;}
  .collegeMain li .leadership_img .ls_overlay{padding: 15px; padding-top: 0;}
  .collegeMain li .leadership_img span{height: 80px; width: 80px;}
  .collegeMain li .leadership_img .ls_overlay p{font-size: 15px; bottom: 12px;}
  .collegeMain li .leadership_img .ls_overlay p small{font-size: 11px; line-height: 120%;}
  .collegeMain .verticalNav{margin-bottom: 20px; position: relative;}
  .collegeMain .verticalNav:after{content: "\EA4E"; pointer-events: none; font-family: var(--icon-font); color: var(--black-color); position: absolute; font-size: 25px; right: 15px; top: 20px; background: var(--white-color); border-radius: 2px;}
  .collegeMain .verticalNav.openTab:after{ content: "\EA78";}
  .collegeMain .verticalNav li{display: none;}
  .collegeMain .verticalNav li.active{display: block;}
  .collegeMain .verticalNav.openTab li{display: block;}
  .collegeMain .gridder-show:before{width: calc(100% + 20px); left: -10px;}
  .boxMainSection .contantArea{height: auto;}

  .uspNew li{flex: 33.33%; border-left: 1px solid rgba(255, 255, 255, 0.5)!important; border-top: 1px solid rgba(255, 255, 255, 0.5)!important;}
  .uspNew li:nth-child(1){border-left: 0!important;}
  .latestNews .row{margin: 0px;}
  .latestNews [class^="col-"]{width: 100%; padding: 0;}
  .latestNews .videoWrapper{ margin-bottom: 20px;}
  .blackBg2 .list li{ width: 100%;}
  .mainVideo{min-height: inherit; height: auto;}
  #video-wrap{position: static!important;}
  .enquiryFormWrapper iframe{width: 100%; height: 200px;}
  .whyStudy .whyStudyList li{width: 100%;}
  .awardsSectionLeft .owl-item .awardsItems{flex: inherit; width: 100%;}
  .latestNews .content{flex-wrap: wrap;}
  .latestNews .content .carousel__item-head{width: 100%;padding-bottom: 60%;}
  .latestNews .content .center_div{width: 100%; padding: 20px 0 0 0;}

  .belowBannerSection .belowBannerinner{flex-wrap: wrap; }
  .belowBannerSection .belowBannerinner .belowBannerLeft{width: 100%; text-align: center; margin-bottom: 15px;}
  .promoBannerMain{margin-top: 0;}
  .swiper-container{margin: 0;}
  footer .footerInner{justify-content: flex-end;}
  footer ul.socialLink{ margin-top: -400px; width: 50px;}
  footer h4{text-align: center;}
  footer .columns3,
  footer .columns2{columns: 2; column-gap: 10px; display: block;}
  footer ul li li {width: auto; float: none; clear: none; }
  footer .footerInner > ul > li:last-child{width: 100%;}
  footer .footerInner > ul{margin-bottom: 0;}
  footer .footerContact{margin-top: 0;}
  footer .footerContact{flex-wrap: wrap;}
  footer .footerContact > div{width: 100%;}
  footer .footerSocial{margin: 25px 0;}
  footer ul.socialLink{margin: 0; width: 100%;}
  .boxMainSection{margin-top: 30px;}
  .row [class^="col-"]:first-child .boxMainSection{margin-top: 30px;}
  .carouselBtnArrow ~ .actionBtn{height: auto; margin: 30px auto 0 auto; bottom: 0; right: 15px; padding: 3px 5px; white-space: nowrap; font-size: 0px;}
  .carouselBtnArrow ~ .actionBtn i{display: block; font-size: 20px;}
  .carouselBtnArrow .owl-nav div{height: 40px; width: 40px; position: absolute;}
  .carouselBtnArrow .owl-nav div.owl-next{left: auto; right: 0;}
  .carouselBtnArrow .owl-nav{width: 100%; bottom: -53px; height: 40px; }
  .carouselBtnArrow .owl-nav{ display: none; }
  .carouselBtnArrow .owl-dots{position: absolute; bottom: -40px; display: flex;}
  .carouselBtnArrow .owl-dot{ width: 10px; height: 10px; background: var(--white-color); border-radius: 50%; border: 1px solid var(--p-color); margin: 4px;}
  .carouselBtnArrow .owl-dot.active{ width: 20px; height: 10px; background: var(--p-color); border-radius: 25px;}
  .livingLegends.carouselBtnArrow .owl-nav, .seniorFaculty.carouselBtnArrow .owl-nav{    bottom: -80px;}
  .topHighLightMain.pb0 {padding-bottom: 0!important; margin-bottom: -40px;}
  .topHighLightMain .container {position: relative;}
  .topHighLightMain .container .carouselBtnArrow ~ .actionBtn{bottom: -40px;}
  .livingLegends.carouselBtnArrow ~ .actionBtn, 
  .seniorFaculty.carouselBtnArrow ~ .actionBtn{bottom: 35px; margin-right: 0;}
  .fb-video .videoWrapper{margin-bottom: -1px;}
  .boxMainSection{box-shadow: 5px 5px 0px 0px var(--p-color);}
  .CounterTxt{text-shadow: -5px -2px 0 #610009;}
  .blogNews .row .homeAbout:not(:first-child){display: none;}
  .errorPageWrapper{margin: 30px auto !important;}
  .errorPageWrapper .col-sm-12{width: 100%;}
  .promoBanner li{ flex: 0 0 100%;}
  .livingLegends > li{ flex: 0 0 50%;}
  .twoColumnTxt{margin-top: 30px;}

  .secondaryBanner.convocationBanner{ background-image: url(../images/home/main-banner/s/convocation-b-260323.webp); padding: 38% 0;}

  .ProgrammesTableList{max-width: 100%; overflow: auto;}
  .SectionName{width: 80%; left: auto; right: 0;}

  .placementBannerNew{margin-top: 0px;}
  .placementBannerNew h1{font-size: 30px;}
  .spacetop{padding-top: 50px;}
  .mbaSpecializations li{width: calc(33.33% - 10px);}
  .highlightBox .highlightIconTxt{font-size: 100%;}
  .threeColumn{columns: 2;}

   .col-sm-6 .stateOfArtImg{margin-top: 20px;}
  .lifeAtNimsBannerNew{margin-top: 0;}
  .homeAwayFromHome h3{width: 100%; text-align: center;}
  .homeAwayFromHome p{width: 100%; padding: 10px; margin: 0;}

  .homeAwayFromHome h2,
  .stateOfArt h2,
  .exploreTheStudentResidences h2,
  .holtallife{font-size: 35px;}
  .hostelHelplineNo h3,
  .hostelTable .hostelTableHead .hostelTableHeadCol,
  .hostelTable .hostelTableBody .hostelTableBodyCol,
  .stateOfArt h3,
  .exploreTheStudentResidences h3{font-size: 20px;}

  .ESRstepSection li{width: 50%;}
  .lifeHostalSlide{padding: 0 20px;}

  .lifeAtNimsBannerNew{margin-top: 0;}
  .lifeAtNimsBannerNew h1{text-shadow: 1px 1px 5px #fff, -1px -1px 5px #fff;}
  .infrastructureMain{margin-top: 50px;}
  .infrastructureMain:before{display: none;}
  .infrastructureMainLeft{display: none !important;}
  .infrastructureMainRight{padding-left: 0;}
  .infrastructureList li{flex: 0 0 100%; padding: 25px;}
  .infrastructureList li span{margin-bottom: 10px;}
  .LANclassRoomSlide{padding:0 20px;}
  .LANstepSection li{width: 100%;}
  .LANLeftRight .row .LANLeftRightTxt{padding: 30px;}
  .LANLeftRight .row .keyHighlights li:first-child{font-size: 120%;}
  .LANGallery [class^="slidel"]{padding: 1px;}

  .lifeAtNimsSec h1{width: 100%; font-size: 40px;}
  .lifeAtNimsSec p {width: 100%; padding: 0;}
  .lifeAtNimsSecList{margin-top: 25px;}
  .lifeAtNimsSecList li{width: calc(50% - 15px); font-size: 18px;}
  .lifeAtNimsSlide,
  .LANusp{padding: 0 20px;}
  .belowBannerSection .belowBannerinner .belowBannerLeft{display: flex; justify-content: center; align-items: center; white-space: nowrap;}
  .belowBannerSection .belowBannerinner .belowBannerLeft .blinkButton{padding: 10px; display: inline-block; border-radius: 2px; font-weight: 700;}
  .belowBannerSection .belowBannerinner .belowBannerLeft img{max-width: 75%;}
  .mainHeader .logo{flex: 0 0 150px;}
  .headMorelogo{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
  .headMorelogo span{width: 50%; align-items: center; justify-content: center; padding: 10px;}
  .headMorelogo span img{height: 30px;}
  .headerCall {
    max-width: 200px;
  }
  .mainHeader .logo img{height: 40px; max-height: initial;}
  .footerMarquee{display: none;}

}

@media (max-width: 480px){
  .boxMainSection .contantArea figure figcaption{position: static;}
  .uspList li{font-size: 20px;}
  .CounterTxt span:after{top: 0;}
  .notificationSection{bottom: 30px; left: 10px;}
  .belowBannerSection .belowBannerinner .belowBannerLeft{display: none;}
  .belowBannerSection .belowBannerinner{justify-content: space-between; flex-wrap: wrap; margin: 0 -15px 15px; padding: 10px;}
  .belowBannerSection .belowBannerCenter{width: 100%;}
  .belowBannerSection .belowBannerCenter .rightBtn{margin:0 2px; width: 100%;}
  .belowBannerSection .belowBannerCenter a{font-size: 15px;}
  .belowBannerSection .belowBannerinner .belowBannerRight{width: 100%; margin-top: 5px;}
  .belowBannerSection .actionBtn{width: 100%; padding: 13px 15px; font-size: 15px; text-align: center;}
  .belowBannerSection .actionBtn:after,
  .belowBannerSection .actionBtn br{display: none;}
  .placementsSection .placementsPackages{padding: 0;}
  .placementsSection .placementsPackages li{width: 50%;}
  h2{font-size: 25px;}
  /*Placement S*/
  .ourReqruitersList{margin: 0 -2px;}
  .ourReqruitersList li{width: 33.33%; padding: 2px;}
  .wideArray li{width: 50%; padding: 2px;}
  .wideArray{margin: 0 -2px;}
  .pageWithSideBar h2{font-size: 25px; padding-left: 50px;}
  .pageWithSideBar h2 span{font-size: 140%;}
  /*Placement E*/
  .usp li{ width: calc(100% - 20px);margin: 5px 10px;}
  .awardsRankings li{width: 50%;}
  .photoGalleryNew ul,
  .photoGalleryNew ul li,
  .photoGalleryNew img {height: 220px;}
  .testimonialsItems li{width: 100%;}
  .downloadList li{width: calc(100% - 20px);}
  .leftImg{max-width: 100%; margin: 0 0 20px 0;}
  .founderAndChairperson{margin: -90% 0 0 10px;}
  .servicesLists [class*='col-']{width: 100%;}
  .academicsMain .panel-body{padding: 21px 20px 61px 20px;}
  .horizontalTabSection .container{padding: 0; font-size: 13px;}
  .collegesBelowBanner{margin: 0;}
  .collegesBelowBanner ul li:first-child{display: none;}
  .collegesBelowBanner h4{font-size: 14px;}
  .collegesBelowBanner a{padding: 10px;}
  #aboutCollege .headingStyle1.mt5{margin-top: 0!important;}
  .mainColleges .mainCollegesContant h1{ font-size: 45px;}
  .mainColleges .mainCollegesContant{text-align: center;}
  .playButton{border: 20px solid rgba(255, 255, 255, 0.1);}
  .playButton span{width: 70px; height: 70px;}
  .awardsAchivements .aaiList li{width: calc(50% - 10px); margin: 100px 5px 0 5px;}
  .awardsAchivements .aaiList p{padding: 0;}
  .awardsAchivementsFooterLogo li{width: calc(100% - 10px); margin:5px;}
  .awardsAchivements .awardsAchivementsInner ul li{width: 100%;}
  .awardsAchivements .awardsAchivementsInner ul li div{padding-bottom: 60%;}  
  .inputText.captchaField{flex-wrap: wrap;}
  .inputText.captchaField .formControl{margin-bottom: 10px;}
  .ourPartners{padding:10px 0;}
  .ourPartners ul{flex-wrap: wrap;}
  .ourPartners ul li{margin: 5px; width: calc(50% - 10px);}
  .uspBelowBanner .uspBelowBannerLists p{text-align: center;}
  .uspBelowBanner .uspBelowBannerLists li strong{display: block;}
  .placementsSection .placementsSectionList li strong{ flex: 0 0 140px; margin: 0 20px 0 0;}
  .placementsSection .placementsPackages li{padding: 20px; border-left: 1px solid var(--white-color); border-top: 1px solid var(--white-color);}
  .placementsSection .placementsPackages li strong{ font-size: 30px; line-height: 1;}
  .placementsSection .placementsPackages li span{font-size: 18px;}
  .impeccablePlacements li{width: 100%;}
  footer .footerInner > ul{display: flex; flex-wrap: wrap;}
  footer .footerInner > ul:not(.socialLink) > li:first-child{width: 100%;}
  .livingLegends figure{box-shadow: 2px 2px 0px 0px var(--p-color);}
  .scholarshipTableCol1{width: 100%; padding: 15px;}
  .instituteDetail h1 span{font-size: 13px;line-height: 1.3;}
  .collegeMain.facultyLists .facultylist .facultyImg{width: 40%;}
  .collegeMain.facultyLists .facultylist .facultyTxt{width: 60%; padding: 10px;}
  .collegeMain.facultyLists .facultylist .facultyTxt p{font-size: 16px;}
  .collegeMain.facultyLists .programmesTable .subjectsYouTeach li{width: 100%;}
  .collegeMain.facultyLists .detailInfoHead .facultyImg{border-radius: 0; width: 80px; height: 80px; display: none;}
  .collegeMain.facultyLists .detailInfoHead h3{font-size: 20px; padding: 0 25px 0 0;}
  .collegeMain.facultyLists .gridder-content h3 span, 
  .collegeMain.facultyLists .gridder-expanded-content h3 span{font-size: 14px; font-weight: 500;}
  .collegeMain.facultyLists .gridder-content .programmesTable, 
  .collegeMain.facultyLists .gridder-expanded-content .programmesTable{margin-top: 10px;}
  .collegeMain.facultyLists .detailInfoHead{padding-top: 40px;}
  .meetOurFacultyBlock li{width: calc(100% - 20px);}
  .accreditationAffiliationSection .accreditationAffiliationRow1, 
  .accreditationAffiliationSection .accreditationAffiliationRow2{flex-wrap: wrap; padding: 0; column-gap: 0;}
  .accreditationAffiliationSection .accreditationAffiliationRow1 .accreditationAffiliationCol{padding: 5px; width: 100%;}
  .accreditationAffiliationSection .accreditationAffiliationRow2 .accreditationAffiliationCol{padding: 5px; width: 50%;}
  .seniorFacultyLists .seniorFacultyList figure img {width: 100px;}
  .placementsWorking .placementsWorkingBox figure{ flex-wrap: wrap; text-align: center;}
  .placementsWorking .placementsWorkingBox figure .imgsec{width: 50%; padding-bottom: 50%; left: 50%; margin-left: -25%;}
  .placementsWorking .placementsWorkingBox figure figcaption span{margin: auto;}
  .placementsSection .placementsPackages1{flex-wrap: wrap;}
  .placementsSection .placementsPackages1 li strong{font-size: 30px;}
  .placementsSection .placementsPackages1 li span{font-size: 18px;}
  .placementsSection .placementsPackages1 li{width: 100%;}
  .mbaSpecializations li{width: calc(50% - 10px);}
  .mbaSpecializations li span{min-height: initial; padding: 15px 10px;}
  .placementTestimonialsNew{ padding: 30px 10px;}
  .placementTestimonialsNew .placementTestimonialsNewFooter h4{font-size: 22px;}
  .placementTestimonialsNew .placementTestimonialsNewFooter .testimonialsIFTxt{font-size: 16px;}
  .highlightBox .highlightIconTxt{font-size: 100%;}
  .highlightBox .highlightIconTxt span{width: 100%; justify-content: flex-start;}
  .bannerPattronStyle{display: none;}
  .bannerPattronStyle:nth-child(5){display: block;}
  .bannerPattronRed,
  .bannerPattronImg{display: block;}
  .bannerPattronRed{margin-left: -40%;}
  .bannerPattronStyle{flex: 0 0 50%;}
  .bannerPattronImg{flex: 0 0 80%;}
  .placementBannerNew h1{text-align: center; text-shadow: 0 0 10px var(--black-color), 0 0 10px var(--black-color);}
  .threeColumn{columns: 1;}
  .hostelHelplineNo .hostelHelplineNoList,
  .queryTable .queryTableList{width: 100%; padding-right: 0;}
  .ESRstepSection li{width: 100%;}
  .belowBannerSection .belowBannerinner .belowBannerLeft{ display: block; }
  .belowBannerSection .belowBannerinner .belowBannerLeft img{display: none;}
  .belowBannerSection .belowBannerinner .belowBannerLeft .blinkButton{width: 100%; margin-bottom: -5px;}
  .headMorelogo span{width: 100%; padding: 0px; text-align: center;}
  .courseLists li{width: 100%; margin-top: 0;}
}

.footerMarquee{position: static; line-height: 1.1; left: 0; top: 0; z-index: 0; bottom: auto; width: 100%; background-color: var(--lightgray-color); color: var(--p-color); font-size: 25px; font-family: arial; font-weight: 800; display: block; height: 34px;}
    .footerMarquee a{color: inherit; font-size: 14px; font-weight: 700;}
    .footerMarquee span {padding: 0 20px; position: relative; }
    .footerMarquee span:before {content: ""; position: absolute; top: 16px; left: 0; width: 8px; height: 8px; border-radius: 50%; background: #fff;}
    .footerMarquee span.new{padding-right: 20px;}
    .footerMarquee span.new:before{display: none;}
    .footerMarquee span.new img{position: absolute; right: -5px; top: 5px;}
    .notificationList ul{max-height: 210px; overflow-x: auto;}
    @media (min-width: 768px){
      .mainHeader{ top: 35px;}
      .swiper-container,
      .homeMainVideoSection{margin:95px /*96px*/ 0 0 0;}
    }
    @media (min-width: 1024px){
      .swiper-container,
      .homeMainVideoSection{margin:120px/*120px*/ 0 0 0;}
    }
    @media (min-width: 1300px){
      .swiper-container,
      .homeMainVideoSection{margin:120px/*138px*/ 0 0 0;}
    }
    @media (max-width: 767px){
      .footerMarquee{display: block;}
    }

  #admissionBdsMds,
  .modal-backdrop{display: none !important;}

  .headTopNew{display: flex; flex-wrap: wrap; background: var(--lightgray-color); color: var(--white-color); border-bottom: 1px solid var(--border-color);}
  .headTopNew .headheadTopNewLeft{width: calc(100% - 765px); display: flex;}
  .headTopNew .headheadTopNewLeft .headheadTopNewLeftHeading{position: relative; z-index: 1;  display: flex; align-items: center; background: #333; padding:0 10px; font-weight: 600;}
  .headTopNew .headheadTopNewLeft .headheadTopNewLeftHeading:after{content: " "; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background: #333; transform-origin: bottom left; transform: skew(-30deg, 0deg);}
  .headTopNew .headheadTopNewLeft .headheadTopNewLeftHeading span{position: relative;}
  .headTopNew .headheadTopNewRight{width: 765px; background: var(--white-color); position: relative;}
  .headTopNew .headheadTopNewRight:before{content: " "; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: -30px; background: var(--white-color); transform-origin: bottom left; transform: skew(-30deg, 0deg); border-left: 1px solid var(--border-color);}
  .headTopNew .headheadTopNewRight ul{display: flex; position: relative; min-height: 100%;}
  .headTopNew .headheadTopNewRight ul li{padding-left: 7px; display: flex; align-items: center; }
  .headTopNew .headheadTopNewRight ul li a{font-size: 12px; color: var(--black-color); font-weight: 600; position: relative;}
  .headTopNew .headheadTopNewRight ul li:not(:first-child) a{padding-left: 7px;}
  .headTopNew .headheadTopNewRight ul li:not(:first-child) a:before{content: ""; width: 1px; height: 80%; border: 1px solid var(--p-color); position: absolute; left: 0; top: 10%;}
    .headTopNew .headheadTopNewRight ul li:first-child a{padding-left: 0;}
    .headTopNew .headheadTopNewRight ul li:first-child a:before,
    .headTopNew .headheadTopNewRight ul li:last-child a:before{display: none;}
  .headTopNew .headheadTopNewRight ul li a:hover{color: var(--p-color);}
  .headTopNew .headheadTopNewRight ul li a.blinkButton1{border-radius: 25px; border:1px solid var(--s-color); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); padding: 2px 5px;}



  @media (min-width: 768px){
    .headerCall a.applyNow{width: 100%; min-height: 100%; display: flex; align-items: center; white-space: nowrap; font-size: 20px; font-weight: 700; padding-left: 50px;}

    .callNow {width: calc(100% - 530px); display: flex; flex-wrap: wrap; align-items: center; position: relative; z-index: 1;}
    .callNow:after{content: " "; position: absolute; display: block; width: 50%; height: 99%; top: 0; right: -15px; z-index: -1; background: var(--white-color); transform-origin: bottom left; transform: skew(-30deg, 0deg);}
    .callNow .callNowAction {width: 100%; }
    .callNow .callNowAction ul {display: flex; flex-wrap: wrap; padding-left: 30px; width: 100%; justify-content: flex-end;  box-sizing: border-box;}
    .callNow .callNowAction ul li{position: relative;}
    .callNow .callNowAction ul li a{padding-left: 50px; display: block; font-weight: 600; font-size: 25px;}
    .callNow .callNowAction ul li img{position: absolute; left: 0; top: 5px; width: 40px; }
    .callNow .callNowAction ul li small{display: block; color: var(--black-color); font-size: 60%}
    .callNow .callNowAction ul li span{ display: block; font-size: 100%;}
    .headernav .mainNav > ul > li a span{transition: all 0.0s ease 0s;}
    .headernav .mainNav > ul > li{position: relative;}
    .headernav .mainNav > ul > li:not(:last-child) a:after{ content:""; width:2px; height:60%; top:20%; right: -5px; position: absolute; background: var(--p-color); transform-origin: bottom left; transform: skew(-25deg, 0deg); display: none;}
    .headernav .mainNav > ul > li > a{color: var(--white-color); font-size: 1.1vw; text-transform: capitalize;}
    .headernav.fullwidthSection{background-color: var(--p-color);}
    .headernav.fullwidthSection .mainNav > ul{padding-right: 80px; max-width: 1200px;}
    .headernav .dropdownMenu{width: 250px; left: 0; transform: translate(0,0); padding: 10px 0; max-height: calc(100vh - 120px); background: var(--white-color);}
    .headernav .dropdownMenu > li{width: 100%; border: 0!important;}
    .headernav .dropdownMenu.twoColDropdown{width: 500px; display: flex; flex-wrap: wrap; align-items: flex-start; padding-top: 0;}
    .headernav .dropdownMenu.twoColDropdown.width600{width: 650px;}
    .headernav .dropdownMenu.twoColDropdown:before {content: ""; position: absolute; width: 1px; height: 100%; background: var(--border-color); display: block; z-index: 1; left: 50%; }
    .headernav .dropdownMenu.twoColDropdown > li{width: 50%;}
    .headernav .dropdownMenu.twoColDropdown > li strong{display: block; text-align: left; width: 100%; background-color: var(--p-color); color: var(--white-color); text-transform: uppercase; padding: 12px 15px; border-bottom: 1px solid var(--border-color); margin-bottom: 5px; position: relative;}
    .headernav .dropdownMenu.twoColDropdown > li strong i{position: absolute; right: 10px;}
    .headernav .dropdownMenu li a {color: var(--black-color); margin: 0px; padding: 8px 15px 1px; font-weight: 400; line-height: 1.3; font-family: var(--p-font); white-space: normal; background: inherit; display: flex; flex-wrap: wrap; width: 100%; font-size: 13px; display: block;}
    .headernav .dropdownMenu li span{display: block; border-bottom: 1px solid var(--border-color); padding-bottom: 8px;}
    .headernav .dropdownMenu li span:before {content: "\ea6d"; font-size: 120%; font-family: var(--icon-font); color: var(--p-color); position: absolute; left: 0; top: 0; display: inherit;}
    .headernav .dropdownMenu li a:hover{background:transparent; color: var(--p-color);}
    .headernav .mainNav > ul > li > a > span:after {content: "\ea4f"; font-family: var(--icon-font); position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; font-size: 120%;}


    .headernav .mainNav{position: relative; cursor: pointer;}
     #navIconRight{width: 25px; position: absolute; right: 20px; top: 50%; z-index: 1; transform: translateY(-50%); height: 16px;}
     #navIconRight span {display: block;position: absolute;  right: 0px; height: 2px;width: 100%;background: var(--white-color);opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
      #navIconRight span:nth-child(1) {top: 0px;}
      #navIconRight span:nth-child(2),#nav-icon span:nth-child(3) {top: 7px; width: 70%; left: 30%;}
      #navIconRight span:nth-child(4) {top: 14px;}
      #navIconRight.open span:nth-child(1) {top: 0px;  width: 0%;  left: 50%;}
      #navIconRight.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
      #navIconRight.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
      #nav-icon.open span:nth-child(4) {top: 18px;width: 0%;left: 50%;}
  }
  @media (min-width: 1024px){
    .callNow {width: auto;}
  }
  @media (min-width: 1199px){
    .callNow {width: calc(100% - 730px);}
  }
  @media (min-width: 1500px){
    .headernav .mainNav > ul > li > a{font-size: 15px;}
  }

  @media (max-width: 768px){
    .headernav{overflow-x: hidden;}
    .headTopNew .headheadTopNewLeft{width: 100%;}
    .headTopNew .headheadTopNewRight ul{flex-wrap: wrap;justify-content: center; padding: 5px 0;}
    .headTopNew .headheadTopNewRight ul li{padding: 0;}
    .headTopNew .headheadTopNewRight ul li a{padding: 3px 10px;}
    .headTopNew .headheadTopNewRight:before{display: none;}
  }

  .mainHeader{background-color: var(--white-color);}
  .openRightNav body:before {content: ""; position: fixed; left: 0; top: 0; z-index: 99999; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8);}
    .rightSideNav {height: 100vh; overflow-y: auto; padding: 25px; position: fixed; top: 0px; right: -400px; width: 400px; z-index: 9999999999; background: var(--lightgray-color); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
    .rightSideNav.open{right: 0;}
    .rightSideNavHead{width: 100%; display: flex; align-items: center; justify-content: space-between;}
    .rightSideNavLogo{width: 140px;}
    .rightSideNavLogo img{width: auto; height: 40px;}
    .rightSideNavClose{display: flex; align-items: center; justify-content: center; cursor: pointer; height: 30px; width: 30px; line-height: 30px; background-color: var(--p-color); color: var(--white-color); font-size: 20px; transition: all ease .5s; border-radius: 50%; }
    .rightSideNavClose:hover{background-color: var(--s-color); color: var(--black-color);}
    .rightSideNavBody{width: 100%; display: flex; align-items: flex-start; flex-wrap: wrap;}
    .rightSideNavBody h4{font-weight: 700; color: var(--p-color); margin: 30px 0 10px 0; padding: 0; line-height: 1; text-align: center; font-size: 20px; width: 100%;}
    .rightSideNavBody .rightSideNavlogo { width: 100%; display: flex; margin-top: 30px;}
    .rightSideNavBody .rightSideNavlogo li {/*background: var(--white-color);*/ width: 100%; margin:0%; padding: 10px; /*border-radius: 4px;  border: 1px solid var(--border-color);*/ }
    .rightSideNavBody .rightSideNavsocialLink {display: flex; position: relative; flex-wrap: wrap; justify-content: center; width:100%; }
    .rightSideNavBody .rightSideNavsocialLink li {margin: 5px; padding: 0px; width: 50px;}
    .rightSideNavBody .rightSideNavsocialLink li a { background-color: var(--black-color); color: var(--white-color); border-radius: 50%; font-size: 28px; height: 50px; display: flex; align-items: center; justify-content: center; }
    .rightSideNavBody .rightSideNavsocialLink li a:hover{background-color: var(--p-color); color: var(--white-color);}

    .rightSidePhoneNo {text-align: center; width: 100%}
    .rightSidePhoneNo i{margin-right: 10px; font-size: 150%;}
    .rightSidePhoneNo a{font-size: 21px; font-weight: 500; text-decoration: none; color: var(--white-color); background: var(--p-color); border: 1px solid #8fc9c9; height: 58px; display: flex; justify-content: center; align-items: center; border-radius: 5px; margin: 30px auto 0 auto; box-shadow: 0 0 15px rgb(0 0 0 / 40%);}
    .rightSideNavContact{    margin: 20px 0 0 -25px; background: #fff; min-width: calc(100% + 50px); padding: 25px;}
    .rightSideNavContact li{ margin:0 0 20px; color: var(--black-color); padding: 0 0 0 50px; letter-spacing: 0.5px; position:relative; font-size: 16px;}
    .rightSideNavContact li a{color: inherit;}
    .rightSideNavContact li:last-child{margin-bottom: 0;}
    .rightSideNavContact li i{position: absolute; left: 0; top: 50%; margin-top: -15px; width: 30px; height: 30px; border-radius: 50%; background: var(--p-color); color: var(--white-color); display: flex; align-items: center; justify-content: center;}



/*bolg S*/
body:not(.home) #page-site-header{height: 0; min-height: initial; overflow: hidden;}
.no-sidebar .wrapper.section-gap > footer,
.right-sidebar .wrapper.section-gap > footer,
.left-sidebar .wrapper.section-gap > footer{ position: relative; margin-top: 50px; float: left; }
.no-sidebar .wrapper.section-gap > footer:before,
.right-sidebar .wrapper.section-gap > footer:before,
.left-sidebar .wrapper.section-gap > footer:before{ content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 100vw; height: 100%; background-color: #000; z-index: -1;}

.no-sidebar .wrapper.section-gap .copyright,
.right-sidebar .wrapper.section-gap .copyright,
.left-sidebar .wrapper.section-gap  .copyright{position: relative;}
.no-sidebar .wrapper.section-gap  .copyright:before,
.right-sidebar .wrapper.section-gap  .copyright:before,
.left-sidebar .wrapper.section-gap  .copyright:before{ content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 100vw; height: 100%; background-color: #2a2a2a; z-index: -1;}

#page-site-header{/*padding: 120px 0 30px 0;*/ padding: 0!important; font-size: 0; background: none!important; min-height: 80px; }
#page-site-header .overlay{display: none!important;}
#page-site-header .page-header{padding-bottom: 0; margin: 0; border-bottom: 0; position: static; transform: translateY(0%);}
#page-site-header .page-title{margin: 0;}
.wrapper.section-gap{padding-bottom: 0;}
.blog-posts-wrapper .entry-header{position: static; }
.no-sidebar #primary{/*max-width: 1400px; margin: auto; padding: 40px;*/}
.blog-posts-wrapper .post-item .entry-container .entry-content .addtoany_share_save_container { display: none;}

.no-sidebar .section-content{display: flex; flex-wrap: wrap;}
.col-2 article, .col-3 article, .col-4 article, .col-5 article, .col-6 article{width: 50%; margin-bottom: 50px;}
.blog-posts-wrapper .post-item .entry-container{ padding: 40px; border-radius: 0 20px 0 20px; background: #fff; width: calc(100% - 60px); margin: -60px 0 0 30px; z-index: 1; position: relative; box-shadow: 0 10px 15px rgb(0 0 0 / 10%);}
.col-3 article:nth-child(3n+1), .col-5 article:nth-child(3n+1), .col-6 article:nth-child(3n+1){clear: none;}
.blog-posts-wrapper .post-item .featured-image{padding: 0 0 50% 0;}
.blog-posts-wrapper .post-item .date{display: inline-block; position: absolute; top: 0; border-radius: 0px 10px 0 0; background: #0047e1; color: #fff; margin: 0; left: 0; padding: 10px; transform: translateY(-100%);}
.blog-posts-wrapper .post-item .date a{color: #fff; font-weight: 500;}
.blog-posts-wrapper .entry-title{margin: 0; font-size: 18px; line-height: 1.2; font-weight: 500; color: #0047e1;}
.blog-posts-wrapper .entry-title a,
.blog-posts-wrapper .entry-title a:hover{text-decoration: none; font-weight: inherit; font-size: inherit; color: #0047e1;}

.post-template-default .related-post.grid .headline{font-size: 28px !important; color: #000000 !important; text-transform: capitalize; margin: 50px 0 0 0;}
.related-post .post-list{display: flex; flex-wrap: wrap; margin: 0 -15px; align-items: flex-start;}
.related-post .post-list .item{width: 50%; padding: 15px; display: flex; flex-wrap: wrap;}
.related-post .post-list .item > *{width: 100%;}
.related-post .post-list .item .post_thumb{order: -1; margin-top: 0; max-height: inherit;}
.post-template-default .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{background-color: #382e2f!important;}
.post-template-default .related-post{order: 1;}
.post-template-default .related-post .post-list .item .post_title{ font-weight: 400; line-height: 1.1; font-size: 20px; margin: 0 0 5px 0px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.post-template-default .related-post .post-list .item .post_excerpt{font-family: 'Lato', sans-serif; line-height: 1.4; letter-spacing: 0.2px; font-size: 16px; font-weight: 400; margin-bottom: 20px;}
.post-template-default .related-post .post-list .item .post_excerpt .read-more{color: #e10013;}
.wp-block-latest-posts.wp-block-latest-posts__list{margin-top: 20px;}
.wp-block-latest-posts.wp-block-latest-posts__list li{list-style: disc;}
.wp-block-categories-list.wp-block-categories{margin-top: 20px;}
.wp-block-categories-list.wp-block-categories li{    list-style: disc; padding-left: 0.5em; margin-bottom: 10px; list-style-position: inside;}
.post-template-default #primary #main > article .entry-content{display: flex; flex-wrap: wrap;}
.post-template-default #primary #main > article .entry-content > *{width: 100%;}
.post-template-default #primary #main > article .entry-content .related-post.grid{order: 3;}
.post-template-default #primary #main > article .entry-content .addtoany_share_save_container{order: 2;}
.post-template-default #primary #main > article .entry-content .tags-links{order: 1;}
.post-template-default #primary #main > article .entry-content .tags-links a{border-radius: 3px; margin: 4px 0;}
.post-template-default .addtoany_content{margin: 0;}
.post-template-default #primary #main > article .entry-content ul{margin-bottom: 25px; }
.post-template-default #primary #main > article .entry-content ul li{ list-style: none; position: relative; font-family: var(--p-font); line-height: 1.5; letter-spacing: 0.2px; font-size: 16px; font-weight: 400; padding-left: 15px; margin-bottom: 5px;}
.post-template-default #primary #main > article .entry-content ul li:before{content: ""; position: absolute; left: 0; top: 8px; font-size: 0; width: 6px; height: 6px; border-radius: 50%; background: var(--black-color);}
.post-template-default #primary #main > article .entry-content .wp-block-image.size-large{border: 1px solid rgba(108,117,125,.3); background: #fff; padding: 10px; border-radius: 2px; margin: 0 0 30px;}
.wp-block-embed-youtube{ border: 1px solid rgba(108,117,125,.3); background: #fff; padding: 10px; border-radius: 2px; margin: 0 0 30px;}
.wp-block-embed-youtube .wp-block-embed__wrapper{position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 56.25%;}
.wp-block-embed-youtube .wp-block-embed__wrapper iframe {position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }
.right-sidebar #primary .hentry .entry-meta, 
.left-sidebar #primary .hentry .entry-meta{display: none;}
.post-template-default #comments{ display: none; }
main.site-main > article > .wp-post-image{ border: 1px solid rgba(108,117,125,.3); background: #fff; padding: 10px; border-radius: 2px; margin: 0 0 30px;}
.related-post .post-list{margin: 0 -20px;}
.related-post .post-list .item .post_thumb{max-height: inherit!important;}
.related-post .post-list .item{    width: 50%!important; padding: 20px!important; margin: 0!important;}
.related-post .post-list .item:nth-child(3),
.related-post .post-list .item:nth-child(4){display: none!important;}
#page-site-header .overlay{opacity: 1; background-color: #f1f1f1;}
#page-site-header .wrapper .title{font-size: 50px; font-weight: 700;}
#secondary .widget{ position: relative;  background-color: transparent; padding-top: 0;}
#secondary #block-4,
#secondary #block-5{display: none;}
.wp-block-archives-list.wp-block-archives{margin-top: 20px;}
#secondary h2 {padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid var(--p-color); font-size: 28px; font-weight: 700; color: var(--black-color); }
#secondary .widget_block input[type="search"]{width: 100%; padding: 0 15px; font-size: 17px; border-radius: 5px 0 0 5px; border: 1px solid var(--border-color); border-right-width: 0; height: 50px; line-height: 50px; -webkit-appearance: none; }
#secondary .widget_block button[type="submit"] {background: var(--p-color); border-radius: 5px; margin-left: -3px; color: #fff; font-size: 17px; border-width: 0; font-weight: 700; padding: 0 20px;}
#secondary .wp-block-search .wp-block-search__label {font-weight: 700; margin-bottom: 10px; color: #000; opacity: 1; text-transform: uppercase; }
#secondary ul li:not(:last-child){margin-bottom:15px;}
#secondary ul li a {text-decoration: none; font-size: 16px; font-weight: 500; color: var(--lightblack-color);}
#secondary ul li a:hover{color: var(--p-color);}
#secondary .wp-block-latest-posts.wp-block-latest-posts__list,
#secondary .wp-block-archives-list.wp-block-archives{margin-top: 20px; padding-left: 0;}
#secondary .wp-block-latest-posts.wp-block-latest-posts__list li,
#secondary .wp-block-archives-list.wp-block-archives li{list-style: none; position: relative; padding-left: 30px;}
#secondary .wp-block-latest-posts.wp-block-latest-posts__list li:before,
#secondary .wp-block-archives-list.wp-block-archives li:before{content: ""; width: 22px; height: 18px; background: url(../images/icons/arrow.png) no-repeat  0 0; background-size: auto 15px; position: absolute; left: 4px; top: 2px;}
.navigation.post-navigation{display: none!important;}

.post-template-default .wp-block-button__link.wp-element-button{ font-size:14px; font-weight: 500; border: 0; text-transform: uppercase; color:var(--white-color); line-height: 1; background:var(--p-color); padding:15px 40px; display:inline-block; text-decoration:none;}
.post-template-default .wp-block-button__link.wp-element-button:hover,
.post-template-default .wp-block-button__link.wp-element-button:focus{ background:var(--ph-color); color:var(--white-color);}


@media (max-width: 1024px){
   #secondary{margin-top: 50px;}
}
@media (max-width: 767px){
  .col-2 article, .col-3 article, .col-4 article, .col-5 article, .col-6 article{width: 100%; margin-bottom: 30px;}
  .blog-posts-wrapper .post-item .entry-container{ width: calc(100% - 20px); margin: -40px 0 0 10px; padding: 25px;}
  #page-site-header{padding: 20px 0; display: none;}
  #page-site-header .wrapper .title{font-size: 35px;}
  .related-post .post-list .item{width: 100%!important;}
  .post-template-default #primary #main > article .entry-content ul li{font-size: 14px;}
}

@media (max-width: 480px){
  #secondary .widget{padding: 0;} 

}

/*bolg E*/