:root{--color-super-black:#000000;
    --color-black:#000000;
    --color-yellow:#e7e625;
    --color-blue:#2E3192;
    --color-white:#ffffff;
    --color-grey:#ececec;
    --bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-font-montserrat:'Montserrat', sans-serif;}

::-moz-selection { /* Code for Firefox */ color: var(--color-white); background: var(--color-yellow);}
::selection { color: var(--color-white); background: rgba(0,0,0,0.3);}
/* width */
::-webkit-scrollbar {width: 5px;}
/* Track */
::-webkit-scrollbar-track {background: #f1f1f1;}
/* Handle */
::-webkit-scrollbar-thumb {background: #888;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #555;}
i {font-style:normal;}
.site-container{background:var(--color-white);box-shadow:0 2px 5px 0 rgba(0,0,0,.12);margin:0 auto;max-width:1600px;word-wrap:break-word; position: relative;}
.site-container::after{clear:both;content:" ";display:block}
input:focus, textarea:focus, select:focus,:focus{outline: none;}
p { line-height: 24px; text-align: justify;}
a,.arrow-btn,.arrow-btn:before,.home-clients-owl-image img,.wsanimated-arrow p,.home-news-owl .owl-nav button.owl-prev,.home-news-owl .owl-nav button.owl-next,.home-video-owl.owl-carousel .owl-item .item a:before,.home-admission-bg ul li a h2,.leadership-box img,.inner-grid-row .column .g-img,.inner-grid-row .column .g-img h3,.inner-photo-grid-row4 .column .g-img,.inner-photo-grid-row4 .column .g-img h3,.inner-photo-grid-row3 .column .g-img,.inner-photo-grid-row3 .column .g-img h3,ul.nu-services-list li a h3,.discover-details-box ul li.discover-link,.discover-details-box a h3,#announcementCarousel.carousel-fade .carousel-item a i{ outline: 0!important; text-decoration: none; color: var(--color-black); -webkit-transition: color .4s, background-color .4s; -moz-transition: color .4s, background-color .4s; -o-transition: color .4s, background-color .4s; transition: color .4s, background-color .4s; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;}
a:hover {text-decoration: none;color: var(--color-blue);}
.pad0 {padding: 0;}
strong {font-weight: 600 !important;}
.back-to-top { position: fixed; z-index: 1000; bottom: 8em; right: 15px; text-decoration: none; color:rgba(46,45,45,0.5); border-radius: 100px; background: rgba(244,244,244,0.5); font-size: 22px; padding: 8px 10px; display: none; width: 50px; height: 50px; text-align: center; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.46); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.46); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.46);}
.back-to-top:hover { background: rgba(255,255,255, 1); color: rgba(46,45,45,1); text-decoration: none!important;}

.linkBlack a{ color:var(--color-black); font-weight:600; text-decoration:underline;}
.linkBlack a:hover{ color:var(--color-yellow);}
.linkBlue a{ color:var(--color-blue); font-weight:600; text-decoration:underline;}
.linkBlue a:hover{ color:var(--color-black);}
.linkyellow a{ color:var(--color-yellow); font-weight:600; text-decoration:underline;}
.linkyellow a:hover{ color:var(--color-black);}
.linkWhite a{ color:var(--color-white); font-weight:600; text-decoration:underline;}
.linkWhite a:hover{ color:var(--color-black);}

