* {
    margin: 0;
    padding: 0;
    border: none;
    outline: 0;
    font-size: 100%;
    line-height: inherit
}

:root {
    --theme-primary: #0F143B;
    --theme-primary-light: #F3F3F3;
    --theme-primary-dark: #355B32;
    --theme-warning: #C69214;
    --theme-danger: #8c221b;
    --font-family: "Aleo", serif;
    --theme-gray: rgb(248, 248, 248);
    --theme-primary-accent: #F1F3F2;
    --theme-dark: #0A0A0A;
    --step--2: clamp(0.6076rem, 0.5964rem + 0.0563vw, 0.64rem);
    --step--1: clamp(0.7292rem, 0.7045rem + 0.1232vw, 0.8rem);
    --step-0: clamp(0.875rem, 0.8315rem + 0.2174vw, 1rem);
    --step-1: clamp(1.05rem, 0.9804rem + 0.3478vw, 1.25rem);
    --step-2: clamp(1.26rem, 1.1548rem + 0.5261vw, 1.5625rem);
    --step-3: clamp(1.512rem, 1.3586rem + 0.7672vw, 1.9531rem);
    --step-4: clamp(1.8144rem, 1.5963rem + 1.0904vw, 2.4414rem);
    --step-5: clamp(2.1773rem, 1.8731rem + 1.5208vw, 3.0518rem)
}

body,
html {
    font-size: var(--step-0);
    color: var(--theme-dark);
    line-height: 1.6em;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    background: #fff;
    font-family: var(--font-family);
    scroll-behavior: smooth;
    overflow-x: hidden
}

.fs-base {
    font-size: 1rem !important
}

.fs-14 {
    font-size: .8rem
}

.border-white-50 {
    border-color: rgba(255, 255, 255, .5) !important
}

.btn,
.font-aleo {
    font-family: Aleo, sans-serif !important
}

.font-Rubik {
    font-family: Rubik, sans-serif
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700 !important;
    font-family: Rubik, sans-serif
}

.h1,
h1 {
    font-size: var(--step-5)
}

.h2,
h2 {
    font-size: var(--step-4)
}

.h3,
h3 {
    font-size: var(--step-3)
}

.h4,
h4 {
    font-size: var(--step-2)
}

.h5,
h5 {
    font-size: var(--step-1)
}

.h6,
h6 {
    font-size: var(--step-0)
}

.small,
small {
    font-size: var(--step--1)
}

.smallest {
    font-size: var(--step--2)
}

.bg-theme-primary-accent {
    background-color: var(--theme-primary-accent) !important
}

.bg-theme-primary {
    background-color: var(--theme-primary) !important
}

.bg-theme-danger {
    background-color: var(--theme-danger) !important
}

.bg-theme-primary-dark {
    background-color: var(--theme-primary-dark)
}

.bg-theme-warning {
    background-color: var(--theme-warning) !important
}

.text-underline {
    text-decoration: underline
}

.text-theme-primary {
    color: var(--theme-primary) !important
}

.text-theme-danger {
    color: var(--theme-danger) !important
}

.border-4 {
    border: 4px solid
}

.border-theme-warning {
    border-color: var(--theme-warning) !important
}

.text-theme-primary-dark {
    color: var(--theme-primary-dark) !important
}

.text-theme-warning {
    color: var(--theme-warning) !important
}

.btn {
    border-radius: 2px !important
}

.btn-theme-primary {
    background-color: var(--theme-warning);
    color: #fff;
    transition: all .3s ease-in-out
}

.btn-theme-primary-bg-inverse {
    background-color: var(--theme-primary);
    color: #fff !important;
    transition: all .3s ease-in-out
}

.btn-theme-primary-bg-inverse:hover {
    color: var(--theme-primary) !important;
    background-color: #fff
}

.bg-theme-primary-light {
    background-color: var(--theme-primary-light) !important
}

.border-theme-primary {
    border-color: var(--theme-primary) !important
}

.heading-underline {
    position: relative
}

.heading-underline::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background: var(--theme-primary)
}

.ls-1 {
    letter-spacing: 1px
}

.ls-2 {
    letter-spacing: 2px
}

.lh-13 {
    line-height: 1.3
}

.lh-1 {
    line-height: 1
}

.page-wrapper {
    position: relative;
    width: 100%;
    min-width: 300px;
    z-index: 9;
    margin: 0 auto
}

.text-black {
    color: #000 !important
}

body.mobile-menu-visible .page-wrapper {
    z-index: 999999
}

a {
    text-decoration: none;
    cursor: pointer;
    transition: .3s;
    -webkit-transition: .3s;
    color: var(--blue-color)
}

a:focus,
a:hover,
a:visited {
    text-decoration: none !important;
    outline: 0
}

.font-dm {
    font-family: "DM Sans", sans-serif !important
}

.school-slider .slider_content {
    font-style: italic;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 1
}

@media (max-width:768px) {
    .school-slider .slider_content {
        font-size: 14px
    }
}

.school-slider .owl-item::before {
    content: '';
    display: block;
    width: 100%;
    height: 20%;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, .9192051820728291) 0, rgba(243, 243, 243, 0) 100%);
    z-index: 1;
    position: absolute;
    bottom: 0
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    z-index: 9
}

.auto-container {
    position: static;
    max-width: 1240px;
    width: calc(100% - 1rem);
    padding: 0 15px;
    margin: 0 auto
}

li,
ul {
    list-style: none;
    padding: 0;
    margin: 0
}

figure {
    margin-bottom: 0
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto
}

.dropdown-toggle::after {
    display: none
}

.owl-dots {
    text-align: center;
    line-height: .8;
    bottom: 0;
    left: 50%;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    width: fit-content;
    margin: 1rem auto 1.8rem
}

.owl-dots .owl-dot {
    width: 30px;
    height: 5px;
    border-radius: 0;
    background: var(--theme-warning) !important;
    transition: .3s;
    -webkit-transition: .3s;
    margin: 0;
    display: inline-block;
    opacity: 1;
    position: relative
}

.owl-dots .owl-dot:last-child:after {
    display: none
}

.owl-dots .owl-dot.active {
    opacity: 1;
    background: var(--theme-primary) !important
}

