@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
}

header {
    z-index: 9;
    width: 100%
}

li {
    font-family: 'Roboto', sans-serif;
}

.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: #ffffcc;
    padding: 4px 12px;
    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;
}

.homepopup {
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 83%);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 9999;
    overflow-y: scroll;
}
.homepopup::-webkit-scrollbar{
    width:0;
}

.homepopup .popup__content {
    width: 50%;
    /* overflow:auto; */
    color: black;
    position: relative;
    top: 6%;
    left: 50%;
    transform: translate(-50%, 0%);
    box-sizing: border-box;
}
.middile-sec-data h3{margin: 20px 0px;color: #cd003c;font-size: 20px;}
.popup__content .close {
    position: absolute;
    right: 20px;
    top: 15px;
    width: 20px;
    display: block;
    z-index: 999;
}

.popup__content .close span {
    cursor: pointer;
    position: fixed;
    width: 20px;
    height: 3px;
    background: #004f7d;
}

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

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

#notifyPop h1 {
    font-size: 20px;
    /* line-height: 30px; */
    margin: 0;
    padding: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin: 17px 0;
}

#notifyPop p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.slidecontainer {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative;
}








.testimonials-item img {width: 180px;float: right;border-radius: 50%;height: 180px;padding-right: 10px;}
.testimonials-item h4{ color:#f94e00;}
.testimonials-sec hr{border: solid 1px #ffdfdf;border-style: dashed;border-width: thin;}
.testimonials-item {clear: both;height:280px;overflow-y: scroll;}
.head2{    color: #006cab;
    padding-top: 15px;
    margin: 0px;
    font-size: 20px;}

/* ===================================
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;}



.newsbox {
    position: relative;
}

.newsbox .attachment {
    bottom: -15px;
    right: 0;
    position: absolute;
    background: #b18a28;
    top: unset;
    left: unset;
}

.slidecontainer div {
    background-color: white;
    width: 100%;
    display: inline-block;
    display: none;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.erp_sec img {
    vertical-align: middle;
}

.slidecontainer div.active {
    display: inline-block;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.slidecontainer div img {
    width: 100%;
    height: auto;
    margin-bottom: 25px;
    background: #f1f1f1;
}

.btn-wrapp {
    max-width: 400px;
    text-align: center;
    margin: 15px auto;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

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;
}

.slider {
    margin-bottom: -4px;
    position: relative;
}

.close-menu {
    background: #fff;
    padding: 9px;
    font-size: 24px;
    position: absolute;
    right: 7px;
    top: 5px;
    transition: .5s;
    cursor: pointer
}

.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;
}

.side-tabs ul {
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 0;
}

.side-tabs {
    position: fixed;
    left: 0;
    transform: translate(0%, 0%);
    top: 50%;
    z-index: 99
}

.side-tabs ul li img {
    width: 43px;
    filter: drop-shadow(0px 0px 2px #ddd);
    border: 2px solid #fff;
    border-radius: 50%;
    background: #fff
}

.highlights {
    width: 100%;
    background: #f2f2f2;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.holistic {
    width: 60%;
    margin: 0 auto;
}

.highlights p {
    color: #000;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    padding: 5px 0px;
}

.side-tabs ul li {
    margin: 3px 0;
    list-style: none;
    position: relative
}

.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
}

.popup__content .slider img {
    overflow: scroll;
    width: 100%;
}

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%;
}

.slider ul.lSPager.lSpg {
    bottom: 50px;
    background: transparent;
    position: absolute;
    right: 20px;
}

.slider .lSSlideOuter .lSPager.lSpg>li a {
    width: 50px;
    background: #fff;
}

.homepopup .popup__content .slider .lSSlideOuter .lSPager.lSpg>li a {
    width: 8px;
    background: #3c3c3c;
}

.slider .lSSlideOuter .lSPager.lSpg>li.active a {
    background: #e5c11e;
}

.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
}

.story-event {
    display: flex
}

.our-story>div h1 {
    font-size: 40px;
    margin: 10px 0;
    color: #000
}

.our-story>div p {
    font-size: 19px;
    line-height: 35px
}

.highlighted {
    display: flex
}

.highlighted>div {
    width: 20%;
    text-align: center;
    padding: 30px 0
}

.highlighted>div img {
    margin: auto;
    display: block
}

.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: 0
}

.gallery {
    display: flex;
    justify-content: space-around
}

.gallery>div {
    width: 19%;
    text-align: center;
    margin: 10px 0
}

.gallery>div img {
    width: 100%
}

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

.gallery-blk .gallery-img {
    height: 220px;
    background: #ddd
}

.gallery-blk .gallery-img img {
    object-fit: contain;
    height: 100%
}

.main-gallery>h3 {
    font-size: 34px;
    text-align: center
}

footer {
    display: flex
}

.erp_links {
    right: 0px;
    position: fixed;
    bottom: 200px;
    z-index: 99;
}

.erp_links img {
    width: 80px;
}

.OnlineR a {
    color: #fff;
}

a.parantlogo {
    padding: 12px 10px;
}

.OnlineR {
    position: relative;
    right: 0;
    z-index: 99;
    text-align: center;
    color: #fff;
    bottom: 62px;
    font-family: Open Sans, sans-serif;
}

@keyframes bounce1 {
    0% {
        background-color: #0083d1;
    }

    33% {
        background-color: #0d527a;
    }

    66% {
        background-color: #0d527a;
    }

    100% {
        background-color: #0083d1;
    }
}

.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;
}

.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 .quick-link ul {
    padding-left: 19px;
    display: flex;
    flex-direction: column;
    height: 200px;
    flex-wrap: wrap
}

.address-dlt p a img {
    width: 45px
}

.location p i {
    color: #fbd114;
    margin-right: 12px
}

.map iframe {
    width: 100%;
    height: 100%
}

.map {
    width: 70%
}

.clr {
    clear: both;
}

.copyright p {
    margin: 0;
    text-align: center;
    padding: 4px;
    background: #00588b;
    color: #fff;
    font-size: 14px
}

.activity-calender .d-flex .select-tab {
    display: flex;
    align-items: center;
    justify-content: center;
}

.activity-calender .d-flex>h3 {
    font-size: 34px;
}

.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;
}

.d-flex {
    display: flex;
}

.d-flex iframe.left-video {
    width: 50%;
    margin-right: 30px;
}

.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;
}

.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;
}

.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: 322px;
}

.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
}

.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;
}

.address-dlt {
    width: 100%
}

.address-dlt h3 span {
    font-weight: normal;
    font-size: 16px;
    margin-left: 10px
}

.location p {
    margin: 8px 0
}

.testimonials {
    display: flex;
    justify-content: space-evenly;
}

.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%;
}

.testimonials .d-flex {
    display: flex;
    align-items: center;
}

.testimonials>div p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    overflow: hidden;
    text-align: justify;
    color: #ffffffd9;
}

.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>div h3 {
    margin-top: 10px;
    font-size: 34px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 20px;
    font-weight: normal;
}

.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: 0px 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;
}

/*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;
}

.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;
}

.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;
}

.vac {
    width: 49%;
    background: #ffcd000d;
    padding: 10px;
    border-radius: 7px;
    box-shadow: 0px 0px 10px 1px #fffcf2;
    margin: 10px 15px;
}

.about-us iframe {
    float: right;
    width: 50%;
    margin-left: 40px;
    min-height: 430px;
}

.inner-page.padding {
    padding: 40px 60px;
    min-height: 280px;
}

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%;
}

.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;
}

.popup__contents {
    width: 35%;
    overflow: auto;
    padding: 50px;
    background: white;
    color: black;
    position: relative;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
}

.closes {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    display: block;
}

.closes span {
    cursor: pointer;
    position: fixed;
    width: 20px;
    height: 3px;
    background: #295c3e;
}

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

.teambg:after {
    content: "";
    position: absolute;
    background: url(../admin/uploading/static/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);
}

.popup__contents img {
    width: 100%;
}

.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;
}
.payscale_box h4 {
    font-weight: 400;
}


.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;
}

.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 {}

.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;
}

.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;
}

.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,
.media {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

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

.newsletterimg,
.mediaimg {
    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,
.mediabox {
    width: 15%;
    margin: 10px 14px;
}

.newsletterbox h4,
.mediabox 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(../admin/uploading/static/images/lotusli.png) 0% 6px no-repeat;
    padding-left: 30px;
}

.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 .active_month {
    border: solid 1px #dd522a
}

.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
}

.month-selection .active_month {
    border: solid 1px #1d4b6e;
}

/*div[data-trigger]{display:none}*/
.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%
}

/*div[data-trigger]:before {content: "No Data Found";width: 100%;height: 100%;left: 0;top: 70px;display: flex;align-items: center;justify-content: center;font-size: 60px;z-index: -1;} */
.blankDiv:before {
    background: transparent !important;
    font-size: 0px !important;
    display: none !important;
}

.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: 10px 0px;
}