#menu-toggle { z-index: 1; position: absolute; bottom: 32%; right: 0;}
.coming-soon { position: relative; font-size: 18px; z-index: 0; width: 100%;}
.coming-soon::before { content: "coming soon . . ."; left: 0px; position: absolute; top: 0px; font-size: 55px; font-weight: 900; color: #f0f0f0; z-index: -1;}
.carousel-item {transition: transform 1s ease-in-out;}
.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end {transition: opacity 0s 5s;}
#announcementCarousel.carousel-fade .active.carousel-item-start,#announcementCarousel.carousel-fade .active.carousel-item-end {transition: opacity 0s 0s;}
/* Carousel Animation delays */
.carousel-inner>.carousel-item>img,.carousel-inner>.carousel-item>a>img { min-width: 100%; max-width: 100%; height: auto;}
.slider .carousel-inner{overflow: unset;}
.slider { padding: 0; position: relative; width: 100%; z-index: 0;}
#carousel-sub .carousel-item:before {display: none;}
.slide1, .slide2, .slide3, .slide4, .slide5, .slide6 {z-index: 1 !important;}
.slide1 a:hover, .slide2 a:hover, .slide3 a:hover, .slide4 a:hover, .slide5 a:hover, .slide6 a:hover { color: var(--color-white);}
.slide1 h3 { animation-delay: 1.5s; font-size: 72px; font-weight: 700; color: var(--color-white); padding: 15px 15px 10px 15px; margin: 0; display: block; line-height: 78px; text-align: right; top: 95px; right: -102px; position: relative;}
.slide1 h4 { animation-delay: 1.8s; font-size: 18px; font-weight: 400; color: var(--color-white); padding: 10px 15px 25px 15px; margin: 0; display: block; line-height: 24px; text-align: right; position: relative; top: 100px; right: 110px;}
.slide1 h4 span{display: block; font-size: 14px;}

.slide2 h3 { animation-delay: 1.5s; font-size: 72px; font-weight: 700; color: #000; padding: 15px 15px 10px 15px; margin: 0; display: block; line-height: 78px; text-align: right; top: 95px; right: -102px; position: relative;}
.slide2 h4 { animation-delay: 1.8s; font-size: 18px; font-weight: 400; color: #000; padding: 10px 15px 25px 15px; margin: 0; display: block; line-height: 24px; text-align: right; position: relative; top: 100px; right: 110px;}
.slide2 h4 span{display: block; font-size: 14px;}

.slide1 .carousel-caption { left: 38%; right: 0; top: 20%; bottom: 5%; padding: 10px 0px 20px 20px !important; width: 65%; text-align: right !important; animation-delay: 1s;}
.slide2 .carousel-caption { left: 38%; right: 0; top: 20%; bottom: 5%; padding: 10px 0px 20px 20px !important; width: 65%; text-align: right !important; animation-delay: 1s;}

.slider .carousel-control-prev{top: unset; bottom: 100px; left: 150px; border-radius: 50px; border: 2px solid #25868c; width: auto;}
.slider .carousel-control-prev .carousel-control-prev-icon{background: url("../img/banner-arrow-left.png") no-repeat; background-position: center; width: 45px; height: 45px;}
.slider .carousel-control-next{top: unset; bottom: 100px; left: 210px; right: unset; border-radius: 50px; border: 2px solid #25868c; width: auto;}
.slider .carousel-control-next .carousel-control-next-icon{background: url("../img/banner-arrow-right.png") no-repeat; background-position: center; width: 45px; height: 45px;}
.carousel-indicators{right: 0; left: unset; bottom: 60px;}
.carousel-indicators [data-bs-target]{color: var(--color-white) !important; background-color: transparent; text-indent: 0; font-size: 22px;font-weight: 700; width: auto; height: auto; margin: 0 6px;}
.carousel-indicators .active{font-size: 26px;}
.float-right{float: right;
  padding-left: 20px}

/* @media all and (max-width : 768px) {  */
@media(min-width:320px) and (max-width:1080px) {
.slide1 .carousel-caption, .slide2 .carousel-caption, .slide3 .carousel-caption, .slide4 .carousel-caption, .slide5 .carousel-caption, .slide6 .carousel-caption{ width: 100% !important; left: 0; right: 0; bottom: 0; background: none; display: none;}
.slide1 h3, .slide2 h3, .slide3 h3, .slide4 h3, .slide5 h3, .slide6 h3 { font-size: 22px; margin-bottom: 0;}
.slide1 h4, .slide2 h4, .slide3 h4, .slide4 h4, .slide5 h4, .slide6 h4 { font-size: 16px; margin-top: 5px;}
}

.btn-one,.btn-one-full,.btn-two,.btn-two-full,.btn-three,.btn-three-full{-webkit-transition:color .4s,background-color .4s;-moz-transition:color .4s,background-color .4s;-o-transition:color .4s,background-color .4s;transition:color .4s,background-color .4s;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; margin-top:20px;letter-spacing:0.5px;text-transform:uppercase;padding:10px 35px 10px 35px;font-size:16px;font-weight: 500; display: inline-block;border-radius:50px;}
.btn-one{border:2px solid #565656;color:#565656 !important;}
.btn-one:hover{background:#565656;color:var(--color-white) !important;}
.btn-one-full{border:2px solid #565656;color:var(--color-white) !important;background:#565656;}
.btn-one-full:hover{border:2px solid #565656;background:none;color:#565656 !important;}
.btn-two{border:2px solid var(--color-yellow); color:#565656 !important;}
.btn-two:hover{background:var(--color-yellow); color:#000 !important;}
.btn-two-full{border:2px solid var(--color-yellow);background:var(--color-yellow);color:#000 !important;}
.btn-two-full:hover{border:2px solid var(--color-yellow);color:var(--color-yellow) !important; background:none;}
.btn-three{border:2px solid var(--color-white);color:var(--color-black) !important;}
.btn-three:hover{background:var(--color-white);color:var(--color-black) !important;}
.btn-three-full{border:2px solid var(--color-white);background:/*var(--color-white)*/var(--color-white);color:var(--color-black) !important;}
.btn-three-full:hover{border:2px solid var(--color-white);color:var(--color-white) !important; background:none;}

/* Divider Line */
hr { background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.7), transparent); background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.7), transparent); border: 0; height: 1px; margin: 15px 0 15px 0;background-color: transparent;}
hr.short {margin: 11px 0 11px 0;}
hr.tall { margin: 44px 0 44px 0;}
hr.taller { margin: 66px 0 66px 0;}
hr.light { background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), transparent);}
hr.invisible { background: none;}

/* Divider Line */
.text-casenone {text-transform: none !important;}
ul.list { margin: 0 0 10px 0; padding: 0 0 0 20px; list-style: none; text-align: left;}
ul.list li { position: relative; padding-left: 15px; padding-bottom: 10px;}
ul.list li a { color: var(--color-blue); font-weight: 600;}
ul.list li a:hover { color: var(--color-black);}
ul.list li::before { content: "\f101"; font-family: 'Font Awesome 5 Free'; left: -7px; position: absolute; top: 0; font-weight: 900; color: var(--color-blue);}
ul.list li.head { font-weight: 700; padding-left: 0;}
ul.list li.head::before { display: none;}
ol.ol-list { margin: 0; padding: 0 0 0 20px; text-align: left;}
ol.ol-list li { position: relative; text-align: justify; padding-bottom: 10px;}
ol.ol-list li a { color: var(--color-black);}
ol.ol-list li a:hover { color: var(--color-blue);}
.head-main { font-size: 32px; border-bottom: dashed 2px var(--color-black); display: block; width: 100%; padding: 0 50px 5px 0; margin-bottom: 20px;}
.head-one { font-weight: 500; font-size: 18px; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid var(--color-yellow); color: var(--color-black); width: 100%; line-height: 25px;}
.head-three { font-weight: 500; font-size: 18px; padding: 10px; margin-bottom: 15px; background: var(--color-blue); color: var(--color-white); width: 100%;}
.head-four { font-weight: 500; font-size: 18px; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid var(--color-blue); color: var(--color-blue); width: 100%;}
.head-five { font-weight: 500; font-size: 18px; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid var(--color-black); color: var(--color-black); width: 100%;}
.background-white{padding: 30px; background: var(--color-white); margin-bottom: 30px;}
.bg-color-one {background: var(--color-grey); padding: 30px; margin-bottom: 15px; margin-top: 15px; display: inline-block; width: 100%; box-shadow: 0 0rem 1rem rgba(0,0,0,0.20)!important;}
.bg-color-two {background: var(--color-white); padding: 30px; margin-bottom: 15px; margin-top: 15px; display: inline-block; width: 100%; box-shadow: 0 0rem 1rem rgba(0,0,0,0.20)!important;}
.bg-color-two h2{font-weight: 500; font-size: 18px; padding: 10px; margin-bottom: 15px; background: var(--color-blue); color: var(--color-white); width: 100%;}

.link{color: var(--color-blue); font-weight: 600;}
.link:hover{color: var(--color-black);}

.home-encouraging-bg{padding: 60px 0 80px 0; position: relative; z-index: 0; overflow: hidden;}
.home-encouraging-text-box h1{color: #1E1E1E; font-size: 64px; text-transform: uppercase; font-weight: 300; margin-top: 40px; margin-bottom: 30px;}
.home-encouraging-text-box h1 span{color:var(--color-blue)}
.home-encouraging-image-box img{margin-left: 0px;}
.map-circle { border-radius: 50%; background-color: transparent; border: 1px solid #949494; width: 400px; height: 400px; position: absolute; opacity: 0; top:-120px; right:-120px; animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32); z-index: -1;}
@keyframes scaleIn {
  from {
    transform: scale(.3, .3);
    opacity: .5;
  }
  to {
    transform: scale(2.5, 2.5);
    opacity: 0;
  }
}

.home-news-sec1-bg{padding: 0px 0 0px 0; background: #edeeee !important; background: linear-gradient(0deg, #edeeee 65%, var(--color-white) 35%); position: relative;}
.home-news-sec1-bg .container{border-bottom: 1px solid var(--color-black); padding-bottom: 80px;}
.home-news-sec1-image img{border-radius: 20px; margin-top: -40px;}
.home-news-sec1-text h2{color: #d9d9d9; text-transform: uppercase; font-size: 50px; text-align: center; margin-top: -70px;}
.home-news-sec1-text h3{font-size: 16px; margin-top: 80px; margin-bottom: 20px; text-transform: uppercase; font-weight: 600; line-height: 22px;}
.home-news-sec1-text a.more-btn{color: var(--color-blue); font-weight: 600;}
.home-news-sec1-text a.more-btn:hover{color:var(--color-yellow);}
.home-news-sec1-text .home-news-sec1-date{background: var(--color-yellow); border-radius:0 0 20px 20px; padding: 15px 15px 30px 15px; text-align: center;}
.home-news-sec1-text .home-news-sec1-date h4{ font-weight: 600; margin-bottom: 0; font-size: 38px;}
.home-news-sec1-text .home-news-sec1-date h5{text-transform: uppercase; font-size: 17px; font-weight: 600; margin-bottom: 0;}
.home-news-sec1-text .home-news-sec1-date h5 span{display: block;}

.home-news-sec2-bg{padding: 80px 0px; background: #edeeee !important; background: linear-gradient(0deg, #edeeee 65%, var(--color-white) 35%);}
.home-news-sec2-bg .home-news-owl-content{padding: 15px;}
.home-news-sec2-bg .home-news-owl-content img{border-radius: 20px;  object-fit: cover; height: 98px;}
.home-news-sec2-bg .home-news-owl-content h2{font-size: 14px; margin-bottom: 5px;}
.home-news-sec2-bg .home-news-owl-content h3{font-size: 12px; margin-bottom: 5px; color: #838383;}
.home-news-sec2-bg .home-news-owl-content p{font-size: 12px; line-height: 18px;}
.home-news-sec2-bg .home-news-owl-content a.more-btn{color: var(--color-blue); font-weight: 600;}
.home-news-sec2-bg .home-news-owl-content a.more-btn:hover{color:var(--color-yellow);}

.home-future-bg{padding: 160px 0 100px 0; position: relative;}
.home-future-bg:before{content:''; position: absolute; right: 0; top: 40px; width: 750px; height: 275px; background: url(../img/future-bg.png); background-size: cover;}
.home-future-bg .home-future-head{margin-bottom: 30px;}
.home-future-bg .home-future-head h2{text-transform: uppercase; font-size: 60px; font-weight: 300; margin-bottom: 50px; color: #9C9C9C;}
.home-future-bg .home-future-head h2 span{color: var(--color-yellow);}
.home-future-bg .home-future-head p{font-size: 16px;}

.home-future-bg .mt{margin-top: 50px;}
.home-future-box {overflow: hidden; margin: 0; padding: 3em 0 0 0; width: 100%; list-style: none; text-align: center;}
/* Common style */
.home-future-box figure { position: relative; z-index: 1; display: inline-block; overflow: hidden; margin: 0; width: 100%; height: 500px; text-align: center; border-radius: 30px;}
.home-future-box figure:before{content:''; position: absolute;top: 0px; right: 0; bottom: 0; left: 0; background:rgba(0, 0, 0, 0.3);}
.home-future-box figure img { position: relative; display: block; min-height: 100%; opacity: 0.8;}
.home-future-box figure figcaption { padding: 2em; color: var(--color-white); text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.home-future-box figure figcaption::before,
.home-future-box figure figcaption::after {pointer-events: none;}
.home-future-box figure figcaption{ position: absolute; top: 80px; left: 0; width: 100%; height: 100%;}
/* Anchor will cover the whole item by default */
.home-future-box figure a { z-index: 1000; white-space: nowrap; opacity: 1;}
.home-future-box figure h2 { word-spacing: -0.15em; font-weight: 500; font-size: 20px;}
.home-future-box figure h2,.home-future-box figure ul { margin: 0;}
.home-future-box figure ul { letter-spacing: 1px; font-size: 68.5%;}
figure.effect-sadie figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--color-yellow); content: ''; opacity: 1; -webkit-transform: translate3d(0,70%,0); transform: translate3d(0,70%,0);}
figure.effect-sadie h2 { position: absolute; bottom: 30%; left: 0; width: 100%; color: var(--color-white); -webkit-transition: -webkit-transform 0.35s, color 0.35s; transition: transform 0.35s, color 0.35s; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0);}
figure.effect-sadie figcaption::before,figure.effect-sadie ul { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
figure.effect-sadie ul { position: absolute; top: 50px; left: 0; padding: 2em; width: 100%; opacity: 1; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); list-style: none; opacity: 0; text-align: left;}
figure.effect-sadie ul li a{color: var(--color-black); opacity: 1; font-weight: 600; text-transform: capitalize; letter-spacing: normal; font-size: 14px; padding: 5px 0; display: block;}
figure.effect-sadie ul li a:hover{color: var(--color-white);}
figure.effect-sadie:hover h2 { color: var(--color-white); -webkit-transform: translate3d(0,-100%,0) translate3d(0,-280px,0); transform: translate3d(0,-100%,0) translate3d(0,-280px,0);}
figure.effect-sadie:hover figcaption::before ,figure.effect-sadie:hover ul { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); border-radius: 20px 20px 0 0;}
.future-image-1{background: url(../img/future-image-1.jpg); background-size: cover; background-position: center;}
.future-image-2{background: url(../img/future-image-2.jpg); background-size: cover; background-position: center;}
.future-image-3{background: url(../img/future-image-3.jpg); background-size: cover; background-position: center;}

.home-future-btn ul{margin: 25px 0 0 0; padding: 0; text-align: center;}
.home-future-btn ul li{display: inline-block;}
.home-future-btn ul li a{display: block; padding: 10px 30px; margin: 0 2px; font-weight: 600; background: var(--color-yellow); text-transform: uppercase;}
.home-future-btn ul li a:hover{background: var(--color-blue); color: var(--color-white);}

.home-video-bg{padding: 100px 0 170px 0; position: relative; z-index: 0; background: #f6f6f6;}
/* .home-video-bg:before{content:''; position: absolute; top: 0; right: 0; width: 100%; height: 320px; background:#edeeee; z-index: 0;} */

.home-experience-bg{padding: 80px 0 60px 0; overflow: hidden; background: linear-gradient(0deg, #535353 43%, var(--color-white) 35%);}
.home-experience-bg h2{text-transform: uppercase; font-weight: 400; font-size: 32px; color: #9c9c9c; text-align: center; margin-bottom: 80px;}
.home-experience-owl.owl-carousel.owl-drag .owl-item:nth-child(odd){margin-top: 0px;}
.home-experience-box a{display: block; border-bottom: 4px solid #535353; color: var(--color-white);}
.home-experience-box img{border-radius: 20px;}
.home-experience-box h3{text-align: center; font-size: 13px; font-weight: 500; margin: 10px 0 5px 0;}
.home-experience-box a:hover{border-bottom: 4px solid var(--color-yellow);}

.home-programs-image{padding-left: 40px;}
.home-programs-content h3{text-transform: uppercase; font-weight: 500; font-size: 20px; color:var(--color-blue); margin-bottom: 80px;}
ul.home-programs-list{margin: 0; padding: 0; display: inline-block; width: 100%;}
ul.home-programs-list li{list-style: none; float: left; width: 48%;}
ul.home-programs-list li a{display: block; text-align: center; color: var(--color-black); border:1px solid #B0B0B0; border-radius: 50px; padding: 15px 20px; margin: 0 20px 20px 0; font-size: 18px; font-weight: 500;}
ul.home-programs-list li a:hover{color: var(--color-black); background: #B0B0B0; border:1px solid #B0B0B0;}
.spclity{ opacity:0; transition:all 0.5s; position:absolute; left:20%; top: 0px; width:55%; border-radius: 30px;}
.spclt-acitve{ opacity:1;}
.myHover:hover .category-side-hover{ width: 250%; transition: 0.6s;}
/*.hover-acitve a{color: var(--color-black) !important; background: #B0B0B0; border:1px solid #B0B0B0;}*/

.home-collabrations-logo-bg{padding: 20px 0 80px 0; background: linear-gradient(0deg, #fff 50%, #535353 30%);}
.home-collabrations-logo-bg h2{text-align: center; color: #fff; text-transform: uppercase; font-weight: 400; font-size: 30px; margin-bottom: 30px;}
.home-collabrations-logo-bg .container-box{border-radius: 30px; background: var(--color-white); z-index: 1; position: relative; box-shadow: 0 .5rem 2rem rgba(0,0,0,.15)!important;}
.home-collabrations-logo.owl-carousel .owl-item img{width: 70%; margin: 50px auto; display: block;}
.home-collabrations-content{ text-align: center; color: #fff;}
.home-collabrations-content p{ text-align: center;}
.home-new-bg{padding: 0px 0 0px 0; background: url(../img/bg.jpg); background-position: left; background-repeat: repeat;}
.home-new-box{margin-bottom: 0px; padding: 0; position: relative;}
.home-new-text-box{padding-right: 180px; padding-top: 50px; position: relative;}
.home-new-text-box h2{font-size: 56px; font-weight: 300; margin-bottom: 50px; color: #676767; text-transform: uppercase;}
.home-new-text-box ul{margin: 0; padding: 0;}
.home-new-text-box ul li{list-style: none; width: 100%; margin: 0 0 40px 0;}
.home-new-text-box ul li a{display: block; border:2px solid var(--color-blue); color: var(--color-blue); padding: 10px 25px; border-radius: 50px; text-align: center; font-weight: 600; margin-bottom: 10px; font-size: 15px;}
.home-new-text-box ul li a:hover{border:2px solid var(--color-blue); color: var(--color-white); background: var(--color-blue);}
.home-new-text-box p{font-size: 18px; line-height: 36px;}
.home-new-image-box img{border-radius: 40px;}
.home-new-boxWhite{background: #fff;}
#bigContainer { width: 100%; height: 100%; min-height: 100%;}
#theSticky { position: sticky; width: 39%; height: 100%; min-height: 100%; top: 0px; float: left;}
#theSticky img{margin-left: 0px;}
.rightItems { margin-left: 39%; padding: 365px 0 200px 0; width:61%; height: 100%; margin-bottom: 0px;}
.home-new-text-box .head{margin-bottom: 100px; border-left: 15px solid var(--color-blue); padding-left: 110px;}
.home-new-text-box .content-box{padding-left: 130px;}
.home-new-text-box .content-box .btn-one-full{margin-top: 70px;}
.rightItems .last{margin-bottom: 0px !important;}

#theSticky2 { position: sticky; width: 39%; height: 100%; min-height: 100%; top: 0px; float:right;}
.rightItems2 {padding: 365px 0 200px 0; width:61%; height: 100%; margin-bottom: 0px; display: inline-block; background: #f2f2f2;}



.rightItems2 .home-new-text-box .head{margin-bottom: 100px; border-left: 0px solid var(--color-blue); border-right: 15px solid var(--color-blue); padding-right: 110px; padding-left: 0;}
.rightItems2 .home-new-text-box{padding-right: 0px; padding-left: 180px; padding-top: 50px; position: relative;}
.rightItems2 .home-new-text-box .content-box {padding-left: 0px; padding-right: 130px;}





.home-admission-bg{background: #EDEEEE;}
.home-admission-bg .home-admission-image img{margin-top: -60px; width: 87%;}
.home-admission-bg .home-admission-content{padding: 80px 0;}
.home-admission-bg .home-admission-content h2{font-size: 52px; font-weight: 300; color: #9C9C9C; margin-bottom: 60px;}
.home-admission-bg .home-admission-content h2 span{color: var(--color-blue);}
.home-admission-bg .home-admission-content ul{margin: 0; padding: 0;}
.home-admission-bg .home-admission-content ul li{display: inline-block; width: 30%;}
.home-admission-bg .home-admission-content ul li a{display: block; background: var(--color-yellow); color: var(--color-black); border: 2px solid var(--color-yellow); padding: 15px 25px; text-align: center; text-transform: uppercase; font-weight: 600; border-radius: 50px; font-size: 15px; margin-right: 30px;}
.home-admission-bg .home-admission-content ul li a:hover{background:transparent; color: var(--color-yellow); border: 2px solid var(--color-yellow);}

.topSearch{position: fixed; right: 175px; top: 25px; z-index: 9;}
.search_input{ color: black; border: 0; outline: 0; background: none; width: 0; caret-color:transparent; line-height: 40px; transition: width 0.4s linear;}
.search_icon{ height: 50px; width: 50px; float: right; font-size: 18px; display: flex; justify-content: center; align-items: center; border-radius: 50%; color:var(--color-black) ;text-decoration:none; background-color: rgba(255,255,255, 0.5); border-radius: 30px; padding: 10px;}
.search_icon:hover{background: var(--color-white);}

.search{ position: relative; box-shadow: 0 0 40px rgba(51, 51, 51, .1);}
.search input{ height: 60px; text-indent: 25px; border: 2px solid #d6d4d4;}
.search input:focus{ box-shadow: none; border: 2px solid var(--color-blue);}
.search .fa-search{ position: absolute; top: 20px; left: 16px;}
.search button{ position: absolute; top: 5px; right: 5px; height: 50px; width: 110px; background: var(--color-blue) !important;}
.search-body{position: relative;}
.search-body h2{position: absolute; top: -36px; left: 0; color: #fff; font-size: 30px;}



































footer{padding: 40px 0 0; position: relative; z-index: 0; font-size: 15px; background: var(--color-black); color: var(--color-white);}
footer a{color: var(--color-white);}
footer a:hover{color: var(--color-yellow);}
footer .footer-list{margin-top: 60px;}
footer .footer-list h3 { margin: 0 0 15px; color: var(--color-white); font-size: 22px; font-weight: 600; position: relative;}
footer .footer-list h3 span{ position: relative; display: inline-block; margin-right: 10px;}
footer .footer-list h3 div { border-bottom: 1px solid var(--color-white); width: 25%; position: relative; right: 0; bottom: 0px; display: inline-block;}
footer .footer-list ul { padding: 0; margin: 0 0 0 10px;}
footer .footer-list ul li { list-style: none; padding: 6px 0 6px 10px; position: relative; z-index: 0;}
footer .footer-list ul li::before { content: "\f192"; font-family: 'Font Awesome 5 Free'; left: -7px; position: absolute; top: 12px; font-weight: 900; color: var(--color-white); font-size: 6px;}
footer .footer-list ul li a { color: var(--color-white);}
footer .footer-list ul li a i{padding-right: 5px; font-size: 8px;}
footer .footer-list ul li a:hover { color: var(--color-yellow); padding-left: 2px;}

footer .footer-list ul.half { padding: 0; margin: 0 0 0 10px;}
footer .footer-list ul.half li { list-style: none; padding: 6px 0 6px 10px; position: relative; z-index: 0; display: inline-block; width: 48%;}
footer .footer-list ul.half li::before { content: "\f192"; font-family: 'Font Awesome 5 Free'; left: -7px; position: absolute; top: 12px; font-weight: 900; color: var(--color-white); font-size: 6px;}
footer .footer-list ul.half li a { color: var(--color-white);}
footer .footer-list ul.half li a i{padding-right: 5px; font-size: 8px;}
footer .footer-list ul.half li a:hover { color: var(--color-yellow); padding-left: 2px;}

footer .footer-list ul.contact { padding: 0; margin: 0 0 0 0px;}
footer .footer-list ul.contact li { list-style: none; padding: 4px 0 4px 4px; position: relative; z-index: 0;}
footer .footer-list ul.contact li::before {display: none;}
footer .footer-list ul.contact li a { color: var(--color-white);}
footer .footer-list ul.contact li a i{padding-right: 5px; font-size: 15px;}
footer .footer-list ul.contact li a:hover { color: var(--color-yellow); padding-left: 2px;}

.footerextra { padding: 0; margin:0;}
.footerextra li { display: inline-block; padding-right: 3%; list-style: none;}
.footerextra li a {color: var(--color-white);}
.footerextra li a:hover {color: var(--color-yellow);}
.footerextra-Mt{margin-top: 50px;}
footer .copy{padding: 60px 0 40px 0; text-align: center;}
footer .copy .copy-center{border-top: 2px solid var(--color-white); padding-top: 10px;}
footer .copy .copy-center a{color: var(--color-white);}
footer .copy .copy-center a:hover{color: var(--color-yellow);}

/* footer social icons */
ul.social-network { list-style: none; display: inline; margin-left: 0 !important; padding: 0;}
ul.social-network li { display: inline; margin: 0 5px;}
ul.social-network li::before { display: none;}
.social-network a.icoRss:hover {background-color: #F56505;}
.social-network a.icoFacebook:hover {background-color: #3B5998;}
.social-network a.icoTwitter:hover {background-color: #33ccff;}
.social-network a.icoGoogle:hover {background-color: #BD3518;}
.social-network a.icoVimeo:hover {background-color: #0590B8;}
.social-network a.icoLinkedin:hover {background-color: #007bb7;}
.social-network a.icoYoutube:hover {background-color: #cc0000;}
.social-network a.icoInstagram:hover {background-color: #c8008b;}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i, .social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i, .social-network a.icoYoutube:hover i, .social-network a.icoInstagram:hover i {color: var(--color-white);}
a.socialIcon:hover,.socialHoverClass {color: #44BCDD;}
.social-circle li a { display: inline-block; position: relative; margin: 0 auto 0 auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; width: 40px; height: 40px; background: rgba(255, 255, 255, 0); border: 2px solid var(--color-white); box-shadow: 0 0.4rem 1rem rgba(0,0,0,.20)!important;}
.social-circle li i { margin: 0; line-height: 40px; text-align: center; font-size: 15px !important; padding: 0 !important;}
.social-circle li a:hover i,.triggeredHover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms--transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s;}
.social-circle i { color: var(--color-white); -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s;}
/* footer social icons */

.inner-banner .container{max-width: 1400px; position: relative; padding: 0;}
.inner-banner .container:before{content:''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background:rgba(0, 0, 0, 0.2); z-index: 0;}
.inner-banner h1{color:var(--color-white); font-size: 40px; font-weight: 700; position:absolute; right: 0; bottom: 70px; left: 75px;}
.inner-banner .inner-breadcrumb{position: absolute; right: 0; bottom: 35px; left: 75px;}
.inner-banner .inner-breadcrumb ol.breadcrumb{font-size: 15px; font-weight: 500;}
.inner-banner .inner-breadcrumb ol.breadcrumb .breadcrumb-item{color: var(--color-white);}
.inner-banner .inner-breadcrumb ol.breadcrumb .breadcrumb-item a{color: var(--color-white);}
.inner-banner .inner-breadcrumb ol.breadcrumb .breadcrumb-item a:hover{color: var(--color-yellow);}
.inner-banner .inner-breadcrumb ol.breadcrumb .breadcrumb-item+.breadcrumb-item::before{color: var(--color-white);}
.inner-banner img{min-width: 100%;}

.admission-banner .container{max-width: 1400px; position: relative; padding: 0; }
.admission-banner .container:before{content:''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background:rgba(0, 0, 0, 0.2); z-index: 0;}
.admission-banner h1{color:var(--color-white); font-size: 40px; font-weight: 700; position:absolute; right: 0; bottom: 85px; left: 75px;}
.admission-banner .inner-breadcrumb{position: absolute; right: 0; bottom: 50px; left: 75px;}
.admission-banner .inner-breadcrumb ol.breadcrumb{font-size: 15px; font-weight: 500;}
.admission-banner .inner-breadcrumb ol.breadcrumb .breadcrumb-item{color: var(--color-white);}
.admission-banner .inner-breadcrumb ol.breadcrumb .breadcrumb-item a{color: var(--color-white);}
.admission-banner .inner-breadcrumb ol.breadcrumb .breadcrumb-item a:hover{color: var(--color-yellow);}
.admission-banner .inner-breadcrumb ol.breadcrumb .breadcrumb-item+.breadcrumb-item::before{color: var(--color-white);}
.admission-banner img{min-width: 100%;}

.inner-bg{padding:100px 0 130px 0;}

.founder-box{width: 32%; margin: -160px auto 60px auto; position: relative;}
.founder-box img{width: 60%; margin: 0 auto 10px auto; display: block;}
.founder-box h2 {font-size: 40px; font-weight: 300; margin-bottom: 5px; color: var(--color-blue);}
.founder-box h3 { display: block; width: 100%; color: var(--color-black); margin: 0; font-size: 20px; font-weight: 400;}
.founder-box span {float: right;}

.milestone-timeline { width: 100%; background: #fff; padding: 100px 50px; position: relative;}
.milestone-timeline:before { content: ''; position: absolute; top: 0px; left: calc(33% + 15px); bottom: 0px; width: 4px; background: #ddd;}
.milestone-timeline:after { content: ''; display: table; clear: both;}
.entry { clear: both; text-align: left; position: relative;}
.entry .title { margin-bottom: 0.5em; float: left; width: 33%; padding-right: 30px; text-align: right; position: relative;}
.entry .title:before { content: ''; position: absolute; width: 15px; height: 15px; border: 4px solid var(--color-blue); background-color: #fff; border-radius: 100%; top: 15%; right: -8px; z-index: 1;}
.entry .title h3 { margin: 0; font-size: 120%;}
.entry .title p { margin: 0; font-size: 100%; text-align: right;}
.entry .body { margin: 0 0 4em; float: right; width: 66%; padding-left: 30px;}
.entry .body h4 {margin-bottom: 5px; font-size: 18px;}
.entry .body p { margin-top: 0; font-weight: 400;}

.vision-image-box img{width: 60%; display: block; margin: 0 0 0 auto;}
.vision-content-box{padding: 70px 250px 30px 80px;}
.vision-content-box h2{margin-bottom: 20px;}
.vision-content-box hr{margin: 50px 0;}

.core-values-bg { background: #EDEEEE; padding: 100px 80px 140px 100px;}
.core-values-bg h2 { font-weight: 400; font-size: 40px; margin-bottom: 20px;}
.core-values-bg p { padding-bottom: 5px;}
.core-values-bg p span { padding-left: 20px; display: block;}
.vision-bg { background: #F7F8F8; padding: 100px 100px 140px 80px;}
.vision-bg h2 { font-weight: 400; font-size: 40px; margin-bottom: 20px;}

.in-social-box{border-radius: 30px; margin: 25px 15px; box-shadow: 0 .5rem 2rem rgba(0,0,0,.15)!important; min-height: 200px;}
.in-social-box img{border-radius: 30px 30px 0 0;}
.in-social-box h3{ font-size: 23px; background: var(--color-blue); padding: 3px; text-align: center; color: #fff;}
.in-social-box .in-social-content-box{padding: 30px; position: relative; min-height: 295px;}
.in-social-box .in-social-content-box:before { content: ''; position: absolute; width: 80px; height: 20px; background-color: var(--color-yellow);  top: -10px; right: 0px; z-index: 0;}
.in-social-box .in-social-content-box h3{font-size: 16px; font-weight: 600; margin-bottom: 25px;}
.sdg a{color: var(--color-blue);
  font-size: 16px;
  font-weight: 600;}
  .sdg a:hover{color: var(--color-yellow);}
.modal-custom-details-popup .head { background: #f3f3f3; padding: 30px;}
.modal-custom-details-popup .head img {border-radius: 100%; border: 5px solid #fff; box-shadow: 0 .5rem 2rem rgba(0,0,0,.25)!important;}
.modal-custom-details-popup .head h2 { border-bottom: 1px solid #000; font-size: 20px; font-weight: 600; padding: 0px 0px 10px 0; background: none; color: var(--color-black); text-align: left;}
.modal-custom-details-popup .head h4 { font-weight: 500; font-size: 18px;}
.modal-custom-details-popup .head .name .Fa-list { margin: 0; padding: 0; list-style: none;}
.modal-custom-details-popup .head .name .Fa-list li { font-size: 16px; padding-bottom: 5px;}
.modal-custom-details-popup .head .name .Fa-list li span { font-weight: 600; width: 25%; display: inline-block;}
.modal-custom-bg .modal-content { background: rgba(255,255,255,1); border: 0px; border-radius: 0;}
.modal-custom-bg .modal-body { padding: 0;}
.modal-custom-bg .modal-body .close { font-size: 3rem; line-height: 1; color: var(--color-white); opacity: 0.6; position: absolute; z-index: 9; border: none; right: -35px; top: -15px; background: none;}
.modal-custom-bg .modal-body .close:hover{opacity: 1;}
.modal-custom-details-popup .modal-custom-text-body { padding: 40px;}
.modal-custom-details-popup .modal-custom-body .btn-two-full { position: absolute; right: 0; bottom: 0;}

.modal-custom-bg .search-modal .modal-content { background: rgba(255,255,255,0.8);}

.fade-flip { transform: rotateX(-90deg); opacity: 0; -webkit-transition: all .30s linear; -o-transition: all .30s linear; transition: all .30s linear;}
.fade-flip.show { opacity: 1; transform: rotateX(0deg);}
/* .fade-flip .modal-dialog { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%) !important;} */

.leadership-box{position: relative; box-shadow: 0 .5rem 2rem rgba(0,0,0,.15)!important; border-radius: 30px; margin: 15px 15px;}
.leadership-box a{display: block; background: var(--color-white); text-align: center; min-height: 405px; margin-bottom: 30px; padding: 40px 20px;color: var(--color-black); border-radius: 30px;}
.leadership-box .content{min-height: 100px;}
.leadership-box img{border-radius: 100%; border: 0px solid #fff; margin:0 auto; -webkit-box-shadow: 5px 5px 12px 0px rgba(0,0,0,0.3); -moz-box-shadow: 5px 5px 12px 0px rgba(0,0,0,0.3); box-shadow: 5px 5px 12px 0px rgba(0,0,0,0.3); width: 70% !important; filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1);}
.leadership-box:hover img { -webkit-filter: grayscale(0); filter: none;}
.leadership-box h3{font-weight: 600; font-size: 15px; margin-top: 20px; text-transform: uppercase;}
.leadership-box h4{font-weight: 600; font-size: 18px;}
.leadership-box p{text-align: center; font-size: 14px; margin-bottom: 0;}
.leadership-box:hover a{color: var(--color-black);}
.leadership-box .btn-two{font-size: 14px;}
.leadership-box:hover .btn-two{background: var(--color-yellow);}

.rwd-table { margin: auto; min-width: 300px; max-width: 100%; border-collapse: collapse;}
.rwd-table thead tr:first-child { border-top: none; background: var(--color-black); color: #fff;}
.rwd-table tr { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: rgba(0, 0, 0, .01);}
.rwd-table.table-striped>tbody>tr:nth-of-type(odd) { background-color: #EDEEEE !important;}
.rwd-table th { display: none;}
.rwd-table td { display: block;}
.rwd-table td:first-child { margin-top: .5em;}
.rwd-table td:last-child { margin-bottom: .5em;}
.rwd-table td:before { content: attr(data-th) " : "; font-weight: bold; display: inline-block; color: #000; padding-right: 15px;}
.rwd-table th,.rwd-table td {text-align: left;}
.rwd-table {color: #333; overflow: hidden; margin-bottom: 30px;}
.rwd-table tr {border-color: #bfbfbf;}
.rwd-table th,.rwd-table td {padding: .5em 1em;}
@media screen and (max-width: 601px) {
    .rwd-table tr:nth-child(2) {border-top: none;}
    .table-bordered {border: 0px;}
}
@media screen and (min-width: 600px) {
    .rwd-table tr:hover {background-color: #fff !important;}
    .rwd-table thead tr:hover {background: var(--color-black) !important;}
    .rwd-table td:before {display: none;}
    .rwd-table th,.rwd-table td { display: table-cell; padding: .25em .5em;}
    .rwd-table th:first-child,.rwd-table td:first-child {padding-left: 0;}
    .rwd-table th:last-child,.rwd-table td:last-child {padding-right: 0;}
    .rwd-table th,.rwd-table td {padding: 1em !important;}
}
.selection-tab{display: inline-block; width: 100%; position: relative;}
.admissions-tab{border-bottom: 0; margin-top: -200px; position: relative;    margin-bottom: 35px;}
.admissions-tab.nav-tabs .nav-link{margin: 0 10px; padding: 10px 40px; border-radius: 15px; border: 1px solid var(--color-yellow); color: var(--color-yellow); background: rgba(0,0,0,.2); font-size: 15px; text-transform: uppercase; font-weight: 500;}
.admissions-tab.nav-tabs .nav-link.active{background: var(--color-yellow); color: var(--color-black);}
select.box-name{padding: 20px 30px; margin: 0 auto; display: block; border-radius: 30px; width: 40%; font-size: 17px; border: 0;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}
.admissions-select-box{margin-top: -115px; position: relative; margin-bottom: 50px;}
select.box-name {background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 25px) calc(1em + 10px), calc(100% - 16px) calc(1em + 10px), calc(100% - 2.5em) 0.4em; background-size: 10px 10px, 10px 10px, 1px 3em; background-repeat: no-repeat; -moz-appearance: none;  -webkit-appearance: none;  appearance: none;}
select.box-name:focus {background-image: linear-gradient(45deg, green 50%, transparent 50%), linear-gradient(135deg, transparent 50%, green 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 16px) 1.5em, calc(100% - 25px) 1.5em, calc(100% - 2.5em) 0.4em; background-size: 10px 10px, 10px 10px, 1px 3em; background-repeat: no-repeat; border-color: green; outline: 0; border: 0 !important;}
select.box-name option{font-size: 15px; font-weight: 500; margin: 15px 0 !important; padding: 15px 0 !important; height: 60px !important; line-height: 60px !important; border: 0 !important;}

.admision-select-bg{padding: 0px 0 100px;}
#admision-select{text-align: center; margin-top: -35px; position: relative; margin-bottom: 50px;}
select.ad-box-name{padding: 20px 30px; margin: 0 10px; display: inline-block; border-radius: 30px; width: 28%; font-size: 17px; border: 0;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; background-image:none;}
select.ad-box-name option{margin: 5px 0 !important; padding: 15px !important; height: auto !important; line-height: 60px !important;}
select.ad-box-name option:hover{color: var(--color-yellow); cursor: pointer;}
select.ad-box-name option:active,select.ad-box-name option:focus,select.ad-box-name option:checked{background: var(--color-grey) !important; box-shadow: 0 0 10px 100px var(--color-grey) inset; color: #000 !important;}
select.ad-box-name:disabled{display: none;}

.admission-common-btn{margin-bottom: 50px;}
ul.admission-common-btn-list{margin: 0; padding: 8px 3px; list-style: none; text-align: left; background: #f5f5f5;}
ul.admission-common-btn-list li { display: inline-block; margin: 0 0 0 5px;}
ul.admission-common-btn-list li a { display: block; background: var(--color-blue); color: var(--color-white); padding: 6px 15px; font-weight: 500; border: 1px solid var(--color-blue);}
ul.admission-common-btn-list li a:hover { border: 1px solid var(--color-blue); background: var(--color-white); color: var(--color-blue);}






.admissions-details-box{box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; border-radius: 20px; margin: 15px 0;}
.admissions-details-box a{display: block; padding: 30px; background: var(--color-white); border-radius: 20px; border: 2px solid var(--color-white); min-height: 225px;}
.admissions-details-box h3{color: var(--color-blue); font-size: 18px; font-weight: 500; margin-bottom: 20px;}
.admissions-details-box ul{margin: 0; padding: 0;}
.admissions-details-box ul li{list-style: none; margin: 5px 0; font-size: 12px; display: inline-block; width: 100%;}
.admissions-details-box a:hover{border: 2px solid var(--color-yellow);}

.discover-details-box{margin: 15px 0;}
.discover-details-box a{display: block; padding: 30px; background: var(--color-white); position: relative;box-shadow: 0 0rem 1rem rgba(0,0,0,.10)!important; border-radius: 20px; min-height: 165px;}
.discover-details-box a h3{color: var(--color-blue); border-left: 4px solid #e4e4e4; padding-left: 8px; font-size: 16px; font-weight: 600; margin-bottom: 20px;}
.discover-details-box ul{margin: 0 0 10px 0; padding: 0;}
.discover-details-box ul li{list-style: none; margin: 5px 0; font-size: 12px; display: inline-block; width: 100%;}
.discover-details-box ul li.discover-link{position: absolute; bottom: 0; width: unset; left: 0; right: 0; text-align: center; background: #f1f1f1; border-radius: 0 0 20px 20px; margin: 0; color: var(--color-black); padding: 10px;}
.discover-details-box a:hover{box-shadow: 0 0rem 2rem rgba(0,0,0,.30)!important;}
.discover-details-box a:hover ul li.discover-link{background: var(--color-blue); color: var(--color-white);}
.discover-details-box a:hover h3{border-left: 4px solid var(--color-blue);}

.nitte-accordion.accordion .card-header:after { content: "\f068"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: 1%; top: 25%; color: var(--color-black); border: 0px solid var(--color-black); width: 30px; height: 30px; border-radius: 100%; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 16px;}
.nitte-accordion.accordion .card-header.collapsed:after {/* symbol for "collapsed" panels */ content: "\f067";}
.nitte-accordion.accordion>.card { border-radius: 0; border: 0;}
.nitte-accordion.accordion>.card .card-header { padding: 0; margin: 0; line-height: 0; position: relative; border: 0;}
.nitte-accordion.accordion>.card .card-header .card-title { display: block; padding: 15px 50px 15px 15px; margin: 0; cursor: pointer; background: #fff; color: var(--color-black); font-size: 17px; border-bottom: 2px solid #f4f4f4; line-height: 28px;}

.nitte-accordion.accordion>.card .card-header[aria-expanded="true"] .card-title{background-color: #EDEEEE;}
.nitte-accordion.accordion>.card .card-header .card-title:hover { color: var(--color-black);}
.nitte-accordion.accordion>.card .card-body { border-top: 0px solid #d5d5d5; border-bottom: 0px solid #d5d5d5; margin-bottom: 20px; background: #fbfbfb;}

.recognitions{display: inline-block; width: 100%; background: var(--color-grey); margin: 15px 0; padding: 30px 30px 15px 30px;}
.recognitions h3{display: block; font-weight: 600; padding: 0px 0px 15px 0px; width: 100%; font-size: 20px;}

.in-social-box1{position: relative; overflow: hidden; text-align: center; margin-bottom: 30px;}
.in-social-box1 h3{text-transform: uppercase; background: var(--color-blue); color: var(--color-white); text-align: center; font-size: 14px; font-weight: 700; padding: 15px 10px; margin: 0px 10px 10px 10px; position: relative;}

.inner-grid-row{display: -ms-flexbox; /* IE10 */display: flex;-ms-flex-wrap: wrap; /* IE10 */flex-wrap: wrap;padding: 20px 0px;}
.inner-grid-row .column {-ms-flex: 33%; /* IE10 */flex: 33%;max-width: 33%;padding: 0 15px;}
.inner-grid-row .column .g-img{background: var(--color-white); padding: 10px; text-align: center; margin-bottom: 30px; -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%); -moz-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%); box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%);}
.inner-grid-row .column .g-img img {vertical-align: middle; width: 100%;}
.inner-grid-row .column .g-img h3{font-size: 16px; margin: 8px 0 0 0; color: #212529; text-align: center;}
.inner-grid-row .column .g-img:hover{background: rgba(86,89,80,0.9);}
.inner-grid-row .column .g-img:hover h3{color: var(--color-white);}
.inner-photo-grid-row3{display: -ms-flexbox; /* IE10 */display: flex;-ms-flex-wrap: wrap; /* IE10 */flex-wrap: wrap;padding: 20px 0px;}
.inner-photo-grid-row3 .column {-ms-flex: 33%; /* IE10 */flex: 33%;max-width: 33%;padding: 0 15px;}
.inner-photo-grid-row3 .column .g-img{background: var(--color-white); padding: 10px; text-align: center; margin-bottom: 30px; -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%); -moz-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%); box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%); border-bottom: 4px solid var(--color-blue); border-top: 2px solid var(--color-blue);}
.inner-photo-grid-row3 .column .g-img img {vertical-align: middle; width: 100%;}
.inner-photo-grid-row3 .column .g-img h3{font-size: 16px; margin: 8px 0 0 0; text-align: center; font-weight: 600; line-height: 24px;}
.inner-photo-grid-row3 .column .g-img h4{font-size: 14px; margin: 5px 0 0 0; text-align: center; font-weight: 600; line-height: 24px;}
.inner-photo-grid-row3 .column .g-img h4 i{ color: var(--color-yellow); padding-left: 5px;}
.inner-photo-grid-row3 .column .g-img:hover{background: rgba(86,89,80,0.1);}
.inner-photo-grid-row3 .column .g-img:hover h3{color: var(--color-blue);}

.inner-photo-grid-row4{display: -ms-flexbox; /* IE10 */display: flex;-ms-flex-wrap: wrap; /* IE10 */flex-wrap: wrap;padding: 20px 0px;}
.inner-photo-grid-row4 .column {-ms-flex: 25%; /* IE10 */flex: 25%;max-width: 25%;padding: 0 15px;}
.inner-photo-grid-row4 .column .g-img{background: var(--color-white); padding: 10px; text-align: center; margin-bottom: 30px; -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%); -moz-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%); box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%); border-bottom: 4px solid var(--color-blue); border-top: 2px solid var(--color-blue);}
.inner-photo-grid-row4 .column .g-img img {vertical-align: middle; width: 100%;}
.inner-photo-grid-row4 .column .g-img h3{font-size: 16px; margin: 8px 0 0 0; text-align: center; font-weight: 600; line-height: 24px;}
.inner-photo-grid-row4 .column .g-img h4{font-size: 14px; margin: 5px 0 0 0; text-align: center; font-weight: 600; line-height: 24px;}
.inner-photo-grid-row4 .column .g-img h4 i{ color: var(--color-yellow); padding-left: 5px;}
.inner-photo-grid-row4 .column .g-img:hover{background: rgba(86,89,80,0.1);}
.inner-photo-grid-row4 .column .g-img:hover h3{color: var(--color-blue);}

.examination-box{text-align: center; box-shadow: 0 0rem 1rem rgba(0,0,0,0.20)!important; margin: 15px 0; min-height: 165px;}
.examination-box h3{font-size: 16px; text-transform: uppercase; padding: 10px; margin: 10px 0 5px 0; display: inline-block; width: 100%; min-height: 60px;}
.examination-box p{padding: 0 10px; margin: 0 0 10px 0; text-align: center;}
.examination-box a{display: block; background: var(--color-blue); color: var(--color-white); text-transform: uppercase; padding: 5px; margin: 3px 0; display: inline-block; width: 100%;}
.examination-box a:hover{background: var(--color-yellow); color: var(--color-blue);}

.contact-box h3{font-weight: 700; font-size: 20px;}
.contact-box-bg{box-shadow: 0 .5rem 2rem rgba(0,0,0,.15)!important; padding: 30px; border-radius: 30px;}
.nu-services-bg{padding: 0px 0 100px 0;}
ul.nu-services-list{margin: 0; padding: 0; display: inline-block; width: 100%; box-shadow: 0 .5rem 2rem rgba(0,0,0,.15)!important;}
ul.nu-services-list li{list-style: none; float: left; width:20%;}
ul.nu-services-list li a{display: block; text-align: center; min-height: 140px; padding:20px 10px;}
ul.nu-services-list li a i{font-size: 34px; color: var(--color-blue);}
ul.nu-services-list li a h3{margin: 15px 0 4px 0; font-size: 20px; font-weight: 600;}
ul.nu-services-list li a p{text-align: center; margin: 0;}
ul.nu-services-list li a.bg{background:#fafafa;}
ul.nu-services-list li a.bg1{background:#f5f5f5;}
ul.nu-services-list li:hover a.bg{background:var(--color-white);}
ul.nu-services-list li:hover a.bg1{background:var(--color-white);}
ul.nu-services-list li:hover a h3{color: var(--color-yellow);}

ul.announcement-list{display: inline-block; width: 100%; padding: 0; margin: 0;}
ul.announcement-list li{list-style: none; background: var(--color-grey); padding: 15px; margin: 15px 0; display: inline-block; width: 100%;}
ul.announcement-list li a{display: block; font-size: 16px; color: var(--color-blue); font-weight: 600;}
ul.announcement-list li a:hover{color: var(--color-yellow);}
ul.announcement-list li h2{font-size: 20px;}
.common-tab { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center; width: 100%; display: table; border: 0 !important; position: relative;}
.common-tab li { display: table-cell !important; width: 1%;}
.common-tab li a { background: var(--color-grey) !important; color: var(--color-black); width: 100%; text-align: center; padding: 23px 0px !important; font-size: 18px; vertical-align: middle; margin: 0 !important;}
.common-tab .r-tabs-state-active .r-tabs-anchor { background: var(--color-blue) !important; color: #fff !important; border: 0 !important;}
.common-tab .r-tabs-state-active:hover .r-tabs-anchor:hover { color: #fff !important;}
.common-tab .r-tabs-state-active { border: 0 !important; background: var(--color-blue) !important;}
.common-tab li:hover .r-tabs-anchor { color: var(--color-blue) !important;}
.common-tab-content-area { background: rgba(255,255,255,1); padding: 30px; margin: 0 10px; border: 0 !important;}

.news-all-box{margin: 20px 100px; background: var(--color-white); padding: 30px; margin-top: 15px; box-shadow: 0 0rem 1rem rgba(0,0,0,0.20)!important; position: relative;}
.news-all-box h2{font-size: 20px;}
.news-all-box .news-all-box-content{padding-bottom: 30px;}
.news-all-box .news-all-box-content .news-link{position: absolute; bottom: 35px; left: 30px; color: var(--color-blue); font-weight: 600; font-size: 15px;}
.news-all-box .news-all-box-content .news-link:hover{color: var(--color-yellow);}
.inner-admissions-bg{padding:0px 0 130px 0; margin-top: -100px;}
.inner-discover-bg{padding:100px 0 130px 0; margin-top: -20px;}


.home-announcement-bg{padding: 50px 0 50px 0;}
.home-announcement-box{background: var(--color-white); display: inline-block; width: 100%; box-shadow: 0 0rem 1rem rgba(0,0,0,0.10)!important; position: relative; z-index: 0; margin-top: 0px;}
.home-announcement-head{padding: 22px 15px; text-align: center; background: #f6f6f6;}
.home-announcement-head h2{font-size: 18px; font-weight: 600; margin-bottom: 0; text-transform: uppercase;}
.home-announcement-head h2 a{color: var(--color-blue);}
.home-announcement-head h2 a:hover{color: var(--color-yellow);}
.home-announcement-content{padding: 10px 0 5px 0;}
.home-announcement-content ul{margin: 0; padding: 0;}
.home-announcement-content ul li { list-style: none; padding: 6px 0 6px 10px; position: relative; z-index: 0; display: inline-block; width: 33%;}
.home-announcement-content ul li::before { content: "\f192"; font-family: 'Font Awesome 5 Free'; left: -7px; position: absolute; top: 12px; font-weight: 900; color: var(--color-black); font-size: 6px;}
.home-announcement-content ul li a{display: block; font-weight: 600;}
.home-announcement-content ul li a:hover{color: var(--color-yellow) !important;}



.home-announcement-link a{padding: 30px; display: block; text-align: center; font-size: 18px; font-weight: 600; background: var(--color-grey); color: var(--color-blue);}
.home-announcement-link a:hover{background: var(--color-blue); color: var(--color-white);}
#announcementCarousel.carousel-fade .carousel-item a{font-weight: 600; display: block;}
#announcementCarousel.carousel-fade .carousel-item a i{font-size: 18px; padding-right: 15px; position: relative; right: 0;}
#announcementCarousel.carousel-fade .carousel-item{min-height: 50px; justify-content: center;}
#announcementCarousel.carousel-fade .carousel-item a:hover i{ right: -5px;}
#announcementCarousel{padding: 0 50px; margin-right: 20px;}
#announcementCarousel .carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
#announcementCarousel .carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}
#announcementCarousel .carousel-control-next, #announcementCarousel .carousel-control-prev{color: #000 !important; width: 5%;}
#announcementCarousel .carousel-control-next:focus, #announcementCarousel .carousel-control-next:hover, #announcementCarousel .carousel-control-prev:focus, #announcementCarousel .carousel-control-prev:hover{color: #000 !important;}

.announcement-bg{background: var(--color-white); padding: 30px; margin-bottom: 15px; margin-top: 15px; display: inline-block; width: 100%; box-shadow: 0 0rem 1rem rgba(0,0,0,0.20)!important;}
.announcement-bg h2{font-weight: 500; font-size: 18px; padding: 10px; margin-bottom: 15px; background: var(--color-blue); color: var(--color-white); width: 100%;}
.announcement-bg h2 a{color: var(--color-white);}
.announcement-bg h2 a:hover{color: var(--color-yellow);}
.for-xs {display: none;}
.for-md {display: block;}








@media(min-width:320px) and (max-width:1080px) {
.for-xs {display: block;}
.for-md {display: none;}
.hidden-xs{display: none;}
.Morder-1{order: 1; -webkit-order: 1;}
.Morder-2{order: 2; -webkit-order: 2;}
.Morder-3{order: 3; -webkit-order: 3;}
.Morder-4{order: 4; -webkit-order: 4;}
footer .text-end {text-align: center!important;}
footer {padding: 0px 0 0; text-align: center;}
footer .footer-list h3 div{margin: 0 auto; left: 0; position: absolute;}
.back-to-top{ bottom: 10px; right: 0; left: 0; margin: 0 auto;}
.footerextra { text-align: center; margin: 30px 0 10px;}
.inner-banner,.admission-banner{margin-top: 0px;}
.inner-bg {padding: 40px 0 75px 0;}
.inner-admissions-bg{padding: 40px 0 75px 0; margin: 0;}
.home-admission-bg .home-admission-content {padding: 40px 20px;}
.home-admission-bg .home-admission-content h2{font-size: 34px; text-align: center; margin-bottom: 30px;}
.home-admission-bg .home-admission-content ul li { display: block; width: 80%; margin: 15px auto;}
.home-admission-bg .home-admission-content ul li a{margin: 0;}
.admission-banner h1{bottom: 0; font-size: 18px; left: 20px;}
.founder-box {width: 85%; margin: 0 auto 30px auto;}
.founder-box h2{font-size: 30px;}
.founder-box h3{font-size: 18px;}
.vision-image-box img{margin: 0 auto;}
.vision-content-box {padding: 0px 30px 30px 30px; width: 80%;}
.vision-box {display: block !important;}
.inner-grid-row .column{-ms-flex: 100% !important;flex: 100% !important;max-width: 100% !important;}
.inner-photo-grid-row3 .column,.inner-photo-grid-row4 .column{-ms-flex: 100% !important;flex: 100% !important;max-width: 100% !important;}
.home-encouraging-text-box h1{font-size: 28px; text-align: left;}
.home-encouraging-bg {padding: 10px 0 10px 0; text-align: center;}
.home-encouraging-image-box{margin-top: 25px;}
.home-future-bg:before{display: none;}
.home-future-bg .home-future-head h2{font-size: 28px;}
.home-programs-content h3{margin-bottom: 40px;}
ul.home-programs-list li{width: 50%;}
ul.home-programs-list li a{border-radius: 20px; font-size: 14px; padding: 15px 15px; margin: 0 10px 10px 0;}
.home-future-bg {padding: 40px 0 40px 0;}
.home-news-sec1-bg{padding-top: 100px;}
.home-news-sec1-text h2{position: absolute; top: 45px; right: 0; left: 0; font-size: 30px;}
.home-news-sec1-text h3{margin-top: 20px;}
.home-news-sec1-text .home-news-sec1-date h4{display: inline-block; font-size: 30px;}
.home-news-sec1-text .home-news-sec1-date h5{display: inline-block; font-size: 12px;}
.home-news-sec1-text .home-news-sec1-date{padding: 10px; background: var(--color-grey); display: none;}
.home-news-sec1-bg .container{padding-bottom: 20px;}
.home-news-sec2-bg {padding: 20px 0px;}
.home-news-sec2-bg .home-news-owl-content img{margin: 0 auto 10px auto; object-fit: cover; height: 180px;}
.home-news-sec2-bg .home-news-owl-content h2 { font-size: 16px; margin-bottom: 5px; font-weight: 600; text-transform: uppercase;}
.home-video-bg {padding: 20px 0 30px 0;}
ul.nu-services-list li{list-style: none; float: left; width:100%;}
.nu-services-bg {padding: 0px 0 40px 0;}
.inner-contact-bg{padding: 40px 20px;}
.common-tab-content-area { margin: 0; padding: 20px !important;}
.admissions-select-box{margin-top: 0; margin-bottom: 20px;}
.admissions-tab{margin-top: 0; margin-bottom: 0;}
select.box-name{padding: 10px 20px; width: 90%; font-size: 14px;}
.admissions-tab.nav-tabs .nav-link{margin: 5px 5px 20px 5px; padding: 5px 40px; font-size: 10px; background: var(--color-white);}
.inner-discover-bg {padding: 60px 0 80px 0;}
.topSearch {right: 55px; top: 7px;}
.search_icon{background-color: rgba(0,0,0, 0.1); height: 40px; width: 40px; font-size: 16px;}
.search button{position: relative; left: 0; right: 0; width: 100%; height: auto;}
.search-body {position: relative; padding: 30px 15px !important;}
.modal-custom-bg .modal-body .close{right: 0; top: -40px;}
.home-awards-owl{padding: 50px 0;}
.home-experience-bg {padding: 40px 0 40px 0;}
.home-experience-bg h2{margin-bottom: 40px;}
#theSticky,#theSticky2{display: none;}
.rightItems,.rightItems2{margin-left: 0; width: 100%; padding: 60px 0 60px 0; text-align: center;}
.home-new-text-box .head { margin-bottom: 40px; border-left: 5px solid var(--color-blue); padding-left: 30px;}
.rightItems2 .home-new-text-box .head { margin-bottom: 40px; border-left: 5px solid var(--color-blue); border-right: 0px solid var(--color-blue); padding-right: 0px; padding-left: 30px;}
.home-new-text-box h2{font-size: 28px;}
.home-new-text-box,.rightItems2 .home-new-text-box{padding-right: 20px; padding-left: 20px;}
.home-new-text-box .content-box,.rightItems2 .home-new-text-box .content-box{padding-left: 20px; padding-right: 20px;}
.home-new-text-box ul li a{width: 100%;}
.home-announcement-content ul li{width: 100%;}
.home-announcement-content ul {margin: 0 0 0 15px;}
ul.admission-common-btn-list{padding: 8px 3px 0px 3px;}
ul.admission-common-btn-list li{display: block; text-align: center; margin-bottom: 10px;}
select.ad-box-name{width: 100%; border-radius: 10px; margin: 0 auto 10px auto; padding: 15px 20px; font-size: 15px;}
#admision-select { margin-top: 15px; margin-bottom: 20px;}
.admission-common-btn {margin-bottom: 30px;}
.admission-banner .inner-breadcrumb{display: none;}

.home-future-btn ul li{display: block; margin-bottom: 4px;}
.home-announcement-bg {
  padding: 20px 0;
}



}

/*Search Code 8*/
.gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b{ text-align: left; color: var(--color-blue);}
 .gs-title { text-align: left !important; color: var(--color-blue) !important;}