.theme-btn {
    display: inline-block;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.btn,
button {
    outline: 0 !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-35 {
    margin-bottom: 35px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-40 {
    margin-top: 40px !important
}

.mt-50 {
    margin-top: 50px !important
}

.mt-70 {
    margin-top: 70px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.mb-70 {
    margin-bottom: 70px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.pb-30 {
    padding-bottom: 30px !important
}

.pb-50 {
    padding-bottom: 50px !important
}

.scroll-to-top {
    position: fixed;
    right: 10px;
    bottom: 85px;
    width: 40px;
    height: 40px;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    border-radius: 50%;
    display: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.lh {
    line-height: 1.4
}

.scroll-to-top.style-two {
    background-color: #2d3247
}

.scroll-to-top:hover {
    color: #fff;
    background: var(--theme-primary-dark)
}

.news-scroll {
    position: relative;
    z-index: 10;
    background: var(--theme-warning);
    width: 100%
}

.news-scroll_title {
    background: var(--theme-primary-dark);
    color: #fff;
    white-space: nowrap
}

.circular_card_sec .circular_title {
    font-size: .875rem
}

.circular_card_sec {
    height: 350px;
    overflow: hidden auto
}

.circular_card_sec .btn-link {
    color: var(--theme-primary);
    transition: all .3s
}

.circular_card_sec .circular_viewAll {
    margin-bottom: -1em
}

.circular_card_sec .btn-link:hover {
    filter: brightness(70%)
}

.circular_card_sec::-webkit-scrollbar {
    width: 5px
}

.circular_card_sec::-webkit-scrollbar-track {
    background: #f1f1f1
}

.circular_card_sec::-webkit-scrollbar-thumb {
    background: var(--theme-warning)
}

.circular_card_sec::-webkit-scrollbar-thumb:hover {
    background-color: #ffc000
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto
}

.marquee {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 27px
}

.btn_top-links {
    background-color: var(--theme-warning);
    transition: all .3s
}

.btn_top-links:hover {
    background-color: var(--theme-primary-light)
}

.btn_top-links img.edunext-logo {
    width: 13px
}

@media (min-width:768px) {
    .btn_top-links img.edunext-logo {
        width: 16px
    }
}

@media (max-width:500px) {
    .top_contacts {
        font-size: var(--step--1)
    }

    .top_contacts a.btn {
        font-size: var(--step--1)
    }
}

.top_contacts i.fa {
    color: var(--theme-warning);
    transition: color .3s
}

.top_contacts i.fa:hover {
    filter: brightness(.9)
}

.marquee .links {
    position: absolute;
    white-space: nowrap;
    animation: marquee 15s linear infinite !important
}

.news-scroll_content .btn {
    font-size: 12px;
    font-weight: 500;
    color: #000000d8;
    transition: all .3s
}

.news-scroll_content .btn .fa {
    font-size: 20px;
    vertical-align: middle;
    color: #000
}

.marque-content {
    color: #000;
    font-size: 13px;
    font-family: Aleo, serif
}

.fa-caret-right {
    color: #fff
}

.after-news-logo-text {
    font-family: Aleo, serif;
    font-size: 13px;
    color: #fff
}

@media only screen and (min-width:1200px) {
    div.container {
        max-width: 1200px
    }
}

@keyframes marquee {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(-100%)
    }
}

.marquee:hover .links {
    animation-play-state: paused !important
}

@media(max-width:576px) {
    .after-news-logo-text {
        font-size: 10px
    }
}

.about-section {
    background: url(../../resources/web-data/sps/image/page-title-bg-1.png);
    background-size: cover
}

.about-section {
    position: relative;
    background: #fff
}

.about_left {
    position: relative;
    padding-top: 2rem
}

.about-left p {
    font-family: Aleo, serif;
    padding: 0 10%;
    text-align: center
}

.about-left h4 {
    font-family: Aleo, serif;
    letter-spacing: 0
}

.section-tittle_about {
    bottom: 11px;
    font-size: 19px
}

.section-title {
    font-size: 29px
}

.about-page {
    background: #dcdde7
}

.about-section:not(.about-page) {
    color: #fff;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    display: flex;
    align-items: center
}

.linestyle {
    display: inline-block;
    width: 4px;
    height: 35px;
    background: rgb(167 165 166 / 40%);
    position: absolute;
    top: 1rem;
    left: 50%;
    border-radius: 10px;
    overflow: hidden
}

.linestyle:after {
    display: inline-block;
    content: '';
    width: 3px;
    height: 12px;
    background: var(--theme-primary);
    position: absolute;
    bottom: 0;
    left: 0;
    animation: scrollDown 1.5s infinite
}

.list-style-auto {
    list-style-type: auto
}

.list-style-auto li {
    list-style-type: auto
}

.list-style-disc {
    list-style-type: disc
}

.list-style-disc li {
    list-style-type: disc
}

.green-text {
    color: var(--theme-primary)
}

.activity-gal-card {
    position: relative;
    box-shadow: 0 3px 6px #0000000F;
    border: 1px solid #70707040
}

.activity-gal-card:hover .activity-gal-content {
    bottom: 100%;
    transform: translateY(100%)
}

.activity-gal-content {
    background: var(--theme-primary);
    padding: 10px 10px;
    position: absolute;
    width: 100%;
    bottom: 0;
    transition: all 1s
}

.activity-gal-content .act-name {
    font-size: 16px;
    font-weight: 600;
    color: #fff
}

.activity-gal-img {
    height: 250px;
    width: 100%;
    overflow: hidden
}

.activity-gal-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@keyframes scrollDown {
    0% {
        transform: translate3d(0, -70px, 0)
    }

    50% {
        animation-timing-function: ease-in-out;
        transform: translate3d(0, 0, 0)
    }

    100% {
        animation-timing-function: ease-in-out;
        transform: translate3d(0, 65px, 0)
    }
}

.wel-right {
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
    transform: scale(1.1)
}

.button-body {
    background-color: var(--theme-primary);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 19px;
    border-radius: 4px;
    position: relative;
    font-family: Aleo, serif
}

.button-body::before {
    content: "";
    position: absolute;
    height: 39px;
    width: 115px;
    border: 1px solid var(--theme-primary-dark);
    border-radius: 4px;
    top: -2px;
    left: -3px;
    opacity: 0;
    transition: all .2s
}

.button-body:hover::before {
    opacity: 1
}

@media(max-width:576px) {
    .linestyle {
        display: inline-block;
        width: 4px;
        height: 35px;
        background: rgb(167 165 166 / 40%);
        position: absolute;
        top: 0;
        left: 50%;
        border-radius: 10px;
        overflow: hidden
    }

    .section-tittle_about {
        bottom: -3px;
        font-size: 14px
    }

    .section-title {
        font-size: 16px
    }

    .card-title {
        font-size: 14px
    }
}

.about-left p {
    padding: 0
}

.facility-props {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 60px
}

.school-facility {
    background: url(../../resources/web-data/idps-assets/school-facility-background-img.png);
    background-size: cover
}

.school-facility .card {
    background-color: var(--theme-warning);
    border: 1px solid var(--theme-primary)
}

.school-facility .card-img {
    transition: all .3s;
    overflow: hidden
}

.school-facility .card:hover .card-img {
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
    box-shadow: 0 3px 6px #00000029
}

.school-facility .card-img-top {
    transition: transform .3s;
    object-fit: cover;
    height: 200px
}

.school-facility .card:hover .card-img-top {
    transform: scale(1.1)
}

.facilities-readmore {
    margin-bottom: -23px;
    text-align: center;
    background: var(--theme-primary);
    color: #fff;
    font-family: Aleo, serif;
    outline: 1px solid transparent !important;
    outline-offset: 2px;
    transition: all .3s
}

.school-facility .card:hover .facilities-readmore {
    outline: 1px solid var(--theme-primary) !important;
    outline-offset: 2px
}

.card-title {
    font-size: 18px
}

.facilities-readmore:hover {
    color: #fff
}

.card:hover .facilities-readmore:before {
    opacity: 1;
    color: #fff
}

@media(max-width:576px) {
    .card-title {
        font-size: 14px
    }

    .facilities-readmore:before {
        height: 39px;
        width: 99px;
        left: 95px;
        bottom: -22px
    }
}

.addmision-section {
    background: url(../../resources/web-data/idps-assets/addmision-section.png);
    background-size: cover;
    background-repeat: no-repeat
}

.addmision-box {
    background: url(../../resources/web-data/idps-assets/addmision-section-div-bg-img.png);
    background-size: cover;
    position: relative
}

.addmision-tittle_about {
    bottom: 11px;
    font-size: 19px
}

.addmision-title {
    font-size: 18px
}

.addmision-session {
    font-weight: 700;
    background: #facf0f;
    background: linear-gradient(100deg, rgba(250, 207, 15, 0) 0, rgba(250, 207, 15, .9051995798319328) 52%, rgba(250, 207, 15, 0) 100%);
    font-family: Aleo, sans-serif
}

.addmision-para {
    font-size: 12px;
    line-height: 2
}

.addmission-readmore:before {
    content: "";
    position: absolute;
    height: 44px;
    width: 113px;
    border: 1px solid var(--theme-primary-dark);
    border-radius: 4px;
    left: 128px;
    bottom: -22px;
    opacity: 0;
    transition: all .2s;
    color: #fff
}

@media(max-width:567px) {
    .addmision-tittle_about {
        font-size: 10px
    }

    .addmision-title {
        font-size: 10px
    }

    .addmision-tittle_about {
        bottom: 0
    }
}

.main-header {
    position: relative;
    display: block;
    width: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
    clear: both
}

.main-header .header-top {
    background: var(--them-primary)
}

@media (min-width:992px) {
    .main-header .header-top {
        background: #fff url(../../resources/web-data/sps/image/menu-bg.png) no-repeat bottom;
        background-size: 100% 98%
    }
}

.container.auto-container,
.header-upper .auto-container,
.main-header.header-style-one .auto-container {
    max-width: 1520px
}

.main-header.header-style-one {
    position: relative
}

.rs-toolbar {
    padding: 4px 0 5px;
    font-size: 12px;
    position: relative;
    background-color: var(--theme-primary)
}

.rs-toolbar .container {
    position: relative;
    z-index: 2
}

.header-top {
    position: relative;
    padding: 0
}

.main-header .rs-toolbar-start a {
    font-size: 12px;
    border-radius: 0 0 .5rem .5rem !important
}

.main-header .rs-toolbar-start a i {
    margin-right: 5px
}

.header-top .inner-container {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.header-top .left-column {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.header-top ul.contact-info {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.header-top ul.contact-info li {
    margin-right: 22px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    padding-right: 20px
}

.header-top ul.contact-info li:before {
    position: absolute;
    content: '';
    top: 5px;
    right: 0;
    width: 1px;
    height: 20px;
    background-color: rgba(255, 255, 255, .2)
}

.header-top ul.contact-info li:last-child:before {
    display: none
}

.header-top ul.contact-info a {
    color: #fff
}

.header-top ul.contact-info li i {
    margin-right: 7px;
    font-size: 20px;
    vertical-align: middle;
    position: relative;
    top: -2px
}

.header-top .social-icon {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end
}

.header-top .social-icon.xl-social-icon {
    display: flex !important
}

.header-top .social-icon li {
    margin-right: 8px;
    font-size: 14px;
    line-height: 20px
}

.header-social ul li {
    display: inline-block
}

.header-social ul li a {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
    transition: all .3s ease 0s;
    line-height: 31px;
    font-size: 14px;
    border-radius: 42px;
    font-weight: 300;
    margin-right: 5px;
    transition: .3s
}

.header-social ul li a:hover {
    background: 0 0 !important;
    border: 1px solid #2b50a5;
    color: #2b50a5 !important
}

.header-top .social-icon li:last-child {
    margin-right: 0
}

.left-img-column img {
    max-width: 300px
}

a.fb-color {
    background: #3e5c9a !important
}

a.ld-color {
    background: #0c63bc !important
}

a.tw-color {
    background: #1c9cea !important
}

a.ins-color {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%)
}

.fb-bg {
    background: #3e5c9a
}

.ins-bg {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%)
}

.fb-bg:hover {
    background: #3e5c9a !important
}

.insta-bg:hover {
    background: -moz-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
    background: -webkit-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
    background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important
}

.ld-bg:hover {
    background: #0c63bc !important
}

.yb-bg:hover {
    background: #c3271a !important
}

.header-top .social-icon li a {
    background: #fff;
    transition: .5s;
    display: inline-block;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    border-radius: 42px;
    font-size: 14px
}

.header-top .social-icon li a.erp-login {
    width: auto;
    background: #fff;
    color: #013300;
    font-size: 14px;
    padding: 0 10px;
    border-radius: 4px;
    font-weight: 500
}

.header-top .social-icon li a:hover {
    background: #fff;
    color: #013300
}

ul.btns-link {
    max-width: 100%;
    text-align: right;
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

ul.btns-link li {
    display: inline-block;
    margin-left: 18px;
    margin-top: 8px
}

.add-enq {
    position: relative
}

.add-enq:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    width: 1px;
    height: 36px;
    background: #84858f63
}

ul.btns-link li:first-child {
    margin-left: 0
}

ul.btns-link li a {
    padding: 6px 6px;
    font-size: 12px;
    font-weight: 400
}

ul.btns-link li .cbse-btn {
    color: #001742;
    background: #f9fbff;
    box-shadow: 2px 3px 3px #0000000D;
    border: 1px solid var(--blue-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 140px;
    transition: .3s
}

ul.btns-link li .cbse-btn:hover {
    background: var(--gold-color);
    color: #fff;
    border: 1px solid #fff
}

ul.btns-link li:hover .cbse-btn img {
    filter: brightness(20)
}

.border-primary-btn {
    border: 1px solid #343f64 !important;
    color: #343f64 !important
}

.header-upper .navbar-right {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 50px
}

.header-upper {
    position: relative;
    z-index: 222
}

.header-internal .header-upper {
    background: #fff
}

.header-upper .inner-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.header-upper .logo-box {
    z-index: 10
}

.header-upper .logo-box .logo {
    position: relative;
    display: block;
    padding: 6px 0
}

.header-upper .right-column {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

@media (min-width:1140px) {
    .header-top .right-column {
        width: 77%
    }
}

.header-upper .search-btn {
    margin-left: 35px;
    padding-left: 20px;
    line-height: 20px;
    border-left: 1px solid #919191;
    margin-right: 20px
}

.header-upper .link-btn a {
    vertical-align: middle
}

.header-upper .search-toggler {
    color: #000;
    background: 0 0;
    font-size: 22px
}

.nav-outer {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.navbar-right-info .mobile-nav-toggler {
    position: relative;
    width: 50px;
    height: 50px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin-left: 30px;
    cursor: pointer;
    border-radius: 50%
}

.main-header .nav-outer .main-menu {
    position: relative
}

.main-menu .inner-container {
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .12);
    margin-bottom: -25px;
    background: #fff
}

.main-menu .navbar-collapse {
    padding: 0;
    display: block !important
}

.main-menu .navigation {
    position: relative;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end
}

.main-menu .navigation>li {
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.main-menu .navigation>li.current:before {
    opacity: 1
}

.main-menu .navigation>li.current>a:before {
    opacity: 1
}

.main-menu .navigation>li:last-child {
    margin-right: 0
}

.main-menu .navigation>li>a {
    position: relative;
    display: block;
    text-align: center;
    font-size: .9rem;
    line-height: 26px;
    color: rgba(255, 255, 255, .945);
    opacity: 1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-family: Aleo, serif;
    letter-spacing: .5px;
    font-weight: 500;
    padding: 2px 5px;
    transition: all .3s
}

@media (min-width:1440px) {
    .main-menu .navigation>li>a {
        font-size: 1rem
    }
}

.header_links>a {
    font-size: .8rem;
    transition: all .3s;
    padding: 0 .7em
}

@media (max-width:768px) {
    .header_links>a {
        width: 49%
    }
}

.header_links .link_contact {
    background: #386d51;
    color: #fff
}

.header_links .link_mandatory,
.link_mandatory {
    background: #79318a;
    color: #fff
}

.link_enquiry {
    background: #d26e1f;
    color: #fff
}

.link_fee {
    background: var(--theme-warning);
    color: #fff
}

.slider-bottom-links a {
    font-size: 12px
}

.header_links a:hover,
.slider-bottom-links a:hover {
    color: #fff;
    filter: brightness(90%)
}

.header-social a {
    width: 27px;
    height: 27px;
    border: 2px solid #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    transition: all .2s
}

.header-social .social-face {
    background: #fff;
    color: #3d5c99 !important
}

.header-social .social-you {
    background: #fff;
    color: red !important
}

.header-social .social-insta {
    background: #fff
}

.header-social .social-insta i {
    background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-menu .navigation li:last-child a::before {
    display: none
}

li.dropdown ul li a::before {
    display: none !important
}

.header-internal .main-menu .navigation>li>a {
    color: #070707
}

.header-internal .main-menu .navigation>li.current:not(:last-child)>a,
.header-internal .main-menu .navigation>li>a:hover,
.main-menu .navigation>li.current:not(:last-child)>a,
.main-menu .navigation>li>a:hover {
    color: var(--theme-warning) !important
}

.main-menu .navigation>li>a img {
    filter: invert(1) brightness(0) invert(1);
    width: 15px;
    margin-bottom: 2px
}

.main-menu .navigation>li.current>a img,
.main-menu .navigation>li:hover>a img {
    filter: unset
}

.main-menu .navigation .home-icon img {
    max-width: 18px
}

@media (min-width:992px) {
    .main-header .inner-container .inner-container::after {
        content: "";
        position: absolute;
        right: -9px;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 70%;
        background-color: #ffffffc4
    }
}

.main-menu .navigation>li>ul {
    position: absolute;
    left: 0;
    top: 100%;
    bottom: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 200px;
    z-index: 100;
    display: none;
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    transition: .5s;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05)
}

.main-menu .navigation>li>ul.from-right {
    left: auto;
    right: 0
}

.main-menu .navigation>li>ul>li {
    position: relative;
    width: 100%;
    padding: 0 15px
}

.main-menu .navigation>li>ul>li:last-child {
    border-bottom: none
}

.main-menu .navigation .dropdown ul li.current:after {
    display: none
}

.main-menu .navigation>li>ul>li:before {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    display: block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.main-menu .navigation>li>ul>li>a {
    position: relative;
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #e9e5df;
    line-height: 20px;
    font-size: .9rem;
    font-family: aleo, serif;
    font-weight: 700;
    color: var(--theme-primary);
    text-align: left;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.main-menu .navigation .dropdown li {
    transition: all .3s ease
}

.main-menu .navigation .dropdown li:hover {
    padding-left: 1.5rem;
    background-color: var(--theme-warning)
}

.main-menu .navigation .dropdown li:hover a {
    color: #fff;
    border-color: var(--theme-warning)
}

.about_left {
    background: #f7f7f7 url(../../resources/web-data/idps-assets/images/about-bg-min.png) no-repeat center;
    background-size: cover
}

.activity-sec {
    background: #f7f7f7
}

.mission-card {
    background: var(--theme-primary) url(../../resources/web-data/idps-assets/images/mission-bg.png) no-repeat center;
    background-size: 100%
}

.key_left-col {
    background: var(--theme-primary) url(../../resources/web-data/idps-assets/images/kc-bg.png) no-repeat center;
    background-size: 100%
}

.key-char .heading-img {
    max-width: min(640px, 90%)
}

.key-char .card-item {
    background: #f0fcf6;
    transition: background .3s
}

.key-char .card-item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    background: var(--theme-primary);
    background: linear-gradient(145deg, var(--theme-primary) 35%, rgba(250, 207, 15, 1) 100%);
    transition: all .5s
}

.key-char .card-item:hover::after {
    height: 7px;
    bottom: -7px
}

.key-char .card-item:hover {
    background: #f0fcf6;
    background: linear-gradient(145deg, rgba(240, 252, 246, 1) 41%, rgba(250, 207, 15, .5914740896358543) 100%);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.key-char .key-char_sub-h {
    margin-top: -20px;
    line-height: 1.3
}

.message-sec .heading-img {
    max-width: min(410px, 80%)
}

.heading-img {
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 90%;
    max-width: min(850px, 80%)
}

.acitvity-school-title {
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    width: fit-content
}

.activity-sec .a_card-item {
    position: relative;
    transition: all .3s
}

.activity-sec .a_card-item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 50%;
    transform: translateY(-50%);
    background-color: var(--theme-primary);
    transition: all .3s
}

.activity-sec .a_card-item:hover {
    background-color: var(--theme-warning);
    border-color: var(--theme-primary) !important
}

.activity-sec .a_card-item:hover::before {
    transform: translateY(-60%)
}

@media (min-width:768px) {
    .activity_card {
        padding-right: 4rem !important
    }

    .acitvity-school-title {
        margin-right: 40px;
        margin-left: unset
    }

    .mission-card {
        transform: translate(-70px, 10px)
    }
}

@media (min-width:992px) {
    .activity-sec {
        padding-bottom: 9rem
    }

    .key_right-thumb img {
        transform: scaleX(1.1);
        transform-origin: top right
    }

    .activity-sec {
        background: #f7f7f7 url(../../resources/web-data/idps-assets/images/as-bg-min.png) no-repeat center;
        background-size: 100%
    }
}

.main-menu .navigation>li>ul>li:last-child>a {
    border-bottom: 0
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
    position: absolute;
    content: "\f105";
    right: 0;
    top: 11px;
    display: block;
    line-height: 24px;
    font-size: 17px;
    font-family: FontAwesome;
    font-weight: 400
}

.main-menu .navigation>li>ul>li>ul {
    position: absolute;
    left: 100%;
    top: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 200px;
    z-index: 100;
    display: none;
    background-color: #fff;
    transition: .5s;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1)
}

.main-menu .navigation>li>ul>li>ul.from-right {
    left: auto;
    right: 0
}

.main-menu .navigation>li>ul>li>ul>li {
    position: relative;
    width: 100%;
    padding: 0 15px
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
    border-bottom: none
}

.main-menu .navigation>li>ul>li>ul>li:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    display: block;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
    border-bottom: none
}

.main-menu .navigation>li>ul>li>ul>li>a {
    position: relative;
    display: block;
    padding: 8px 0;
    line-height: 20px;
    font-weight: 400;
    border-bottom: 1px solid #e9e5df;
    font-size: 14px;
    font-weight: 500;
    color: var(--blue-color);
    text-align: left;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.main-menu .navigation>li>ul>li>ul>li:last-child>a {
    border-bottom: 0
}

.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
    font-family: 'Font Awesome 5 Pro';
    content: "\f105";
    position: absolute;
    right: 30px;
    top: 12px;
    display: block;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    z-index: 5
}

.main-menu .navigation>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.main-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 34px;
    height: 30px;
    border: 1px solid #fff;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    cursor: pointer;
    z-index: 5;
    display: none
}

.main-header .header-upper .contact-info {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 30px;
    padding-left: 30px;
    border-left: 1px solid #eee
}

.main-header .header-upper .contact-info .icon {
    position: relative;
    font-size: 24px;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    background: #e1eeeb;
    border-radius: 50%;
    margin-right: 15px;
    color: #126051;
    transition: .5s
}

.main-header .header-upper .contact-info:hover .icon {
    color: #fff
}

.main-header .header-upper .contact-info .icon:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.main-header .header-upper .contact-info:hover .icon:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.main-header .header-upper .contact-info .icon span {
    position: relative
}

.main-header .header-upper .contact-info h5 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px
}

.main-header .header-upper .contact-info h4 {
    font-size: 26px;
    font-weight: 700
}

.main-header .header-upper .contact-info h4 a {
    color: #222
}

.menuup .main-menu .navigation>li>ul {
    top: auto;
    bottom: 100%;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px)
}

.header-internal .menuup .main-menu .navigation>li>ul {
    top: 100%;
    bottom: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.sticky-header {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0 0;
    z-index: -1;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    -webkit-transition: top .3s ease;
    -o-transition: top .3s ease;
    transition: top .3s ease
}

.fixed-header .sticky-header {
    opacity: 1;
    z-index: 99901;
    visibility: visible
}

.nav-outer .mobile-nav-toggler {
    position: relative;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
    float: right;
    margin: 13px 0;
    margin-left: 0;
    display: none
}

.mobile-menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    padding-right: 30px;
    max-width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 999999
}

.mobile-menu .mCSB_scrollTools {
    right: -6px
}

.mobile-menu .mCSB_inside>.mCSB_container {
    margin-right: 5px
}

.mobile-menu .navbar-collapse {
    display: block !important
}

.mobile-menu .nav-logo {
    position: relative;
    padding: 20px 25px;
    text-align: left;
    margin: 0;
    background: #fff
}

.mobile-menu-visible {
    overflow: hidden
}

.mobile-menu-visible .mobile-menu {
    opacity: 1;
    visibility: visible
}

.mobile-menu .menu-backdrop {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease;
    background-color: #000
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
    opacity: .3;
    visibility: visible;
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.mobile-menu .menu-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    background: var(--theme-primary);
    padding: 0 0;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%)
}

.mobile-menu-visible .mobile-menu .menu-box {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.mobile-menu .close-btn {
    position: absolute;
    right: 5px;
    top: 10px;
    line-height: 10px;
    width: 24px;
    text-align: center;
    font-size: 20px;
    color: var(--theme-primary);
    cursor: pointer;
    z-index: 10;
    font-weight: 400;
    -webkit-transition: all .9s ease;
    -o-transition: all .9s ease;
    transition: all .9s ease
}

.mobile-menu .navigation {
    position: relative;
    display: block;
    width: 100%;
    float: none
}

.mobile-menu .navigation li {
    position: relative;
    display: block;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.mobile-menu .navigation:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.mobile-menu .navigation li>ul>li:first-child {
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.mobile-menu .navigation li>a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 7px 25px;
    font-size: 14px;
    color: #fff;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.mobile-menu .navigation li a img {
    filter: invert(1) brightness(100);
    max-width: 18px
}

.mobile-menu .navigation li ul li>a {
    font-size: 13px;
    margin-left: 20px;
    text-transform: capitalize
}

.mobile-menu .navigation li ul li:before {
    position: absolute;
    left: 22px;
    font-family: FontAwesome;
    font-weight: 800;
    content: "\f178";
    top: 11px;
    line-height: 15px;
    color: #fff
}

.mobile-menu .navigation li>a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.mobile-menu .navigation li.current>a:before {
    height: 100%
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    right: 6px;
    top: .2em;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    background: rgba(255, 255, 255, .1);
    cursor: pointer;
    border-radius: 2px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 5
}

.mobile-menu .navigation li.dropdown .dropdown-btn.open {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
    display: none
}

.mobile-menu .social-links {
    position: relative;
    text-align: center;
    padding: 30px 25px
}

.mobile-menu .social-links li {
    position: relative;
    display: inline-block;
    margin: 0 10px 10px
}

.mobile-menu .social-links li a {
    position: relative;
    line-height: 32px;
    font-size: 14px;
    color: #fff;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    padding: 5px 10px
}

.contact-widget {
    position: relative
}

.contact-widget .icon-box {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.contact-widget .icon {
    width: 35px;
    font-size: 18px;
    margin-top: 2px;
    color: #fff
}

.contact-widget .text {
    color: #fff
}

.contact-widget .text a {
    color: #fff
}

.contact-widget .text strong {
    color: #fff;
    font-weight: 700;
    display: block
}

.nav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 99999;
    width: 100%;
    display: none;
    background: rgba(20, 20, 20, .7);
    overflow: hidden;
    cursor: none
}

.banner-section {
    position: relative
}

.banner-section .background-text {
    position: absolute;
    right: -280px;
    bottom: 190px;
    z-index: 99;
    text-transform: uppercase;
    font-size: 240px;
    font-weight: 700;
    letter-spacing: -5px;
    line-height: 200px;
    color: rgb(255 255 255 / .1);
    transform: rotate(-30deg)
}

.banner-section .background-text .text-2 {
    position: absolute;
    top: -5px;
    left: 15px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgb(255 255 255 / .2);
    color: transparent
}

.banner-slider,
.three-item-carousel {
    position: relative;
    height: 100% !important;
    z-index: 9
}

.banner-section .swiper-slide {
    position: relative;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.slider-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    height: auto;
    padding: 20px 0;
    width: 100%;
    background: transparent linear-gradient(180deg, #00000000 0, #222 100%)
}

.slider-overlay .main-head-text {
    font-size: 16px;
    font-weight: 400;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-decoration: underline
}

.slider-overlay .slider-con-text {
    color: #fff;
    font-weight: 600;
    font-size: 28px;
    text-align: center;
    font-style: italic;
    text-shadow: 0 3px 6px #0000004F
}

.slider-logo-img img {
    max-width: 60px;
    margin: 0 10px
}

.banner-wrp .content-outer {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    display: table;
    vertical-align: middle
}

.banner-wrp .content-box {
    position: relative;
    padding: 0 15px 10px;
    min-height: 74vh;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.banner-wrp .content-box .inner {
    position: relative;
    opacity: 0;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
    padding: 0 15px
}

.banner-wrp .swiper-slide-active .content-box .inner {
    opacity: 1;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.banner-wrp .content-box h1 {
    position: relative;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: capitalize;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    margin-bottom: 20px;
    letter-spacing: 0
}

.banner-wrp .content-box.justify-content-center h1:before {
    left: 50%;
    transform: translateX(-50%)
}

.banner-wrp .swiper-slide-active .content-box h1 {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.banner-wrp .content-box h4 {
    position: relative;
    display: block;
    font-size: 30px;
    line-height: 1.2em;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px)
}

.banner-wrp .swiper-slide-active h4 {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.banner-wrp .content-box .text {
    position: relative;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    color: #2c2c2d;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
    margin-bottom: 30px
}

.banner-wrp .swiper-slide-active .text {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 1.6s;
    -o-transition-delay: 1.6s;
    transition-delay: 1.6s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.banner-wrp .link-box {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    margin: 0 -10px
}

.banner-wrp .swiper-slide-active .link-box {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.banner-wrp .link-box a {
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
    margin: 0 10px 10px;
    border: 2px solid #006940
}

.banner-section .banner-slider-nav {
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.banner-section .banner-slider-button-next {
    position: relative;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    z-index: 9;
    margin-right: 40px;
    font-size: 18px;
    background-color: rgb(255 255 255 / 0%);
    transition: .5s;
    border-radius: 42px;
    opacity: 1;
    border: 1px solid #fff
}

.banner-section .banner-slider-button-next:hover {
    color: #fff
}

.banner-section .banner-slider-button-prev {
    position: relative;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    z-index: 9;
    margin-left: 40px;
    font-size: 18px;
    background-color: rgb(255 255 255 / 0%);
    transition: .5s;
    border-radius: 42px;
    opacity: 1;
    border: 1px solid #fff
}

.banner-section .banner-slider-button-next:hover,
.banner-section .banner-slider-button-prev:hover {
    background: var(--blue-color);
    color: #fff
}

.notice-wrp {
    background: var(--gold-color);
    position: relative;
    z-index: 99
}

.notice-wrp .notice-title {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 30px;
    max-width: 350px;
    background: var(--blue-color)
}

.notice-wrp .notice-title .notice-title-view {
    position: relative
}

.notice-title-content {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px
}

.notice-title .notice-title-content h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 19px;
    display: inline-block
}

.notice-title .notice-title-content h2 small {
    font-weight: 400;
    width: 100%;
    display: inline-block;
    font-size: 13px
}

.notice-wrp .notice-content {
    width: 100%
}

.notice-content li {
    font-weight: 400;
    color: #fff;
    position: relative;
    margin-right: 30px
}

.notice-content li:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -15px;
    width: 1px;
    height: 20px;
    transform: translateY(-50%);
    background: #fff
}

.notice-content li:last-child::after {
    display: none
}

.notice-content li:before {
    display: inline-block;
    content: '';
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 12px solid #fff;
    border-bottom: 8px solid transparent;
    border-radius: 5px;
    margin-right: 10px
}

.notice-content li .news-date {
    width: 45px;
    height: 45px;
    background: #d2d700;
    text-align: center;
    border-radius: 50%;
    justify-content: center;
    padding: 10px;
    color: #343f64;
    font-weight: 500
}

.notice-content li .news-date span:nth-child(1) {
    font-size: 16px;
    line-height: 14px;
    text-align: center
}

.notice-content li .news-date span:nth-child(2) {
    font-size: 14px;
    line-height: 14px;
    text-align: center
}

.notice-content li p {
    margin-bottom: 0
}

.notice-content li a {
    color: #fff !important;
    font-size: 14px
}

.sec-title {
    position: relative;
    margin-bottom: 50px
}

.sec-title .sub-title {
    position: relative;
    font-size: 14px;
    padding-bottom: 15px;
    color: #777;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    font-weight: 600
}

.sec-title.text-center .sub-title:before {
    left: 50%;
    transform: translateX(-50%)
}

.sec-title.light .sub-title {
    color: #fff
}

.about-details h2,
.sec-title .stitle {
    position: relative;
    font-weight: 700
}

.about-details h2 {
    margin-bottom: 20px
}

.about-details p {
    text-align: justify
}

.about-details .item-infra li p {
    text-align: center
}

.about-details.text-center h2:after,
.sec-title.text-center h2:after,
.text-center .about-details h2:after {
    margin: 10px auto 0 auto
}

.sec-title h2.text-white:after {
    background: #fff
}

.sec-title.light h2 {
    color: #fff
}

.sec-title .text {
    margin-top: 16px;
    margin-bottom: 0
}

.sec-title.light .text {
    color: #fff
}

.rs-about-2 .about-img {
    padding-bottom: 95px
}

.why-title {
    background: #fff;
    position: relative;
    padding: 6px 15px 15px 15px;
    font-weight: 600
}

.why-title:after {
    content: '';
    position: absolute;
    background: #ed1d24;
    height: 4px;
    width: 52px;
    bottom: 8px;
    left: 15px
}

.whyus-content ul li {
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    line-height: 2.3
}

.whyus-content ul li:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 6px;
    border: 2px solid #fff;
    left: 0;
    top: 12px
}

.footer-section .container-fluid {
    background: var(--theme-primary-dark)
}

footer a {
    color: rgba(255, 255, 255, .8)
}

footer a:hover {
    color: #fff
}

@media (max-width:767px) {
    .footer-section {
        background: var(--theme-primary-dark)
    }
}

@media (min-width:992px) {
    .footer-section .container-fluid {
        background: url(../../resources/web-data/sps/image/footerbg2.png);
        background-size: cover;
        background-repeat: no-repeat
    }

    .footer-section {
        margin-top: -110px
    }
}

.footer-section .footer_logo {
    width: 90%;
    max-width: min(90%, 350px)
}

.gm-style .place-card-large {
    display: none !important
}

.footer-section .quick_links .btn-outline-warning {
    color: #fff !important
}

.footer-section .quick_links .btn-outline-warning:hover {
    color: var(--theme-primary-dark) !important
}

.footer-section .quick_heading::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 40%;
    background: var(--theme-warning);
    border-radius: 4px
}

.form-col {
    padding: 0 30px
}

.form-section {
    padding: 21px 23px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    gap: 15px;
    max-width: 400px;
    font-family: Aleo, serif;
    background-color: #fff;
    border-radius: 23px
}

@media (min-width:992px) {
    .form-section {
        margin-top: -140px
    }
}

.form-heading {
    color: var(--theme-warning);
    font-size: 20px;
    font-weight: 600
}

.form-section form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%
}

.form-section form input,
textarea {
    width: 100%;
    border: 1px solid #0d680D30;
    padding: 9px 10px;
    font-size: 13px;
    font-weight: 400;
    font-family: Aleo, serif
}

.form-section form input::placeholder,
textarea::placeholder {
    color: #161616
}

.form button {
    width: 100%;
    padding: 8px 0;
    background-color: var(--theme-primary);
    color: #fff;
    font-family: Aleo, serif;
    font-weight: 600;
    font-size: 1rem;
    border-radius: 4px;
    transition: all .3s
}

.form button:hover {
    filter: brightness(90%);
    color: #fff
}

.footer-description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    gap: 20px
}

.dps-logo-title {
    width: 350px;
    max-width: 90%
}

.footer-address-discription {
    color: #fff;
    font-size: 13px
}

.footer-school-address {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.footer-contact-details {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px
}

@media (max-width:768px) {
    .footer-section .quick-social-links img {
        width: 25px
    }
}

.footer-section a {
    color: rgba(255, 255, 255, .774);
    transition: all .3s
}

.footer-section a:hover {
    color: #fff;
    transition: all .3s
}

.contact-details i.fa {
    min-width: 25px;
    text-align: center
}

.footer-contact-details i {
    color: var(--theme-warning)
}

.footer-contact-details i:hover {
    color: #fff
}

.address-icon:hover i {
    color: #fff
}

.footer-contact {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px
}

.footer-emai {
    display: flex;
    justify-content: center;
    align-items: center
}

.footer-social-icons {
    display: flex;
    justify-content: center;
    gap: 20px
}

.footer-social-icons .social-icon {
    background-color: #fff;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 1;
    padding: 4px 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.footer-contact-divide-line {
    background-color: #ffffff70;
    height: 25px;
    width: 2px
}

.address-icon {
    color: var(--theme-warning)
}

.footer-contact-text {
    color: #fff;
    font-size: 13px
}

.footer-instagram {
    color: #ee5425
}

.bi-twitter-x {
    color: #000
}

.widget {
    position: relative;
    margin-bottom: 50px
}

.widget .widget-title {
    position: relative;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase
}

.about-widget .logo {
    position: relative;
    margin-bottom: 30px
}

.about-widget .text {
    position: relative;
    color: rgb(255 255 255 / .6);
    margin-bottom: 0;
    font-weight: 400
}

.about-widget .social-links {
    position: relative;
    margin-bottom: 20px
}

.about-widget .social-links li {
    position: relative;
    margin-right: 5px;
    margin-bottom: 10px;
    display: inline-block
}

.about-widget .social-links li a {
    position: relative;
    display: block;
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #005510;
    color: #fff;
    text-align: center;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.about-widget .social-links li a i {
    position: relative
}

.about-widget .social-links li a:hover {
    color: #fff
}

.about-widget .social-links li a:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.about-widget .social-links li a:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.about-widget .social-links li a span {
    position: relative
}

.quick-links li a {
    color: #fff
}

.contact-info li {
    color: #fff;
    position: relative;
    display: flex;
    align-items: center
}

.contact-info li i {
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    border-radius: 50px;
    background: #fff;
    color: var(--blue-color);
    transition: .3s
}

.contact-info li i:hover {
    background: var(--blue-color);
    color: #fff;
    border: 1px solid var(--blue-color)
}

.contact-info li p {
    color: #fff;
    line-height: 20px;
    margin-bottom: 0
}

.contact-info li a {
    color: #fff;
    line-height: 20px
}

.newsletter-widget .text {
    position: relative;
    color: rgba(255, 255, 255, .6);
    margin-bottom: 30px
}

.newsletter-widget .form-group {
    position: relative
}

.newsletter-widget input {
    position: relative;
    height: 56px;
    padding: 0 20px;
    background-color: #2c2c2c;
    width: calc(100% - 56px);
    border-radius: 2px;
    color: rgba(255, 255, 255, .5)
}

.newsletter-widget .theme-btn {
    width: 56px;
    height: 56px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 56px;
    color: #fff;
    border-radius: 2px;
    transition: .5s
}

.newsletter-widget .theme-btn:hover {
    background-color: #fff
}

.links-widget ul li {
    color: #fff;
    margin-bottom: 10px
}

.links-widget ul li a {
    color: rgba(255, 255, 255, .6);
    transition: .5s;
    font-weight: 400;
    position: relative;
    display: inline-block
}

.links-widget ul li a:hover {
    padding-left: 24px
}

.links-widget ul li a:after {
    font-family: Flaticon;
    content: "\f115";
    position: absolute;
    left: 0;
    top: 2px;
    line-height: 25px;
    font-size: 17px;
    transform: rotate(180deg);
    font-weight: 400;
    transition: .5s;
    opacity: 0
}

.links-widget ul li a:hover:after {
    opacity: 1
}

.contact-widget .contact-info {
    position: relative
}

.contact-widget .contact-info li {
    position: relative;
    display: flex;
    margin-bottom: 10px;
    align-items: center
}

.icon-area {
    width: 10%
}

.icon-text {
    width: 90%;
    line-height: 22px
}

.contact-widget .contact-info li .icon {
    position: relative;
    display: block;
    color: #fff;
    font-size: 14px;
    margin-right: 10px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .5s ease;
    font-size: 18px
}

.contact-widget .contact-info li .icon.fa-phone {
    transform: rotate(90deg)
}

.contact-widget .contact-info li .text {
    position: relative;
    color: rgb(255 255 255 / .6);
    width: calc(100% - 60px);
    font-weight: 400;
    padding-left: 90px
}

.contact-widget .contact-info li .text span {
    color: #fff;
    font-weight: 500;
    position: absolute;
    left: 0;
    top: 0
}

.contact-widget .contact-info li .text a {
    color: rgb(255 255 255 / .6);
    transition: .5s
}

.footer-bottom .wrapper-box {
    position: relative
}

.footer-bottom {
    padding: 5px 0;
    background: var(--blue-color);
    position: relative;
    z-index: 99
}

.footer-bottom .copyright {
    position: relative
}

.footer-bottom .text {
    position: relative;
    margin-bottom: 0;
    font-weight: 500
}

.captcha {
    border-color: #ffffff40 !important
}

.footer-bottom .footer-menu li {
    display: inline-block;
    margin-right: 10px;
    line-height: 18px
}

.footer-bottom .footer-menu li:last-child {
    margin-right: 0;
    padding-right: 0;
    border: 0
}

.footer-bottom .footer-menu li a {
    color: #fff;
    transition: .5s
}

.preloader-close,
.scroll-to-top:hover,
.search-popup .search-form fieldset input[type=submit] {
    background-color: var(--theme-warning);
    color: var(--them-primary)
}

.footer-contact-text {
    color: rgba(255, 255, 255, .87);
    transition: all .3s
}

.footer-contact-text:hover {
    color: #fff
}

.scroll-to-top {
    color: var(--theme-primary-dark);
    background: #fff;
    border: 2px dashed var(--theme-primary-dark)
}

@media only screen and (min-width:1200px) {
    .main-footer .newsletter-widget {
        margin-left: 30px;
        z-index: 9
    }
}

.foot-logo img {
    max-width: 60px;
    background: #fff;
    padding: 5px
}

.newsletter-widget ul li:hover {
    color: #fff
}

.newsletter-widget ul li a {
    color: var(--gold-color);
    font-size: 14px;
    line-height: 20px
}

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

.address ul li {
    list-style: none;
    float: left
}

.address ul li a {
    color: #fff;
    margin-right: 5px;
    display: flex;
    justify-content: center;
    align-items: center
}

.footer-social-icons li {
    margin-right: 5px
}

.footer-social-icons li a i {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center
}

.fa-fb {
    background: #4b6eb9
}

.fa-fb:hover {
    opacity: .8;
    -webkit-transition: .2;
    -o-transition: .2;
    transition: .2
}

.fa-in {
    background: #188bc3
}

.fa-in:hover {
    opacity: .8;
    -webkit-transition: .2;
    -o-transition: .2;
    transition: .2
}

.fa-tw {
    background: #55acee
}

.fa-tw:hover {
    opacity: .8;
    -webkit-transition: .2;
    -o-transition: .2;
    transition: .2
}

.fa-yt {
    background: red
}

.fa-yt:hover {
    opacity: .8;
    -webkit-transition: .2;
    -o-transition: .2;
    transition: .2
}

.fa-ig {
    background: #873eb4;
    background: -moz-linear-gradient(top, #873eb4 0, #fa642f 100%);
    background: -webkit-linear-gradient(top, #873eb4 0, #fa642f 100%);
    background: linear-gradient(to bottom, #873eb4 0, #fa642f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#873eb4', endColorstr='#fa642f', GradientType=0)
}

.fa-ig:hover {
    opacity: .8;
    -webkit-transition: .2;
    -o-transition: .2;
    transition: .2
}

.foot-logo p {
    color: #fff;
    font-size: 14px
}

.address p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 0
}

.address a {
    color: var(--gold-color)
}

.address a:hover {
    color: #fff
}

.main-title {
    font-weight: 800;
    color: var(--blue-color);
    text-transform: uppercase;
    font-size: 22px
}

.sub-title {
    font-weight: 700;
    color: var(--blue-color);
    text-transform: uppercase;
    font-size: 20px
}

.brand-color2 {
    color: var(--gold-color) !important
}

.brand-color1 {
    color: var(--blue-color)
}

.font-itallic {
    font-style: italic
}

.fw-500 {
    font-weight: 500 !important
}

.page-title {
    position: relative;
    padding: 30px 0;
    text-align: center !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: top !important;
    border-top: 1px solid var(--gold-color);
    background: var(--theme-primary) url(../../resources/web-data/sps/image/page-title-bg-1.png) no-repeat center;
    background-size: 100%
}

@media (min-width:768px) {
    .page-title {
        padding: 180px 0 20px
    }
}

.page-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    background: linear-gradient(0deg, rgba(0, 0, 0, .7959558823529411) 0, rgba(0, 0, 0, .16010154061624648) 87%)
}

.page-title h1 {
    font-size: 24px;
    color: #fff;
    line-height: 42px;
    margin-bottom: 0;
    font-weight: 500;
    position: relative
}

.page-title h1::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: var(--theme-warning)
}

.page-title .bread-crumb {
    position: relative
}

.page-title-right {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.page-title-left {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.page-title .bread-crumb li {
    color: #fff;
    position: relative;
    display: inline-block;
    margin-right: 15px;
    font-size: 16px;
    font-weight: 500;
    padding-right: 35px
}

.page-title .bread-crumb li:last-child {
    margin-right: 0;
    padding-right: 0
}

.page-title .bread-crumb li:before {
    font-family: fontawesome;
    content: "\f105";
    position: absolute;
    right: 0;
    top: 2px;
    line-height: 25px;
    font-size: 17px;
    color: #fff;
    font-weight: 400
}

.page-title .bread-crumb li:last-child:before {
    display: none
}

.page-title .bread-crumb li a {
    color: #fff
}

.header-top .social-icon.xs-btns-link li a {
    width: auto;
    font-size: 14px;
    padding: 0 12px;
    border-radius: 4px
}

.nicescroll-rails {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s
}

section .owl-carousel .owl-nav button.owl-next,
section .owl-carousel .owl-nav button.owl-prev {
    display: inline-block;
    width: 60px;
    height: 28px;
    background: #12ab5d;
    color: #fff;
    font-size: 22px;
    text-align: center;
    transition: .3s;
    -webkit-transition: .3s
}

section .owl-carousel .owl-nav button.owl-next {
    right: 0
}

.blink-btn {
    -webkit-animation: glowing 1s infinite;
    -moz-animation: glowing 1s infinite;
    -o-animation: glowing 1s infinite;
    animation: glowing 1s infinite
}

@-webkit-keyframes glowing {
    0% {
        background-color: #ffc107;
        border-color: #ffc107
    }

    50% {
        background-color: #ffc107;
        border-color: #ffc107;
        color: #121212
    }

    100% {
        background-color: #ffc107;
        border-color: #ffc107
    }
}

@-moz-keyframes glowing {
    0% {
        background-color: #fff;
        border-color: #fff
    }

    50% {
        background-color: #ffc107;
        border-color: #ffc107;
        color: #013300
    }

    100% {
        background-color: #fff;
        border-color: #fff
    }
}

@-o-keyframes glowing {
    0% {
        background-color: #fff;
        border-color: #fff
    }

    50% {
        background-color: #ffc107;
        border-color: #ffc107;
        color: #013300
    }

    100% {
        background-color: #fff;
        border-color: #fff
    }
}

@keyframes glowing {
    0% {
        background-color: #fff;
        border-color: #fff
    }

    50% {
        background-color: #ffc107;
        border-color: #ffc107;
        color: #013300
    }

    100% {
        background-color: #fff;
        border-color: #fff
    }
}

.blink-btn2 {
    -webkit-animation: glowing2 1s infinite;
    -moz-animation: glowing2 1s infinite;
    -o-animation: glowing2 1s infinite;
    animation: glowing2 1s infinite
}

@-webkit-keyframes glowing2 {
    0% {
        background-color: #013300;
        border-color: #fff
    }

    50% {
        background-color: #ffc107;
        border-color: #ffc107;
        color: #fff
    }

    100% {
        background-color: #013300;
        border-color: #fff
    }
}

@-moz-keyframes glowing2 {
    0% {
        background-color: #013300;
        border-color: #fff
    }

    50% {
        background-color: #ffc107;
        border-color: #ffc107;
        color: #fff
    }

    100% {
        background-color: #013300;
        border-color: #fff
    }
}

@-o-keyframes glowing2 {
    0% {
        background-color: #013300;
        border-color: #fff
    }

    50% {
        background-color: #ffc107;
        border-color: #ffc107;
        color: #fff
    }

    100% {
        background-color: #013300;
        border-color: #fff
    }
}

@keyframes glowing2 {
    0% {
        background-color: #013300;
        border-color: #fff
    }

    50% {
        background-color: #ffc107;
        border-color: #ffc107;
        color: #fff
    }

    100% {
        background-color: #013300;
        border-color: #fff
    }
}

.main-menu .navigation>li.dropdown:nth-child(10) .dropdown-btn,
.main-menu .navigation>li.dropdown:nth-child(8) .dropdown-btn,
.main-menu .navigation>li.dropdown:nth-child(9) .dropdown-btn {
    display: none !important
}

@media only screen and (min-width:992px) {
    #newmodal .modal-dialog {
        max-width: 580px
    }
}

@media only screen and (max-width:991px) {
    .mobile-menu .navigation {
        max-height: 70vh;
        overflow: auto
    }
}

@media only screen and (max-width:768px) {
    .notice-title .notice-title-content h2 {
        font-size: 16px
    }

    .notice-wrp-bottom .notice-title .notice-title-view img {
        width: 150px !important
    }
}

.modal-backdrop.show {
    display: none
}

#enquirymodal,
#newmodal {
    z-index: 9999;
    background: rgb(0 0 0 / 74%)
}

#enquirymodal .modal-header {
    background: var(--blue-color);
    padding: .2rem 1rem;
    border-bottom: none
}

#enquirymodal .modal-content {
    border-radius: 10px
}

#enquirymodal h4 {
    color: #fff;
    font-size: 20px
}

#enquirymodal .close {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 18px;
    background: #343f64;
    opacity: 1;
    color: #fff;
    text-shadow: none;
    display: inline-block;
    padding: 0 4px 8px 8px;
    border-radius: 0 0 0 42px;
    cursor: pointer;
    z-index: 22
}

.btn-send {
    background: var(--blue-color);
    color: #fff;
    padding: 6px;
    width: 125px;
    border-radius: 5px
}

.modal .close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    background: #343f64;
    opacity: 1;
    color: #fff;
    text-shadow: none;
    display: inline-block;
    padding: 0 4px 8px 8px;
    border-radius: 0 0 0 42px;
    cursor: pointer;
    z-index: 22
}

.contact-info li .icon span.fas.fa-phone {
    -ms-transform: rotate(100deg);
    transform: rotate(100deg)
}

#newmodal .modal-dialog .modal-dialog-centered {
    width: 100%
}

.fw-600 {
    font-weight: 600 !important
}

.inner-page-head {
    font-size: 20px !important;
    font-weight: 600 !important;
    margin-bottom: 10px
}

.inner-page-head2 {
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-bottom: 5px;
    color: #31954f
}

.inner-page-list {
    padding-left: 19px
}

.inner-page-list li {
    list-style-type: disc !important;
    margin-bottom: 5px
}

@keyframes rainbow {
    0% {
        background: #4060a9
    }

    10% {
        background: var(--blue-color)
    }

    20% {
        background: #03834b
    }

    30% {
        background: #ffc000
    }

    40% {
        background: #4060a9
    }

    50% {
        background: var(--blue-color)
    }

    60% {
        background: #03834b
    }

    70% {
        background: #ffc000
    }

    80% {
        background: #4060a9
    }
}

@keyframes heartbeat {
    50% {
        transform: scale(1.1)
    }
}

.header-btn {
    border-radius: 0 25px 25px 0 !important;
    padding: 6px 2px !important;
    position: relative;
    transition: .3s;
    margin: 0 10px;
    display: flex;
    align-items: center
}

.header-btn.blue-btn:hover .btn-icon {
    background: transparent linear-gradient(179deg, #007fd0 0, #002348 100%)
}

.header-btn.blue-btn:hover .btn-icon img {
    filter: brightness(20)
}

.header-btn.blue-btn:hover {
    box-shadow: 0 3px 6px #00000029;
    border: 1px #fff solid;
    background: transparent linear-gradient(230deg, #002348 0, #007fd0 100%)
}

.header-btn img {
    height: 20px;
    width: 20px;
    filter: unset
}

.header-btn.blue-btn {
    color: #fff;
    background: transparent linear-gradient(233deg, #007fd0 0, #002348 100%);
    box-shadow: 0 3px 6px #00000029;
    border: 1px solid #fff;
    transition: .5s
}

.header-btn.blue-btn .btn-icon {
    background: #fff
}

.header-btn .btn-icon {
    box-shadow: inset 10px 11px 12px #00000029, 0 3px 10px #00000021;
    border: 2px solid #fff;
    padding: 3px;
    border-radius: 50%;
    top: 50%;
    left: 0;
    margin-left: -17px;
    transform: translate(0, -50%);
    position: absolute;
    display: flex
}

.header-btn.blue-btn .btn-content {
    padding: 3px 5px 3px 5px;
    border-left: 1px #fff solid
}

.header-btn .btn-content {
    padding: 3px 5px 3px 5px;
    margin-left: 17px;
    font-size: 13px
}

.header-btn::after {
    content: "";
    color: #fff;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0 25px 25px 0;
    z-index: -1;
    transition: .5s
}

.in-media {
    background: url(https://resources.edunexttechnologies.com/web-data/indian-height/img/in-media-bg.svg) no-repeat;
    background-position: center;
    background-size: cover
}

.media-img-con {
    border: 2px solid #fff;
    box-shadow: 0 0 10px #bcb1b18a
}

.media-tag {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #a29161e0;
    padding: 5px 15px;
    width: 100%;
    height: auto
}

.media-tag-cap {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-shadow: 0 3px 13px #00000061;
    text-transform: uppercase
}

.news-updates {
    background: url(../../resources/web-data/indian-height/img/news-bg.png) no-repeat;
    background-position: center;
    background-size: 100%, 100%
}

.news-updates-box {
    position: relative;
    max-width: 350px;
    margin: 0 auto
}

.news-img {
    border: 1px solid #707070;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.news-img img {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    object-fit: contain;
    transition: transform .5s, filter 1.5s ease-in-out
}

.news-updates-box:hover .news-img img {
    transform: scale(1.1)
}

.news-con {
    background: var(--blue-color);
    padding: 15px 15px;
    margin: -20px 20px 0 20px;
    box-shadow: 0 3px 12px #00000024;
    transition: .7s;
    min-height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.news-updates-box:hover .news-con {
    background: #f9fbff
}

.news-updates-box:hover h3 {
    color: var(--blue-color)
}

.news-con h3 {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 20px;
    text-align: center
}

.btn-parent {
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 4px;
    display: inline-block;
    transition: .5s;
    margin-left: -3px
}

.btn-parent:hover {
    padding: 4px;
    border: 1px solid var(--blue-color);
    margin-left: 0
}

.btns-link .btn-parent .view-all:hover {
    background: var(--blue-color);
    color: #fff;
    animation: pulse 1s infinite;
    transition: .3s
}

.view-all {
    display: inline-block;
    padding: 3px 12px;
    border-radius: 4px;
    font-weight: 400;
    background: var(--gold-color);
    color: #fff !important;
    font-size: 13px;
    cursor: pointer
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    70% {
        transform: scale(.9)
    }

    100% {
        transform: scale(1)
    }
}

.what-gray {
    position: relative
}

.what-do:before {
    content: "";
    position: absolute;
    top: 90px;
    left: 0;
    bottom: -20px;
    width: 55%;
    height: -webkit-fill-available;
    background: #f9fbff
}

.water-markimg {
    position: absolute;
    top: 100px;
    left: 20px;
    transform: translate(5px, 10px);
    max-width: 55px
}

.what-do .coach-img {
    position: relative;
    height: 330px
}

.what-card {
    position: relative
}

.coach-img {
    position: relative
}

.coach-img img {
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 2px
}

.what-con {
    padding-left: 26px
}

.ser-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #a29161cf;
    box-shadow: none;
    display: flex;
    justify-content: center;
    align-items: end;
    padding: 10px 40px
}

.what-slider .owl-item .active-slide .coach-img .ser-overlay {
    background: 0 0;
    -moz-box-shadow: inset 0 -68px 50px -10px #001844c7;
    -webkit-box-shadow: inset 0 -68px 50px -10px #001844c7;
    box-shadow: inset 0 -68px 50px -10px #001844c7
}

.what-slider .owl-carousel .owl-nav {
    position: absolute;
    left: 65%;
    transform: translate(-34%, -50%);
    bottom: 0
}

.what-slider .owl-carousel .owl-nav button.owl-next,
.what-slider .owl-carousel .owl-nav button.owl-prev {
    width: 30px;
    height: 28px;
    background: 0 0;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 19px;
    margin: 0 2px;
    border: 1px solid #fff;
    border-radius: 50%;
    outline: 0
}

.what-virtal {
    color: #fff;
    text-align: center;
    font-size: 16px
}

.slite-sec {
    background: var(--blue-color);
    box-shadow: 0 3px 11px #00000029;
    padding: 12px 60px;
    clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%);
    width: max-content;
    transform: translate(17px, 25px)
}

.gradient-border {
    position: relative
}

.gradient-border:before {
    content: "";
    position: absolute;
    top: 0;
    left: -17px;
    width: 5px;
    height: 100%;
    background: transparent linear-gradient(180deg, #a29161 0, #a29161 9%, #fff 100%)
}

.world-class {
    background: url(../../resources/web-data/indian-height/img/world-class-new-bg.png) no-repeat;
    background-position: center;
    background-size: cover
}

.world-card {
    position: relative;
    width: 100%
}

.world-img {
    position: relative;
    height: 225px
}

.world-img img {
    height: 100%;
    width: 100%
}

.world-text {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(162, 145, 67, .8);
    padding: 10px 15px;
    width: 100%
}

.world-text h2 {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    margin-top: 2px
}

.world-card-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(45deg, #a29061 0, #001744c9 40%, #001744c9 100%);
    background: linear-gradient(45deg, #a29061 0, #001744c9 40%, #001744c9 100%);
    display: flex;
    flex-direction: column;
    padding: 20px;
    opacity: 0;
    transition: .5s
}

.world-card-overlay h2 {
    font-size: 16px;
    font-weight: 500;
    position: relative
}

.world-card-overlay h2::after {
    content: "";
    position: absolute;
    top: 8px;
    margin-left: 10px;
    width: 60px;
    height: 2px;
    background: #fff
}

.world-card-overlay p {
    font-size: 14px;
    color: #fff
}

.world-card-overlay a {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    text-decoration: underline
}

.world-card:hover .world-card-overlay {
    opacity: 1
}

.world-card:hover .world-text {
    opacity: 0
}

.message-sec {
    background: url(../../resources/web-data/idps-assets/images/message-bg.png) no-repeat;
    background-size: 100%, 100%
}

.message-card {
    background: var(--theme-primary-dark);
    position: relative
}

.message-card .card-header {
    border-top-left-radius: 42px;
    background: #effcf5;
    transition: all .3s
}

.message-card:hover .card-header {
    background: #faf6e3;
    border-top-left-radius: 0
}

.message-card .message_profile {
    overflow: hidden;
    box-shadow: 0 2px 8px 2px #ffffff2c
}

.message-card .message_profile img {
    transition: all .3s
}

.message-card:hover .message_profile img {
    transform: scale(1.1)
}

.message-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: var(--gold-color)
}

@media (min-width:992px) {
    .message_profile {
        margin-top: -60px
    }
}

.message-con {
    padding-top: 10px
}

.msg-title {
    letter-spacing: 0;
    color: var(--blue-color);
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700
}

.msg-para {
    font-size: 14px;
    line-height: 22px
}

.msg-img-card {
    position: relative;
    width: 100%;
    transform: translateX(15px)
}

.msg-img-card:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 90%;
    height: 60%;
    background: var(--blue-color);
    transform: translate(10px, -10px)
}

.msg-img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 215px;
    margin-bottom: 2px;
    z-index: 9;
    box-shadow: 0 3px 6px #00000029;
    border: 4px solid #fff
}

.message-card:hover .msg-img img {
    transform: scale(1.1)
}

.message-card:hover .msg-img-card:after {
    background: var(--gold-color)
}

.message-card:hover .msg-img-con {
    background: var(--blue-color)
}

.message-card:hover .per-desi,
.message-card:hover .per-name {
    color: #fff
}

.msg-img img {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    object-fit: cover;
    object-position: top;
    transition: transform .5s, filter 1.5s ease-in-out
}

.msg-img-con {
    background: #fff;
    box-shadow: 0 3px 6px #00000017;
    border: 1px solid #00184426;
    padding: 10px;
    position: relative;
    z-index: 9
}

.per-name {
    color: var(--blue-color);
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 5px
}

.per-desi {
    color: var(--gold-color);
    font-size: 12px;
    text-align: center
}

.scfac-card .item {
    background: #f8faff;
    border: 1px solid #0018440F;
    padding: 15px;
    position: relative
}

.fac-title {
    background: var(--blue-color);
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    display: inline-flex;
    padding: 6px 15px;
    text-align: center;
    position: relative;
    z-index: 999;
    transform: translate(15px, 15px)
}

.fac-box {
    position: relative
}

.fac-img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    padding-top: 45px;
    padding-bottom: 30px
}

.fac-img img {
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    border-radius: 22px
}

.fac-content h3 {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline;
    margin-bottom: 10px
}

.fac-content p {
    color: #fff;
    font-size: 13px;
    margin-bottom: 0;
    line-height: 20px
}

.carousel-are-right {
    z-index: 9;
    display: flex;
    align-items: center
}

.scfac-card .item:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: var(--blue-color);
    z-index: 2;
    clip-path: circle(79.1% at 81% 50%)
}

.school-fac .theme_carousel {
    margin-top: -30px
}

.school-fac .owl-dots {
    bottom: 20px;
    left: 29%;
    transform: translateX(-50%)
}

.fsBreadcrumb {
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 15px;
    display: none !important;
    border-bottom: 1px solid rgba(163, 145, 97, .5)
}

.fsBreadcrumb li:nth-last-child(2) .fsNavBreadcrumbSeperator,
.fsBreadcrumb li[aria-current=location],
.fsBreadcrumb>header {
    display: none
}

.fsBreadcrumb ul {
    display: flex;
    flex-direction: row
}

.fsBreadcrumb ul li {
    display: flex;
    justify-content: center;
    align-items: center
}

.fsBreadcrumb ul li,
.fsBreadcrumb ul li a {
    text-transform: uppercase;
    font-weight: 600;
    color: var(--blue-color);
    font-size: 16px
}

.fsBreadcrumb ul li a {
    display: inline-block;
    padding: 0
}

.fsBreadcrumb ul li a:focus,
.fsBreadcrumb ul li a:hover {
    color: var(--gold-color)
}

.fsBreadcrumb ul li .fsNavBreadcrumbSeperator {
    font-size: 0;
    margin: 0 14px;
    width: 8px;
    height: 8px;
    position: relative
}

.fsBreadcrumb ul li .fsNavBreadcrumbSeperator:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent var(--gold-color);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.page-inner-heading {
    color: var(--gold-color);
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: 400
}

.inner-page-card h2 {
    color: var(--blue-color);
    font-size: 20px;
    line-height: 28px;
    font-weight: 500
}

.page-inner-heading:after {
    display: block;
    content: "";
    height: 1px;
    width: 50px;
    background: #89764b;
    margin: 0;
    margin-top: 10px;
    position: relative
}

.itallic-p {
    font-size: 18px;
    line-height: 30px;
    font-style: italic;
    display: block;
    color: var(--gold-color) !important;
    margin-bottom: 10px;
    font-weight: 400
}

.fsElementTitle {
    margin-top: 0;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px;
    margin-bottom: 0;
    display: block;
    font-size: 16px;
    padding: 0 0 12px 0;
    transition: .3s;
    position: relative
}

.first-word {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: var(--blue-color);
    transition: all .3s;
    text-transform: uppercase
}

.left_grid {
    float: left;
    width: 100%;
    background: #f5f3ee;
    border-top: solid 1px #abaeb2;
    margin: 0 0 20px 0
}

ul.widget1 {
    float: left;
    width: 100%;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    margin-bottom: 0
}

ul.widget1 {
    float: left;
    width: 100%;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    margin-bottom: 0
}

ul.widget1 li {
    float: left;
    clear: both;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    border-bottom: solid 1px #a29160
}

ul.widget1 li a {
    color: #001643;
    font-size: 14px;
    display: block;
    font-weight: 500;
    padding: 4px 0;
    text-transform: uppercase;
    transform: translateY(2px)
}

ul.widget1 li:hover {
    background: #001643;
    color: #fff
}

ul.widget1 li:hover a {
    color: var(--gold-color) !important
}

ul.widget1 li.active {
    background: #001643;
    color: #fff;
    float: left;
    padding-top: 12px;
    padding-left: 10px
}

ul.widget1 li a.active {
    background: url(../../../edunext-main-storage-cf.edunexttechnologies.com/tihs/school___static/1698742403780_iconsnavactive.png) no-repeat 10px 3px;
    color: var(--gold-color);
    padding-left: 40px;
    padding-top: 0
}

ul.list-academic li,
ul.list-style-check li {
    width: 100%;
    clear: both;
    display: block;
    margin-bottom: 5px;
    background: url(https://resources.edunexttechnologies.com/web-data/sps/image/arrowhead-bullet.svg) no-repeat 0 8px;
    background-size: 17px;
    padding-left: 15px;
    text-decoration: none;
    color: #000;
    padding-top: 4px;
    padding-right: 20px;
    padding-left: 28px;
    font-weight: 400
}

.inner-page-card table {
    padding: 20px;
    border: solid 1px #0d395e;
    margin-bottom: 20px
}

.inner-page-card td {
    border: solid 1px #000;
    color: #000;
    font-size: 16px;
    line-height: 28px;
    padding: 5px
}

.inner-page-card td p {
    margin-bottom: 0
}

.inner-page-card td a {
    color: #000 !important;
    font-size: 15px
}

.heading-row {
    background: var(--blue-color);
    padding: 4px 0;
    align-items: center;
    margin-bottom: 5px;
    margin-left: -6px
}

.fs-title {
    font-size: 16px !important;
    color: #fff !important;
    margin-bottom: 0;
    margin-top: 0 !important;
    font-weight: 600
}

.enquiry-btn-page {
    background: #001744;
    color: #fff !important;
    padding: 10px 15px;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    font-weight: 500
}

.inner-page-card ol {
    color: #000;
    font-size: 16px !important;
    line-height: 26px;
    font-weight: 400 !important
}

.inner-page-card ol li {
    list-style-type: decimal;
    padding-left: 5px
}

.inner-page-card ol li::marker {
    color: var(--gold-color);
    font-weight: 700
}

.submenu {
    display: none;
    margin-top: 15px;
    padding: 15px;
    padding-top: 5px
}

.submenu_second {
    display: none;
    margin-top: 15px;
    padding: 15px;
    padding-top: 5px
}

.accordion {
    width: 100%;
    margin: 15px auto 0;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #1616142b
}

.accordion .link {
    cursor: pointer;
    display: block;
    padding: 10px 15px 10px 15px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    color: #404040;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    background-position: right -20px;
    background: url(../../404.html) right top #f1efe7;
    background-repeat: no-repeat;
    color: var(--gold-color)
}

.accordion .link:hover {
    color: #fff;
    background: var(--gold-color)
}

.accordion .link_second {
    cursor: pointer;
    display: block;
    padding: 10px 15px 10px 15px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    color: #404040;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    background-position: right -20px;
    background: url(../../404.html) right top #f1efe7;
    background-repeat: no-repeat;
    color: var(--gold-color)
}

.accordion .link_second:hover {
    color: #fff;
    background: var(--gold-color)
}

.accordion li i {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    color: var(--gold-color);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.accordion li i.fa-chevron-down {
    right: 12px;
    left: auto;
    font-size: 16px
}

.accordion li.open .link {
    color: #fff;
    background: var(--gold-color)
}

.accordion li.open i {
    color: #fff
}

.accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.accordion_second {
    width: 100%;
    margin: 15px auto 0;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #1616142b
}

.accordion_second .link {
    cursor: pointer;
    display: block;
    padding: 10px 15px 10px 15px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    color: #404040;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    background-position: right -20px;
    background: url(../../404.html) right top #f1efe7;
    background-repeat: no-repeat;
    color: var(--gold-color)
}

.accordion_second .link:hover {
    color: #fff;
    background: var(--gold-color)
}

.accordion_second .link_second {
    cursor: pointer;
    display: block;
    padding: 10px 15px 10px 15px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    color: #404040;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    background-position: right -20px;
    background: url(../../404.html) right top #f1efe7;
    background-repeat: no-repeat;
    color: var(--gold-color)
}

.accordion_second .link_second:hover {
    color: #fff;
    background: var(--gold-color)
}

.accordion_second li i {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    color: var(--gold-color);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.accordion_second li i.fa-chevron-down {
    right: 12px;
    left: auto;
    font-size: 16px
}

.accordion_second li.open .link {
    color: #fff;
    background: var(--gold-color)
}

.accordion_second li.open i {
    color: #fff
}

.accordion_second li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.whats-img {
    bottom: 40px;
    right: 10px;
    width: 40px;
    position: fixed;
    z-index: 22
}

.alumni-card {
    position: relative;
    background-color: var(--gold-color);
    padding: 15px;
    margin-bottom: 50px
}

.alumni-card .alumni-review {
    overflow: hidden;
    position: relative
}

.alumni-card .alumni-description {
    color: #000;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-top: -50px;
    background-color: #fff;
    padding: 20px;
    min-height: 44vh;
    padding-top: 68px
}

.alumni-card .alumni-description p {
    font-size: 14px !important;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    text-align: left;
    margin-bottom: 3px
}

.achi-read-more {
    background: #bfffba;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 15px;
    font-weight: 500
}

.alumni-card .pic1 {
    float: left
}

.alumni-card .pic1 img {
    width: 110px !important;
    height: auto;
    border-radius: 10px;
    margin-right: 15px;
    margin-left: 10px;
    box-shadow: 0 15px 10px -12px #111;
    border: 2px solid #f1f1f1
}

.alumni-card .alumni-title {
    color: var(--blue-color);
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-bottom: 2px solid var(--blue-color)
}

.brand-text-t {
    color: var(--gold-color)
}

.news-box {
    position: relative
}

.news-box-img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 260px
}

.news-box-img img {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    object-fit: fill;
    transition: transform .5s, filter 1.5s ease-in-out
}

.news-box:hover .news-box-img img {
    transform: scale(1.1)
}

.news-box-title {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    text-transform: uppercase;
    background: rgba(0, 24, 68, .8);
    padding: 7px 20px
}

.news-box-title h5 {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500
}

.news-block .inner-box {
    position: relative;
    margin-bottom: 30px;
    border: 1px solid var(--blue-color);
    padding: 5px;
    min-height: 250px
}

.news-block .lower-content {
    position: relative;
    transition: .3s;
    -webkit-transition: .3s;
    margin-top: 7px
}

.news-block .lower-content h4 {
    line-height: 20px;
    font-size: 14px
}

.news-block .lower-content a {
    color: var(--blue-color);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none
}

.author-img {
    border: 2px solid #fff;
    box-shadow: 0 0 10px #0000004a
}

.career-box {
    position: relative
}

.career-img {
    position: relative;
    width: 100%;
    height: 380px;
    text-align: center;
    background: #001845f5;
    border: 2px solid #a39161;
    box-shadow: 0 0 10px #0000004d;
    overflow: hidden
}

.career-box:hover .career-img img {
    transform: scale(1.1)
}

.career-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .5s, filter 1.5s ease-in-out
}

.loading-btn {
    background: var(--blue-color);
    color: #fff;
    padding: 4px 15px;
    font-size: 15px;
    border: 2px solid var(--gold-color);
    cursor: pointer
}

.pagi-box {
    border: 1px solid var(--blue-color);
    border-radius: 4px;
    padding: 0 30px;
    max-width: 170px;
    float: right
}

.pagi-box .pagi-btn {
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 1px solid var(--blue-color);
    padding: 3px 15px;
    text-align: center;
    max-width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    background: 0 0
}

.pagi-box .owl-item .item:first-child .pagi-btn {
    border-left: 1px solid var(--blue-color)
}

.pagi-box .owl-nav>button {
    position: absolute;
    top: 37%;
    font-size: 25px !important;
    color: var(--blue-color) !important;
    height: 32px !important;
    width: 32px !important
}

.pagi-box .owl-nav>button:focus {
    border: 0;
    outline: 0;
    box-shadow: none
}

.pagi-box .owl-nav button.owl-prev {
    left: -31px
}

.pagi-box .owl-nav button.owl-next {
    right: -31px
}

.accolades-card {
    background: #fff;
    border: 1px solid #70707069;
    padding: 25px;
    box-shadow: 0 0 10px #00000029
}

.acco-title {
    color: #001844;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px
}

.accolades-card a {
    color: #001844;
    font-style: italic;
    font-weight: 500;
    word-wrap: break-word
}

.accolades-box {
    width: max-content;
    height: 250px;
    position: relative;
    box-shadow: 0 3px 33px #00000012;
    border: 2px solid #fff;
    border-radius: 3px
}

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

.view-all1,
.view-all1:hover {
    font-weight: 600;
    font-size: 14px;
    color: var(--blue-color)
}

.accolades-ul {
    padding-left: 10px
}

.accolades-ul li {
    list-style-type: disclosure-closed;
    line-height: 20px;
    margin-bottom: 4px
}

.suc {
    color: green;
    font-weight: 900
}

.submitbtn {
    cursor: pointer
}

.apps-icon a {
    display: block;
    max-width: 100px
}

.school-slider .owl-carousel {
    position: relative
}

.school-slider img {
    aspect-ratio: 9/5;
    object-fit: cover
}

@media (min-width:767px) {
    .school-slider img {
        max-height: calc(100vh - 119px);
        object-fit: cover
    }
}

.school-slider .owl-nav {
    position: absolute;
    bottom: 0 !important;
    padding: 10px 30px;
    background-color: var(--theme-warning);
    top: unset;
    width: auto;
    right: 0
}

.school-slider .owl-next {
    float: none;
    margin-left: 21px !important;
    height: 23px !important;
    width: 23px !important;
    vertical-align: middle;
    line-height: 0;
    display: inline-flex !important;
    justify-content: center;
    align-items: center
}

.school-slider .owl-prev {
    float: none;
    margin-left: 5px !important;
    height: 23px !important;
    width: 23px !important;
    vertical-align: middle;
    line-height: 0;
    display: inline-flex !important;
    justify-content: center;
    align-items: center
}

.school-slider .owl-nav::before {
    content: "";
    border-left: 1px solid #fff;
    height: 64% !important;
    display: block;
    position: absolute;
    transform: translateY(-5%);
    left: 51%
}

.welcome-section {
    background-color: var(--theme-primary-light)
}

.welcome-section-btn {
    border: 2px solid #fff;
    border-radius: 2px
}

.welcome-section-btn:hover {
    background-color: var(--theme-warning)
}

.welcome-section-btn {
    transition-duration: .3s
}

.welcome-sec-croller-para {
    font-size: 12px
}

.welcome-section-points {
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 2px
}

.welcome-section-points:hover {
    border-top: 2px solid var(--theme-primary);
    border-bottom: 2px solid var(--theme-primary)
}

.welcome-section-points-para {
    color: #646464
}

.welcome-sec-vision {
    width: 9%;
    height: 54%
}

.welcome-sec-vision-statement {
    position: relative
}

.welcome-sec-vision-statement::after {
    content: "";
    float: none;
    position: absolute;
    margin-left: 84px !important;
    height: 38px !important;
    width: 23px !important;
    line-height: 0;
    display: block !important;
    border-left: 2px solid #646464;
    transform: translateY(-100%)
}

.owl-carousel {
    position: relative
}

.owl-nav {
    position: absolute;
    top: 50%;
    width: 100%
}

.owl-next {
    right: 0 !important;
    float: right
}

.owl-prev {
    left: 0 !important;
    float: left
}

.owl-nav button {
    position: relative;
    background-color: var(--theme-warning) !important;
    border: 1px solid #fff !important;
    width: 30px !important;
    height: 30px !important
}

.owl-nav button:hover {
    background-color: var(--theme-primary) !important
}

.core-team-slider-card {
    border: 0
}

.discover-sec-logo1 {
    position: absolute;
    max-width: 120px
}

.discover-sec-logo2 {
    max-width: 500px
}

.border-style {
    border-left: 1px solid #00305d
}

@media only screen and (max-width:767px) {
    .discover-header {
        border: 0
    }
}

.kidcentre-slider-card {
    position: relative;
    border: 1px solid #fff
}

.kidcentre-slider-card::after {
    content: "";
    width: 100%;
    height: 50%;
    bottom: 0;
    position: absolute;
    background: #0f143b;
    background: linear-gradient(0deg, rgba(15, 20, 59, 1) 0, rgba(0, 212, 255, 0) 68%)
}

.kidcentre-slider-card-text {
    position: absolute;
    bottom: 0;
    left: 3%;
    z-index: 2
}

.kidcentre-slider-card {
    overflow: hidden
}

.kidcentre-slider-card:hover .kidcentre-slider-img {
    transform: scale(1.1)
}

.kidcentre-slider-img {
    height: 360px;
    transition-duration: .3s;
    object-fit: cover
}

.ourgallery-slider-card {
    position: relative
}

.ourgallery-slider-card::after {
    content: "";
    width: 100%;
    height: 30%;
    bottom: 0;
    position: absolute;
    background: #c69214;
    background: linear-gradient(0deg, rgba(198, 146, 20, .6783963585434174) 0, rgba(0, 212, 255, 0) 68%)
}

.ourgallery-slider-card-text {
    position: absolute;
    bottom: 0;
    left: 3%;
    z-index: 2
}

.ourgallery-slider-card {
    overflow: hidden
}

.ourgallery-slider-card:hover .ourgallery-slider-img {
    transform: scale(1.1)
}

.ourgallery-slider-card:hover {
    border: 2px solid var(--theme-warning)
}

.ourgallery-slider-img {
    transition-duration: .3s
}

.btn-theme-primary:hover {
    background-color: var(--theme-primary);
    color: #fff
}

.ourgallery-slider-card-logo {
    position: absolute;
    bottom: 10%;
    z-index: 2;
    color: var(--theme-primary);
    background-color: var(--theme-warning);
    clip-path: circle(76% at 78% 94%);
    height: 160px;
    width: 152px;
    bottom: 0;
    right: 0;
    padding: 8px;
    opacity: 0;
    transition-duration: .3s
}

.ourgallery-slider-card:hover .ourgallery-slider-card-logo {
    opacity: .7
}

.achievements-slider-card-text {
    display: flex;
    background-color: var(--theme-primary);
    border: 1px solid #fff;
    margin-top: -42px;
    z-index: 1;
    position: relative;
    align-items: center
}

.achievements-slider-card-logo {
    width: 100% !important;
    display: block
}

.achievements-slider-card {
    overflow: hidden;
    border: 2px solid #fff;
    border-radius: 0
}

.achivements-slider-trophy {
    width: 75% !important;
    display: none !important
}

.achievement-slider-div:hover .achievements-slider-img {
    transform: scale(1.1)
}

.achievements-slider-img {
    max-width: fit-content;
    margin: auto;
    height: 280px;
    transition-duration: .3s;
    object-fit: cover
}

.achievement-slider-div:hover .achievements-slider-card-logo {
    display: none !important
}

.achievement-slider-div:hover .achivements-slider-trophy {
    display: block !important
}

.learning-partner-slider-card {
    background-color: #fff;
    align-items: center;
    padding: 2px
}

.learning-partner-slider-card:hover {
    background-color: #eff1ff;
    padding: 0;
    margin-top: 2px
}

.learning-partner-slider-card {
    transition-duration: .3s
}

.learning-partner-slider-card {
    transition-duration: .2s
}

.parent-teatimonial {
    background: #c69214;
    background: linear-gradient(180deg, rgba(198, 146, 20, 1) 50%, rgba(243, 243, 243, 1) 50%)
}

.parent-teatimonial-card {
    background: url(../../resources/web-data/sps/image/parentbackground.png);
    background-size: cover;
    align-items: center;
    border-radius: 2.5rem 2.5rem 0 2.5rem !important
}

.parent-teatimonial-btn {
    border: 1px solid var(--theme-primary);
    border-radius: 3px !important
}

.parent-teatimonial-card:hover .parent-teatimonial-btn {
    background-color: var(--theme-primary) !important;
    color: #fff
}

.parent-teatimonial-card:hover .parent-teatimonial-card-img {
    transform: scale(1.1)
}

.parent-teatimonial-card-img {
    transition-duration: .3s
}

.parent-teatimonial-imgdiv {
    border: 2px solid var(--theme-warning);
    border-radius: 10px;
    overflow: hidden
}

.parent-teatimonial-sliderdiv {
    background-color: var(--theme-primary)
}

.parent-teatimonial .owl-nav .owl-prev {
    float: none;
    position: absolute;
    left: -40px !important
}

.parent-teatimonial .owl-nav .owl-next {
    float: none;
    position: absolute;
    right: -40px !important
}

.social-media-section {
    background: url(../../resources/web-data/sps/image/Group%20280585.png);
    background-size: cover
}

.social-media-slider-img {
    height: 303px;
    object-fit: cover
}

.social-media-icon {
    width: 5% !important
}

.social-media-icon-div {
    background-color: #fff;
    position: absolute
}

.social-media-slider-card {
    position: relative
}

.footer-section2 {
    background: url(../../resources/web-data/sps/image/footerbg2.png);
    background-size: cover
}

.footer-sec-icon {
    border: 1px solid #fff;
    color: var(--theme-primary-light);
    display: inline-block;
    width: 22px;
    height: 22px;
    font-size: .7rem;
    line-height: 22px;
    text-align: center
}

.footer-section-icon-div {
    color: var(--theme-primary-light);
    display: flex
}

.footer-quick-links {
    color: var(--theme-primary-light)
}

.footer-quick-links:hover {
    color: #fff
}

.footer-section-icon-div:hover {
    color: #fff
}

.social-icons a {
    border: 1px solid #fff;
    display: inline-block;
    width: 29px;
    height: 27px;
    text-align: center;
    line-height: 27px
}

.social-icons i {
    color: var(--theme-primary-light)
}

.footer-sec-logo {
    width: 67%
}

.social-icons .fb:hover i {
    color: #00f
}

.social-icons .yt:hover i {
    color: red
}

.social-icons .ig:hover i {
    background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.social-icons a:hover {
    background-color: #fff
}

.footer-uppermap {
    width: 100%;
    border: 5px solid #fff
}

.footer-map {
    position: relative
}

.footer-lowermap {
    position: absolute;
    margin-top: -33%;
    left: 37%;
    height: 54%
}

.footer-section1 {
    background: url(../../resources/web-data/sps/image/footerbg1.png);
    background-size: 100%
}

.footer-sec1-row {
    position: relative;
    align-items: center;
    margin-bottom: -68px;
    border-radius: 5px
}

.footer-sec1-logo {
    position: absolute;
    margin-top: -142px
}

.footer-sec1-btn {
    border-radius: 20px !important;
    border-bottom: 3px solid #fff
}

.footer-sec1-btn:hover {
    background-color: #1b0c84;
    color: #fff;
    border: 0
}

.footer-sec1-para {
    color: var(--theme-primary-light)
}

.footer-sec2-container {
    position: relative;
    z-index: 1
}

.footer-quick-links-menu {
    position: relative
}

.footer-quick-links-menu::before {
    content: "";
    display: none
}

@media (min-width:992px) {
    .footer-quick-links-menu::before {
        content: "";
        height: 88%;
        border-left: 1px solid var(--theme-primary-light);
        border-right: 1px solid var(--theme-primary-light);
        opacity: .5;
        position: absolute;
        left: -30px;
        right: -23px;
        z-index: -1;
        top: 50%;
        transform: translateY(-50%);
        display: block
    }
}

.footer-sec1-head {
    position: relative
}

.footer-sec1-head::after {
    content: "";
    width: 12%;
    border-bottom: 3px solid var(--theme-primary);
    position: absolute;
    left: 0;
    bottom: -3px
}

.footer-quick-links-head {
    position: relative
}

.footer-quick-links-head::after {
    content: "";
    width: 14%;
    border-bottom: 1px solid var(--theme-primary-light);
    position: absolute;
    left: 0;
    bottom: -3px;
    opacity: .5
}

.footer-numbers {
    display: inline-flex;
    white-space: nowrap;
    flex-wrap: wr
}

.frame {
    position: relative
}

.frame-title {
    position: absolute;
    top: 0;
    left: 0;
    border-bottom-right-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    z-index: 5
}

.frame-titleYoutube {
    position: absolute;
    top: 0;
    right: 0;
    border-bottom-right-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    z-index: 5
}

.frame-title img {
    display: inline-block !important;
    margin-right: 2px
}

.frame-titleYoutube i {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.frame-title i {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.frame-subtitle {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    color: #fff;
    z-index: 1
}

.frame-subtitle::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    height: 100px;
    width: 100%;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, .9192051820728291) 0, rgba(243, 243, 243, 0) 100%)
}

@keyframes scrollNews {
    from {
        left: 100%
    }

    to {
        left: -100%
    }
}

.marquee-container {
    height: 100%;
    width: 100%
}

.marquee-text a {
    color: #0f143b;
    transition: all .3s
}

.marquee-text a:hover {
    color: #fff
}

.marquee-text:hover {
    animation-play-state: paused
}

.circular-list {
    height: 440px
}

.circular-list::-webkit-scrollbar {
    width: 5px
}

.circular-list::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .1)
}

.circular-list::-webkit-scrollbar-thumb {
    background: var(--theme-warning)
}

.circular-list::-webkit-scrollbar-thumb:hover {
    filter: hue-rotate(10deg)
}

.circular-list li {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.sn-center tr>td:first-child,
.sn-center tr>th:first-child {
    text-align: center
}

@media (min-width:600px) {}

@-webkit-keyframes red_glow {
    from {
        background-color: var(--theme-primary)
    }

    to {
        background-color: red
    }
}

@keyframes red_glow {
    from {
        background-color: var(--theme-primary)
    }

    to {
        background-color: red
    }
}

.fixed-360-btn,
.fixed-admission-btn {
    position: fixed;
    right: 0;
    top: 40%;
    transform: rotate(270deg) translateY(-50%);
    transform-origin: right;
    z-index: 999;
    border: 2px solid #fff;
    animation: red_glow .5s ease-in infinite alternate
}

.fixed-360-btn {
    position: absolute;
    top: max(4%, 200px);
    left: 0;
    right: unset;
    transform: rotate(90deg) translateY(-50%);
    transform-origin: left
}

.fixed-360-btn img {
    filter: invert(1);
    width: 25px
}

@media (max-width:576px) {
    .fixed-360-btn {
        padding: 0 10px;
        font-size: 12px
    }

    .fixed-admission-btn {
        padding: 3px 10px;
        font-size: 12px
    }
}

@media (min-width:768px) {
    .fixed-admission-btn {
        top: 50%;
        transform: translateY(-50%)
    }
}

#virtual-modal {
    background: rgba(0, 0, 0, .9);
    z-index: 9999
}

@media (min-width:1200px) {
    #virtual-modal .modal-xl {
        max-width: 1060px
    }
}

.datepicker {
    background-image: url(../../../resources.edunexttechnologies.com/default-form/img/calendar-icon.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-position: right 12px center;
    background-size: 12px
}

.dudp__wrapper[data-theme=blue] .dudp__calendar-header {
    background-color: var(--theme-primary) !important
}

.dudp__wrapper[data-theme=blue] .dudp__calendar .dudp__cal-week .dudp__date.range-from:before,
.dudp__wrapper[data-theme=blue] .dudp__calendar .dudp__cal-week .dudp__date.range-to:before,
.dudp__wrapper[data-theme=blue] .dudp__calendar .dudp__cal-week .dudp__date.selected:before {
    background-color: var(--theme-primary) !important
}

.dudp__wrapper[data-theme=blue] .dudp__calendar .dudp__cal-week .dudp__date.current {
    color: var(--theme-primary) !important
}

.dudp__wrapper[data-theme=blue] .dudp__buttons .dudp__button,
.dudp__wrapper[data-theme=blue] .dudp__months-view .dudp__month.selected,
.dudp__wrapper[data-theme=blue] .dudp__years-view .dudp__year.selected {
    color: var(--theme-primary) !important
}

.dudp__wrapper[data-theme=blue] .dudp__buttons .dudp__button,
.dudp__wrapper[data-theme=blue] .dudp__months-view .dudp__month.selected,
.dudp__wrapper[data-theme=blue] .dudp__years-view .dudp__year.selected {
    color: var(--theme-primary) !important
}

/* 
==============================================
 * Design and developed by Edunext Technology
 * Designer Santosh Jha 
==============================================
*/

* {
    margin: 0;
    padding: 0;
    border: none;
    outline: 0;
    font-size: 100%;
    line-height: inherit
}

:root {
    /* --theme-primary-dark: #0D1D51; */
    --theme-primary: #0F143B;
    --theme-primary-light: #F3F3F3;
    --theme-primary-dark: #355B32;
    --theme-warning: #C69214;
    --theme-danger: #8c221b;
    --font-family: "Aleo", serif;
    --theme-gray: rgb(248, 248, 248);
    --theme-primary-accent: #F1F3F2;
    --theme-dark: #0A0A0A;
    --step--2: clamp(0.6076rem, 0.5964rem + 0.0563vw, 0.64rem);
    --step--1: clamp(0.7292rem, 0.7045rem + 0.1232vw, 0.8rem);
    --step-0: clamp(0.875rem, 0.8315rem + 0.2174vw, 1rem);
    --step-1: clamp(1.05rem, 0.9804rem + 0.3478vw, 1.25rem);
    --step-2: clamp(1.26rem, 1.1548rem + 0.5261vw, 1.5625rem);
    --step-3: clamp(1.512rem, 1.3586rem + 0.7672vw, 1.9531rem);
    --step-4: clamp(1.8144rem, 1.5963rem + 1.0904vw, 2.4414rem);
    --step-5: clamp(2.1773rem, 1.8731rem + 1.5208vw, 3.0518rem)
}

body,
html {
    font-size: var(--step-0);
    color: var(--theme-dark);
    line-height: 1.6em;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    background: #fff;
    font-family: var(--font-family);
    scroll-behavior: smooth
}




.fs-base {
    font-size: 1rem !important;
}

.fs-14 {
    font-size: .8rem
}

.border-white-50 {
    border-color: rgba(255, 255, 255, .5) !important
}

.btn,
.font-aleo {
    font-family: "Aleo", sans-serif !important;
}

.font-Rubik {
    font-family: "Rubik", sans-serif
}


h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 700 !important;
    font-family: Rubik, sans-serif;
    /* letter-spacing: 2px */
}

.h1,
h1 {
    font-size: var(--step-5)
}

.h2,
h2 {
    font-size: var(--step-4)
}

.h3,
h3 {
    font-size: var(--step-3)
}

.h4,
h4 {
    font-size: var(--step-2)
}

.h5,
h5 {
    font-size: var(--step-1)
}

.h6,
h6 {
    font-size: var(--step-0)
}

.small,
small {
    font-size: var(--step--1)
}

.smallest {
    font-size: var(--step--2)
}

.bg-theme-primary-accent {
    background-color: var(--theme-primary-accent) !important;
}

.bg-theme-primary {
    background-color: var(--theme-primary) !important;
}

.bg-theme-danger {
    background-color: var(--theme-danger) !important;
}

.bg-theme-primary-dark {
    background-color: var(--theme-primary-dark)
}

.bg-theme-warning {
    background-color: var(--theme-warning) !important
}

.text-underline {
    text-decoration: underline;
}


.text-theme-primary {
    color: var(--theme-primary) !important
}

.text-theme-danger {
    color: var(--theme-danger) !important
}

.border-4 {
    border: 4px solid;
}

.border-theme-warning {
    border-color: var(--theme-warning) !important;
}

.text-theme-primary-dark {
    color: var(--theme-primary-dark) !important
}

.text-theme-warning {
    color: var(--theme-warning) !important
}

.btn {
    border-radius: 2px !important;
}

.btn-theme-primary {
    background-color: var(--theme-warning);
    color: #fff;
    transition: all .3s ease-in-out
}

.btn-theme-primary-bg-inverse {
    background-color: var(--theme-primary);
    color: #fff !important;
    transition: all .3s ease-in-out
}

.btn-theme-primary-bg-inverse:hover {
    color: var(--theme-primary) !important;
    background-color: white;
}

.bg-theme-primary-light {
    background-color: var(--theme-primary-light) !important;
}

.border-theme-primary {
    border-color: var(--theme-primary) !important;
}

.heading-underline {
    position: relative;
}

.heading-underline::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background: var(--theme-primary);
}


.ls-1 {
    letter-spacing: 1px
}

.ls-2 {
    letter-spacing: 2px
}

.lh-13 {
    line-height: 1.3
}

.lh-1 {
    line-height: 1
}

.page-wrapper {
    position: relative;
    width: 100%;
    min-width: 300px;
    z-index: 9;
    margin: 0 auto;
}

.text-black {
    color: #000 !important;
}

body.mobile-menu-visible .page-wrapper {
    z-index: 999999
}

a {
    text-decoration: none;
    cursor: pointer;
    transition: .3s;
    -webkit-transition: .3s;
    color: var(--blue-color)
}

a:focus,
a:hover,
a:visited {
    text-decoration: none !important;
    outline: 0
}



.font-dm {
    font-family: "DM Sans", sans-serif !important;
}

.school-slider .slider_content {
    font-style: italic;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 1;
}


@media (max-width: 768px) {
    .school-slider .slider_content {
        font-size: 14px;
    }
}

.school-slider .owl-item::before {
    content: '';
    display: block;
    width: 100%;
    height: 20%;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9192051820728291) 0%, rgba(243, 243, 243, 0) 100%);
    z-index: 1;
    position: absolute;
    bottom: 0;
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    z-index: 9;
}