.searchbox1 input {
    margin: 0px 5px;
    margin-left: 40px;
}

.dynamicdiv input {
    background: #ffffff;
    min-width: 19%;
    padding: 5px;
    padding-right: 0px;
    border: solid 1px #c3c3c3;
}

#ddyears {
    /* display: none; */
    margin-left: 28px;
    min-width: 150px;
    padding: 5px 10px;
}

#monthli {
    /* display: none; */
    /* height: 47px; */
    margin-left: 15px;
    min-width: 150px;
    padding: 5px 10px;
}

.dynamicdiv {
    flex-direction: row;
    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;
}

.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;
}

.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 ul li {}

.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;
}

.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: 19px;
    margin-top: 12px;
    padding: 0px 10px;
}

.newstitle p {
    font-size: 15px;
    color: #333;
    padding: 0px 10px;
}

.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;
}

.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 {
    position: absolute;
    top: -10px;
    left: -9px;
    background: #0673b3;
    padding: 4px;
    border-radius: 5px 0px 0px 5px;
    color: #fff;
    font-size: 14px;
}

.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;
}

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

.eventsec {}

.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;
}

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: 96%;
}

.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;
}
@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: 20%; */
        width: calc(19% - 22px);
    }

    .resultbox .syllabus_div {
        width: 29%;
    }

    .popup__contents {
        width: 55%;
    }
}

