@import "https://fonts.googleapis.com/css2?family=Roboto&display=swap";
@import "https://fonts.googleapis.com/css2?family=Poppins&display=swap";
body, html { width: 100%; position: relative; margin: 0; padding: 0; overflow-x: hidden; font-family: 'Roboto', sans-serif; } 
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif } 
p { font-family: 'Poppins', sans-serif } 
a { color: inherit; text-decoration: none } 
li { font-family: 'Roboto', sans-serif; }
/*******Scrollbar******/
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-track {width: 11px;background: white;border-left: 0 solid white;border-right: 0 solid white;}
::-webkit-scrollbar-thumb {background: #265ba1;width: 0;height: 25%;transition: .5s ease;cursor: pointer;}

/* pageLoadModal */
div#pageLoadModal {z-index: 9999;background-image: url('https://webapi.entab.info/api/image/LVISNOIDA/public/images/slider2.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;min-height: 100vh;color: white;}
div#pageLoadModal .modal-bg::before {content: "";position: absolute;top: 0; left: 0;width: 100%; height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 1;}
div#pageLoadModal .modal-content {position: relative;z-index: 2;background: transparent;border: none;  }
div#pageLoadModal .modal-body, div#pageLoadModal .modal-header, div#pageLoadModal .modal-footer {z-index: 2;}
div#pageLoadModal .modal-dialog {margin-top:0px;        padding: 0px}
#pageLoadModal a{border: solid 3px #ffffff;padding:9px;}


/* pageLoadModal end*/

.achievers_div.healtcare h6 {
    margin-top: 20px;
    text-align: center;
}
.achievers_div.healtcare img {
    height: 800px;
    object-fit: contain;
    background: #f1f1f1;
    object-position: top;
}
 /* Search Icon */
 .search-box {
    position: absolute;
    z-index: 999;
    right: 99px;
    top: 10px;
    cursor: pointer;
    padding: 10px;
    background: white; /* Ensure white background */
    border-radius: 6px; /* Rounded corners */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Shadow effect */
}

.search-box i {
    color: black; /* Ensure icon is visible */
    font-size: 20px;
}

/* Search Dropdown */
/* .searchdiv {
    position: absolute;
    top: 50px;
    right: 10px;
    width: 350px;
    background: #fff;
    z-index: 99999;
    box-shadow: 0px 0px 5px 0px #afafaf;
    border-radius: 6px;
    display: none; 
} */

.searchdiv {
    position: absolute;
    top: 10px;
    right: 144px !important;
    width: 350px;
    background: #fff;
    z-index: 99999;
    box-shadow: 0px 0px 5px 0px #afafaf;
    border-radius: 6px;
    display: none;
}




ul.searchList {
    width: 100%;
    padding: 6px;
    list-style: none;
    margin: 0;
}

.searchList input.searchpage {
    width: 100%;
    padding: 6px;
    margin-bottom: 0px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.searchList li {
    width: 100%;
    padding: 5px 0;
    display: block;
}

.searchList li a {
    display: block;
    padding: 8px;
    color: #000;
    text-decoration: none;
}

.searchList li a:hover {
    background: #f1f1f1;
}



/*******Header******/
/* 
.nav.active { right: 0; } 
.close-menu { font-size: 24px; cursor: pointer; text-align: right; margin-bottom: 20px; } 
.menu ul { list-style-type: none; padding: 0; } 
.menu ul li { margin-bottom: 10px; } 
.sub-menu { display: none; } 
.menu ul li.active .sub-menu { display: block; padding-left: 10px; } 
.nav { position: fixed; right: -100%; background: #444; transition: all 0.3s ease-in-out; padding: 20px;z-index: 999;top: 0; width: 300px; height: 100%; } 
.menu ul li a { color: white; text-decoration: none; display: block; padding: 10px; background: #555; border-radius: 4px; } 
*/
.close-menu { font-size: 24px; cursor: pointer; text-align: right; margin-bottom: 20px; } 
.nav { position: fixed; right: -50%; background: #0585c6; min-height: 100vh; top: 0; min-width: 300px; padding: 20px; transition: .5s; z-index: 999; max-height: 100vh; overflow-y: scroll; padding-top: 40px; display: inline-block; } 
.nav::-webkit-scrollbar { width: 0 } 
.nav.active { right: 0 } 
.logo { position: absolute; left: 50%; top: 0; transform: translate(-50%, 0%); z-index: 99; background: #ffffffba; padding: 6px 15px 5px; border-radius: 0 0 12px 12px } 
section { position: relative } 
.logo img { margin: auto; display: block; filter: drop-shadow(2px 4px 6px #fff); } 
.menu ul li a.active { color: #fddd59; } 
.sub-menu ul li a.active { color: #b59929; } 
.menu-icon { position: fixed; right: 10px; top: 10px; font-size: 14px; background: #fff; width: 50px; z-index: 99; transition: .5s; cursor: pointer; display: flex; flex-direction: column; text-align: center; font-family: 'Roboto'; box-shadow: 1px 1px 5px 3px #404040; } 
.menu-icon:hover, .close-menu:hover { background: #1a73e8; color: #fff } 
.voice-sec iframe { width: 70%; } .pdf_icon { width: 40px; vertical-align: middle; padding: 10px; } 
.menu ul li a { width: 100%; display: block; color: #fff; } 
.menu ul { padding-left: 0 } 
.sub-menu { background: #fff; color: #000; padding: 1px 11px; margin-top: 13px; margin-bottom: 30px; } 
.sub-menu ul li { color: #000 !important; padding: 6px 0 !important; border-bottom: 1px solid #ededed } 
h5.newline { color: #cd003c; font-size: 17px; } 
table.table { background: #fff; width: 100%; } 
table tr td { border: 1px solid #ccc; padding: 10px; } 
.sub-menu ul li.active .multi-sub { display: block } 
.admin-table table { width: 50%; } 
.multi-sub { background: #e9e9e9; padding: 3px 11px; margin-top: 15px } 
.sub-menu ul li:last-child { border-bottom: 0 } 
.sub-menu, .multi-sub { display: none } 
.menu-icon i { font-size: 36px; } 
.menu ul li a i { float: right; transition: .5s } 
.menu ul li.active>a i { transform: rotate(180deg) } 
.menu ul li:last-child { border-bottom: 0 } 
.menu ul li.active .sub-menu { display: block } 
.sub-menu ul li a { color: #000; } 
.middile-sec-data h3 { margin: 20px 0px; color: #cd003c; font-size: 20px; }
.menu ul li { font-size: 17px; padding: 14px 2px; margin: 10px 0; color: #fff; list-style: none; font-family: 'Roboto', sans-serif; border-bottom: 1px solid #ffffff4a; }
/* Initially hide the multi-sub menu */
.multi-sub {
    display: block;
}
/* Ensure active submenus are shown */
.menu > ul > li.active > .multi-sub {
    display: block;
}
/*******side-tabs******/
.side-tabs ul { padding-left: 0; margin-bottom: 0; margin-top: 0; display: contents;} 
/* .side-tabs { position: fixed; left: 0; transform: translate(0%, 0%); top: 50%; z-index: 99 }  */
.side-tabs ul li { margin: 3px 0; list-style: none; position: relative } 
.side-tabs ul li img { width: 43px; filter: drop-shadow(0px 0px 2px #ddd); border: 2px solid #fff; border-radius: 50%; background: #fff }


.side-tabs ul li {
    display: contents;
}
.side-tabs {
    display: inline-block;
}
/*******side-tabs******/
.erp_links { right: 0px; position: fixed; bottom: 100px; z-index: 99; } 
.erp_links img { width:65px; } 
.OnlineR a { color: #fff; } 
a.parantlogo { padding: 12px 10px; } 
.OnlineR {position: absolute;font-family: Open Sans, sans-serif;width: 100%;margin-top: -90px;display: flex;justify-content: center;}
.bounce1 { border-radius: 5px; color: #fff; font-size: 14px; font-weight: 700; -webkit-animation: colorchange 20s infinite alternate; z-index: 99; text-align: center; animation: bounce1 1s infinite; -moz-animation: bounce1 1s infinite; -webkit-animation: bounce1 1s infinite; padding: 12px; }
@keyframes bounce1 {
0% {background-color: #0083d1;}
33% {background-color: #0d527a;}
66% {background-color: #0d527a;}
100% {background-color: #0083d1;}
}
/*******Modal Popup******/
.btn-primary {color: #000;background-color: #cbcbcb;border-color: #8f8b8b;}
.btn-primary:hover {background-color: #26479d;border-color: #1844b7;}
.modal-dialog {min-width: 750px; } 
.modal-dialog .card:hover p { color: #000; } 
.modal-dialog .modal-header {background: #26479d;padding:0px;} 
.modal-dialog img {width: 100%;height: 432px;object-fit: contain;background: #f1f1f1;object-position: center;} 
.modal-dialog h1 {margin: auto;text-align: center;font-size: 17px;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 500;text-transform: uppercase;padding: 14px;} 
.modal-dialog .carousel-control-prev, .modal-dialog .carousel-control-next { top: 77px; } 
.modal-dialog .modal-header .btn-close {color: white;padding-right: 31px;} 
.modalcard .card-body p{line-height: 24px;text-align: center;padding-top: 10px;text-transform: capitalize;} 
.modalcard{ border:none;} 
.modal-body{padding: 0px 1rem;}
.card-body a{ margin-right:5px;}
.modal {background: #0000008a;}
/*******story-event******/
.activity-calender .d-flex .select-tab>div { margin: 10px; cursor: pointer; background: #ddd; padding: 9px 20px; border-radius: 6px; } 
.activity-calender .d-flex .select-tab>div.active { background: #0083d1; color: #fff; } 
.activity-calender { width: 49%; display: inline-block; padding: 21px } 
.activity-calender .d-flex { display: flex; justify-content: space-between; } 
.activity-calender marquee ul { list-style: none; padding: 0; } 
.activity-calender marquee { height:290px !important; } 
.activity-calender .demo { background: #efefef; margin: 6px; width: 100%; box-shadow: 0 0 6px 0 #d7d7d7; display: block; position: relative; } 
.activity-calender .demo>h3 { text-align: center; margin: 0; padding: 10px; background: #0083d1; color: #fff; font-weight: 400;font-size: 17px; } 
.activities-block h3:before { content: ""; width: 10px; height: 10px; position: absolute; background: #e5c11e; left: 0; top: 6px } 
.activity-calender>h3 { text-align: center; font-size: 34px; margin-top: 0; margin-bottom: 20px } 
.activities-block { padding: 10px 20px; } 
.activities-block h3 {position: relative;padding-left: 22px;margin: 5px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: #000;font-weight: bold;font-size: 17px;}
.activity-calender .d-flex .select-tab { display: flex;align-items: center;justify-content: center;}
.activity-calender .d-flex>h3 {font-size: 34px;font-weight: bold;margin-top: 16px;margin-bottom: 16px;}
/*******highlighted******/
.highlighted {display: flex}
.highlighted>div {width: 20%;text-align: center;padding: 30px 0}
.highlighted>div img {margin: auto;display: block; padding: 20px;}
.highlighted>div:nth-child(1) {background: #ffa3a3}
.highlighted>div:nth-child(2) {background: #fff6a3}
.highlighted>div:nth-child(3) {background: #62c86c}
.highlighted>div:nth-child(4) {background: #82bfef}
.highlighted>div:nth-child(5) {background: #b295e5}
.highlighted>div h3 {font-size: 30px;margin-bottom: 15px;font-weight: bold;color: black;}
.highlights p {color: #000;margin: 0;font-family: 'Roboto', sans-serif;font-size: 18px;padding: 0px 0px;} 
.highlights { width: 100%; background: #e5c11e; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
.highlighted a{ color: #000;}


.highlight-item {
    display: inline-block;
    margin-right: 10px; /* Adds space between items */
    padding: 0px;
    vertical-align: middle;
}

.highlight-image {
    max-width: 150px; /* Limit the width of images */
    height: auto;
    display: block;
    margin-bottom: 5px;
}

.highlights {
    font-size: 18px;
    padding: 5px;
    white-space: nowrap; /* Prevent line breaks */
}

.payscale_box a{
color: inherit;
}


/*******gallery******/
.gallery-blk p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin: 12px 0px; text-transform: uppercase; text-align: center;; }
.gallery-blk .gallery-img { height: 220px; background: #ddd } 
.gallery-blk .gallery-img img { object-fit: contain; height: 100%;width: 100%; } 
.main-gallery>h3 { font-size: 34px; text-align: center; font-weight: bold; padding: 30px 0px 21px 0px; }
/*******testimonials******/
.testimonials { display: flex; justify-content: space-evenly; } 
.testimonials .d-flex { display: flex; align-items: center; } 
.testimonials .content { padding: 0px 20px 20px; } 
.testimonials .content a { font-family: 'Roboto'; color: #dbb812; } 
.testimonials .content h3 { font-size: 29px; } 
.testimonials .d-flex { display: flex; align-items: center; } 
.testimonials .content1 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; overflow: hidden; text-align: justify; color: #ffffffd9; font-family: 'Poppins', sans-serif; } 
.testimonials-sec hr { border: solid 1px #ffdfdf; border-style: dashed; border-width: thin; } 
.testimonials-item { clear: both; height: 280px; overflow-y: scroll; }
.testimonials>div { width: 46%; margin: 40px 0; box-shadow: 0px 0px 9px 0px #a3a3a3; border-radius: 4px; padding: 20px 20px; background: linear-gradient(45deg, #0083d1, #006eaf); border: 1px solid #0470af; } 
.testimonials>div img {width: 47%;height: 259px;object-fit: contain;background: #c8e1ef;}
.testimonials>div p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; overflow: hidden; text-align: justify; color: #ffffffd9; } 
.testimonials>div h3 { margin-top: 10px; font-size: 34px; text-align: center; color: #ffffff; margin-bottom: 20px; font-weight: normal; }
.testimonials-item img { width: 180px; float: right; border-radius: 50%; height: 180px; padding-right: 10px; } 
.testimonials-item h4 {color: #f94e00;font-size: 17px;} 
.testimonial-sec { margin: 0px; display: flex; justify-content: space-evenly; align-items: center; flex-wrap: wrap; } 
.testimonial-sec .text-sec { padding: 10px; background: #ddd; width: 300px; margin-bottom: 20px; } 
.testimonial-sec .text-sec img { width: 100%; } 
.testimonial-sec .text-sec h3 { text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } 
/*******testimonial-vice******/
.testimonial-vice { display: flex; justify-content: space-evenly; margin-bottom: 40px; } 
.testimonial-vice>div { width: 30%; margin: 12px; border: 6px solid #e5c11e; } 
.testimonial-vice>div img { width: 100%; } 
.testimonial-vice p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden; } 
.testimonial-vice h3 { text-align: center; font-size: 23px; color: #0571b0; } 
.testimonial-vice .content { padding: 20px 20px 20px; } 
.testimonial-vice .content a { font-family: 'Roboto'; color: #0c7cbe; font-weight: 600; } 
.testimonial-vice { flex-wrap: wrap; } 
.vice-principal { font-size: 34px; text-align: center; } 
.vice-principal i { margin-left: 7px; color: #000000; font-weight: 800; cursor: pointer; }
/*******Style css mix******/
.our-story { display: flex; width: 50%; position: relative; align-items: center; justify-content: center } 
.our-story img { width: 100%; height: 100% } 
.our-story h3 { font-size: 40px } 
.our-story>div { position: absolute; background: #ffffffde; display: flex; flex-direction: column; align-items: center; width: 84%; justify-content: center; padding: 40px; border-radius: 2px; box-shadow: 0 0 5px 0 #c7c7c7 } 
.our-story>div h1 { font-size: 40px; margin: 10px 0; color: #000; font-weight: bold; } 
.our-story>div p { font-size: 19px; line-height: 35px } 
.slider ul.lSPager.lSpg { bottom: 50px; background: transparent; position: absolute; right: 20px; } 
.slider .lSSlideOuter .lSPager.lSpg>li a { width: 50px; background: #fff; } 
.slider .lSSlideOuter .lSPager.lSpg>li.active a { background: #e5c11e; } 
.holistic-sec { display: flex; align-items: center; justify-content: center; width: 60%; margin: auto; } 
.holistic-sec .data { width: 50%; } 
.holistic-sec article { margin-top: 20px; background: #eee; padding: 10px; min-height: 280px; margin-bottom: 30px; display: flex; align-items: center; justify-content: center; } 
.holistic { width: 60%; margin: 0 auto; } 
ul#notifyPop li>div::-webkit-scrollbar { width: 6px; background: #fff; } 
ul#notifyPop li>div::-webkit-scrollbar-thumb { background: #5a9bd3; } 
ul#content-slider img { width: 100%; } 
.d-flex { display: flex; } 
.d-flex iframe.left-video { width: 50%; margin-right: 30px; } 
.view-all { padding-bottom: 1px; margin: 20px auto 0; display: block; width: max-content; } 
.view-all a { padding: 7px 20px; display: block; background: #e5c11e; color: #fff; font-size: 18px; border-radius: 5px; margin-bottom: 20px; text-transform: uppercase; } 
.story-event { display: flex } 
.head2 { color: #006cab; padding-top: 15px; margin: 0px; font-size: 20px; } 
.erp_sec img { vertical-align: middle; } 
.btn-wrapp { max-width: 400px; text-align: center; margin: 15px auto; }
span.modal-bottom { display: flex; flex-direction: row; justify-content: center; align-items: center; } 
span.modal-bottom a { background: #004f7d; padding: 5px 10px; margin: 10px; border-radius: 3px; color: #fff; } 
.close-menu { background: #fff; padding: 9px; font-size: 24px; position: absolute; right: 7px; top: 5px; transition: .5s; cursor: pointer } 
@-webkit-keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes fadeIn {
from {opacity: 0;}
to { opacity: 1;}}
/*******footer******/
footer { display: flex } 
.footer-content { width: 100%; display: flex; padding: 21px 40px 5px; background: linear-gradient(45deg, #178cd1, #036ead); color: #fff } 
.footer-content .quick-link { margin-right: 20px; width: 100% }
.footer-content li { margin-bottom: 11px; width: max-content; font-family: 'Roboto', sans-serif } 
.footer-content li a:hover{ color:#fbd114;}
.location a:hover{ color:#fbd114;}
.address-dlt h3 a:hover{ color:#fbd114;}
.footer-content .quick-link ul { padding-left: 19px; display: flex; flex-direction: column; height: 220px; flex-wrap: wrap } 
.quick-link h3 {font-size: 18px;font-weight: bold;padding-bottom: 12px;}
.address-dlt h3{font-size: 18px;font-weight: bold;padding-bottom: 12px;}
.address-dlt p a img { width: 45px } 
.address-dlt { width: 100% } 
.address-dlt h3 span { font-weight: normal; font-size: 16px; margin-left: 10px } 
.location p { margin: 8px 0 }
.location p i { color: #fbd114; margin-right: 12px } 
.map iframe { width: 100%; height: 100% } 
.map { width: 50% } 
.clr { clear: both; } 
.copyright p { margin: 0; text-align: center; padding: 4px; background: #00588b; color: #fff; font-size: 14px }
.copyright p a:hover{ color:#ffcd00;}
.footerlogo ul {list-style: none;padding: 0px 5px;display: grid; justify-items: center;}
/* ------------------------------------ 
inner pages
---------------------------------------*/
.innerlogo .logo {
    position: absolute;
    left: 19px;
    top: 0px;
    transform: translate(0%, 0%);
    z-index: 99;
    background: #fff;
    padding: 6px 15px 5px;
    border-radius: 0;
}

.breadcrumb ul.breadcrumblist {
    margin: auto;
    display: flex;
    list-style: none;
    position: absolute;
    bottom: 24px;
    right: 38px;
    align-items: center;
    padding-left: 0;
    justify-content: center;
}

.innerslider .lSSlideOuter .lSPager.lSpg {
    margin: 0;
    display: none;
}

.breadcrumb ul li {
    padding: 5px;
    color: #fff;
    line-height: initial;
    text-transform: capitalize;
}

.innerslider ul {
    padding: 0;
    margin: 0;
}

.innerslider ul li {
    margin: 0;
    padding: 0;
}

#carouselInnerSlider{    width: 83%;
    border-radius: 0px 0px 350px 0;
    max-height: 388px;
    object-fit: fill;
    object-position: center;}
    
.breadcrumb img {
    /* width: 83%; */
    border-radius: 0px 0px 350px 0;
    max-height: 388px;
    object-fit: fill;
    object-position: center;
}
.breadcrumb {
    position: relative;
    background: #0673b3;
    line-height: 0;
    padding-bottom: 4px;
}

.breadcrumb h1 {
    position: absolute;
    right: 0;
    width: 20%;
    bottom: 71px;
    font-size: 2.9rem;
    text-align: -webkit-center;
    color: #ffffff;
    font-weight: normal;
    line-height: initial;
}

.breadcrumb ul a {
    color: #ffcd00;
}

.vacbox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.smallhead{ font-size: 18px; font-weight:bold;}

.vac {
    width: 49%;
    background: #ffcd000d;
    padding: 10px;
    border-radius: 7px;
    box-shadow: 0px 0px 10px 1px #fffcf2;
    margin: 10px 0px;
}
.vac a {
    color: #d82455;
    font-weight: bold;
}
.about-us iframe {
    float: right;
    width: 50%;
    margin-left: 40px;
    min-height: 430px;
}
.about-us h3 {
    font-size: 18px;
    font-weight: bold;
}
.inner-page.padding {
    padding: 40px 60px;
    min-height: 280px;
}
.inner-page h3{ font-size: 18px; font-weight: bold;}

section.inner-page li {
    margin-bottom: 12px;
    line-height: 27px;
}

section.inner-page ul {
    padding-left: 5px;
}

.color {
    color: #0980b9;
}

.inner-page p {
    font-size: 16px;
    line-height: 31px;
}

.aboutimg {
    float: right;
    width: 35%;
    margin-left: 25px;
    position: relative;
    margin-bottom: 16px;
    margin-top: 20px;
}

.aboutimg img {
    width: 100%;
}

.aboutimg:before {
    position: absolute;
    top: -10px;
    left: -10px;
    content: ' ';
    width: 90%;
    height: 90%;
    background: #0673b369;
    z-index: -1;
}

.aboutimg:after {
    position: absolute;
    bottom: -10px;
    right: -10px;
    content: ' ';
    width: 90%;
    height: 90%;
    background: #ffcd0063;
    z-index: -1;
}

.aboutbox {
    margin-top: 100px;
}

.aboutdesc {
    background: #f1f1f1;
    padding: 20px;
}

.aboutbox_img {
    float: left;
    margin-top: -75px;
    margin-right: 25px;
    border: 10px solid #ffcd00;
    width: 180px;
    margin-bottom: 10px;
}

.aboutbox_img img {
    width: 100%;
}

.corebox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #ffcd0024;
}

.core {
    width: 50%;
    margin-right: 25px;
    height: max-content;
}

.coredesc {
    width: 74%;
    padding: 0 20px;
}

.core img {
    width: 100%;
    margin-bottom: -3px;
    height: 500px;
    object-fit: cover;
}

.ourpatron {
    padding: 4px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 31px;
    word-break: break-all;
}

.ourpatron div {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 31px;
    word-break: break-all;
}

.messimg {
    float: left;
    width: 30%;
    margin-right: 25px;
    margin-top: 27px;
    margin-bottom: 20px;
    position: relative;
}

.messimg img {
    width: 100%;
}


.name span {
    display: block;
    color: #a70202;
    font-weight: 600;
}

.name {
    font-size: 18px;
    color: #333;
    text-transform: capitalize;
}
.name span {
    display: block;
}
.messimg:before {
    position: absolute;
    content: ' ';
    width: 100%;
    height: 100%;
    top: -10px;
    left: -10px;
    background: #ffcd00;
    z-index: -1;
}

.border {
    clear: both;
    border: 2px dashed #ccc;
}

.member {
    display: flex;
    flex-direction: column;
}

.memberbox img {
    float: left;
    margin-right: 25px;
    border: 10px solid #fff;
}

.memberbox {
    background: #f1f1f1;
    box-shadow: 1px 1px 1px 1px #cccccc3d;
    margin-bottom: 40px;
    border-radius: 0;
    padding: 25px;
    position: relative;
}

.memberbox:before {
    content: ' ';
    position: absolute;
    bottom: 0px;
    left: -5px;
    width: 100%;
    height: 26%;
    background: linear-gradient(0deg, #ffcd00 55%, #e5c11e 55%);
    z-index: -1;
}

.memberbox:after {
    content: ' ';
    position: absolute;
    top: 0px;
    right: -5px;
    width: 100%;
    height: 26%;
    background: linear-gradient(0deg, #ffcd00 55%, #e5c11e 55%);
    z-index: -1;
}

.memberbox p {
    margin-bottom: 0;
    margin-top: 0;
}

.pink {
    color: #cda500;
}

.awardbox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.awardsec {
    width: 49%;
    background: #fff8dc;
    padding: 20px;
    margin: 0px 10px;
}

.awardimg img {
    display: block;
    margin: 10px auto 0 auto;
    width: 100%;
}

.awardimg {
    width: 60%;
    display: flex;
    margin: 0 auto;
}

.achievers {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.achievers_div {
    /* background: #fff2be; */
    padding: 20px 30px 20px 10px;
    margin: 15px;
}

.achievers_div img {
    width: 100%;
    border: 10px solid #86c0edd4;
    border-radius: 5px;
}

.alumnisec {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

.alumni_box {
    background: #f1f1f1;
    padding: 5px 30px;
    width: 19%;
    border-radius: 7px;
    margin: 0px 10px 10px 0px;
    text-align: center;
}

.house {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.housebox {
    width: 24%;
    text-align: center;
    color: #fff;
    margin: 10px;
    border-radius: 5px;
}

.red {
    background: #990100;
}

.blue {
    background: #01329b;
}

.green {
    background: #376938;
}

.activities-block p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.yellow {
    background: #d79d00;
    color: #fff;
}

.auditorium {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

.popups {
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 70%);
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 9999;
}





.teambg {
    text-align: center;
    font-size: 22px;
    padding-top: 30px;
}

.teambg:after {
    content: "";
    position: absolute;
    background: url(https://webapi.entab.info/api/image/LVISNOIDA/public/images/h1_tag.jpg) center no-repeat;
    left: 0px;
    text-align: center;
    margin: auto;
    right: 0px;
    padding-top: 114px;
}

.closes span:nth-child(1) {
    transform: rotate(45deg);
}

.closes span:nth-child(2) {
    transform: rotate(135deg);
}



.auditoriumbox {
    width: calc(33% - 30px);
    margin: 10px 30px 10px 0px;
}

.auditoriumbox img {
    border: 5px solid #ffcd00;
    width: 100%;
}

.contactbox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #ffcd00;
}

.contact_box_1 {
    width: 33%;
}

.contact_box_1 img {
    width: 100%;
    height: 100%;
}

.contact_box_1.contact_desc {
    padding: 25px 20px;
}

.contact_box_1.contact_desc h5 {
    font-size: 20px;
    color: #00649f;
    margin-bottom: 5px;
    margin-top: 5px;
}

.contact_box_info p {
    margin: 10px 0px;
}

.livebox {
    background: #f1f1f1;
    padding: 30px;
    border: 10px solid #fff;
    outline: 3px solid #f1f1f1;
}

.payscale {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.payscale_box {
    width: 30%;
    margin: 35px 10px 0px 10px;
    padding: 9px 10px;
    box-shadow: 2px 2px 4px 2px #0000003d;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
}
.admission-session_video iframe {
    border: 4px solid #000;
}
.payscale_box h4 {
    font-weight: 400;
    margin: 0;
    padding: 9px;
}


.paybox1 {
    background: #cfa842;
}

.paybox2 {
    background: #317bd6;
}

.paybox3 {
    background: #1fc2d9;
}

.payscale_box p {
    color: #fff;
    font-size: 20px;
    margin: 0;
}

.magnify-modal {
    position: fixed !important;
    z-index: 999999999 !important;
    padding-top: 10px !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: auto !important;
    background-color: rgba(0, 0, 0, 0.8509803922) !important
}

.magnify-header .magnify-toolbar {
    float: right;
    position: relative;
    z-index: 9
}

.magnify-stage {
    position: absolute;
    top: 40px;
    right: 10px;
    bottom: 40px;
    left: 10px;
    z-index: 1;
    background: #0000000a;
    overflow: hidden
}

.magnify-image {
    position: relative;
    display: inline-block;
    border: 5px solid #fff
}

.magnify-image.image-ready {
    max-width: 100%;
    max-height: 100%
}

.magnify-footer {
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 40px;
    color: #fff;
    text-align: center
}

.magnify-footer .magnify-toolbar {
    display: inline-block
}

.campus-logo {
    position: fixed;
    left: 0;
    top: 50%;
    z-index: 99;
}

.campus-logo img {
    width: 100px;
    height: 100px;
}

.magnify-button {
    display: inline-block;
    width: 40px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 10px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border-width: 0;
    border-radius: 0;
    cursor: pointer;
    outline: none;
    background: #000
}

.magnify-button:hover {
    color: #fff;
    background-color: #e00000
}

.magnify-button-close:hover {
    background-color: #e00000
}

.magnify-loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.3);
    color: #333
}

.magnify-loader::before {
    content: '';
    display: inline-block;
    position: relative;
    width: 36px;
    height: 36px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba(255, 255, 255, 0.5);
    border-radius: 100%;
    -webkit-animation: magnifyLoading 1s infinite linear;
    animation: magnifyLoading 1s infinite linear
}

.magnify-loader::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    overflow: hidden
}

@-webkit-keyframes magnifyLoading {
    0% {
        -webkit-transform: rotateZ(0deg) translate3d(0, 0, 0);
        transform: rotateZ(0deg) translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 0, 0);
        transform: rotateZ(360deg) translate3d(0, 0, 0)
    }
}

@keyframes magnifyLoading {
    0% {
        -webkit-transform: rotateZ(0deg) translate3d(0, 0, 0);
        transform: rotateZ(0deg) translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 0, 0);
        transform: rotateZ(360deg) translate3d(0, 0, 0)
    }
}

.schooltourimg {
    float: right;
    position: relative;
    width: 40%;
    margin-bottom: 35px;
    padding-bottom: 0;
    margin-left: 25px;
}

.lotus_virtual {
    width: 70px;
    vertical-align: middle;
}

.clr {
    clear: both;
}

.schooltourimg1 {
    position: absolute;
    top: 223px;
    z-index: -1;
    right: 60px;
    width: 100%;
}

.schooltourimg img {
    width: 100%;
    border-radius: 4px;
}

img.schoolimgtour {
    box-shadow: 17px 25px 56px -22px rgb(0 0 0 / 38%);
}

.schooltourimg1 img {
    box-shadow: 17px 25px 56px -22px rgb(0 0 0 / 38%);
}

.maintable table {
    width: 100%;
    border-collapse: collapse;
}

.maintable {
    margin-top: 20px;
}

.maintable table thead th {
    border: 1px solid #fff;
    border-bottom: none;
}

.maintable table thead {
    background: #ffcd00;
    color: #000;
}

.maintable table thead p {
    margin: 5px;
}

.maintable table tbody td {
    border: 1px solid #ccc;
}

.maintable table tbody td p {
    margin: 5px;
}

.maintable table tbody tr:nth-child(even) {
    background: #ffcd0029;
}

.tablebg {
    background: #f7e592;
    color: #000;
    text-align: left;
}

.syllabus_box {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

.team {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.team>div {
    width: 35%;
}

.syllabus_div {
    width: 250px;
    background: #ffcd001c;
    margin: 2px;
    padding: 10px;
    text-align: center;
    border: 3px solid #ffcd00;
    margin-bottom: 10px;
}


.busroute ul li {
    width: 18%;
    display: flex;
    flex-direction: row;
}

.busroute ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.busbox {
    margin: 0px 10px;
    width: 47%;
}

.busbox ul {
    margin: 0;
}

.busbox ul li a:hover {
    color: #295c3e;
    font-weight: bold;
}

.labtab {
    display: flex;
    flex-direction: row;
}

.alumni-meet-sec {
    margin-top: 20px;
}

.alumni-meet-sec img {
    width: 500px;
    height: 600px;
    margin: auto;
    display: block;
}

.alumni-meet-sec-main h4 {
    text-align: center;
}

.alumni-meet-sec-main .alumni-link-new {
    text-align: center;
    background: #0673b3;
    width: max-content;
    margin: auto;
    padding: 10px 30px;
    color: #fff;
}

.alumni-meet-sec-main .alumni-link-new:hover {
    background: #ffcd00;
    color: #000;
}

.alumni-meet-sec-main .alumni-link-new a {
    display: flex;
    align-items: center;
}

.alumni-meet-sec-main .meet_icon {
    width: 40px;
    margin-right: 20px;
}

.tabs.tabs-content.col {
    width: 100%;
    background: #f1f1f1;
    margin-left: 35px;
}

.tabs-nav {
    position: relative;
    display: flex;
    flex-direction: column;
    color: #000000;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
    width: 315px;
    flex: initial;
}

.tabs-nav a {
    position: relative;
    padding: 10px 15px;
    text-align: left;
    width: 100%;
    cursor: pointer;
    background: #f3ebca;
    border-bottom: 1px solid #ccc;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 4px;
    text-transform: uppercase;
    font-size: 15px;
}

.tabs-nav a:hover,
.tabs-nav a.selected {
    background: #ffcd00;
    /* color: #fff !important; */
}

.tabs .content {
    padding: 20px 20px 20px 25px;
    position: relative;
    color: #343232;
    transition: opacity 0.1s linear 0s;
    display: none;
}

.tabs .content.visible {
    display: block;
}

.tabs .content p {
    padding-bottom: 2px;
}

.tabs .content p:last-of-type {
    padding-bottom: 0px;
}

.content h4 {
    color: #0673b3;
    font-size: 20px;
    margin: 0;
}

.library .auditoriumbox img {
    width: 100%;
    height: 330px;
    object-fit: contain;
    background: #f1f1f1;
    margin: 0;
    border: 0;
}

.Trip .auditoriumbox img {
    width: 100%;
    height: 200px;
    object-fit: contain;
    background: #f1f1f1;
    margin: 0;
    border: 0;
}

.library .auditoriumbox {
    width: calc(19% - 19px);
    background: #ffcd00;
    text-align: center;
    /* padding: 10px; */
    margin: 10px 10px;
    padding: 0;
    border: 7px solid #ffcd00;
}

.library .auditoriumbox h3 {
    margin: 0;
    padding-top: 8px;
    font-size: 16px;
}

.infirmaryimg {
    float: left;
    margin-right: 17px;
    margin-top: 22px;
    margin-bottom: 20px;
}

.reg {
    display: block;
    text-align: center;
    margin: 40px auto;
}

a.reglink {
    font-size: 40px;
    text-align: center;
    margin: 0px auto 0px auto;
    display: block;
    color: #0d7dc0;
}

.tc h3 {
    background: #0673b3;
    color: #fff;
    padding: 30px;
    font-weight: normal;
    text-align: center;
    font-size: 20px;
}

.tc h3 a {
    font-weight: bold;
}

.auditorium.inclusion {
    justify-content: flex-start;
}

.alumni_box p {
    color: #000;
    margin-top: 5px;
}

.auditorium.inclusion .auditoriumbox {
    width: 45%;
}

.infra {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.auditorium.inclusion .auditoriumbox img {
    border: 10px solid #ffcd00;
}

.meetteam {
    display: flex;
    flex-direction: row;
}

.meetbox {
    width: 17%;
    margin: 10px;
}

.meetbox img {
    display: block;
    text-align: center;
    margin: 0 auto;
    border: 6px solid #0b7bbc24;
    width: 100%;
}

.teamdesc h5 span {
    display: block;
    color: #000;
}

.teamdesc h5 {
    text-align: center;
    font-size: 16px;
    margin: 0;
    padding-top: 10px;
    line-height: 26px;
    color: #0f81c4;
}


.MultipleImages {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;justify-content: space-around;
}

.MultipleImages-Box {
    width: 23%;
    margin: 10px;
}

.MultipleImages-Box img {
    display: block;
    text-align: center;
    margin: 0 auto;
    border: 6px solid #0b7bbc24;
    width: 100%;
    object-fit: contain;
    height: 200px;
}
.MultipleImages-Title h5 span {
    display: block;
    color: #000;
}

.MultipleImages-Title h5 {
    text-align: center;
    font-size: 16px;
    margin: 0;
    padding-top: 10px;
    line-height: 26px;
    color: #0f81c4;
}











.welogo {
    float: right;
    width: 200px;
    margin-top: -100px;
}

.resultbox .syllabus_div {
    width: max-content;
    font-size: 16px;
    padding: 14px 8px;
    box-shadow: 0px 0px 4px 0px #00000042;
    margin: 10px;
    width: 250px;
}

.resultbox .syllabus_div a {
    color: #333;
}

.club {
    margin-bottom: 16px;
    background: #f1f1f1;
    box-shadow: 2px 2px 2px 2px #ccc;
    display: flex;
}

.club h4 {
    font-size: 18px;
    margin: 0;
    width: max-content;
    background: #ffcd00;
    color: #000;
    padding: 5px 10px;
    font-weight: normal;
    line-height: 31px;
    width: 220px;
}

.club p {
    margin: 0;
    padding: 5px 15px;
    width: calc(100% - 30px);
}

.block {
    width: 50%;
    display: flex;
    margin: 20px auto 0px auto;
}

.block img {
    width: 100%;
}

.newsletter {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.newsletterimg img,
.mediaimg img {
    width: 100%;
    height: 310px;
    object-fit: contain;
}

.newsletterimg{
    background: #f9e07726;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0px 7px 18px 1px #0000004a;
    margin-bottom: 20px;
}

ul.btn li {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    list-style-type: none;
    margin-bottom: 5px;
}

ul.btn li:hover {
    margin-left: 0px;
}

.newsletterbox {
    width: 15%;
    margin: 10px 14px;
}

.newsletterbox h4{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 16px;
    text-align: center;
    font-weight: normal;
    padding: 0px 10px;
    color: #000;
}

section.inner-page ul li {
    list-style-type: none;
    background: url(https://webapi.entab.info/api/image/LVISNOIDA/public/images/lotusli.png) 0% 6px no-repeat;
    padding-left: 30px;
}

.admissioninfo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.admissiondiv {
    width: 49%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #7bceff9e;
    margin: 0px 10px;
    box-shadow: 0px 0px 2px 2px #036ba959;
    padding: 20px 10px;
    border-radius: 3px;
    min-height: 140px;
}

.admissiondiv img {
    width: 70px;
    margin-right: 15px;
}

.admissiondiv b {
    font-size: 18px;
    color: #000;
    line-height: 32px;
}

.admissiondiv b span {
    font-size: 15px;
}

.circularstable th {
    text-align: left;
}

.circularstable {
    padding-bottom: 30px;
}


.preprimary .auditoriumbox {
    width: 22%;
    margin: 10px 25px 0px 5px;
}

.preprimary .auditoriumbox img {
    width: 100%;
    height: 230px;
    object-fit: contain;
    background: #ccc;
    border: 10px solid #fff;
}

.preprimary .auditoriumbox h6 {
    padding: 10px;
    font-size: 16px;
    text-align: center;
    margin: 0;
    color: #0673b3;
}

.preprimary ul {
    font-size: 20px;
    list-style: none;
    color: #c9b077;
    font-weight: bold;
}

.topper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

.topperimg {
    width: 60%;
}

.labtab.resulttab {
    display: flex;
    flex-direction: column;
}

.labtab.resulttab .tabs-nav.col {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.labtab.resulttab .tabs-nav.col a {
    width: max-content;
    margin-bottom: 20px;
}

.topperimg img {
    width: 100%;
}

.quotes {
    background: #ffcd00;
    color: #000;
    padding: 8px 10px;
    margin-top: 20px;
    width: max-content;
    border-left: 5px solid #bb9a07;
}

.labtab .auditoriumbox img {
    border: 9px solid #fff;
}

.quotes p {
    margin: 0;
}

ul.primaryli {
    color: #818080;
    font-size: 17px;
    font-weight: normal;
}


.imgheading a {
    color: #20488a;
    text-align: center;
    width: 100%;
    display: block;
    font-size: 20px;
    padding: 10px 0;
}

#myImg:hover {
    opacity: .7;
}

#myImg,
#myImg1,
#myImg2 {
    width: 100%;
    border: 5px solid rgb(191 185 188);
    background: #cbcaca;
    cursor: pointer;
    transition: .3s;
}

.erppopup .modal-body h5 {
    color: #000;
    text-align: center;
    padding-top: 20px;
}

.erpbox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.erpboxdesc {
    width: 72%;
}

.erpboximg {
    width: 26%;
}

.erpboxdescpopup {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.erppopup {
    width: 30%;
    margin: 10px;
}

.erp_sec .guideheading {
    text-align: left
}

.erp_sec h4 {
    text-align: center;
    line-height: 40px;
    font-size: 17px;
    margin-bottom: 0;
    margin-top: 15px;
    font-weight: 700
}

.erp_sec a {
    color: #000
}

.assistance {
    background: rgba(68, 23, 20, 0.06);
    padding: 13px;
    border: solid 1px #ddd
}

.erp_sec p {
    line-height: 40px !important;
    margin-bottom: 0;
    font-size: 16px;
}





.media-gallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.media-gal {
    width: calc(25% - 20px);
    margin: 10px 10px;
    background: #ffff;
    box-shadow: 0px 0px 6px 1px #ccc;
    border-radius: 4px;
}

.media-img img {
    width: 100%;
    height: 213px;
    object-fit: contain;
    border-radius: 5px 5px 0px 0px;
    background: #b4e3f536;
}

.media-desc {
    padding: 10px 10px 10px 10px;
}

.media-desc h5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #579bbb;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0;
}

.media-desc p {
    margin-bottom: 0;
    font-size: 12px;
}

/*******Events******/
.events_div { width: calc(100% - 20px); display: flex; flex-direction: row; background: #f1f1f1; margin: 10px 0px 10px 0px; padding: 10px; border-radius: 10px; } 
.events-img { position: relative; width: 270px; } 
.events-img img { width: 100%; height: 158px; object-fit: contain; background: #fff; } 
.events-desc h3 { font-size: 16px; font-weight: bold; font-size: 18px; } 
.events-desc p { font-size: 14px; margin-bottom: 5px; word-break: break-all; } 
.events-desc p span { color: #ad9740; } 
.events-desc { width: 100%; margin-left: 20px; } 
.attachment a{ color: white;}
.attachment { position: absolute; top: -10px; left: -9px; background: #0673b3; padding: 4px; border-radius: 5px 0px 0px 5px; color: #fff; font-size: 14px; }
/*******newssec******/
.newsbox { position: relative; } 
.newsbox .attachment { bottom: -15px; right: 0; position: absolute; background: #b18a28; top: unset; left: unset; } 
.newssec { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } 
.attachmentn {position: absolute;right: 0;top: 19px;background: #d05923;color: #fff;padding: 0px 10px;border-radius: 0px 8px 0px 10px;} 
.news_secdiv { width: calc(50% - 10px); background: #0673b31f; padding: 10px 0px; margin: 0px 0px 30px 0px; border-radius: 5px; } 
.newsdate p { margin-bottom: 5px; background: #0673b3; width: max-content; color: #fff; padding: 0px 20px; border-radius: 4px 4px 2px 0px; font-size: 13px; } 
.newsdate { margin-top: -30px; } 
.newstitle h5 { color: #333; margin-bottom: 3px; font-size: 17px; margin-top: 12px; padding: 0px 10px; font-weight: 600; } 
.newstitle p {font-size: 15px;color: #333;padding: 10px 10px;}
.next {background: #0673b3;text-align: center;display: block;width: max-content;margin: 20px auto;padding: 10px;border-radius: 5px;color: #fff;transition: all 0.5s ease-in;cursor: pointer;padding: 5px 10px;} 
.next:hover { background: #7c0000; } 
/*******Inner Photo Gallery******/
.photocontainer { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; background: #fdfdfd; } 
.photo-details { width: calc(25% - 20px); background: #b7e0f354; padding: 10px 10px 0px 10px; margin: 10px 10px 25px 10px; position: relative; border-radius: 5px; box-shadow: 0px 0px 8px 1px #ccccccab; } 
.photono { position: absolute; top: -17px; left: 0; width: 100%; } 
.photono p { color: #fff; font-size: 12px; background: #055a91; padding: 0px 15px; border-radius: 5px; text-align: center; margin: 0 auto; width: max-content; } 
.photo-img img { width: 100%; height: 200px; object-fit: contain; background: #fff; } 
.photo-desc p {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-align: center;color: #333;font-weight: bold;padding-top: 5px;margin-bottom: 5px;text-transform: capitalize;} 
.photo-date { flex-direction: row; display: flex; justify-content: space-between; padding: 5px 10px; border-top: 1px dashed #51a5c9; } 
.photo-date p { color: #7c0000; } 
.photo-date i { color: #333; } 
.photo-date p { text-align: center; margin-bottom: 0; font-size: 14px; } 
.datedetails { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; background: #fff; border: 1px solid #ccc; border-radius: 25px; } 
.datedetails span:before { border-right: 0px solid #bbb0b0; } 
.datedetails span { position: relative; padding: 5px 10px; } 
.datedetails span:before { position: absolute; width: 100%; height: 80%; top: 4px; left: 0; border-right: 1px solid #bbb0b0; content: ' '; } 
.datedetails span:last-child:before { border-right: 0px solid #bbb0b0; content: ' '; } 
.back { padding-right: 20px; } 
.back { padding-right: 20px; } 
.fulldesc { margin-top: 30px; word-break: break-all; }
.gallerydetails { display: flex; align-items: center; flex-wrap: wrap; flex-direction: row; } 
.gallerydesc { width: calc(21% - 26px); margin: 10px 5px 10px 5px; padding: 0px 5px; border-radius: 5px; background: #0d7dbf30;border: 5px solid #0d7dbf33;} 
.gallerydesc img { width: 100%; height: 163px; object-fit: contain; border-radius: 4px; } 
.fulldesc h3 { text-align: left; font-size: 23px; line-height: 33px; color: #000; margin-bottom: 0; }
.datedetails { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; background: #f1f1f1; border: 1px solid #ccc; border-radius: 25px; }
.datedetails span{position: relative;padding: 5px 10px;} 
.datedetails span:before { position: absolute; width: 100%; height: 80%; top: 4px; left: 0; border-right: 1px solid #bbb0b0; content: ' '; } 
.datedetails span:last-child:before{ border-right: 0px solid #bbb0b0; content: ' '; } .back { padding-right: 20px; } 
.back { padding-right: 20px; }
.fulldesc { margin-top: 30px; word-break: break-all; } 
.fulldesc h3{ text-align: left; font-size: 24px; line-height: 34px; }
.back a { color: #7f6c27; font-size: 20px; font-weight: bold; position: relative; }
.gallerydetails { display: flex;align-items: center; flex-wrap: wrap; flex-direction: row; }
.gallerydesc { width: 19%; margin: 10px 5px 10px 5px; }
.gallerydesc img {width: 100%;height: 180px;object-fit: contain;padding: 0px 10px;border: 5px solid #fff;border-radius: 4px;}
.selectionoption { display: flex; flex-direction: row; justify-content: flex-start; } 
.selectionoption #ddlYear { margin-right: 20px; } 
.monthlist { border: solid 1px #0c0d24; color: #fff; height: 40px; padding: 5px 0 5px 10px; margin-top: -10px; background: #0c0d24; font-weight: 700; margin-bottom: 7px; letter-spacing: 1px; width: 9em; font-size: 18px; margin-bottom: 15px; float: right; margin-right: 20px; } 
.categorybtn { background: #f1f1f1; margin-bottom: 7px; margin-top: -9px; line-height: 20; height: 40px; padding: 2px 20px; border: 1px solid #ccc; }
.searchbox1 {display: flex;flex-direction: row;justify-content: center;align-items: center;border: 1px solid #d1cdcd;;width: 100%;margin: 0 auto;margin-bottom: 40px;background: #ffcd00;padding: 7px 0px;}
.searchbox1 input {margin: 0px 5px; font-size: 14px;}
.dynamicdiv input{background: #ffffff;width: 100%;padding: 5px 5px;padding-right: 0px;border: solid 1px #c3c3c3;}
#ddyears{margin-left: 10px;min-width: 150px;padding: 5px 5px;border: solid 1px #c3c3c3;}
#monthli{margin-left: 10px;min-width: 150px;padding: 5px 5px;border: solid 1px #c3c3c3;}
.dynamicdiv{position:relative;width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 0px 10px;}
.dynamicdiv > div {display: flex;width: 100%;align-items: center;/* font-weight: 600; */margin: 6px;color: black;}
/* .no-data:before { content: "No Data Found"; width: 100%; height: auto; left: 0; top: 70px; display: flex; align-items: center; justify-content: center; font-size: 60px; z-index: -1; position: absolute; top: 60%; } */
.fulwidth {margin: 0px;margin-bottom: 10px;}
.year_selction_sec {margin-bottom: 40px;}
.dyn-cal { width: 20px; margin-right: 5px;}
.show:before {  display: none!important;}
.mydivi{background: #fff;display: none;}
tbody, td, tfoot, th, thead, tr{ text-align: center;}
.selected_year,
.selected_years {
    display: block
}

/* 
.year_selction_sec h3 {
    width: 11em;
    background: #ef2d39;
    padding: 8px 11px;
    color: #fff;
    box-shadow: -2px 5px 4px 2px #ef2d396e;
    clear: both;
    font-size: 21px;
    line-height: 27px
}


.month-selection ul li {
    float: left;
    list-style: none;
    margin: 5px 0;
    list-style-image: none;
    background: #6666664a;
    text-transform: capitalize;
    padding: 5px 15px;
    line-height: 20px;
    font-size: 14px;
    border: 1px solid #eee;
    margin: 0 1px 5px 1px
}

.month-selection ul {
    text-align: center
}

.month-selection {
    margin: 0;
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.month-selection ul {
    text-align: center;
    padding-left: 0
}


.selected_year {
    display: block
}

#ddlYear {
    border: solid 1px #ccc;
    color: #333;
    height: 40px;
    padding: 5px 0 5px 10px;
    margin-top: -10px;
    background: #ccc;
    font-weight: 700;
    margin-bottom: 7px;
    letter-spacing: 1px;
    width: 9em;
    font-size: 18px;
    margin-bottom: 15px;
    float: right;
}

.year_selction_sec select {
    margin: 0;
    width: 100%;
    background: #c30038;
    border: solid 1px #c30038;
    height: 28px;
    color: #fff;
    margin-top: 15px
}

.myDiv {
    height: auto !important
}

.year_selction_div {
    float: right;
    width: 79%
}
.blankDiv:before {
    background: transparent !important;
    font-size: 0px !important;
    display: none !important;
}



.no-data:before {
    content: "No Data Found";
    width: 100%;
    height: auto;
    left: 0;
    top: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 60px;
    z-index: -1;
    position: absolute;
    top: 45%;
}

.fulwidth {
    margin: 0px;
    margin-bottom: 10px;
}

.year_selction_sec {
    margin-bottom: 40px;
}

.dyn-cal {
    width: 20px;
    margin-right: 5px;
}

.show:before {
    display: none !important;
}

.mydivi {
    background: #fff;
}

.myDiv,
.mydivi {
    display: none
}

.selected_year,
.selected_years {
    display: block
}

.myDiv .headtitle {
    margin-bottom: 30px;
    font-size: 20px;
}
 */



/* 
.photogal-details {
    background: #f1f1f1;
}

.photo-gallery {
    position: relative;
    background: #fff;
    padding: 10px 10px 0px 10px;
}

.photogal-block {
    width: calc(20% - 20px);
    margin: 10px 10px;
    box-shadow: 0px 0px 6px 1px #ccc;
    border-radius: 5px;
    padding: 0px;
}

.photogal-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.photo-gallery div {
    position: absolute;
    bottom: 0;
}

.photo-gallery div {
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: absolute;
    bottom: -45px;
    display: none;
}

.photo-desc {
    padding: 10px 10px 20px 10px;
    background: #ffffff;
}

.photo-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 14px;
    color: #333;
}

.gall_date p {
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 17px;
    line-height: 27px;
    color: #0c7cbe;
    margin: 0;
}

.photo-gallery div h3 {
    background: #ffcd00;
    border-radius: 40px;
    width: 55px;
    height: 55px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #000000;
}

.photo-gallery img {
    width: 100%;
    height: 175px;
    object-fit: contain;
    background: #0673b32b;
}

.datedetails {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 25px;
}

.datedetails span {
    position: relative;
    padding: 5px 10px;
}

.datedetails span:before {
    position: absolute;
    width: 100%;
    height: 80%;
    top: 4px;
    left: 0;
    border-right: 1px solid #bbb0b0;
    content: ' ';
}

.datedetails span:last-child:before {
    border-right: 0px solid #bbb0b0;
    content: ' ';
}

.back {
    padding-right: 20px;
}

.back {
    padding-right: 20px;
}

.fulldesc {
    margin-top: 30px;
    word-break: break-all;
}

.fulldesc h3 {
    text-align: left;
    font-size: 24px;
    line-height: 34px;
}

.back a {
    color: #7f6c27;
    font-size: 20px;
    font-weight: bold;
    position: relative;
}

.photo-gallery div h3 span {
    font-size: 10px;
    text-transform: capitalize;
    font-weight: 100;
}

.gallerydetails {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
}

.gallerydesc {
    width: 19%;
    margin: 10px 5px 10px 5px;
    background: #0d7dbf30;
    padding: 0px 10px;
    border: 5px solid #0d7dbf33;
}

.gallerydesc img {
    width: 100%;
    height: 180px;
    object-fit: contain;
    border-radius: 4px;
} */

.videodetails span {
    font-size: 14px;
}

.videodetails a i {
    font-size: 40px;
    color: #ff0000;
    margin-right: 20px;
}

.videodetails a {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: #333;
}

.videocontainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.videodetails {
    width: 48%;
    background: #f1f1f1;
    margin: 10px 0px;
    padding: 10px;
    border-radius: 6px;
}

.videodesc {
    width: 93%;
}

.mediabox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.videodesc h3 {
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 18px;
    color: #333 !important;
    margin-top: 5px;
    font-weight: bold;
}
.h4{font-size: 18px;color: black;font-weight: bold;padding: 19px 0px 11px 0px;}

ul#notifyPop li>div {
    background: #fff;
    padding: 20px 10px;
}

ul#notifyPop+.lSAction a.lSNext {
    /* left: 49px; */
    /* top: 21px; */
    filter: invert(1);
}

ul#notifyPop+.lSAction a.lSPrev {
    /* top: 21px; */
    filter: invert(1);
}

.housebox p {
    font-size: 26px;
    padding: 0;
    text-transform: uppercase;
    margin: 17px 0;
}

.facilitietab {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.facilitiesbox {
    width: calc(23% - 10px);
    margin: 10px 15px;
}

.facilitiesbox img {
    border: 10px solid #fff;
    border-radius: 4px;
    width: 100%;
    height: 300px;
    object-fit: contain;
    background: #89d2fd30;
}

.enquiry-form .d-flex>div {
    width: 50%;
    margin: 10px 0;
}

.captcj {
    display: flex;
    width: 100% !important;
    justify-content: center;
}

.captcj div {
    width: 201px;
}

.captcjinpute {
    width: 40% !important;
    margin-right: 3% !important;
}

.captcj img {
    border-width: 0px;
    height: 40px !important;
}

.enquiry-form>div input,
.enquiry-form>div select {
    width: 91%;
    padding: 14px 10px;
    color: #000;
    text-transform: capitalize;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.enquiry-form {
    padding: 20px 40px 28px;
    background: #f3f3f3;
    border-radius: 6px;
    /* clear: inherit; */
    width: 82%;
}

.submit {
    width: 100% !important;
    clear: both;
}

.submit input {
    width: max-content !important;
    margin: auto;
    display: block;
    padding: 13px 34px !important;
    margin-top: 0px;
    background: #0672b2;
    color: #fff !important;
    font-size: 17px !important;
}

.enquiry-form p {
    margin: 0;
}

.enquiry-form .d-flex {
    display: flex;
    flex-wrap: wrap;
    margin-top: 16px;
}

.enquiry-form>div select {
    width: 91%;
}

.enquiry-form>div input::placeholder {
    color: #000;
}

.flex-img {
    display: flex;
    align-items: flex-start;
    margin-top: 40px;
}

img.wid-50 {
    width: 50%;
    margin: auto;
    display: block;
}

.erp_links.showcaselogo {
    left: 0;
    top: 0px;
}

.showcaselogo {
    width: 130px !important;
}
/***********Light Slider*************/
li.lslide {
    margin: 0px;
}

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lightSlider:before,
.lightSlider:after {
    content: " ";
    display: table;
}

.lightSlider {
    overflow: hidden;
    margin: 0;
}

.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

.lSSlideWrapper>.lightSlider:after {
    clear: both;
}

.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform, height;
    transition-property: transform, height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}

.lSSlideWrapper .lSFade {
    position: relative;
}

.lSSlideWrapper .lSFade>* {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}

.lSSlideWrapper.usingCss .lSFade>* {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}

.lSSlideWrapper .lSFade>*.active {
    z-index: 10;
}

.lSSlideWrapper.usingCss .lSFade>*.active {
    opacity: 1;
}

/** /!!! End of core css Should not edit !!!/**/
/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}

.lSSlideOuter .lSPager.lSpg>li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}

.lSSlideOuter .lSPager.lSpg>li a {
    background-color: #7e7373;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}

.lSSlideOuter .lSPager.lSpg>li:hover a,
.lSSlideOuter .lSPager.lSpg>li.active a {
    background-color: #ffc600;
}

.lSSlideOuter .media {
    opacity: 0.8;
}

.lSSlideOuter .media.active {
    opacity: 1;
}

/* End of pager */
/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}

.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
}

.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}

.lSSlideOuter .lSPager.lSGallery:before,
.lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}

.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}

/* End of Gallery*/
/* slider actions */
.lSAction>a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url("../img/controls.png");
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}

.lSAction>a:hover {
    opacity: 1;
}

.lSAction>.lSPrev {
    background-position: 0 0;
    left: 10px;
}

.lSAction>.lSNext {
    background-position: -32px 0;
    right: 10px;
}

.lSAction>a.disabled {
    pointer-events: none;
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}

/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}

.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}

.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}

.lSSlideOuter.vertical .lightSlider>* {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction>a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}

.lSSlideOuter.vertical .lSAction>.lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}

.lSSlideOuter.vertical .lSAction>.lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}

/* vertical */
/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}

.lSSlideOuter .lightSlider,
.lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}

.lSSlideOuter.lSrtl .lightSlider,
.lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}

.lSSlideOuter .lightSlider>*,
.lSSlideOuter .lSGallery li {
    float: left;
}

.lSSlideOuter.lSrtl .lightSlider>*,
.lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}

/* Rtl */
@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}

@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}

@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}

@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}

@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}

@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}

@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}

@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}

.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}

.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}

.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}

.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}

.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}

.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}

/*/  GRab cursor */
.lightSlider.lsGrab>* {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.lightSlider.lsGrabbing>* { 
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}
.admissiondiv.timing-admission{
    flex-wrap: wrap;
}
.admissiondiv.timing-admission h3 {
    display: block;
    width: 100%;
    text-align: center;
    color: #025e95;
    margin-bottom: 30px;
}

/* ------------------------------------ 
Admission IB
---------------------------------------*/
/* Admission IB menu */
.admissionib-nav nav{background-color:#086ba5}
.admissionib-nav nav ul{list-style-type:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap}
.admissionib-nav nav ul li{margin:0}
.admissionib-nav nav ul li a{display:block;color:#fff;padding:14px 20px;text-decoration:none;white-space:nowrap}
.admissionib-nav nav ul li a:hover{background-color:#238ecc}
.admissionib{padding-top:60px;padding-bottom:60px}
.admissionib h1{color:#0673b3;font-weight:700;margin-bottom:3rem;letter-spacing:1.2px;font-size:30px;text-align:center}
#academic-integrity{margin:1rem auto 2rem;padding:1rem}
#academic-integrity h1{color:#0673b3;font-weight:700;font-size:30px;margin-bottom:3rem;text-align:center}
#academic-integrity .row.g-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.8rem 2rem}
.card{background-color:#fff;border-radius:14px;box-shadow:0 4px 15px #1a237e1f;transition:transform .3s ease,box-shadow .3s ease;padding:2rem 2.5rem;display:flex;flex-direction:column;justify-content:center}
.card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #1a237e40}
.card-text{font-size:16px;line-height:1.7;font-weight:500;color:#333;margin:0}
.card-title{font-weight:600;font-size:20px;color:#000;margin-bottom:1rem}
a.link-primary{color:#1a237e;font-weight:600;text-decoration:underline;transition:color .3s ease}
a.link-primary:hover{color:#3949ab;text-decoration:none}
.breadcrumb { margin-bottom: 0px;}

@media (max-width: 600px) {
.admissionib-nav nav ul{flex-direction:column;align-items:center}
.admissionib-nav nav ul li a{padding:10px 15px;font-size:16px}
}

@media (max-width: 576px) {
.admissionib, #academic-integrity {padding: 2rem 1rem;}
.admissionib h1, #academic-integrity h1 {font-size: 1.75rem;}
}

/* ------------------------------------ 
Media Quiry  Start
---------------------------------------*/
@media(max-width: 1600px) {
.facilitiesbox { width: calc(22% - 10px); } 
.facilitiesbox img { height: 230px; } 
.footer-content li, .footer-content p { font-size: 14px; } 
.breadcrumb h1 { font-size: 2.1rem; } 
.library .auditoriumbox { width: calc(19% - 22px); } 
.resultbox .syllabus_div { width: 29%; }
}

@media(max-width: 1399px) {
.highlighted>div h3 {font-size: 21px;}    
.enquiry-form .d-flex>div { width: 50%; } 
.holistic-sec { width: 80%; } 
.holistic { width: 100%; } 
.library .auditoriumbox {width: calc(23% - 15px); } 
.logo img { width: 350px; } 
.activities-block p { font-size: 15px; } 
.our-story>div p { font-size: 15px; line-height: 30px; } 
.activities-block h3 { font-size: 17px; } 
.preprimary .auditoriumbox { width: 28%; } 
.videocontainer { flex-wrap: wrap; } 
.videodetails { width: 47%; } 
.photogal-block { width: calc(25% - 20px); } 
.newsletter, .media { flex-wrap: wrap; } 
.newsletterbox, .mediabox { width: 22%; } 
.auditorium.inclusion .auditoriumbox { width: 43%; } 
.testimonials>div p { -webkit-line-clamp: 7; } 
.our-story>div { padding: 23px } 
.our-story { width: 40% } 
.activity-calender { width: 60% } 
.photo-details {width: calc(33.5% - 40px);}
.dynamicdiv {padding: 6px 6px;flex-wrap: wrap;}
.dynamicdiv>div {margin-bottom: 8px;width: auto;}
.media-img img {
    height: 145px;
}
}

@media(max-width: 1200px) {
    .modal-dialog {
        min-width: 60%;
        margin-top: 35px;
    }

.facilitiesbox { width: calc(45% - 10px); } 
.admissiondiv { margin: 10px 10px; width: 43%; } 
.imgheading a { font-size: 18px; } 
.admissioninfo { flex-wrap: wrap; } 
.busroute ul li { width: 29%; } 
.preprimary .auditoriumbox { width: 44%; } 
.news_secdiv { width: calc(100% - 0px); } 
.newssec { flex-wrap: wrap; } 
.photogal-block { width: calc(27% - 32px); margin: 10px 5px; } 
.schooltourimg { width: 39%; } 
.footer-content .quick-link ul { height: auto; } 
.newsletterbox, .mediabox { width: 30%; } 
.awardimg { width: 100%; } 
.resultbox .syllabus_div { width: 26%; } 
.meetbox { width: 25%; } 
.library .auditoriumbox {width: calc(30% - 9px); } 
.alumni_box { width: 24%; } 
.aboutimg { width: 45%; } 
.messimg { width: 45%; }
.breadcrumb h1 { position: absolute; right: 20px; width: 27%; bottom: 40px; font-size: 35px; } 
.breadcrumb img { width: 75%; } 
.testimonials { flex-wrap: wrap; } 
.testimonials>div { width: 90%; margin: 20px 0; } 
.testimonial-vice .content {padding: 10px 10px 20px;} 
.story-event { flex-direction: column } 
.our-story, .activity-calender { width: 100% } 
.map { width: 45% } 
.highlighted { flex-wrap: wrap; justify-content: center } 
.highlighted>div { width: 33% } 
.gallerydesc {width: 22%;margin: 10px 5px 10px 5px;}

}
@media(max-width: 991px) {
.photo-details {width: calc(51% - 26px);margin: 10px 8px 25px 8px;}
.voice-sec iframe { width: 100%; } 
.enquiry-form { margin-bottom: 20px; width: 90%; } 
.flex-img { flex-direction: column; } 
.holistic-sec .data { width: 100%; } 
.holistic-sec { width: 95%; flex-direction: column; } 
.erppopup { width: 44%; } 
.photogal-block { width: calc(35% - 25px); } 
.housebox p { font-size: 21px; } 
.vac { width: 100%; } 
.vacbox { flex-wrap: wrap; } 
.preprimary .auditoriumbox { width: 96%; } 
.videodetails { width: 100%; } 
.datedetails {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding:5px 0px;
}
.datedetails span:before { border-right: 0px solid #bbb0b0; } 
.gallerydesc { width: 27%; } 
.photo-gallery img { height: 165px; } 
.schooltourimg { width: 60%; float: none; margin: 0 auto; } 
.tabs.tabs-content.col { margin-left: 35px; } 
section.inner-page ul { padding-left: 0px; } 
section.inner-page.padding h3 { font-size: 20px; line-height: 30px; } 
.newsletterbox, .mediabox { width: 44%; } 
.busbox { width: 100%; } 
.awardbox { flex-wrap: wrap; } 
.awardsec { width: 100%; margin-bottom: 10px; padding: 20px 10px 20px 10px; } 
.resultbox .syllabus_div { width: 40%; } 
.meetteam { flex-wrap: wrap; justify-content: center; } 
.infra { display: flex; flex-direction: column; } 
.library .auditoriumbox { width: 43%; } 
.payscale { flex-wrap: wrap; } 
.payscale_box { width: 44%; } 
.contactbox { flex-wrap: wrap; } 
.payscale_box { width: 100%; margin: 10px 10px; } 
.contact_box_1 { width: 48%; } 
.auditoriumbox { width: calc(50% - 30px); } 
.alumni_box { width: 36%; } 
.aboutimg { width: 50%; } 
.messimg { width: 50%; } 
.core { display: none; } 
.coredesc { width: 100%; padding: 20px; } 
.breadcrumb h1 { position: static; width: 100%; color: #000; padding-top: 15px; margin-bottom: 0; } 
.breadcrumb ul.breadcrumblist { position: static; width: 100%; background: #0876b7; } 
.breadcrumb { background: #fff; } 
.about-us iframe { width: 100%; margin-bottom: 30px; }
.breadcrumb img { width: 100%; border-radius: 0; height: auto; } 
#carouselInnerSlider{width:100%;}   
.gallery { flex-wrap: wrap } 
footer { flex-direction: column }
.map { width: 100% } 
.footer-content { width: 100%; } 
.activity-calender .d-flex { width: 96%; display: flex }  
.gallerydesc {width:31%;margin: 10px 5px 10px 5px;}
.media-gal { width: calc(33% - 20px);}
.MultipleImages-Box {
    width:30%;
    margin: 10px;
}
}

@media(max-width: 767px) {
.modal-dialog {width: 100%;padding: 15px;}
.testimonials-item img { width: 140px; float: right; border-radius: 50%; height: 140px; padding-right: 10px; } 
.enquiry-form { margin-bottom: 20px; width: 93%; padding: 20px; } 
.inner-page.padding { padding: 25px 60px; } 
.club { flex-direction: column; } 
.club h4 { width: calc(100% - 20px); text-align: center; } 
.admissiondiv { width: 100%; } 
.innerlogo .logo img, .logo img { width: 240px; } 
.innerlogo .logo, .logo { position: static; } 
.preprimary .auditoriumbox { width: 43%; } 
.team>div { width: 100%; } 
.team { flex-wrap: wrap; } 
.busroute { height: auto; } 
.busroute ul li { width: 100%; } 
.labtab.resulttab .tabs-nav.col { display: flex; flex-wrap: wrap; margin-top: 20px; } 
.labtab.resulttab .tabs-nav.col a { width: 100%; margin-bottom: 0; } 
.quotes { background: #a7912c; color: #fff; padding: 8px 10px; margin-top: 20px; width: 93%; } 
.gallerydesc { width: 39%; } 
.photogal-block { width: calc(50% - 10px); } 
.erppopup { width: 100%; } 
.erpboxdesc { width: 100%; } 
.erpboximg { width: 100%; } 
.schooltourimg { width: 100%; } 
.videodetails { width: 100%; } 
.block { width: 90%; } 
.meetbox { width: 29%; } 
.welogo { float: none; width: 200px; display: block; margin: 0 auto; } 
.labtab { flex-wrap: wrap; } 
.tabs-nav a { padding: 10px 6px; width: calc(100% - 12px); } 
.tabs.tabs-content.col { margin-left: 0px; margin-top: 20px; } 
.tabs-nav { flex-wrap: wrap; width: 100%; } 
.tabs .content { padding: 20px 10px 20px 10px; } 
.contact_box_1 { width: 100%; } 
.auditoriumbox { width: 100%; } 
.housebox { width: 45%; } 
.house { flex-wrap: wrap; } 
.alumni_box { width: 35%; } 
.aboutimg { width: 100%; } 
.aboutbox { margin-top: 35px; } 
.aboutbox_img { float: none; margin-top: 0; border: 10px solid #e7e3e3; width: 180px; margin: 0 auto 20px auto; } 
.messimg { width: 100%; } 
.inner-page.padding { padding: 10px 20px; } 
.activity-calender .d-flex { flex-direction: column } 
.nav { right: -65% } 
.our-story>div p { font-size: 17px; line-height: 32px } 
.activity-calender { width: 96% } 
.highlighted>div { width: 50% } 
.footer-content { width: 100%; flex-direction: column } 
.logo { position: static; transform: unset } 
.testimonial-vice>div { flex-direction: column; padding: 11px 20px; width: 100%; } 
.testimonial-vice>div img { width: 100%; } 
.testimonials .d-flex { flex-direction: column; } 
.testimonials>div img { width: 100%; margin-bottom: 15px; } 
.slider .lSSlideOuter .lSPager.lSpg>li a { width: 8px; } 
.testimonials .content { padding: 0; }
.our-story>div {padding: 0px 15px; width: 100%;}
.our-story>div h1 {font-size: 30px;}
.gallerydesc {width:48%;margin: 10px 5px 10px 5px;}
.media-gal {width: calc(50% - 20px);}
.footerlogo ul {padding: 20px 0px 0px;display: flex;justify-items: center;align-items: center;}
.MultipleImages-Box {
    width:45%;
    margin: 10px;
}


}
@media (max-width: 640px) {
.photo-details {width: 100%;}   
.facilitiesbox { width: 100%; } 
.facilitiesbox img { height: 300px; } 
.seniortable { width: 100%; overflow-x: scroll; } 
.admissiondiv b { font-size: 15px; font-weight: 100; } 
.events-desc { margin-left: 0px; } 
.seniortable table thead th p, .seniortable table tbody td p { padding: 5px; font-size: 12px; line-height: 16px; margin: 0; } 
.seniortable h3 { font-size: 14px !important; } 
.erp_links img { width: 55px; } 
.events-img { width: 100%; } 
.events_div { flex-wrap: wrap; margin: 10px 0px; } 
.our-story img { order: 2; } 
.our-story>div { box-shadow: none; } 
.photogal-block { width: calc(50% - 10px); } 
.gallerydesc { width: 100%; } 
.newsletterbox, .mediabox { width: 100%; } 
.highlights p { font-size: 15px; }
}

@media(max-width: 540px) {
    .MultipleImages-Box {
        width:100%;
        margin: 10px;
    }
.showcaselogo { width: 80px; } 
.d-flex iframe.left-video { width: 100%; margin-right: 0; } 
.d-flex { flex-wrap: wrap; display: flex; } 
.side-tabs { top: 45% } 
.photogal-block { width: 100%; } 
.photo-gallery img { height: auto; } 
.breadcrumb h1 { padding-top: 5px; margin-bottom: 5px; } 
.events-img img { height: auto; } 
.library .auditoriumbox { width: 100%; } 
.library .auditoriumbox img { height: auto; } 
.achievers { flex-wrap: wrap; } 
.innerlogo .logo img, .logo img { display: inherit; } 
.innerlogo .logo, .logo img { padding: 0; } 
.achievers_div { padding: 15px 30px 10px 15px; } 
.auditorium.inclusion .auditoriumbox { width: 100%; } 
.resultbox .syllabus_div { width: 100%; }
.meetbox { width: 100%; margin-left: 0; } 
.busbox { width: 100%; } 
.housebox { width: 100%; } 
.alumni_box { width: 100%; } 
.memberbox img { float: none; margin: 0px auto 20px auto; display: block; } 
.nav { right: -108% } 
.our-story>div h1 { font-size: 34px; } 
.highlighted>div{ width: 100% } 
 .our-story { flex-wrap: wrap } 
.our-story>div { position: static; margin-top: 20px; margin-bottom: 20px } 
.footer-content .quick-link ul { height: auto } 
.activity-calender { width: 90% } 
.footer-content { padding: 16px 8px 5px; }
.media-gal {width: 100%;}
.searchdiv {width: 310px;}

}

@media(max-width: 510px) {
.newsletterimg img { height: auto; width: 100%; } 
.preprimary .auditoriumbox img { height: auto; } 
.preprimary .auditoriumbox { width: 100%; } 
.enquiry-form .d-flex>div { width: 100%; }
}