.auto-container {
    position: static;
    max-width: 1240px;
    width: calc(100% - 1rem);
    padding: 0 15px;
    margin: 0 auto
}

li,
ul {
    list-style: none;
    padding: 0;
    margin: 0
}

figure {
    margin-bottom: 0
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto
}

.dropdown-toggle::after {
    display: none
}

.owl-dots {
    text-align: center;
    line-height: .8;
    /* position: absolute; */
    bottom: 0px;
    left: 50%;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    width: fit-content;
    margin: 1rem auto 1.8rem;
}

.owl-dots .owl-dot {
    width: 30px;
    height: 5px;
    border-radius: 0px;
    background: var(--theme-warning) !important;
    transition: .3s;
    -webkit-transition: .3s;
    margin: 0;
    display: inline-block;
    opacity: 1;
    position: relative
}

.owl-dots .owl-dot:last-child:after {
    display: none
}

.owl-dots .owl-dot.active {
    /* width: 15px; */
    opacity: 1;
    background: var(--theme-primary) !important
}

.theme-btn {
    display: inline-block;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.btn,
button {
    outline: 0 !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-35 {
    margin-bottom: 35px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-40 {
    margin-top: 40px !important
}

.mt-50 {
    margin-top: 50px !important
}

.mt-70 {
    margin-top: 70px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.mb-70 {
    margin-bottom: 70px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.pb-30 {
    padding-bottom: 30px !important
}

.pb-50 {
    padding-bottom: 50px !important
}

.scroll-to-top {
    position: fixed;
    right: 10px;
    bottom: 85px;
    width: 40px;
    height: 40px;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    border-radius: 50%;
    display: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.lh {
    line-height: 1.4;
}

.scroll-to-top.style-two {
    background-color: #2d3247
}

.scroll-to-top:hover {
    color: #fff;
    background: var(--theme-primary-dark)
}

.news-scroll {
    position: relative;
    z-index: 10;
    background: var(--theme-warning);

    width: 100%;
}

.news-scroll_title {
    background: var(--theme-primary-dark);
    color: white;
    /* width: 173px; */
    white-space: nowrap;

    /* margin-left: 12px; */
}

.circular_card_sec .circular_title {
    font-size: .875rem;
}

.circular_card_sec {
    height: 350px;
    overflow: hidden auto;
}

.circular_card_sec .btn-link {
    color: var(--theme-primary);
    transition: all 0.3s;
}

.circular_card_sec .circular_viewAll {
    margin-bottom: -1em;
}

.circular_card_sec .btn-link:hover {
    filter: brightness(70%);
}

/* width */
.circular_card_sec::-webkit-scrollbar {
    width: 5px;

}

/* Track */
.circular_card_sec::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.circular_card_sec::-webkit-scrollbar-thumb {
    background: var(--theme-warning);
}

/* Handle on hover */
.circular_card_sec::-webkit-scrollbar-thumb:hover {
    background-color: #ffc000;
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.marquee {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 27px;
}

.btn_top-links {
    background-color: var(--theme-warning);
    transition: all 0.3s;
}

.btn_top-links:hover {
    background-color: var(--theme-primary-light);
}

.btn_top-links img.edunext-logo {
    width: 13px;
}

@media (min-width: 768px) {
    .btn_top-links img.edunext-logo {
        width: 16px;
    }
}

@media (max-width: 500px) {


    .top_contacts {
        font-size: var(--step--1);
    }

    .top_contacts a.btn {
        font-size: var(--step--1);
    }

}

.top_contacts i.fa {
    color: var(--theme-warning);
    transition: color 0.3s;
}

.top_contacts i.fa:hover {
    filter: brightness(0.9);
}

.marquee .links {
    position: absolute;
    white-space: nowrap;
    animation: marquee 15s linear infinite !important;
}

.news-scroll_content .btn {
    font-size: 12px;
    font-weight: 500;
    color: #000000d8;
    transition: all 0.3s;
}

.news-scroll_content .btn .fa {
    font-size: 20px;
    vertical-align: middle;
    color: #000;
}

.marque-content {
    color: #000;
    font-size: 13px;
    font-family: "Aleo", serif;
}

.fa-caret-right {
    color: #fff;
}

.after-news-logo-text {
    font-family: "Aleo", serif;
    font-size: 13px;
    color: #fff;
}

@media only screen and (min-width: 1200px) {
    div.container {
        max-width: 1200px;
    }
}

@keyframes marquee {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.marquee:hover .links {
    animation-play-state: paused !important;
}

@media(max-width:576px) {
    .after-news-logo-text {
        font-size: 10px;
    }
}


/* marque section end */

.about-section {
    background: url("../../resources/web-data/idps-assets/about-us-background-img.png");
    background-size: cover;
}


.about-section {
    position: relative;
    background: #fff;
}

.about_left {

    position: relative;
    padding-top: 2rem;
    /* padding: 6% 9%; */
}

.about-left p {
    font-family: "Aleo", serif;
    /* line-height: 23px; */
    padding: 0% 10%;
    /* font-size: 15px; */
    text-align: center;
}

.about-left h4 {
    font-family: "Aleo", serif;
    letter-spacing: 0px;
}

.section-tittle_about {
    bottom: 11px;
    font-size: 19px;
}

.section-title {
    font-size: 29px;
}

.about-page {
    background: #dcdde7;
}


.about-section:not(.about-page) {

    color: #fff;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.linestyle {
    display: inline-block;
    width: 4px;
    height: 35px;
    background: rgb(167 165 166 / 40%);
    position: absolute;
    top: 1rem;
    left: 50%;
    border-radius: 10px;
    overflow: hidden;
}

.linestyle:after {
    display: inline-block;
    content: '';
    width: 3px;
    height: 12px;
    background: var(--theme-primary);
    position: absolute;
    bottom: 0;
    left: 0;
    animation: scrollDown 1.5s infinite;
}

.list-style-auto {
    list-style-type: auto;
}

.list-style-auto li {
    list-style-type: auto;
}

.list-style-disc {
    list-style-type: disc;
}

.list-style-disc li {
    list-style-type: disc;
}

.green-text {
    color: var(--theme-primary)
}

/* gallery section  */

.activity-gal-card {
    position: relative;
    box-shadow: 0px 3px 6px #0000000F;
    border: 1px solid #70707040;

}

.activity-gal-card:hover .activity-gal-content {
    bottom: 100%;
    transform: translateY(100%);
}

.activity-gal-content {
    background: var(--theme-primary);
    padding: 10px 10px;
    position: absolute;
    width: 100%;
    bottom: 0;
    transition: all 1s;
}

.activity-gal-content .act-name {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.activity-gal-img {
    height: 250px;
    width: 100%;
    overflow: hidden;
}

.activity-gal-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


@keyframes scrollDown {
    0% {
        transform: translate3d(0, -70px, 0);
    }

    50% {
        animation-timing-function: ease-in-out;
        transform: translate3d(0, 0, 0);
    }

    100% {
        animation-timing-function: ease-in-out;
        transform: translate3d(0, 65px, 0);
    }
}

.wel-right {
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
    transform: scale(1.1);
}

.button-body {
    background-color: var(--theme-primary);
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 19px;
    border-radius: 4px;
    position: relative;
    font-family: "Aleo", serif;
}

.button-body::before {
    content: "";
    position: absolute;
    height: 39px;
    width: 115px;
    border: 1px solid var(--theme-primary-dark);
    border-radius: 4px;
    top: -2px;
    left: -3px;
    opacity: 0;
    transition: all 0.2s;
    ;
}

.button-body:hover::before {
    opacity: 1;
}

@media(max-width:576px) {
    .linestyle {
        display: inline-block;
        width: 4px;
        height: 35px;
        background: rgb(167 165 166 / 40%);
        position: absolute;
        top: 0%;
        left: 50%;
        border-radius: 10px;
        overflow: hidden;
    }

    .section-tittle_about {
        bottom: -3px;
        font-size: 14px;
    }

    .section-title {
        font-size: 16px;
    }

    .card-title {
        font-size: 14px;
    }

}

.about-left p {
    padding: 0;
}


/* end about section */
.facility-props {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
}

.school-facility {
    background: url("../../resources/web-data/idps-assets/school-facility-background-img.png");
    background-size: cover;
}

.school-facility .card {
    background-color: var(--theme-warning);
    border: 1px solid var(--theme-primary);
}

.school-facility .card-img {
    transition: all 0.3s;
    overflow: hidden;

}

.school-facility .card:hover .card-img {
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
    box-shadow: 0px 3px 6px #00000029;
}

.school-facility .card-img-top {
    transition: transform 0.3s;
    object-fit: cover;
    height: 200px;
}

.school-facility .card:hover .card-img-top {
    transform: scale(1.1);
}

.facilities-readmore {
    margin-bottom: -23px;
    text-align: center;
    background: var(--theme-primary);
    color: #fff;
    font-family: "Aleo", serif;
    outline: 1px solid transparent !important;
    outline-offset: 2px;
    transition: all 0.3s;
}

.school-facility .card:hover .facilities-readmore {
    outline: 1px solid var(--theme-primary) !important;
    outline-offset: 2px;
}

.card-title {
    font-size: 18px;
}

/* .facilities-readmore:before {
    content: "";
    position: absolute;
    height: 44px;
    width: 113px;
    border: 1px solid var(--theme-border);
    border-radius: 4px;
    left: 128px;
    bottom: -22px;
    opacity: 0;
    transition: all 0.2s;
    color: #fff;
} */

.facilities-readmore:hover {
    color: #fff;

}

.card:hover .facilities-readmore:before {
    opacity: 1;
    color: #fff;
}

@media(max-width:576px) {
    .card-title {
        font-size: 14px;
    }

    .facilities-readmore:before {
        height: 39px;
        width: 99px;
        left: 95px;
        bottom: -22px;
    }
}

/* end facility section */

/* start Addmision section */
.addmision-section {
    background: url("../../resources/web-data/idps-assets/addmision-section.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.addmision-box {
    background: url("../../resources/web-data/idps-assets/addmision-section-div-bg-img.png");
    background-size: cover;
    position: relative;
    /* top: 48px; */
}

.addmision-tittle_about {
    bottom: 11px;
    font-size: 19px;
}

.addmision-title {
    font-size: 18px;
}

.addmision-session {
    font-weight: bold;
    background: rgb(250, 207, 15);
    background: linear-gradient(100deg, rgba(250, 207, 15, 0) 0%, rgba(250, 207, 15, 0.9051995798319328) 52%, rgba(250, 207, 15, 0) 100%);
    font-family: Aleo, sans-serif;
}

.addmision-para {
    font-size: 12px;
    line-height: 2;
}

.addmission-readmore:before {
    content: "";
    position: absolute;
    height: 44px;
    width: 113px;
    border: 1px solid var(--theme-primary-dark);
    border-radius: 4px;
    left: 128px;
    bottom: -22px;
    opacity: 0;
    transition: all 0.2s;
    color: #fff;
}

/* .addmission-readmore:hover{
  color:#fff;
}
.card:hover .addmission-readmore:before{
  opacity:1;
  color:#fff;
} */

@media(max-width:567px) {
    .addmision-tittle_about {
        font-size: 10px;
    }

    .addmision-title {
        font-size: 10px;
    }

    /* .addmision-para {
        font-size: 6px;
    } */

    .addmision-tittle_about {
        bottom: 0;
    }
}


/* End Admmision section  */
.main-header {
    position: relative;
    display: block;
    width: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
    clear: both;
}

.main-header .header-top {
    background: var(--them-primary);
}

@media (min-width: 992px) {
    .main-header .header-top {
        background: #fff url(../../resources/web-data/sps/image/menu-bg.png) no-repeat bottom;
        background-size: 100% 98%;
    }

}

.container.auto-container,
.header-upper .auto-container,
.main-header.header-style-one .auto-container {
    max-width: 1520px
}

.main-header.header-style-one {
    position: relative
}

.rs-toolbar {
    padding: 4px 0 5px;
    font-size: 12px;
    position: relative;
    /* background: url(https://resources.edunexttechnologies.com/web-data/amenity-school/img/header-strip.png) no-repeat; */
    background-color: var(--theme-primary);
}

.rs-toolbar .container {
    position: relative;
    z-index: 2
}

.header-top {
    position: relative;
    padding: 0
}

.main-header .rs-toolbar-start a {
    /* color: #fff; */
    font-size: 12px;
    border-radius: 0 0 .5rem 0.5rem !important;
}

.main-header .rs-toolbar-start a i {
    margin-right: 5px
}

.header-top .inner-container {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.header-top .left-column {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.header-top ul.contact-info {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.header-top ul.contact-info li {
    margin-right: 22px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    padding-right: 20px
}

.header-top ul.contact-info li:before {
    position: absolute;
    content: '';
    top: 5px;
    right: 0;
    width: 1px;
    height: 20px;
    background-color: rgba(255, 255, 255, .2)
}

.header-top ul.contact-info li:last-child:before {
    display: none
}

.header-top ul.contact-info a {
    color: #fff
}

.header-top ul.contact-info li i {
    margin-right: 7px;
    font-size: 20px;
    vertical-align: middle;
    position: relative;
    top: -2px
}

.header-top .social-icon {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end
}

.header-top .social-icon.xl-social-icon {
    display: flex !important
}

.header-top .social-icon li {
    margin-right: 8px;
    font-size: 14px;
    line-height: 20px
}

.header-social ul li {
    display: inline-block
}

.header-social ul li a {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
    transition: all .3s ease 0s;
    line-height: 31px;
    font-size: 14px;
    border-radius: 42px;
    font-weight: 300;
    margin-right: 5px;
    transition: .3s
}

.header-social ul li a:hover {
    background: 0 0 !important;
    border: 1px solid #2b50a5;
    color: #2b50a5 !important
}

.header-top .social-icon li:last-child {
    margin-right: 0
}

.left-img-column img {
    max-width: 300px
}

a.fb-color {
    background: #3e5c9a !important
}

a.ld-color {
    background: #0c63bc !important
}

a.tw-color {
    background: #1c9cea !important
}

a.ins-color {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%)
}

.fb-bg {
    background: #3e5c9a
}

.ins-bg {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%)
}

.fb-bg:hover {
    background: #3e5c9a !important
}

.insta-bg:hover {
    background: -moz-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
    background: -webkit-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
    background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important
}

.ld-bg:hover {
    background: #0c63bc !important
}

.yb-bg:hover {
    background: #c3271a !important
}

.header-top .social-icon li a {
    background: #fff;
    transition: .5s;
    display: inline-block;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    border-radius: 42px;
    font-size: 14px
}

.header-top .social-icon li a.erp-login {
    width: auto;
    background: #fff;
    color: #013300;
    font-size: 14px;
    padding: 0 10px;
    border-radius: 4px;
    font-weight: 500
}

.header-top .social-icon li a:hover {
    background: #fff;
    color: #013300
}

ul.btns-link {
    max-width: 100%;
    text-align: right;
    margin-bottom: 10px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

ul.btns-link li {
    display: inline-block;
    margin-left: 18px;
    margin-top: 8px
}

.add-enq {
    position: relative
}

.add-enq:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    width: 1px;
    height: 36px;
    background: #84858f63
}

ul.btns-link li:first-child {
    margin-left: 0
}

ul.btns-link li a {
    padding: 6px 6px;
    font-size: 12px;
    font-weight: 400
}

ul.btns-link li .cbse-btn {
    color: #001742;
    background: #f9fbff;
    box-shadow: 2px 3px 3px #0000000D;
    border: 1px solid var(--blue-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 140px;
    transition: .3s
}

ul.btns-link li .cbse-btn:hover {
    background: var(--gold-color);
    color: #fff;
    border: 1px solid #fff
}

ul.btns-link li:hover .cbse-btn img {
    filter: brightness(20)
}

.border-primary-btn {
    border: 1px solid #343f64 !important;
    color: #343f64 !important
}

.header-upper .navbar-right {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 50px
}

.header-upper {
    position: relative;
    z-index: 222;
    /* background: #fff */
}

.header-internal .header-upper {
    background: #fff
}

.header-upper .inner-container {
    position: relative;
    display: flex;
    /* flex-wrap: wrap-reverse; */
    align-items: center;
    justify-content: center
}

.header-upper .logo-box {
    z-index: 10
}

.header-upper .logo-box .logo {
    position: relative;
    display: block;
    padding: 6px 0
}

.header-upper .right-column {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

@media (min-width:1140px) {
    .header-top .right-column {
        width: 77%
    }
}

.header-upper .search-btn {
    margin-left: 35px;
    padding-left: 20px;
    line-height: 20px;
    border-left: 1px solid #919191;
    margin-right: 20px
}

.header-upper .link-btn a {
    vertical-align: middle
}

.header-upper .search-toggler {
    color: #000;
    background: 0 0;
    font-size: 22px
}

.nav-outer {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.navbar-right-info .mobile-nav-toggler {
    position: relative;
    width: 50px;
    height: 50px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin-left: 30px;
    cursor: pointer;
    border-radius: 50%
}

.main-header .nav-outer .main-menu {
    position: relative
}

.main-menu .inner-container {
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .12);
    margin-bottom: -25px;
    background: #fff
}

.main-menu .navbar-collapse {
    padding: 0;
    display: block !important
}

.main-menu .navigation {
    position: relative;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end;
}

.main-menu .navigation>li {
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.main-menu .navigation>li.current:before {
    opacity: 1
}

.main-menu .navigation>li.current>a:before {
    opacity: 1
}

.main-menu .navigation>li:last-child {
    margin-right: 0
}

.main-menu .navigation>li>a {
    position: relative;
    display: block;
    text-align: center;
    font-size: .9rem;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.945);
    opacity: 1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-family: Aleo, serif;
    letter-spacing: .5px;
    font-weight: 500;
    padding: 2px 5px;
    transition: all 0.3s;
}

@media (min-width: 1440px) {
    .main-menu .navigation>li>a {
        font-size: 1rem;
    }
}

.header_links>a {
    font-size: .8rem;
    transition: all 0.3s;
    padding: 0 .7em;
}

@media (max-width: 768px) {
    .header_links>a {
        width: 49%;
    }
}

.header_links .link_contact {
    background: #386D51;
    color: white;
}

.header_links .link_mandatory,
.link_mandatory {
    background: #79318A;
    color: white;
}

.link_enquiry {
    background: #D26E1F;
    color: white;
}

.link_fee {
    background: var(--theme-warning);
    color: white;
}

.slider-bottom-links a {
    font-size: 12px;
}

.header_links a:hover,
.slider-bottom-links a:hover {
    color: white;
    filter: brightness(90%);
}

.header-social a {
    width: 27px;
    height: 27px;
    border: 2px solid white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    /* font-size: 12px; */
    transition: all 0.2s;
}

.header-social .social-face {
    background: white;
    color: #3d5c99 !important;
}

.header-social .social-you {
    background: white;
    color: #ff0000 !important;
}

.header-social .social-insta {
    background: white;
}

.header-social .social-insta i {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.main-menu .navigation li:last-child a::before {
    display: none
}

li.dropdown ul li a::before {
    display: none !important
}

.header-internal .main-menu .navigation>li>a {
    color: #070707
}


.header-internal .main-menu .navigation>li.current:not(:last-child)>a,
.header-internal .main-menu .navigation>li>a:hover,
.main-menu .navigation>li.current:not(:last-child)>a,
.main-menu .navigation>li>a:hover {
    color: var(--theme-warning) !important;
    /* background-color: var(--theme-warning); */
    /* border-radius: 3px */
}

.main-menu .navigation>li>a img {
    filter: invert(1) brightness(0) invert(1);
    width: 15px;
    margin-bottom: 2px;
}

.main-menu .navigation>li.current>a img,
.main-menu .navigation>li:hover>a img {
    filter: unset;
}

.main-menu .navigation .home-icon img {
    max-width: 18px
}

@media (min-width: 992px) {
    .main-header .inner-container .inner-container::after {
        content: "";
        position: absolute;
        right: -9px;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 70%;
        background-color: #ffffffc4;
    }

}



/* .main-menu .navigation li.dropdown:hover>a:after {
    color: #fff
} */

/* .main-menu .navigation li.current>a:after {
    color: #fff !important
} */

.main-menu .navigation>li>ul {
    position: absolute;
    left: 0;
    top: 100%;
    bottom: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 200px;
    z-index: 100;
    display: none;
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    transition: .5s;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05)
}

.main-menu .navigation>li>ul.from-right {
    left: auto;
    right: 0
}

.main-menu .navigation>li>ul>li {
    position: relative;
    width: 100%;
    padding: 0 15px
}

.main-menu .navigation>li>ul>li:last-child {
    border-bottom: none
}

.main-menu .navigation .dropdown ul li.current:after {
    display: none
}

.main-menu .navigation>li>ul>li:before {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    display: block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.main-menu .navigation>li>ul>li>a {
    position: relative;
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #e9e5df;
    line-height: 20px;
    font-size: .9rem;
    font-family: aleo, serif;
    font-weight: 700;
    color: var(--theme-primary);
    text-align: left;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.main-menu .navigation .dropdown li {
    transition: all 0.3s ease;
}

.main-menu .navigation .dropdown li:hover {
    padding-left: 1.5rem;
    background-color: var(--theme-warning);
}

.main-menu .navigation .dropdown li:hover a {
    color: white;
    border-color: var(--theme-warning);
}

.about_left {
    background: #f7f7f7 url("../../resources/web-data/sps/image/page-title-bg-1.png") no-repeat center;
    background-size: cover;

}

.activity-sec {
    background: #f7f7f7;
}

.mission-card {
    background: var(--theme-primary) url("../../resources/web-data/sps/image/page-title-bg-1.png") no-repeat center;
    background-size: 100%;
}

.key_left-col {
    background: var(--theme-primary) url("../../resources/web-data/sps/image/page-title-bg-1.png") no-repeat center;
    background-size: 100%;
}

.key-char .heading-img {
    max-width: min(640px, 90%);
}

.key-char .card-item {
    background: rgb(240, 252, 246);
    /* background: linear-gradient(145deg, rgba(240, 252, 246, 1) 35%, rgba(250, 207, 15, 1) 100%); */
    transition: background 0.3s;
}

.key-char .card-item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    background: var(--theme-primary);
    background: linear-gradient(145deg, var(--theme-primary) 35%, rgba(250, 207, 15, 1) 100%);
    transition: all 0.5s;
}

.key-char .card-item:hover::after {
    height: 7px;
    bottom: -7px;
}

.key-char .card-item:hover {
    background: rgb(240, 252, 246);
    background: linear-gradient(145deg, rgba(240, 252, 246, 1) 41%, rgba(250, 207, 15, 0.5914740896358543) 100%);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.key-char .key-char_sub-h {
    margin-top: -20px;
    line-height: 1.3;
}

.message-sec .heading-img {
    max-width: min(410px, 80%);
}

.heading-img {
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 90%;
    max-width: min(850px, 80%);
}

.acitvity-school-title {
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    width: fit-content;
}

.activity-sec .a_card-item {
    position: relative;
    transition: all 0.3s;
}

.activity-sec .a_card-item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 50%;
    transform: translateY(-50%);
    background-color: var(--theme-primary);
    transition: all 0.3s;
}

.activity-sec .a_card-item:hover {
    background-color: var(--theme-warning);
    border-color: var(--theme-primary) !important;
}

.activity-sec .a_card-item:hover::before {
    transform: translateY(-60%);
}

@media (min-width: 768px) {


    .activity_card {
        padding-right: 4rem !important;
    }

    .acitvity-school-title {
        margin-right: 40px;
        margin-left: unset;
    }



    .mission-card {
        transform: translate(-70px, 10px);
    }
}

@media (min-width: 992px) {
    .activity-sec {
        padding-bottom: 9rem;
    }

    .key_right-thumb img {
        transform: scaleX(1.1);
        transform-origin: top right;
    }

    .activity-sec {
        background: #f7f7f7 url("../../resources/web-data/idps-assets/images/as-bg-min.png") no-repeat center;
        background-size: 100%;
    }
}

.main-menu .navigation>li>ul>li:last-child>a {
    border-bottom: 0
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
    position: absolute;
    content: "\f105";
    right: 0;
    top: 11px;
    display: block;
    line-height: 24px;
    font-size: 17px;
    font-family: FontAwesome;
    font-weight: 400
}

.main-menu .navigation>li>ul>li>ul {
    position: absolute;
    left: 100%;
    top: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 200px;
    z-index: 100;
    display: none;
    background-color: #fff;
    transition: .5s;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1)
}

.main-menu .navigation>li>ul>li>ul.from-right {
    left: auto;
    right: 0
}

.main-menu .navigation>li>ul>li>ul>li {
    position: relative;
    width: 100%;
    padding: 0 15px
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
    border-bottom: none
}

.main-menu .navigation>li>ul>li>ul>li:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    display: block;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
    border-bottom: none
}

.main-menu .navigation>li>ul>li>ul>li>a {
    position: relative;
    display: block;
    padding: 8px 0;
    line-height: 20px;
    font-weight: 400;
    border-bottom: 1px solid #e9e5df;
    font-size: 14px;
    font-weight: 500;
    color: var(--blue-color);
    text-align: left;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.main-menu .navigation>li>ul>li>ul>li:last-child>a {
    border-bottom: 0
}

.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
    font-family: 'Font Awesome 5 Pro';
    content: "\f105";
    position: absolute;
    right: 30px;
    top: 12px;
    display: block;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    z-index: 5
}

.main-menu .navigation>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.main-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 34px;
    height: 30px;
    border: 1px solid #fff;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    cursor: pointer;
    z-index: 5;
    display: none
}

.main-header .header-upper .contact-info {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 30px;
    padding-left: 30px;
    border-left: 1px solid #eee
}

.main-header .header-upper .contact-info .icon {
    position: relative;
    font-size: 24px;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    background: #e1eeeb;
    border-radius: 50%;
    margin-right: 15px;
    color: #126051;
    transition: .5s
}

.main-header .header-upper .contact-info:hover .icon {
    color: #fff
}

.main-header .header-upper .contact-info .icon:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.main-header .header-upper .contact-info:hover .icon:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.main-header .header-upper .contact-info .icon span {
    position: relative
}

.main-header .header-upper .contact-info h5 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px
}

.main-header .header-upper .contact-info h4 {
    font-size: 26px;
    font-weight: 700
}

.main-header .header-upper .contact-info h4 a {
    color: #222
}

.menuup .main-menu .navigation>li>ul {
    top: auto;
    bottom: 100%;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px)
}

.header-internal .menuup .main-menu .navigation>li>ul {
    top: 100%;
    bottom: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.sticky-header {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0 0;
    z-index: -1;
    /* background: #fff; */
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    -webkit-transition: top .3s ease;
    -o-transition: top .3s ease;
    transition: top .3s ease
}

.fixed-header .sticky-header {
    opacity: 1;
    z-index: 99901;
    visibility: visible
}

.nav-outer .mobile-nav-toggler {
    position: relative;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
    float: right;
    margin: 13px 0;
    margin-left: 0;
    display: none
}

.mobile-menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    padding-right: 30px;
    max-width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 999999
}

.mobile-menu .mCSB_scrollTools {
    right: -6px
}

.mobile-menu .mCSB_inside>.mCSB_container {
    margin-right: 5px
}

.mobile-menu .navbar-collapse {
    display: block !important
}

.mobile-menu .nav-logo {
    position: relative;
    padding: 20px 25px;
    text-align: left;
    margin: 0;
    background: #fff
}

.mobile-menu-visible {
    overflow: hidden
}

.mobile-menu-visible .mobile-menu {
    opacity: 1;
    visibility: visible
}

.mobile-menu .menu-backdrop {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease;
    background-color: #000
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
    opacity: .3;
    visibility: visible;
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.mobile-menu .menu-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    background: var(--theme-primary);
    padding: 0 0;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%)
}

.mobile-menu-visible .mobile-menu .menu-box {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.mobile-menu .close-btn {
    position: absolute;
    right: 5px;
    top: 10px;
    line-height: 10px;
    width: 24px;
    text-align: center;
    font-size: 20px;
    color: var(--theme-primary);
    cursor: pointer;
    z-index: 10;
    font-weight: 400;
    -webkit-transition: all .9s ease;
    -o-transition: all .9s ease;
    transition: all .9s ease
}

.mobile-menu .navigation {
    position: relative;
    display: block;
    width: 100%;
    float: none
}

.mobile-menu .navigation li {
    position: relative;
    display: block;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.mobile-menu .navigation:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.mobile-menu .navigation li>ul>li:first-child {
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.mobile-menu .navigation li>a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 7px 25px;
    font-size: 14px;
    color: #fff;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.mobile-menu .navigation li a img {
    filter: invert(1) brightness(100);
    max-width: 18px
}

.mobile-menu .navigation li ul li>a {
    font-size: 13px;
    margin-left: 20px;
    text-transform: capitalize
}

.mobile-menu .navigation li ul li:before {
    position: absolute;
    left: 22px;
    font-family: FontAwesome;
    font-weight: 800;
    content: "\f178";
    top: 11px;
    line-height: 15px;
    color: #fff
}

.mobile-menu .navigation li>a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.mobile-menu .navigation li.current>a:before {
    height: 100%
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    right: 6px;
    top: .2em;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    background: rgba(255, 255, 255, .1);
    cursor: pointer;
    border-radius: 2px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 5
}

.mobile-menu .navigation li.dropdown .dropdown-btn.open {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
    display: none
}

.mobile-menu .social-links {
    position: relative;
    text-align: center;
    padding: 30px 25px
}

.mobile-menu .social-links li {
    position: relative;
    display: inline-block;
    margin: 0 10px 10px
}

.mobile-menu .social-links li a {
    position: relative;
    line-height: 32px;
    font-size: 14px;
    color: #fff;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    padding: 5px 10px
}

.contact-widget {
    position: relative
}

.contact-widget .icon-box {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.contact-widget .icon {
    width: 35px;
    font-size: 18px;
    margin-top: 2px;
    color: #fff
}

.contact-widget .text {
    color: #fff
}

.contact-widget .text a {
    color: #fff
}

.contact-widget .text strong {
    color: #fff;
    font-weight: 700;
    display: block
}

.nav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 99999;
    width: 100%;
    display: none;
    background: rgba(20, 20, 20, .7);
    overflow: hidden;
    cursor: none
}

.banner-section {
    position: relative
}

.banner-section .background-text {
    position: absolute;
    right: -280px;
    bottom: 190px;
    z-index: 99;
    text-transform: uppercase;
    font-size: 240px;
    font-weight: 700;
    letter-spacing: -5px;
    line-height: 200px;
    color: rgb(255 255 255 / .1);
    transform: rotate(-30deg)
}

.banner-section .background-text .text-2 {
    position: absolute;
    top: -5px;
    left: 15px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgb(255 255 255 / .2);
    color: transparent
}

.banner-slider,
.three-item-carousel {
    position: relative;
    height: 100% !important;
    z-index: 9
}

.banner-section .swiper-slide {
    position: relative;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.slider-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    height: auto;
    padding: 20px 0;
    width: 100%;
    background: transparent linear-gradient(180deg, #00000000 0, #222 100%)
}

.slider-overlay .main-head-text {
    font-size: 16px;
    font-weight: 400;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-decoration: underline
}

.slider-overlay .slider-con-text {
    color: #fff;
    font-weight: 600;
    font-size: 28px;
    text-align: center;
    font-style: italic;
    text-shadow: 0 3px 6px #0000004F
}

.slider-logo-img img {
    max-width: 60px;
    margin: 0 10px
}

.banner-wrp .content-outer {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    display: table;
    vertical-align: middle
}

.banner-wrp .content-box {
    position: relative;
    padding: 0 15px 10px;
    min-height: 74vh;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.banner-wrp .content-box .inner {
    position: relative;
    opacity: 0;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
    padding: 0 15px
}

.banner-wrp .swiper-slide-active .content-box .inner {
    opacity: 1;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.banner-wrp .content-box h1 {
    position: relative;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: capitalize;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    margin-bottom: 20px;
    letter-spacing: 0
}

.banner-wrp .content-box.justify-content-center h1:before {
    left: 50%;
    transform: translateX(-50%)
}

.banner-wrp .swiper-slide-active .content-box h1 {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.banner-wrp .content-box h4 {
    position: relative;
    display: block;
    font-size: 30px;
    line-height: 1.2em;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px)
}

.banner-wrp .swiper-slide-active h4 {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.banner-wrp .content-box .text {
    position: relative;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    color: #2c2c2d;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
    margin-bottom: 30px
}

.banner-wrp .swiper-slide-active .text {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 1.6s;
    -o-transition-delay: 1.6s;
    transition-delay: 1.6s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.banner-wrp .link-box {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    margin: 0 -10px
}

.banner-wrp .swiper-slide-active .link-box {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.banner-wrp .link-box a {
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
    margin: 0 10px 10px;
    border: 2px solid #006940
}

.banner-section .banner-slider-nav {
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.banner-section .banner-slider-button-next {
    position: relative;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    z-index: 9;
    margin-right: 40px;
    font-size: 18px;
    background-color: rgb(255 255 255 / 0%);
    transition: .5s;
    border-radius: 42px;
    opacity: 1;
    border: 1px solid #fff
}

.banner-section .banner-slider-button-next:hover {
    color: #fff
}

.banner-section .banner-slider-button-prev {
    position: relative;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    z-index: 9;
    margin-left: 40px;
    font-size: 18px;
    background-color: rgb(255 255 255 / 0%);
    transition: .5s;
    border-radius: 42px;
    opacity: 1;
    border: 1px solid #fff
}

.banner-section .banner-slider-button-next:hover,
.banner-section .banner-slider-button-prev:hover {
    background: var(--blue-color);
    color: #fff
}

.notice-wrp {
    background: var(--gold-color);
    position: relative;
    z-index: 99
}

.notice-wrp .notice-title {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 30px;
    max-width: 350px;
    background: var(--blue-color)
}

.notice-wrp .notice-title .notice-title-view {
    position: relative
}

.notice-title-content {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px
}

.notice-title .notice-title-content h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 19px;
    display: inline-block
}

.notice-title .notice-title-content h2 small {
    font-weight: 400;
    width: 100%;
    display: inline-block;
    font-size: 13px
}

.notice-wrp .notice-content {
    width: 100%
}

.notice-content li {
    font-weight: 400;
    color: #fff;
    position: relative;
    margin-right: 30px
}

.notice-content li:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -15px;
    width: 1px;
    height: 20px;
    transform: translateY(-50%);
    background: #fff
}

.notice-content li:last-child::after {
    display: none
}

.notice-content li:before {
    display: inline-block;
    content: '';
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 12px solid #fff;
    border-bottom: 8px solid transparent;
    border-radius: 5px;
    margin-right: 10px
}

.notice-content li .news-date {
    width: 45px;
    height: 45px;
    background: #d2d700;
    text-align: center;
    border-radius: 50%;
    justify-content: center;
    padding: 10px;
    color: #343f64;
    font-weight: 500
}

.notice-content li .news-date span:nth-child(1) {
    font-size: 16px;
    line-height: 14px;
    text-align: center
}

.notice-content li .news-date span:nth-child(2) {
    font-size: 14px;
    line-height: 14px;
    text-align: center
}

.notice-content li p {
    margin-bottom: 0
}

.notice-content li a {
    color: #fff !important;
    font-size: 14px
}

.sec-title {
    position: relative;
    margin-bottom: 50px
}

.sec-title .sub-title {
    position: relative;
    font-size: 14px;
    padding-bottom: 15px;
    color: #777;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    font-weight: 600
}

.sec-title.text-center .sub-title:before {
    left: 50%;
    transform: translateX(-50%)
}

.sec-title.light .sub-title {
    color: #fff
}

.about-details h2,
.sec-title .stitle {
    position: relative;
    font-weight: 700
}

.about-details h2 {
    margin-bottom: 20px
}

.about-details p {
    text-align: justify
}

.about-details .item-infra li p {
    text-align: center
}

.about-details.text-center h2:after,
.sec-title.text-center h2:after,
.text-center .about-details h2:after {
    margin: 10px auto 0 auto
}

.sec-title h2.text-white:after {
    background: #fff
}

.sec-title.light h2 {
    color: #fff
}

.sec-title .text {
    margin-top: 16px;
    margin-bottom: 0
}

.sec-title.light .text {
    color: #fff
}

.rs-about-2 .about-img {
    padding-bottom: 95px
}

.why-title {
    background: #fff;
    position: relative;
    padding: 6px 15px 15px 15px;
    font-weight: 600
}

.why-title:after {
    content: '';
    position: absolute;
    background: #ed1d24;
    height: 4px;
    width: 52px;
    bottom: 8px;
    left: 15px
}

.whyus-content ul li {
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    line-height: 2.3
}

.whyus-content ul li:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 6px;
    border: 2px solid #fff;
    left: 0;
    top: 12px
}

.footer-section .container-fluid {
    background: var(--theme-primary-dark);
}

footer a {
    color: rgba(255, 255, 255, 0.8);
}

footer a:hover {
    color: white;
}

@media (max-width: 767px) {
    .footer-section {
        background: var(--theme-primary-dark);
    }
}

@media (min-width: 992px) {
    .footer-section .container-fluid {
        background: url(../../resources/web-data/idps-assets/images/footer-bg-newer.png);
        background-size: cover;
        background-repeat: no-repeat
    }

    .footer-section {
        margin-top: -110px;
    }
}

.footer-section .footer_logo {
    width: 90%;
    max-width: min(90%, 350px);
}

.gm-style .place-card-large {
    display: none !important;
}


.footer-section .quick_links .btn-outline-warning {
    color: #fff !important
}

.footer-section .quick_links .btn-outline-warning:hover {
    color: var(--theme-primary-dark) !important
}

.footer-section .quick_heading::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 40%;
    background: var(--theme-warning);
    border-radius: 4px
}

.form-col {
    padding: 0 30px
}

.form-section {
    padding: 21px 23px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    gap: 15px;
    max-width: 400px;
    font-family: Aleo, serif;
    background-color: white;
    /* backdrop-filter: blur(10px); */
    border-radius: 23px
}

@media (min-width: 992px) {
    .form-section {
        margin-top: -140px;
    }
}

.form-heading {
    color: var(--theme-warning);
    font-size: 20px;
    font-weight: 600
}

.form-section form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%
}

.form-section form input,
textarea {
    width: 100%;
    border: 1px solid #0D680D30;
    padding: 9px 10px;
    font-size: 13px;
    font-weight: 400;
    font-family: Aleo, serif
}

.form-section form input::placeholder,
textarea::placeholder {
    color: #161616;
}

.form button {
    width: 100%;
    padding: 8px 0;
    background-color: var(--theme-primary);
    color: white;
    font-family: Aleo, serif;
    font-weight: 600;
    font-size: 1rem;
    border-radius: 4px;
    transition: all .3s
}

.form button:hover {
    filter: brightness(90%);
    color: #fff
}

.footer-description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 12px;
    gap: 20px
}

.dps-logo-title {
    width: 350px;
    max-width: 90%
}

.footer-address-discription {
    color: #fff;
    font-size: 13px
}

.footer-school-address {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.footer-contact-details {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px
}

@media (max-width: 768px) {
    .footer-section .quick-social-links img {
        width: 25px;
    }
}

.footer-section a {
    color: rgba(255, 255, 255, 0.774);
    transition: all 0.3s;
}

.footer-section a:hover {
    color: rgb(255, 255, 255);
    transition: all 0.3s;
}

.contact-details i.fa {
    min-width: 25px;
    text-align: center;
}

.footer-contact-details i {
    color: var(--theme-warning)
}

.footer-contact-details i:hover {
    color: #fff
}

.address-icon:hover i {
    color: #fff
}

.footer-contact {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px
}

.footer-emai {
    display: flex;
    justify-content: center;
    align-items: center
}

.footer-social-icons {
    display: flex;
    justify-content: center;
    gap: 20px
}

.footer-social-icons .social-icon {
    background-color: #fff;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 1;
    padding: 4px 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.footer-contact-divide-line {
    background-color: #ffffff70;
    height: 25px;
    width: 2px
}

.address-icon {
    color: var(--theme-warning)
}

.footer-contact-text {
    color: #fff;
    font-size: 13px
}

/* .fa-facebook {
    color: #00f
} */

.footer-instagram {
    color: #ee5425
}

.bi-twitter-x {
    color: #000
}

.widget {
    position: relative;
    margin-bottom: 50px
}

.widget .widget-title {
    position: relative;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase
}

.about-widget .logo {
    position: relative;
    margin-bottom: 30px
}

.about-widget .text {
    position: relative;
    color: rgb(255 255 255 / .6);
    margin-bottom: 0;
    font-weight: 400
}

.about-widget .social-links {
    position: relative;
    margin-bottom: 20px
}

.about-widget .social-links li {
    position: relative;
    margin-right: 5px;
    margin-bottom: 10px;
    display: inline-block
}

.about-widget .social-links li a {
    position: relative;
    display: block;
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #005510;
    color: #fff;
    text-align: center;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.about-widget .social-links li a i {
    position: relative
}

.about-widget .social-links li a:hover {
    color: #fff
}

.about-widget .social-links li a:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.about-widget .social-links li a:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.about-widget .social-links li a span {
    position: relative
}

.quick-links li a {
    color: #fff
}

.contact-info li {
    color: #fff;
    position: relative;
    display: flex;
    align-items: center
}

.contact-info li i {
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    border-radius: 50px;
    background: #fff;
    color: var(--blue-color);
    transition: .3s
}

.contact-info li i:hover {
    background: var(--blue-color);
    color: #fff;
    border: 1px solid var(--blue-color)
}

.contact-info li p {
    color: #fff;
    line-height: 20px;
    margin-bottom: 0
}

.contact-info li a {
    color: #fff;
    line-height: 20px
}

.newsletter-widget .text {
    position: relative;
    color: rgba(255, 255, 255, .6);
    margin-bottom: 30px
}

.newsletter-widget .form-group {
    position: relative
}

.newsletter-widget input {
    position: relative;
    height: 56px;
    padding: 0 20px;
    background-color: #2c2c2c;
    width: calc(100% - 56px);
    border-radius: 2px;
    color: rgba(255, 255, 255, .5)
}

.newsletter-widget .theme-btn {
    width: 56px;
    height: 56px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 56px;
    color: #fff;
    border-radius: 2px;
    transition: .5s
}

.newsletter-widget .theme-btn:hover {
    background-color: #fff
}

.links-widget ul li {
    color: #fff;
    margin-bottom: 10px
}

.links-widget ul li a {
    color: rgba(255, 255, 255, .6);
    transition: .5s;
    font-weight: 400;
    position: relative;
    display: inline-block
}

.links-widget ul li a:hover {
    padding-left: 24px
}

.links-widget ul li a:after {
    font-family: Flaticon;
    content: "\f115";
    position: absolute;
    left: 0;
    top: 2px;
    line-height: 25px;
    font-size: 17px;
    transform: rotate(180deg);
    font-weight: 400;
    transition: .5s;
    opacity: 0
}

.links-widget ul li a:hover:after {
    opacity: 1
}

.contact-widget .contact-info {
    position: relative
}

.contact-widget .contact-info li {
    position: relative;
    display: flex;
    margin-bottom: 10px;
    align-items: center
}

.icon-area {
    width: 10%
}

.icon-text {
    width: 90%;
    line-height: 22px
}

.contact-widget .contact-info li .icon {
    position: relative;
    display: block;
    color: #fff;
    font-size: 14px;
    margin-right: 10px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .5s ease;
    font-size: 18px
}

.contact-widget .contact-info li .icon.fa-phone {
    transform: rotate(90deg)
}

.contact-widget .contact-info li .text {
    position: relative;
    color: rgb(255 255 255 / .6);
    width: calc(100% - 60px);
    font-weight: 400;
    padding-left: 90px
}

.contact-widget .contact-info li .text span {
    color: #fff;
    font-weight: 500;
    position: absolute;
    left: 0;
    top: 0
}

.contact-widget .contact-info li .text a {
    color: rgb(255 255 255 / .6);
    transition: .5s
}

.footer-bottom .wrapper-box {
    position: relative
}

.footer-bottom {
    padding: 5px 0;
    background: var(--blue-color);
    position: relative;
    z-index: 99
}

.footer-bottom .copyright {
    position: relative
}

.footer-bottom .text {
    position: relative;
    margin-bottom: 0;
    font-weight: 500
}

.captcha {
    border-color: #ffffff40 !important
}

.footer-bottom .footer-menu li {
    display: inline-block;
    margin-right: 10px;
    line-height: 18px
}

.footer-bottom .footer-menu li:last-child {
    margin-right: 0;
    padding-right: 0;
    border: 0
}

.footer-bottom .footer-menu li a {
    color: #fff;
    transition: .5s
}

.preloader-close,
.scroll-to-top:hover,
.search-popup .search-form fieldset input[type=submit] {
    background-color: var(--theme-warning);
    color: var(--them-primary);
}

.footer-contact-text {
    color: rgba(255, 255, 255, .87);
    transition: all .3s;
}

.footer-contact-text:hover {
    color: #fff
}

.scroll-to-top {
    color: var(--theme-primary-dark);
    background: #fff;
    border: 2px dashed var(--theme-primary-dark);
}

@media only screen and (min-width:1200px) {
    .main-footer .newsletter-widget {
        margin-left: 30px;
        z-index: 9;
    }
}

.foot-logo img {
    max-width: 60px;
    background: #fff;
    padding: 5px;
}

.newsletter-widget ul li:hover {
    color: #fff;
}

.newsletter-widget ul li a {
    color: var(--gold-color);
    font-size: 14px;
    line-height: 20px;
}

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

.address ul li {
    list-style: none;
    float: left;
}

.address ul li a {
    color: #fff;
    margin-right: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-social-icons li {
    margin-right: 5px;
}

.footer-social-icons li a i {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fa-fb {
    background: #4b6eb9
}

.fa-fb:hover {
    opacity: .8;
    -webkit-transition: .2;
    -o-transition: .2;
    transition: .2;
}

.fa-in {
    background: #188bc3;
}

.fa-in:hover {
    opacity: .8;
    -webkit-transition: .2;
    -o-transition: .2;
    transition: .2;
}

.fa-tw {
    background: #55acee
}

.fa-tw:hover {
    opacity: .8;
    -webkit-transition: .2;
    -o-transition: .2;
    transition: .2;
}

.fa-yt {
    background: red;
}

.fa-yt:hover {
    opacity: .8;
    -webkit-transition: .2;
    -o-transition: .2;
    transition: .2;
}

.fa-ig {
    background: #873eb4;
    background: -moz-linear-gradient(top, #873eb4 0, #fa642f 100%);
    background: -webkit-linear-gradient(top, #873eb4 0, #fa642f 100%);
    background: linear-gradient(to bottom, #873eb4 0, #fa642f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#873eb4', endColorstr='#fa642f', GradientType=0)
}

.fa-ig:hover {
    opacity: .8;
    -webkit-transition: .2;
    -o-transition: .2;
    transition: .2
}

.foot-logo p {
    color: #fff;
    font-size: 14px
}

.address p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 0
}

.address a {
    color: var(--gold-color)
}

.address a:hover {
    color: #fff
}

.main-title {
    font-weight: 800;
    color: var(--blue-color);
    text-transform: uppercase;
    font-size: 22px
}

.sub-title {
    font-weight: 700;
    color: var(--blue-color);
    text-transform: uppercase;
    font-size: 20px
}

.brand-color2 {
    color: var(--gold-color) !important
}

.brand-color1 {
    color: var(--blue-color)
}

.font-itallic {
    font-style: italic
}

.fw-500 {
    font-weight: 500 !important
}

.page-title {
    position: relative;
    padding: 30px 0;
    /* padding: 180px 0 20px; */
    text-align: center !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: top !important;
    border-top: 1px solid var(--gold-color);
    background: var(--theme-primary) url(../../resources/web-data/sps/image/building-heading.jpg) no-repeat center;
    background-size: 100%;
}

@media (min-width: 768px) {
    .page-title {
        padding: 180px 0 20px;

    }
}

.page-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8959558823529411) 0%, rgba(0, 0, 0, 0.16010154061624648) 27%);
}


.page-title h1 {
    font-size: 24px;
    color: #fff;
    line-height: 42px;
    margin-bottom: 0;
    font-weight: 500;
    position: relative;
}

.page-title h1::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: var(--theme-warning);
}

.page-title .bread-crumb {
    position: relative
}

.page-title-right {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.page-title-left {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.page-title .bread-crumb li {
    color: #fff;
    position: relative;
    display: inline-block;
    margin-right: 15px;
    font-size: 16px;
    font-weight: 500;
    padding-right: 35px
}

.page-title .bread-crumb li:last-child {
    margin-right: 0;
    padding-right: 0
}

.page-title .bread-crumb li:before {
    font-family: fontawesome;
    content: "\f105";
    position: absolute;
    right: 0;
    top: 2px;
    line-height: 25px;
    font-size: 17px;
    color: #fff;
    font-weight: 400
}

.page-title .bread-crumb li:last-child:before {
    display: none
}

.page-title .bread-crumb li a {
    color: #fff
}

.header-top .social-icon.xs-btns-link li a {
    width: auto;
    font-size: 14px;
    padding: 0 12px;
    border-radius: 4px
}

.nicescroll-rails {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s
}

section .owl-carousel .owl-nav button.owl-next,
section .owl-carousel .owl-nav button.owl-prev {
    display: inline-block;
    width: 60px;
    height: 28px;
    background: #12ab5d;
    color: #fff;
    font-size: 22px;
    text-align: center;
    transition: .3s;
    -webkit-transition: .3s
}

section .owl-carousel .owl-nav button.owl-next {
    right: 0
}

.blink-btn {
    -webkit-animation: glowing 1s infinite;
    -moz-animation: glowing 1s infinite;
    -o-animation: glowing 1s infinite;
    animation: glowing 1s infinite
}

@-webkit-keyframes glowing {
    0% {
        background-color: #ffc107;
        border-color: #ffc107
    }

    50% {
        background-color: #ffc107;
        border-color: #ffc107;
        color: #121212
    }

    100% {
        background-color: #ffc107;
        border-color: #ffc107
    }
}

@-moz-keyframes glowing {
    0% {
        background-color: #fff;
        border-color: #fff
    }

    50% {
        background-color: #ffc107;
        border-color: #ffc107;
        color: #013300
    }

    100% {
        background-color: #fff;
        border-color: #fff
    }
}

@-o-keyframes glowing {
    0% {
        background-color: #fff;
        border-color: #fff
    }

    50% {
        background-color: #ffc107;
        border-color: #ffc107;
        color: #013300
    }

    100% {
        background-color: #fff;
        border-color: #fff
    }
}

@keyframes glowing {
    0% {
        background-color: #fff;
        border-color: #fff
    }

    50% {
        background-color: #ffc107;
        border-color: #ffc107;
        color: #013300
    }

    100% {
        background-color: #fff;
        border-color: #fff
    }
}

.blink-btn2 {
    -webkit-animation: glowing2 1s infinite;
    -moz-animation: glowing2 1s infinite;
    -o-animation: glowing2 1s infinite;
    animation: glowing2 1s infinite
}

@-webkit-keyframes glowing2 {
    0% {
        background-color: #013300;
        border-color: #fff
    }

    50% {
        background-color: #ffc107;
        border-color: #ffc107;
        color: #fff
    }

    100% {
        background-color: #013300;
        border-color: #fff
    }
}

@-moz-keyframes glowing2 {
    0% {
        background-color: #013300;
        border-color: #fff
    }

    50% {
        background-color: #ffc107;
        border-color: #ffc107;
        color: #fff
    }

    100% {
        background-color: #013300;
        border-color: #fff
    }
}

@-o-keyframes glowing2 {
    0% {
        background-color: #013300;
        border-color: #fff
    }

    50% {
        background-color: #ffc107;
        border-color: #ffc107;
        color: #fff
    }

    100% {
        background-color: #013300;
        border-color: #fff
    }
}

@keyframes glowing2 {
    0% {
        background-color: #013300;
        border-color: #fff
    }

    50% {
        background-color: #ffc107;
        border-color: #ffc107;
        color: #fff
    }

    100% {
        background-color: #013300;
        border-color: #fff
    }
}

.main-menu .navigation>li.dropdown:nth-child(10) .dropdown-btn,
.main-menu .navigation>li.dropdown:nth-child(8) .dropdown-btn,
.main-menu .navigation>li.dropdown:nth-child(9) .dropdown-btn {
    display: none !important
}

@media only screen and (min-width:992px) {
    #newmodal .modal-dialog {
        max-width: 580px
    }
}

@media only screen and (max-width:991px) {
    .mobile-menu .navigation {
        max-height: 70vh;
        overflow: auto
    }
}

@media only screen and (max-width:768px) {
    .notice-title .notice-title-content h2 {
        font-size: 16px
    }

    .notice-wrp-bottom .notice-title .notice-title-view img {
        width: 150px !important
    }
}

.modal-backdrop.show {
    display: none
}

#enquirymodal,
#newmodal {
    z-index: 9999;
    background: rgb(0 0 0 / 74%)
}

#enquirymodal .modal-header {
    background: var(--blue-color);
    padding: .2rem 1rem;
    border-bottom: none
}

#enquirymodal .modal-content {
    border-radius: 10px
}

#enquirymodal h4 {
    color: #fff;
    font-size: 20px
}

#enquirymodal .close {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 18px;
    background: #343f64;
    opacity: 1;
    color: #fff;
    text-shadow: none;
    display: inline-block;
    padding: 0 4px 8px 8px;
    border-radius: 0 0 0 42px;
    cursor: pointer;
    z-index: 22
}

.btn-send {
    background: var(--blue-color);
    color: #fff;
    padding: 6px;
    width: 125px;
    border-radius: 5px
}

.modal .close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    background: #343f64;
    opacity: 1;
    color: #fff;
    text-shadow: none;
    display: inline-block;
    padding: 0 4px 8px 8px;
    border-radius: 0 0 0 42px;
    cursor: pointer;
    z-index: 22
}

.contact-info li .icon span.fas.fa-phone {
    -ms-transform: rotate(100deg);
    transform: rotate(100deg)
}

#newmodal .modal-dialog .modal-dialog-centered {
    width: 100%
}

.fw-600 {
    font-weight: 600 !important
}

.inner-page-head {
    font-size: 20px !important;
    font-weight: 600 !important;
    margin-bottom: 10px
}

.inner-page-head2 {
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-bottom: 5px;
    color: #31954f
}

.inner-page-list {
    padding-left: 19px
}

.inner-page-list li {
    list-style-type: disc !important;
    margin-bottom: 5px
}

@keyframes rainbow {
    0% {
        background: #4060a9
    }

    10% {
        background: var(--blue-color)
    }

    20% {
        background: #03834b
    }

    30% {
        background: #ffc000
    }

    40% {
        background: #4060a9
    }

    50% {
        background: var(--blue-color)
    }

    60% {
        background: #03834b
    }

    70% {
        background: #ffc000
    }

    80% {
        background: #4060a9
    }
}

@keyframes heartbeat {
    50% {
        transform: scale(1.1)
    }
}

.header-btn {
    border-radius: 0 25px 25px 0 !important;
    padding: 6px 2px !important;
    position: relative;
    transition: .3s;
    margin: 0 10px;
    display: flex;
    align-items: center
}

.header-btn.blue-btn:hover .btn-icon {
    background: transparent linear-gradient(179deg, #007fd0 0, #002348 100%)
}

.header-btn.blue-btn:hover .btn-icon img {
    filter: brightness(20)
}

.header-btn.blue-btn:hover {
    box-shadow: 0 3px 6px #00000029;
    border: 1px #fff solid;
    background: transparent linear-gradient(230deg, #002348 0, #007fd0 100%)
}

.header-btn img {
    height: 20px;
    width: 20px;
    filter: unset
}

.header-btn.blue-btn {
    color: #fff;
    background: transparent linear-gradient(233deg, #007fd0 0, #002348 100%);
    box-shadow: 0 3px 6px #00000029;
    border: 1px solid #fff;
    transition: .5s
}

.header-btn.blue-btn .btn-icon {
    background: #fff
}

.header-btn .btn-icon {
    box-shadow: inset 10px 11px 12px #00000029, 0 3px 10px #00000021;
    border: 2px solid #fff;
    padding: 3px;
    border-radius: 50%;
    top: 50%;
    left: 0;
    margin-left: -17px;
    transform: translate(0, -50%);
    position: absolute;
    display: flex
}

.header-btn.blue-btn .btn-content {
    padding: 3px 5px 3px 5px;
    border-left: 1px #fff solid
}

.header-btn .btn-content {
    padding: 3px 5px 3px 5px;
    margin-left: 17px;
    font-size: 13px
}

.header-btn::after {
    content: "";
    color: #fff;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0 25px 25px 0;
    z-index: -1;
    transition: .5s
}

.in-media {
    background: url(https://resources.edunexttechnologies.com/web-data/indian-height/img/in-media-bg.svg) no-repeat;
    background-position: center;
    background-size: cover
}

.media-img-con {
    border: 2px solid #fff;
    box-shadow: 0 0 10px #bcb1b18a
}

.media-tag {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #a29161e0;
    padding: 5px 15px;
    width: 100%;
    height: auto
}

.media-tag-cap {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-shadow: 0 3px 13px #00000061;
    text-transform: uppercase
}

.news-updates {
    background: url(../../resources/web-data/indian-height/img/news-bg.png) no-repeat;
    background-position: center;
    background-size: 100%, 100%
}

.news-updates-box {
    position: relative;
    max-width: 350px;
    margin: 0 auto
}

.news-img {
    border: 1px solid #707070;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.news-img img {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    object-fit: contain;
    transition: transform .5s, filter 1.5s ease-in-out
}

.news-updates-box:hover .news-img img {
    transform: scale(1.1)
}

.news-con {
    background: var(--blue-color);
    padding: 15px 15px;
    margin: -20px 20px 0 20px;
    box-shadow: 0 3px 12px #00000024;
    transition: .7s;
    min-height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.news-updates-box:hover .news-con {
    background: #f9fbff
}

.news-updates-box:hover h3 {
    color: var(--blue-color)
}

.news-con h3 {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 20px;
    text-align: center
}

.btn-parent {
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 4px;
    display: inline-block;
    transition: .5s;
    margin-left: -3px
}

.btn-parent:hover {
    padding: 4px;
    border: 1px solid var(--blue-color);
    margin-left: 0
}

.btns-link .btn-parent .view-all:hover {
    background: var(--blue-color);
    color: #fff;
    animation: pulse 1s infinite;
    transition: .3s
}

.view-all {
    display: inline-block;
    padding: 3px 12px;
    border-radius: 4px;
    font-weight: 400;
    background: var(--gold-color);
    color: #fff !important;
    font-size: 13px;
    cursor: pointer
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    70% {
        transform: scale(.9)
    }

    100% {
        transform: scale(1)
    }
}

.what-gray {
    position: relative
}

.what-do:before {
    content: "";
    position: absolute;
    top: 90px;
    left: 0;
    bottom: -20px;
    width: 55%;
    height: -webkit-fill-available;
    background: #f9fbff
}

.water-markimg {
    position: absolute;
    top: 100px;
    left: 20px;
    transform: translate(5px, 10px);
    max-width: 55px
}

.what-do .coach-img {
    position: relative;
    height: 330px
}

.what-card {
    position: relative
}

.coach-img {
    position: relative
}

.coach-img img {
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 2px
}

.what-con {
    padding-left: 26px
}

.ser-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #a29161cf;
    box-shadow: none;
    display: flex;
    justify-content: center;
    align-items: end;
    padding: 10px 40px
}

.what-slider .owl-item .active-slide .coach-img .ser-overlay {
    background: 0 0;
    -moz-box-shadow: inset 0 -68px 50px -10px #001844c7;
    -webkit-box-shadow: inset 0 -68px 50px -10px #001844c7;
    box-shadow: inset 0 -68px 50px -10px #001844c7
}

.what-slider .owl-carousel .owl-nav {
    position: absolute;
    left: 65%;
    transform: translate(-34%, -50%);
    bottom: 0
}

.what-slider .owl-carousel .owl-nav button.owl-next,
.what-slider .owl-carousel .owl-nav button.owl-prev {
    width: 30px;
    height: 28px;
    background: 0 0;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 19px;
    margin: 0 2px;
    border: 1px solid #fff;
    border-radius: 50%;
    outline: 0
}

.what-virtal {
    color: #fff;
    text-align: center;
    font-size: 16px
}

.slite-sec {
    background: var(--blue-color);
    box-shadow: 0 3px 11px #00000029;
    padding: 12px 60px;
    clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%);
    width: max-content;
    transform: translate(17px, 25px)
}

.gradient-border {
    position: relative
}

.gradient-border:before {
    content: "";
    position: absolute;
    top: 0;
    left: -17px;
    width: 5px;
    height: 100%;
    background: transparent linear-gradient(180deg, #a29161 0, #a29161 9%, #fff 100%)
}

.world-class {
    background: url(../../resources/web-data/indian-height/img/world-class-new-bg.png) no-repeat;
    background-position: center;
    background-size: cover
}

.world-card {
    position: relative;
    width: 100%
}

.world-img {
    position: relative;
    height: 225px
}

.world-img img {
    height: 100%;
    width: 100%
}

.world-text {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(162, 145, 67, .8);
    padding: 10px 15px;
    width: 100%
}

.world-text h2 {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    margin-top: 2px
}

.world-card-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(45deg, #a29061 0, #001744c9 40%, #001744c9 100%);
    background: linear-gradient(45deg, #a29061 0, #001744c9 40%, #001744c9 100%);
    display: flex;
    flex-direction: column;
    padding: 20px;
    opacity: 0;
    transition: .5s
}

.world-card-overlay h2 {
    font-size: 16px;
    font-weight: 500;
    position: relative
}

.world-card-overlay h2::after {
    content: "";
    position: absolute;
    top: 8px;
    margin-left: 10px;
    width: 60px;
    height: 2px;
    background: #fff
}

.world-card-overlay p {
    font-size: 14px;
    color: #fff
}

.world-card-overlay a {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    text-decoration: underline
}

.world-card:hover .world-card-overlay {
    opacity: 1
}

.world-card:hover .world-text {
    opacity: 0
}

.message-sec {
    background: url(../../resources/web-data/sps/image/page-title-bg-1.png) no-repeat;
    /* background-position: center; */
    background-size: 100%, 100%
}

.message-card {
    background: var(--theme-primary-dark);
    position: relative;
    /* padding: 10px 20px 10px 20px; */
    /* border: 1px solid #7070702E; */
    /* border-left: 0 !important */
}

.message-card .card-header {
    border-top-left-radius: 42px;
    background: #EFFCF5;
    transition: all 0.3s;
}

.message-card:hover .card-header {
    background: #faf6e3;
    border-top-left-radius: 0px;
}

.message-card .message_profile {
    overflow: hidden;
    box-shadow: 0 2px 8px 2px #ffffff2c;
}

.message-card .message_profile img {
    transition: all 0.3s;
}

.message-card:hover .message_profile img {
    transform: scale(1.1);
}

.message-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: var(--gold-color)
}

@media (min-width: 992px) {
    .message_profile {
        margin-top: -60px;
    }

}

.message-con {
    padding-top: 10px
}

.msg-title {
    letter-spacing: 0;
    color: var(--blue-color);
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700
}

.msg-para {
    font-size: 14px;
    line-height: 22px
}

.msg-img-card {
    position: relative;
    width: 100%;
    transform: translateX(15px)
}

.msg-img-card:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 90%;
    height: 60%;
    background: var(--blue-color);
    transform: translate(10px, -10px)
}

.msg-img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 215px;
    margin-bottom: 2px;
    z-index: 9;
    box-shadow: 0 3px 6px #00000029;
    border: 4px solid #fff
}

.message-card:hover .msg-img img {
    transform: scale(1.1)
}

.message-card:hover .msg-img-card:after {
    background: var(--gold-color)
}

.message-card:hover .msg-img-con {
    background: var(--blue-color)
}

.message-card:hover .per-desi,
.message-card:hover .per-name {
    color: #fff
}

.msg-img img {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    object-fit: cover;
    object-position: top;
    transition: transform .5s, filter 1.5s ease-in-out
}

.msg-img-con {
    background: #fff;
    box-shadow: 0 3px 6px #00000017;
    border: 1px solid #00184426;
    padding: 10px;
    position: relative;
    z-index: 9
}

.per-name {
    color: var(--blue-color);
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 5px
}

.per-desi {
    color: var(--gold-color);
    font-size: 12px;
    text-align: center
}

.scfac-card .item {
    background: #f8faff;
    border: 1px solid #0018440F;
    padding: 15px;
    position: relative
}

.fac-title {
    background: var(--blue-color);
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    display: inline-flex;
    padding: 6px 15px;
    text-align: center;
    position: relative;
    z-index: 999;
    transform: translate(15px, 15px)
}

.fac-box {
    position: relative
}

.fac-img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    padding-top: 45px;
    padding-bottom: 30px
}

.fac-img img {
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    border-radius: 22px
}

.fac-content h3 {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline;
    margin-bottom: 10px
}

.fac-content p {
    color: #fff;
    font-size: 13px;
    margin-bottom: 0;
    line-height: 20px
}

.carousel-are-right {
    z-index: 9;
    display: flex;
    align-items: center
}

.scfac-card .item:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: var(--blue-color);
    z-index: 2;
    clip-path: circle(79.1% at 81% 50%)
}

.school-fac .theme_carousel {
    margin-top: -30px
}

.school-fac .owl-dots {
    bottom: 20px;
    left: 29%;
    transform: translateX(-50%)
}

.fsBreadcrumb {
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 15px;
    display: none !important;
    border-bottom: 1px solid rgba(163, 145, 97, .5)
}

.fsBreadcrumb li:nth-last-child(2) .fsNavBreadcrumbSeperator,
.fsBreadcrumb li[aria-current=location],
.fsBreadcrumb>header {
    display: none
}

.fsBreadcrumb ul {
    display: flex;
    flex-direction: row
}

.fsBreadcrumb ul li {
    display: flex;
    justify-content: center;
    align-items: center
}

.fsBreadcrumb ul li,
.fsBreadcrumb ul li a {
    text-transform: uppercase;
    font-weight: 600;
    color: var(--blue-color);
    font-size: 16px
}

.fsBreadcrumb ul li a {
    display: inline-block;
    padding: 0
}

.fsBreadcrumb ul li a:focus,
.fsBreadcrumb ul li a:hover {
    color: var(--gold-color)
}

.fsBreadcrumb ul li .fsNavBreadcrumbSeperator {
    font-size: 0;
    margin: 0 14px;
    width: 8px;
    height: 8px;
    position: relative
}

.fsBreadcrumb ul li .fsNavBreadcrumbSeperator:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent var(--gold-color);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.page-inner-heading {
    color: var(--gold-color);
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: 400
}

.inner-page-card h2 {
    color: var(--blue-color);
    font-size: 20px;
    line-height: 28px;
    font-weight: 500
}

.page-inner-heading:after {
    display: block;
    content: "";
    height: 1px;
    width: 50px;
    background: #89764b;
    margin: 0;
    margin-top: 10px;
    position: relative
}

.itallic-p {
    font-size: 18px;
    line-height: 30px;
    font-style: italic;
    display: block;
    color: var(--gold-color) !important;
    margin-bottom: 10px;
    font-weight: 400
}

.fsElementTitle {
    margin-top: 0;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px;
    margin-bottom: 0;
    display: block;
    font-size: 16px;
    padding: 0 0 12px 0;
    transition: .3s;
    position: relative
}

.first-word {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: var(--blue-color);
    transition: all .3s;
    text-transform: uppercase
}

.left_grid {
    float: left;
    width: 100%;
    background: #f5f3ee;
    border-top: solid 1px #abaeb2;
    margin: 0 0 20px 0
}

ul.widget1 {
    float: left;
    width: 100%;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    margin-bottom: 0
}

ul.widget1 {
    float: left;
    width: 100%;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    margin-bottom: 0
}

ul.widget1 li {
    float: left;
    clear: both;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    border-bottom: solid 1px #a29160
}

ul.widget1 li a {
    color: #001643;
    font-size: 14px;
    display: block;
    font-weight: 500;
    padding: 4px 0;
    text-transform: uppercase;
    transform: translateY(2px)
}

ul.widget1 li:hover {
    background: #001643;
    color: #fff
}

ul.widget1 li:hover a {
    color: var(--gold-color) !important
}

ul.widget1 li.active {
    background: #001643;
    color: #fff;
    float: left;
    padding-top: 12px;
    padding-left: 10px
}

ul.widget1 li a.active {
    background: url(../../../edunext-main-storage-cf.edunexttechnologies.com/tihs/school___static/1698742403780_iconsnavactive.png) no-repeat 10px 3px;
    color: var(--gold-color);
    padding-left: 40px;
    padding-top: 0
}

ul.list-academic li,
ul.list-style-check li {
    width: 100%;
    clear: both;
    display: block;
    margin-bottom: 5px;
    background: url(https://resources.edunexttechnologies.com/web-data/sps/image/arrowhead-bullet.svg) no-repeat 0 8px;
    background-size: 17px;
    padding-left: 15px;
    text-decoration: none;
    color: #000;
    /* font-size: 16px; */
    /* line-height: 26px; */
    padding-top: 4px;
    padding-right: 20px;
    padding-left: 28px;
    font-weight: 400
}

.inner-page-card table {
    padding: 20px;
    border: solid 1px #0d395e;
    margin-bottom: 20px
}

.inner-page-card td {
    border: solid 1px #000;
    color: #000;
    font-size: 16px;
    line-height: 28px;
    padding: 5px
}

.inner-page-card td p {
    margin-bottom: 0
}

.inner-page-card td a {
    color: #000 !important;
    font-size: 15px
}

.heading-row {
    background: var(--blue-color);
    padding: 4px 0;
    align-items: center;
    margin-bottom: 5px;
    margin-left: -6px
}

.fs-title {
    font-size: 16px !important;
    color: #fff !important;
    margin-bottom: 0;
    margin-top: 0 !important;
    font-weight: 600
}

.enquiry-btn-page {
    background: #001744;
    color: #fff !important;
    padding: 10px 15px;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    font-weight: 500
}

.inner-page-card ol {
    color: #000;
    font-size: 16px !important;
    line-height: 26px;
    font-weight: 400 !important
}

.inner-page-card ol li {
    list-style-type: decimal;
    padding-left: 5px
}

.inner-page-card ol li::marker {
    color: var(--gold-color);
    font-weight: 700
}

.submenu {
    display: none;
    margin-top: 15px;
    padding: 15px;
    padding-top: 5px
}

.submenu_second {
    display: none;
    margin-top: 15px;
    padding: 15px;
    padding-top: 5px
}

.accordion {
    width: 100%;
    margin: 15px auto 0;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #1616142b
}

.accordion .link {
    cursor: pointer;
    display: block;
    padding: 10px 15px 10px 15px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    color: #404040;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    background-position: right -20px;
    background: url(../../404.html) right top #f1efe7;
    background-repeat: no-repeat;
    color: var(--gold-color)
}

.accordion .link:hover {
    color: #fff;
    background: var(--gold-color)
}

.accordion .link_second {
    cursor: pointer;
    display: block;
    padding: 10px 15px 10px 15px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    color: #404040;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    background-position: right -20px;
    background: url(../../404.html) right top #f1efe7;
    background-repeat: no-repeat;
    color: var(--gold-color)
}

.accordion .link_second:hover {
    color: #fff;
    background: var(--gold-color)
}

.accordion li i {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    color: var(--gold-color);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.accordion li i.fa-chevron-down {
    right: 12px;
    left: auto;
    font-size: 16px
}

.accordion li.open .link {
    color: #fff;
    background: var(--gold-color)
}

.accordion li.open i {
    color: #fff
}

.accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.accordion_second {
    width: 100%;
    margin: 15px auto 0;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #1616142b
}

.accordion_second .link {
    cursor: pointer;
    display: block;
    padding: 10px 15px 10px 15px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    color: #404040;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    background-position: right -20px;
    background: url(../../404.html) right top #f1efe7;
    background-repeat: no-repeat;
    color: var(--gold-color)
}

.accordion_second .link:hover {
    color: #fff;
    background: var(--gold-color)
}

.accordion_second .link_second {
    cursor: pointer;
    display: block;
    padding: 10px 15px 10px 15px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    color: #404040;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    background-position: right -20px;
    background: url(../../404.html) right top #f1efe7;
    background-repeat: no-repeat;
    color: var(--gold-color)
}

.accordion_second .link_second:hover {
    color: #fff;
    background: var(--gold-color)
}

.accordion_second li i {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    color: var(--gold-color);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.accordion_second li i.fa-chevron-down {
    right: 12px;
    left: auto;
    font-size: 16px
}

.accordion_second li.open .link {
    color: #fff;
    background: var(--gold-color)
}

.accordion_second li.open i {
    color: #fff
}

.accordion_second li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.whats-img {
    bottom: 40px;
    right: 10px;
    width: 40px;
    position: fixed;
    z-index: 22
}

.alumni-card {
    position: relative;
    background-color: var(--gold-color);
    padding: 15px;
    margin-bottom: 50px
}

.alumni-card .alumni-review {
    overflow: hidden;
    position: relative
}

.alumni-card .alumni-description {
    color: #000;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-top: -50px;
    background-color: #fff;
    padding: 20px;
    min-height: 44vh;
    padding-top: 68px
}

.alumni-card .alumni-description p {
    font-size: 14px !important;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    text-align: left;
    margin-bottom: 3px
}

.achi-read-more {
    background: #bfffba;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 15px;
    font-weight: 500
}

.alumni-card .pic1 {
    float: left
}

.alumni-card .pic1 img {
    width: 110px !important;
    height: auto;
    border-radius: 10px;
    margin-right: 15px;
    margin-left: 10px;
    box-shadow: 0 15px 10px -12px #111;
    border: 2px solid #f1f1f1
}

.alumni-card .alumni-title {
    color: var(--blue-color);
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-bottom: 2px solid var(--blue-color)
}

.brand-text-t {
    color: var(--gold-color)
}

.news-box {
    position: relative
}

.news-box-img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 260px
}

.news-box-img img {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    object-fit: fill;
    transition: transform .5s, filter 1.5s ease-in-out
}

.news-box:hover .news-box-img img {
    transform: scale(1.1)
}

.news-box-title {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    text-transform: uppercase;
    background: rgba(0, 24, 68, .8);
    padding: 7px 20px
}

.news-box-title h5 {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500
}

.news-block .inner-box {
    position: relative;
    margin-bottom: 30px;
    border: 1px solid var(--blue-color);
    padding: 5px;
    min-height: 250px
}

.news-block .lower-content {
    position: relative;
    transition: .3s;
    -webkit-transition: .3s;
    margin-top: 7px
}

.news-block .lower-content h4 {
    line-height: 20px;
    font-size: 14px
}

.news-block .lower-content a {
    color: var(--blue-color);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none
}

.author-img {
    border: 2px solid #fff;
    box-shadow: 0 0 10px #0000004a
}

.career-box {
    position: relative
}

.career-img {
    position: relative;
    width: 100%;
    height: 380px;
    text-align: center;
    background: #001845f5;
    border: 2px solid #a39161;
    box-shadow: 0 0 10px #0000004d;
    overflow: hidden
}

.career-box:hover .career-img img {
    transform: scale(1.1)
}

.career-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .5s, filter 1.5s ease-in-out
}

.loading-btn {
    background: var(--blue-color);
    color: #fff;
    padding: 4px 15px;
    font-size: 15px;
    border: 2px solid var(--gold-color);
    cursor: pointer
}

.pagi-box {
    border: 1px solid var(--blue-color);
    border-radius: 4px;
    padding: 0 30px;
    max-width: 170px;
    float: right
}

.pagi-box .pagi-btn {
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 1px solid var(--blue-color);
    padding: 3px 15px;
    text-align: center;
    max-width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    background: 0 0
}

.pagi-box .owl-item .item:first-child .pagi-btn {
    border-left: 1px solid var(--blue-color)
}

.pagi-box .owl-nav>button {
    position: absolute;
    top: 37%;
    font-size: 25px !important;
    color: var(--blue-color) !important;
    height: 32px !important;
    width: 32px !important
}

.pagi-box .owl-nav>button:focus {
    border: 0;
    outline: 0;
    box-shadow: none
}

.pagi-box .owl-nav button.owl-prev {
    left: -31px
}

.pagi-box .owl-nav button.owl-next {
    right: -31px
}

.accolades-card {
    background: #fff;
    border: 1px solid #70707069;
    padding: 25px;
    box-shadow: 0 0 10px #00000029
}

.acco-title {
    color: #001844;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px
}

.accolades-card a {
    color: #001844;
    font-style: italic;
    font-weight: 500;
    word-wrap: break-word
}

.accolades-box {
    width: max-content;
    height: 250px;
    position: relative;
    box-shadow: 0 3px 33px #00000012;
    border: 2px solid #fff;
    border-radius: 3px
}

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

.view-all1,
.view-all1:hover {
    font-weight: 600;
    font-size: 14px;
    color: var(--blue-color)
}

.accolades-ul {
    padding-left: 10px
}

.accolades-ul li {
    list-style-type: disclosure-closed;
    line-height: 20px;
    margin-bottom: 4px
}

.suc {
    color: green;
    font-weight: 900
}

.submitbtn {
    cursor: pointer;
}

.apps-icon a {
    display: block;
    max-width: 100px;
}


/**
 *
 * Client: SPS Shabga
 * Built By: Edunext Technologies Pvt. Ltd.
 * Project By: Santosh Jha
 * Dated: 29 November 2024
 *
 **/

/*School slider section*/

.school-slider .owl-carousel {
    position: relative;
}

.school-slider img {
    /* max-height: 170px; */
    aspect-ratio: 9/5;
    object-fit: cover;
}

@media (min-width: 767px) {
    .school-slider img {
        max-height: calc(100vh - 119px);
        object-fit: cover;
    }
}

.school-slider .owl-nav {
    position: absolute;
    bottom: 0 !important;
    padding: 10px 30px;
    background-color: var(--theme-warning);
    top: unset;
    width: auto;
    right: 0;


}

.school-slider .owl-next {
    float: none;
    margin-left: 21px !important;
    height: 23px !important;
    width: 23px !important;
    vertical-align: middle;
    line-height: 0;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
}

.school-slider .owl-prev {
    float: none;
    margin-left: 5px !important;
    height: 23px !important;
    width: 23px !important;
    vertical-align: middle;
    line-height: 0;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
}

.school-slider .owl-nav::before {
    content: "";
    border-left: 1px solid white;
    height: 64% !important;
    display: block;
    position: absolute;
    transform: translateY(-5%);
    left: 51%;
}

/* Welcome to SPS section*/

.welcome-section {
    background-color: var(--theme-primary-light);
}

.welcome-section-btn {
    border: 2px solid white;
    border-radius: 2px;
}

.welcome-section-btn:hover {
    background-color: var(--theme-warning);
}

.welcome-section-btn {
    transition-duration: .3s;
}

.welcome-sec-croller-para {
    font-size: 12px;
}

.welcome-section-points {
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 2px;
}

.welcome-section-points:hover {
    border-top: 2px solid var(--theme-primary);
    border-bottom: 2px solid var(--theme-primary);
}

.welcome-section-points-para {
    color: #646464;
}

.welcome-sec-vision {
    width: 9%;
    height: 54%;
    /* margin-top: 13px; */
}

.welcome-sec-vision-statement {
    position: relative;
}

.welcome-sec-vision-statement::after {
    content: "";
    float: none;
    position: absolute;
    margin-left: 84px !important;
    height: 38px !important;
    width: 23px !important;
    line-height: 0;
    display: block !important;
    border-left: 2px solid #646464;
    transform: translateY(-100%);

}

/* Core team - section*/


.owl-carousel {
    position: relative;
}

.owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
}

.owl-next {
    right: 0% !important;
    float: right;
}

.owl-prev {
    left: 0% !important;
    float: left;
}

.owl-nav button {
    position: relative;
    background-color: var(--theme-warning) !important;
    border: 1px solid white !important;
    width: 30px !important;
    height: 30px !important;

}

.owl-nav button:hover {
    background-color: var(--theme-primary) !important;
}

.core-team-slider-card {
    border: 0px;
}

/*Discover why sps css*/
.discover-sec-logo1 {
    position: absolute;
    max-width: 120px;
}

.discover-sec-logo2 {
    max-width: 500px;
}


.border-style {
    border-left: 1px solid #00305D;
}

@media only screen and (max-width: 767px) {
    .discover-header {
        border: 0;
    }
}


/* Kidcentre section css */
.kidcentre-slider-card {
    position: relative;
    border: 1px solid white;
}

.kidcentre-slider-card::after {
    content: "";
    width: 100%;
    height: 50%;
    bottom: 0%;
    position: absolute;
    background: rgb(15, 20, 59);
    background: linear-gradient(0deg, rgba(15, 20, 59, 1) 0%, rgba(0, 212, 255, 0) 68%);
}



.kidcentre-slider-card-text {
    position: absolute;
    bottom: 0%;
    left: 3%;
    z-index: 2;
}

.kidcentre-slider-card {
    overflow: hidden;
}

.kidcentre-slider-card:hover .kidcentre-slider-img {
    transform: scale(1.1);
}

.kidcentre-slider-img {
    height: 360px;
    transition-duration: .3s;
    object-fit: cover;
}

/* Our Gallery section*/

.ourgallery-slider-card {
    position: relative;
}

.ourgallery-slider-card::after {
    content: "";
    width: 100%;
    height: 30%;
    bottom: 0%;
    position: absolute;
    background: rgb(198, 146, 20);
    background: linear-gradient(0deg, rgba(198, 146, 20, 0.6783963585434174) 30%, rgba(0, 212, 255, 0) 75%)
}

.ourgallery-slider-card-text {
    position: absolute;
    bottom: 0%;
    left: 3%;
    z-index: 2;
}

.ourgallery-slider-card {
    overflow: hidden;
}

.ourgallery-slider-card:hover .ourgallery-slider-img {
    transform: scale(1.1);
}

.ourgallery-slider-card:hover {
    border: 2px solid var(--theme-warning);
}

.ourgallery-slider-img {
    aspect-ratio: 9 / 5.5;
    object-fit: cover;
    transition-duration: .3s;
}

.btn-theme-primary:hover {
    background-color: var(--theme-primary);
    color: white;
}



.ourgallery-slider-card-logo {
    position: absolute;
    bottom: 10%;
    z-index: 2;
    color: var(--theme-primary);
    background-color: var(--theme-warning);
    clip-path: circle(76.0% at 78% 94%);
    height: 160px;
    width: 152px;
    bottom: 0%;
    right: 0%;
    padding: 8px;
    opacity: 0;
    transition-duration: .3s;
}

.ourgallery-slider-card:hover .ourgallery-slider-card-logo {
    opacity: 0.7;
}

/* Achievements ection*/

.achievements-slider-card-text {
    display: flex;
    background-color: var(--theme-primary);
    border: 1px solid white;
    margin-top: -42px;
    z-index: 1;
    position: relative;
    align-items: center;
}

.achievements-slider-card-logo {
    width: 100% !important;
    display: block;
}


.achievements-slider-card {
    overflow: hidden;
    border: 2px solid white;
    border-radius: 0px;
}

.achivements-slider-trophy {
    width: 75% !important;
    display: none !important;
}

.achievement-slider-div:hover .achievements-slider-img {
    transform: scale(1.1);
}

.achievements-slider-img {
    max-width: fit-content;
    margin: auto;
    height: 280px;
    transition-duration: .3s;
    object-fit: cover;
}

.achievement-slider-div:hover .achievements-slider-card-logo {
    display: none !important;
}

.achievement-slider-div:hover .achivements-slider-trophy {
    display: block !important;
}


/* Learning partner section*/


.learning-partner-slider-card {
    background-color: white;
    align-items: center;
    padding: 2px;
}

.learning-partner-slider-card:hover {
    background-color: #EFF1FF;
    padding: 0px;
    margin-top: 2px;
}

.learning-partner-slider-card {
    transition-duration: .3s;
}

.learning-partner-slider-card {
    transition-duration: .2s;
}

/* Parent teatimonial*/

.parent-teatimonial {
    background: rgb(198, 146, 20);
    background: linear-gradient(180deg, rgba(198, 146, 20, 1) 50%, rgba(243, 243, 243, 1) 50%);
}

.parent-teatimonial-card {
    background: url("../../resources/web-data/sps/image/parentbackground.png");
    background-size: cover;
    align-items: center;
    border-radius: 2.5rem 2.5rem 0 2.5rem !important;
}

.parent-teatimonial-btn {
    border: 1px solid var(--theme-primary);
    border-radius: 3px !important;
}

.parent-teatimonial-card:hover .parent-teatimonial-btn {
    background-color: var(--theme-primary) !important;
    color: white;
}

.parent-teatimonial-card:hover .parent-teatimonial-card-img {
    transform: scale(1.1);
}

.parent-teatimonial-card-img {
    aspect-ratio: 7/5;
    object-fit: cover;
    transition-duration: .3s;
}

.parent-teatimonial-imgdiv {
    border: 2px solid var(--theme-warning);
    border-radius: 10px;
    overflow: hidden;
}

.parent-teatimonial-sliderdiv {
    background-color: var(--theme-primary);
}

.parent-teatimonial .owl-nav .owl-prev {
    float: none;
    position: absolute;
    left: -40px !important;
}

.parent-teatimonial .owl-nav .owl-next {
    float: none;
    position: absolute;
    right: -40px !important;
}

/* Social Media section*/
.social-media-section {
    background: url("../../resources/web-data/sps/image/Group%20280585.png");
    background-size: cover;

}

.social-media-slider-img {
    height: 303px;
    object-fit: cover;
}

.social-media-icon {
    width: 5% !important;
}

.social-media-icon-div {
    background-color: white;
    position: absolute;
}

.social-media-slider-card {
    position: relative;
}

/* Footer section*/

.footer-section2 {
    background: url("../../resources/web-data/sps/image/footerbg2.png");
    background-size: cover;
}

.footer-sec-icon {
    border: 1px solid white;
    color: var(--theme-primary-light);
    display: inline-block;
    width: 22px;
    height: 22px;
    font-size: .7rem;
    line-height: 22px;
    text-align: center;
}

.footer-section-icon-div {
    color: var(--theme-primary-light);
    display: flex;
}

.footer-quick-links {
    color: var(--theme-primary-light);

}

.footer-quick-links:hover {
    color: white;
}


.footer-section-icon-div:hover {
    color: white;
}

.social-icons a {
    border: 1px solid white;
    display: inline-block;
    width: 29px;
    height: 27px;
    text-align: center;
    line-height: 27px;
}

.social-icons i {
    color: var(--theme-primary-light);
}

.footer-sec-logo {
    width: 67%;
}


.social-icons .fb:hover i {
    color: blue;
}

.social-icons .yt:hover i {
    color: red;
}

.social-icons .ig:hover i {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    -webkit-background-clip: text;
    /* Also define standard property for compatibility */
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.social-icons a:hover {
    background-color: white;
}

.footer-uppermap {
    width: 100%;
    border: 5px solid white;
}

.footer-map {
    position: relative;
}

.footer-lowermap {
    position: absolute;
    margin-top: -33%;
    left: 37%;
    height: 54%;
}

.footer-section1 {
    background: url("../../resources/web-data/sps/image/footerbg1.png");
    background-size: 100%;
}

.footer-sec1-row {
    position: relative;
    align-items: center;
    margin-bottom: -68px;
    border-radius: 5px;
}

.footer-sec1-logo {
    position: absolute;
    margin-top: -142px;
}

.footer-sec1-btn {
    border-radius: 20px !important;
    border-bottom: 3px solid white;
}

.footer-sec1-btn:hover {
    background-color: #1B0C84;
    color: white;
    border: 0px;
}

.footer-sec1-para {
    color: var(--theme-primary-light);
}

.footer-sec2-container {
    position: relative;
    z-index: 1;
}

.footer-quick-links-menu {
    position: relative;
}

.footer-quick-links-menu::before {
    content: "";
    display: none;
}

@media (min-width: 992px) {
    .footer-quick-links-menu::before {
        content: "";
        height: 88%;
        /* width: 100%; */
        border-left: 1px solid var(--theme-primary-light);
        border-right: 1px solid var(--theme-primary-light);
        opacity: 0.5;
        position: absolute;
        left: -30px;
        right: -23px;
        z-index: -1;
        top: 50%;
        transform: translateY(-50%);
        display: block;
    }
}


.footer-sec1-head {
    position: relative;
}

.footer-sec1-head::after {
    content: "";
    width: 12%;
    border-bottom: 3px solid var(--theme-primary);
    position: absolute;
    left: 0;
    bottom: -3px;


}

.footer-quick-links-head {
    position: relative;
}

.footer-quick-links-head::after {
    content: "";
    width: 14%;
    border-bottom: 1px solid var(--theme-primary-light);
    position: absolute;
    left: 0;
    bottom: -3px;
    opacity: 0.5;
}

.footer-numbers {
    display: inline-flex;
    white-space: nowrap;
    flex-wrap: wr;
}

.frame {
    position: relative;

}

.frame-title {
    position: absolute;
    top: 0;
    left: 0;
    border-bottom-right-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 5;
}

.frame-titleYoutube {
    position: absolute;
    top: 0;
    right: 0;
    border-bottom-right-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 5;
}

.frame-title img {
    display: inline-block !important;
    margin-right: 2px;
}

.frame-titleYoutube i {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;

}

.frame-title i {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;

}

.frame-title i.fa-facebook {
    background-color: ;
}

.frame-subtitle {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    color: white;
    z-index: 1;
}

.frame-subtitle::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    height: 100px;
    width: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9192051820728291) 0%, rgba(243, 243, 243, 0) 100%);
}

@keyframes scrollNews {
    from {
        left: 100%;
    }

    to {
        left: -100%;
    }
}

.marquee-container {
    height: 100%;
    width: 100%;
}

.marquee-text a {
    color: #0F143B;
    transition: all 0.3s;
}

.marquee-text a:hover {
    color: white;
}

.marquee-text:hover {
    animation-play-state: paused;
}

.circular-list {
    /* min-height: 120px; */
    height: 440px;
}

.circular-list::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.circular-list::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .1);
}

/* Handle */
.circular-list::-webkit-scrollbar-thumb {
    background: var(--theme-warning);
}

/* Handle on hover */
.circular-list::-webkit-scrollbar-thumb:hover {
    filter: hue-rotate(10deg);
}

.circular-list li {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.sn-center tr>td:first-child,
.sn-center tr>th:first-child {
    text-align: center;
}

@media (min-width: 600px) {
    .core-team-slider-card img {
        object-fit: cover;
    }
}

@-webkit-keyframes red_glow {
    from {
        background-color: var(--theme-primary);
    }

    to {
        background-color: #ff0000;
    }
}

@keyframes red_glow {
    from {
        background-color: var(--theme-primary);
    }

    to {
        background-color: #ff0000;
    }
}

.fixed-admission-btn,
.fixed-360-btn {
    position: fixed;
    right: 0;
    top: 40%;
    transform: rotate(270deg) translateY(-50%);
    transform-origin: right;
    z-index: 999;
    border: 2px solid white;
    animation: red_glow .5s ease-in infinite alternate;
}

.fixed-360-btn {
    position: fixed;
    top: max(4%, 200px);
    left: 0;
    right: unset;
    transform: rotate(-90deg) translateY(-80%);
    transform-origin: bottom;
}

.fixed-360-btn img {
    filter: invert(1);
    width: 25px;
}

@media (max-width: 576px) {
    .fixed-360-btn {
        padding: 0 10px;
        font-size: 12px;
        transform: rotate(-90deg) translateY(-106%) !important;

    }

    .fixed-admission-btn {
        padding: 3px 10px;
        font-size: 12px;
        top: 27% !important;
    }

    .fixed-enq-btn {
        top: 38% !important;
    }

}

@media (min-width: 768px) {
    .fixed-admission-btn {
        top: 50%;
        transform: translateY(-50%);
    }
}

/* virtual tour modal background dark screen  */
#virtual-modal {
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999;
}

@media (min-width: 1200px) {
    #virtual-modal .modal-xl {
        max-width: 1060px;
    }
}

.datepicker {
    background-image: url(../../../resources.edunexttechnologies.com/default-form/img/calendar-icon.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-position: right 12px center;
    background-size: 12px
}

.dudp__wrapper[data-theme=blue] .dudp__calendar-header {
    background-color: var(--theme-primary) !important
}

.dudp__wrapper[data-theme=blue] .dudp__calendar .dudp__cal-week .dudp__date.range-from:before,
.dudp__wrapper[data-theme=blue] .dudp__calendar .dudp__cal-week .dudp__date.range-to:before,
.dudp__wrapper[data-theme=blue] .dudp__calendar .dudp__cal-week .dudp__date.selected:before {
    background-color: var(--theme-primary) !important
}

.dudp__wrapper[data-theme=blue] .dudp__calendar .dudp__cal-week .dudp__date.current {
    color: var(--theme-primary) !important
}

.dudp__wrapper[data-theme=blue] .dudp__buttons .dudp__button,
.dudp__wrapper[data-theme=blue] .dudp__months-view .dudp__month.selected,
.dudp__wrapper[data-theme=blue] .dudp__years-view .dudp__year.selected {
    color: var(--theme-primary) !important
}

.dudp__wrapper[data-theme=blue] .dudp__buttons .dudp__button,
.dudp__wrapper[data-theme=blue] .dudp__months-view .dudp__month.selected,
.dudp__wrapper[data-theme=blue] .dudp__years-view .dudp__year.selected {
    color: var(--theme-primary) !important
}

@media (max-width: 1024px) {
    .current ul .current a {
        /* color: blue !important; */
        background-color: var(--theme-warning) !important;
    }
}

/* .circular-list .swiper-slide {
    border-bottom: 1px solid ;
} */

.calendar-frame::-webkit-scrollbar {
    width: 5px
}

.calendar-frame::-webkit-scrollbar-track {
    background: #f1f1f1
}

.calendar-frame::-webkit-scrollbar-thumb {
    background: var(--theme-primary)
}

.calendar-frame::-webkit-scrollbar-thumb:hover {
    background-color: #ffc000
}