@media(max-width: 1400px) {
    .enquiry-form .d-flex > div {
    width: 50%; 
}
    .holistic-sec {
        width: 80%;
    }

    .holistic {
        width: 100%;
    }

    .library .auditoriumbox {
        /* width: 20%; */
        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%;
    }

    .homepopup .popup__content {
        width: 70%;
        /* top: 13%; */
    }

    .no-data:before {
        top: 65%;
        font-size: 30px;
    }

    .videocontainer {
        flex-wrap: wrap;
    }

    .videodetails {
        width: 47%;
    }

    .photogal-container {
        /* flex-wrap: wrap; */
    }

    .photogal-block {
        width: calc(25% - 20px);
    }

    .dynamicdiv {
        padding: 6px 6px;
        flex-wrap: wrap;
    }

    .dynamicdiv>div {
        margin-bottom: 0px;
        width: auto;
    }

    .searchbox1 input {
        margin-left: 0;
    }

    .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%
    }
}

@media(max-width: 1200px) {
    .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%;
    }

    .homepopup .popup__content {
        /* top: 10%; */
    }

    .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: 24%; */
        width: calc(30% - 9px);
    }

    .alumni_box {
        width: 24%;
    }

    .aboutimg {
        width: 45%;
    }

    .messimg {
        width: 45%;
    }

    .auditoriumbox {
        /* width: 46%; */
    }

    .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: 0px 10px 20px;
    }

    .story-event {
        flex-direction: column
    }

    .our-story,
    .activity-calender {
        width: 100%
    }

    .map {
        width: 40%
    }

    .highlighted {
        flex-wrap: wrap;
        justify-content: center
    }

    .highlighted>div {
        width: 33%
    }
}

@media(max-width: 991px) {.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%;
    }

    .searchbox1 input {
        margin-left: 0;
        min-width: 99%;
    }

    .dynamicdiv>div {
        margin-bottom: 10px;
    }

    .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: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 20px 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%;
    }

    .syllabus_div {
        /* width: 11%; */
    }

    .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;
    }

    .breadcrumb ul li {
        /* color: #000; */
    }

    .about-us iframe {
        width: 100%;
        margin-bottom: 30px;
    }

    .breadcrumb img {
        width: 100%;
        border-radius: 0;
        height: auto;
    }

    .gallery {
        flex-wrap: wrap
    }

    .gallery .gallery-blk {
        width: 33%
    }

    footer {
        flex-direction: column
    }

    .map {
        width: 100%
    }

    .footer-content {
        width: 100%;
    }

    .activity-calender .d-flex {
        width: 96%;
        display: flex
    }
}

@media(max-width: 767px) 
{
    
    
     .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;
    }

    .library .auditoriumbox img {}

    .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%;
    }

    .popup__contents {
        width: 85%;
        top: 450px;
    }

    .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%;
    }

    .homepopup .popup__content {
        width: 90%;
        /* top: 420px; */
    }

    .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;
    }

    .library .auditoriumbox {
        /* width: 100%; */
    }

    .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;
    }

    .syllabus_div {
        /* width: 24%; */
    }

    .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%
    }

    .gallery .gallery-blk {
        width: 48%
    }

    .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;
    }
}

@media (max-width: 640px) {
    .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) 
{
    .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;
    }

    .no-data:before {
        top: 75%;
    }

    .dynamicdiv>div {
        width: 100%;
        margin-top: 10px;
    }

    .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%;
    }

    .syllabus_div {
        /* width: 34%; */
    }

    .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,
    .gallery .gallery-blk {
        width: 100%
    }

    .gallery-blk .gallery-img {
        height: auto
    }

    .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(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%;
}
}