@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Noto+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* * {
    outline: 1px solid #f00 !important;
  } */

ul {
    padding: 0;
}

img {
    max-width: 100%;
}

a {
    text-decoration: none;
}

ul li {
    list-style-type: none;
}

textarea {
    resize: none;
}

.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transform: translate(calc(50vw - 50%));
    z-index: 4;
    transition: all 0.4s;
}

.body-position {
    position: fixed;
    width: 100%;
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
}

:root {
    /* Global colors */
    --theme-blue: #3595FB;
    --theme-orange: #FF823F;
    --black: #121212;
    --grey-dark: #424242;
    --grey-light: #6C6C6C;
    --grey-very-light: #E3E3E3;
    --white: #ffffff;
    /* text colors */
    --text-purple: #834DD8;
    --text-blue: #3595FB;
    --text-orange: #DC8C12;
    --text-red: #DF5656;
    --text-brown: #DB602D;
    --text-pink: #E0489E;
    --text-green: #4B8341;
    /* background colors */
    /* border colors */
    --seperator-line: #DDDDDD;
}

body {
    color: var(--black);
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Noto Serif', serif;
    font-style: normal;
}

h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 135.9%;
}


h3 {
    font-size: 28px;
    font-weight: 600;
    line-height: 135.9%;
}


h4 {
    font-size: 24px;
    font-weight: 600;
    line-height: 135.9%;
}

h5 {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
}

h6 {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
}

.text-blue {
    color: var(--text-blue);
}

.text-purple {
    color: var(--text-purple);
}

.text-orange {
    color: var(--text-orange);
}

.text-red {
    color: var(--text-red);
}

.text-brown {
    color: var(--text-brown);
}

.text-pink {
    color: var(--text-pink);
}

.text-green {
    color: var(--text-green);
}


/* Header Section Style Start Here*/
header .navbar-collapse {
    flex-grow: unset;
}

header .navbar ul li {
    margin: 0px 8px;
}

    header .navbar ul li a {
        color: var(--black) !important;
        font-family: 'Inter', sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 115.9%;
    }

header .navbar .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}


/* Mega Menu Style Here*/
header .navbar .navbar-nav li .dropdown-menu[data-bs-popper] {
    width: 100%;
}

header .navbar .navbar-nav li .dropdown-menu {
    border-radius: 16px;
    box-shadow: 0px 4px 54px 0px rgba(0, 0, 0, 0.07);
    padding: 30px 26px 10px;
    border: unset;
    animation: scalemenu 0.3s ease-in-out;
    -webkit-animation: scalemenu 0.3s ease-in-out;
    transform-origin: top center;
}

@keyframes scalemenu {
    0% {
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        opacity: 0;
    }

    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        opacity: 1;
    }
}

.megaMenu .fee-card {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 22px;
}

.megaMenu h5 {
    font-size: 18px;
    margin-left: 20px;
    margin-bottom: 22px;
}

.megaMenu h6 {
    margin-bottom: 0px;
}

    .megaMenu h6 a {
        font-weight: 600 !important;
    }

.megaMenu p {
    color: var(--grey-dark);
    font-size: 12px;
    margin-bottom: 0px;
    line-height: 19px;
    max-width: 220px;
}

.megaMenu .megaMenu-inner-two h5 {
    margin-top: 30px;
}

/* Header Section Style End Here*/

.trial-pop-body {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.trial-close {
    position: absolute;
    right: 20px;
    top: 20px;
}

.trial-section {
    background-image: url('../images/free-trial-bg@2x.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    border-radius: 2rem 0 0 2rem;
}

.trial-content {
    padding: 3rem 2rem;
    border-radius: 4px;
}

    .trial-content h3 {
        font-size: 24px;
        padding-bottom: 30px;
    }

.trial-section h3 {
    font-size: 36px;
    color: var(--white);
    padding: 40px;
}

.trial-section > img {
    width: 480px;
    margin-left: 30px;
    margin-top: 110px;
    border-radius: 20px;
    backdrop-filter: blur(12px);
}

.trial-label {
    margin-bottom: 0.2rem;
    font-size: 14px;
}

.trial-form {
    background: #F1F1F1;
    border: none;
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
}

    .trial-form:focus {
        background: #F1F1F1;
        border: none;
    }

.trial-submit {
    display: flex;
    justify-content: end;
    margin-top: 2rem;
}

/* Banner Section Style Start Here*/
.banner-section {
    padding: 120px 0 142px 0;
    background-image: url('../images/backgrounds/home-bg.jpg');
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
}

    .banner-section .banner-inner-one .banner-left {
        max-width: 480px;
    }

    .banner-section .banner-inner-one h2 {
        margin-top: 20px;
    }

    .banner-section .banner-inner-one .easy-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }

    .banner-section .banner-inner-one p {
        max-width: 350px;
    }

    .banner-section .form-inline .Email {
        color: var(--grey-light);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        border-radius: 8px;
        border: 1px solid var(--grey-very-light);
        background: var(--white);
        box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.04);
        padding: 9px 17px 9px 50px;
        width: 300px;
        margin-right: 10px;
        outline: unset;
    }

    .banner-section .form-inline .msg-icon {
        background-image: url("../images/msg-vector.svg");
        background-repeat: no-repeat;
        background-position: 6% 50%;
    }


    .banner-section .video-box {
        position: relative;
        border-radius: 20px;
        overflow: hidden;
        max-width: 470px;
        float: right;
        cursor: pointer;
    }

.video-box > img {
    position: absolute;
    z-index: 3;
    left: 40%;
    top: 35%;
}

.shlbtn {
    color: var(--white);
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    padding: 7px 18px;
    border-radius: 8px;
    background: var(--black);
}

    .shlbtn:hover {
        color: var(--white);
    }

.navbarbtn {
    font-size: 14px;
    padding: 3px 12px;
}

.banner-section .banner-inner-two h3 {
    text-align: center;
    margin-top: 100px;
}



/* Banner Section Style End Here*/



/* Power Section Style Start Here*/
/*.power-section{padding-top: 60px;}*/
.power-section h3 {
    text-align: center;
    margin-bottom: 0px;
}

.powerful-section .powerful-first-inner {
    border-radius: 32px;
    background: #E0EFFF;
    padding: 60px 30px 60px 40px;
}

    .powerful-section .powerful-first-inner h3 {
        margin-top: 70px;
    }

.powerful-section h3 span {
    display: block;
}

.powerful-section .powerful-first-left {
    max-width: 390px;
}

    .powerful-section .powerful-first-left p {
        margin: 20px 0px 50px 0px;
    }

.powerful-section .powerful-first-inner img {
    filter: drop-shadow(5px 5px 5px #BED4EB);
}

.mainBannerVideo {
    position: relative;
    z-index: 2;
    width: 100%;
    display: block;
}

.powerful-scnd-inner {
    border-radius: 32px;
    background: #EDEDFF;
    padding: 60px 0px;
    margin-top: 40px;
}

.powerful-scnd-inner {
    text-align: center;
}

    .powerful-scnd-inner .powerful-scnd-box {
        max-width: 600px;
        margin: auto;
    }

    .powerful-scnd-inner .powerful-scnd-box-inner {
        margin-top: 30px;
    }

        .powerful-scnd-inner .powerful-scnd-box-inner img {
            filter: drop-shadow(0px 0px 5px #BED4EB);
        }

        .powerful-scnd-inner .powerful-scnd-box-inner p {
            margin-top: 20px;
        }



.partners-section {
    padding: 70px 0px;
}

    .partners-section h3 {
        text-align: center;
        margin-bottom: 25px;
    }

    .partners-section .slider-box .bx-wrapper {
        box-shadow: unset;
        border: unset;
        margin: auto;
    }

/* Power Section Style End Here*/


.teachers-section {
    padding: 10px 0 60px 0;
}

    .teachers-section .teachers-right {
        margin: 0;
        padding: 4rem 0;
        border-radius: 32px;
        background: #FFF2DE;
    }

        .teachers-section .teachers-right h3 span {
            display: block;
        }

        .teachers-section .teachers-right p {
            max-width: 420px;
            margin: 20px 0px 50px 0px;
        }

.testimonials-section {
    padding: 40px 0px 120px 0px;
}

    .testimonials-section h3 {
        margin-bottom: 35px;
    }

.faq-section {
    /* padding: 50px 0px; */
    background: linear-gradient(180deg, #FFF 0%, #F3F7FC 100.05%);
}

    .faq-section h3 {
        text-align: center;
        margin-bottom: 80px;
    }

    .faq-section .faq-inner {
        max-width: 950px;
        margin: auto;
    }

    .faq-section .accordion-item {
        margin-bottom: 20px;
        border-radius: 16px;
        background: #FFF;
        box-shadow: 0px 4px 30px 0px rgba(208, 220, 231, 0.25);
        border: unset;
    }

    .faq-section .accordion-button {
        border-radius: 16px;
        color: #000;
        font-family: 'Inter', sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 32px;
    }

    .faq-section .accordion-item:first-of-type .accordion-button {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
    }

    .faq-section .accordion-button:focus {
        box-shadow: unset;
    }

    .faq-section .accordion-button:not(.collapsed) {
        box-shadow: unset;
    }

    .faq-section .accordion-item:last-of-type .accordion-button.collapsed {
        border-bottom-right-radius: 16px;
        border-bottom-left-radius: 16px;
    }

    .faq-section .accordion-button:not(.collapsed) {
        background-color: transparent;
    }



.talk-section {
    padding: 50px 0px 100px 0px;
    background-image: url('../images/talk-bg.png');
    background-position: center;
}

    .talk-section .talk-inner {
        border-radius: 16px;
        background: #3595FB;
        box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.25);
        backdrop-filter: blur(17px);
        max-width: 700px;
        margin: auto;
        padding: 33px 50px;
    }

        .talk-section .talk-inner h3 {
            color: #fff;
            margin-bottom: 30px;
        }

        .talk-section .talk-inner label {
            color: #fff;
            font-size: 14px;
        }

        .talk-section .talk-inner input,
        select,
        textarea {
            width: 100%;
            border-radius: 5px;
            /* background: #F0F0F0; */
            border: unset;
            padding: 0px 15px;
            font-size: 14px;
            height: 45px;
            margin-bottom: 10px;
            outline: unset;
        }
        input::placeholder {
            overflow: visible;
        }

        .talk-section .talk-inner textarea {
            height: 100px;
        }

        .talk-section .talk-inner .talkBtn {
            text-align: right;
        }

        .talk-section .talk-inner .shlbtn {
            background: #3595FB;
            box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.25);
            backdrop-filter: blur(17px);
        }


footer {
    background: #121212;
    padding-top: 30px;
}

    footer .footer-first-inner h5 {
        color: #FFF;
        font-family: 'Inter', sans-serif;
        font-size: 16px;
        font-weight: 500;
    }

    footer .footer-first-inner ul {
        padding-left: 0px;
    }

        footer .footer-first-inner ul li {
            list-style-type: none;
        }

            footer .footer-first-inner ul li a {
                color: #8C8C8C;
                font-family: 'Inter', sans-serif;
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 206.9%;
            }

    footer .footer-scnd-inner p {
        color: #8C8C8C;
        font-family: 'Inter', sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    footer .footer-scnd-inner {
        padding-top: 20px;
        margin-top: 60px;
        border-top: 1px solid #3D3D3D;
    }

    footer .social-footer-sec {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

        footer .social-footer-sec ul {
            display: flex;
            margin-bottom: 0;
        }

.footer-logo-social-sec {
    padding-bottom: 44px;
}

.footer-link-sec {
    display: flex;
    flex-direction: row;
}

    .footer-link-sec > .footer-links:nth-child(2) {
        padding-left: 3rem;
    }

footer .social-footer-sec ul li .fa-brands {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #282828;
    color: var(--white);
    margin: 0px 10px;
    border-radius: 30px;
}

    footer .social-footer-sec ul li .fa-brands:hover {
        background-color: #3B3B3B;
    }

.location a {
    display: flex;
}



/* Scrool Section Start*/

.collaborationSec .grid {
    display: flex;
    flex-direction: row;
}


.collaborationSec .card-common {
    border-radius: 22px;
    margin-bottom: 20px;
}

.collaborationSec .card1 {
    background-color: #FFF2EE;
}

.collaborationSec .card2 {
    background-color: #EDEDFF;
}

.collaborationSec .card3 {
    background-color: #E7F9F0;
}


.collaborationSec .card-content {
    display: flex;
    align-items: center;
    padding: 4rem;
}

.collaborationSec .tagline {
    font-weight: 400;
    font-size: 14px;
}

.collaborationSec .tag-color1 {
    color: #C2705E;
}

.collaborationSec .tag-color2 {
    color: #5151A3;
}

.collaborationSec .tag-color3 {
    color: #497961;
}

.collaborationSec .card-main-title {
    font-weight: 600;
    padding-bottom: 16px;
    width: 90%;
}

.collaborationSec .stack-cards__item {
    position: sticky;
    top: calc(0.75 * 1em);
    transform-origin: center top;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    overflow: hidden;
}

.collaborationSec .app-screen {
    width: 100%;
}


/* Scrool Section End*/



/* About Page Style Start Here */
.inner-banner {
    padding: 120px 0px 100px 0px;
    background-image: url('../images/backgrounds/blue-bg.jpg');
    background-position: top;
    background-repeat: no-repeat;
}

    .inner-banner .banner-left {
        max-width: 480px;
    }

    .inner-banner .about-inner-one h2 {
        margin-top: 70px;
        font-size: 34px;
    }

        .inner-banner .about-inner-one h2 span {
            color: var(--theme-blue);
        }

    .inner-banner .about-inner-one p {
        margin: 15px 0px 35px;
    }

    .inner-banner .banner-right {
        text-align: right;
    }

    .inner-banner .about-inner-two {
        margin-top: 110px;
    }

        .inner-banner .about-inner-two h3 {
            margin-bottom: 64px;
        }

.about-inner-two .timeline-box .card-body {
    padding: 0px;
}

.about-inner-two .timeline-box .card {
    margin-left: 100px;
    background-color: transparent;
    border: unset;
}

.timeline-box .timeline {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background: transparent;
    margin: 0 auto;
    letter-spacing: 0.2px;
    position: relative;
    line-height: 1.4em;
    font-size: 1.03em;
    padding: 0px 0px 0px 26px;
    list-style: none;
    text-align: left;
    max-width: 100%;
}

    .timeline-box .timeline p {
        color: var(--black);
        font-family: 'Inter', sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

@media (max-width: 767px) {
    .timeline-box .timeline {
        max-width: 98%;
        padding: 25px;
    }
}

.timeline-box .timeline h1 {
    font-weight: 300;
    font-size: 1.4em;
}

.timeline-box .timeline h2,
.timeline-box .timeline h3 {
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 10px;
}

.timeline-box .timeline .event {
    padding-bottom: 15px;
    margin-bottom: 0px;
    position: relative;
}

@media (max-width: 767px) {
    .timeline-box .timeline .event {
        padding-top: 30px;
    }
}

.timeline-box .timeline .event:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}

.timeline-box .timeline .event:before,
.timeline-box .timeline .event:after {
    position: absolute;
    display: block;
    top: 0;
}

.timeline-box .timeline .event:before {
    font-family: 'Noto Serif', serif;
    left: -167px;
    content: attr(data-date);
    text-align: right;
    font-weight: 600;
    font-size: 18px;
    min-width: 120px;
}

@media (max-width: 767px) {
    .timeline-box .timeline .event:before {
        left: 0px;
        text-align: left;
    }
}

.timeline-box .timeline .event:after {
    box-shadow: 0 0 0 3px #3595FB;
    left: -116.8px;
    background: var(--theme-blue);
    border-radius: 50%;
    height: 7px;
    width: 7px;
    content: "";
    top: 8px;
}

@media (max-width: 767px) {
    .timeline-box .timeline .event:after {
        left: -31.8px;
    }
}

.rtl .timeline {
    border-left: 0;
    text-align: right;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-right: 3px solid #727cf5;
}

    .rtl .timeline .event::before {
        left: 0;
        right: -170px;
    }

    .rtl .timeline .event::after {
        left: 0;
        right: -55.8px;
    }

.vision-tabs {
    display: flex;
    align-items: center;
    height: 80px;
    background: var(--white);
    margin-bottom: 2rem;
}

.vision-section ul {
    display: flex;
    justify-content: space-evenly;
    max-width: 600px;
    margin: 0 auto;
}

    .vision-section ul li a {
        color: var(--black);
        text-align: center;
        font-size: 15.299px;
        font-style: normal;
        font-weight: 500;
        line-height: 135.9%;
    }

.vision-section .visionbtn {
    border-radius: 39.523px;
    background: var(--black);
    color: var(--white);
    padding: 14px 18px;
}

.vision-section .vision-inner-one {
    border-radius: 32px;
    background: #F3F8FE;
    padding: 40px 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .vision-section .vision-inner-one h3 {
        margin-bottom: 20px;
    }

    .vision-section .vision-inner-one .vision-inner-left {
        max-width: 470px;
    }

    .vision-section .vision-inner-one .vision-inner-right {
        max-width: 470px;
    }

.vision-section .vision-inner-two {
    margin-top: 25px;
    margin-bottom: 25px;
}

    .vision-section .vision-inner-two p {
        margin-bottom: 25px;
    }


/* About Page Style End Here */



/* Admission Page Style Start Here */
.admissionBnr {
    background-image: url('../images/backgrounds/orange-bg.jpg');
}

    .admissionBnr .about-inner-one h2 span {
        color: #dc8c12;
    }

.simplified-section {
    padding: 70px 0px;
}

    .simplified-section h3 {
        margin-top: 20px;
        margin-bottom: 25px;
    }

        .simplified-section h3 span {
            color: #dc8c12;
        }

    .simplified-section .accordion-item {
        margin-bottom: 20px;
        background: #fef8f4;
        border: unset;
    }

    .simplified-section .accordion-button {
        color: #000;
        font-family: 'Inter', sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 32px;
    }

.admissionBnr .about-inner-two img {
    max-width: 100%;
}

.simplified-section .accordion-button:focus {
    box-shadow: unset;
}

.simplified-section .accordion-button:not(.collapsed) {
    box-shadow: unset;
}

.simplified-section .accordion-button:not(.collapsed) {
    background-color: transparent;
}

.simplified-section .simplif-right {
    text-align: right;
}

.simplified-section .accordion-button {
    padding: 13px 1.25rem 0px;
}

.simplified-section .accordion-body {
    border-bottom: 2px solid #dc8c12;
}

.simplified-section .simplified-inner-two {
    margin: 50px 0px;
}

.easy-inner {
    border-radius: 32px;
    height: 525px;
    margin: 0;
    display: flex;
    text-align: center;
    align-items: end;
}

    .easy-inner p {
        color: var(--white);
        font-style: italic;
        font-size: 22px;
        width: 50%;
        margin: 0 auto;
        line-height: 1.8em;
        padding-bottom: 3rem;
    }

.easy-section .easy-btn-box {
    display: flex;
    justify-content: space-around;
    margin-bottom: 60px;
}

.easy-section .easy-btn {
    color: #121212;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16.653px;
    letter-spacing: 0.082px;
    border-radius: 21.96px;
    border: 0.816px solid #FFF;
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0px 2.815px 10.98px 0px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(17px);
    padding: 22px 40px 22px 80px;
    background-image: url("../images/admission/custom-icon.png");
    background-repeat: no-repeat;
    background-position: 6% 50%;
}

.easy-section .easy-inner .easy-box-two {
    max-width: 550px;
    margin: auto;
    margin-bottom: 60px;
}




/* Surendar Style */
.simplSec {
    padding: 80px 0px;
}

    .simplSec .simpl-inner-one {
        margin-bottom: 80px;
    }

    .simplSec .simpl-inner-two {
        margin-bottom: 0px;
    }

    .simplSec .simpl-inner .simpl-inner-left {
        max-width: 500px;
    }

    .simplSec .simpl-inner .simpl-inner-right {
        max-width: 560px;
        float: right;
    }

    .simplSec .simpl-rds img {
        border-radius: 12.305px;
        overflow: hidden;
    }

    .simplSec h3 {
        margin-top: 20px;
        margin-bottom: 25px;
    }

        .simplSec h3 span {
            color: #dc8c12;
        }

    .simplSec .simpl-inner h6 {
        color: #000;
        font-family: 'Inter', sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 14px;
    }

    .simplSec .accordion-sec:not(:first-child) {
        margin: 18px 0;
    }

    .simplSec .section-title {
        font-size: 34px;
        font-weight: 600;
        padding-bottom: 16px;
    }

    .simplSec .accordion-sec {
        padding: 18px 18px 8px 18px;
    }

    .simplSec .accordion-active {
        background: #FEF8F4;
        border-bottom: 1px solid #DC8C12;
    }

    .simplSec .accordion {
        color: #333;
        cursor: pointer;
        width: 100%;
        text-align: left;
        outline: none;
        transition: background-color 0.3s;
    }

        .simplSec .accordion:hover {
            background: #FEF8F4;
        }

    .simplSec .panel {
        display: none;
        overflow: hidden;
    }

    .simplSec .mobile-images {
        display: none;
    }

/* Admission Page Style End Here */




/* Blog Page Style Start Here */

.blog-banner {
    padding: 120px 0px;
}

.blog-banner-content {
    margin: auto 0;
}

.blog-banner .blog-banner-right {
    padding-left: 40px;
}

    .blog-banner .blog-banner-right h3 {
        max-width: 400px;
        margin-top: 40px;
    }

    .blog-banner .blog-banner-right h6 {
        color: #121212;
        font-family: 'Inter', sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        margin: 20px 0;
    }

        .blog-banner .blog-banner-right h6 span {
            text-decoration: underline;
            text-transform: uppercase;
        }

    .blog-banner .blog-banner-right a {
        color: #121212;
    }

.recentpost-section h3 {
    margin-bottom: 30px;
}

.recentpost-section ul li {
    border-radius: 20px;
    background: var(--white);
    box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.08);
}

.recentpost-section .slider-box h6 {
    color: #121212;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 9px;
}

.recentpost-section .slider-box h5 {
    font-size: 19px;
}

.recentpost-section .slider-box h6 span {
    text-decoration: underline;
}

.recentpost-section .slider-box p {
    font-size: 14px;
    margin-bottom: 25px;
}

.recentpost-section .slider-box a {
    color: #121212;
    font-size: 14px;
}

.recentpost-section .recentpost-box {
    padding: 12px 26px 18px 26px;
}

.recentpost-section .slider-box .bx-wrapper {
    box-shadow: unset;
    border: unset;
    margin: auto;
}


.allpost-section {
    padding: 70px 0px;
}

    .allpost-section h3 {
        margin-bottom: 30px;
    }

    .allpost-section .content-area h6 {
        color: #121212;
        font-family: 'Inter', sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        text-transform: uppercase;
    }

        .allpost-section .content-area h6 span {
            text-decoration: underline;
        }

    .allpost-section .content-area h5 {
        font-size: 22px;
    }

    .allpost-section .content-area p {
        font-size: 14px;
        padding-bottom: 4px;
        line-height: 24px;
    }

    .allpost-section .content-area a {
        color: #121212;
        font-size: 14px;
    }

    .allpost-section .allpost-inner {
        margin-bottom: 40px;
    }

    .allpost-section .sidebar {
        margin-left: 40px;
        margin-top: 72px;
    }

        .allpost-section .sidebar h5 {
            margin-bottom: 20px;
            color: #121212;
            font-family: 'Inter', sans-serif;
            font-size: 14px;
            font-weight: 500;
            line-height: 115.9%;
            letter-spacing: 2.38px;
            text-transform: uppercase;
        }

        .allpost-section .sidebar ul {
            display: flex;
            padding-left: 0px;
            flex-wrap: wrap;
            justify-content: left;
            gap: 0 8px;
        }

            .allpost-section .sidebar ul li {
                margin-bottom: 20px;
            }

                .allpost-section .sidebar ul li a {
                    color: var(--black);
                    font-size: 14px;
                    border-radius: 22px;
                    background: var(--white);
                    border: 1px solid #D9D9D9;
                    padding: 8px 20px;
                }

                    .allpost-section .sidebar ul li a:hover {
                        background: #eff7ff;
                        border: 1px solid #d2dfed;
                        cursor: pointer;
                    }

        .allpost-section .sidebar .tag-list li a {
            color: #1D3C6E;
        }


.blogdetails-section {
    padding: 120px 0 80px 0;
}

    .blogdetails-section .blogdetails-inner {
        max-width: 900px;
        margin: auto;
    }

.back-blog {
    max-width: 900px;
    margin: auto;
    padding: 0 0 36px 0;
}

.back-blog-bg a {
    color: var(--black);
}

    .back-blog-bg a > span {
        padding-left: 8px;
    }

.back-blog-bg {
    background: var(--white);
    width: fit-content;
    padding: 8px 14px;
    border-radius: 22px;
}

    .back-blog-bg:hover {
        background: #F2F2F2;
        cursor: pointer;
    }

.blogdetails-inner img {
    border-radius: 32px;
    object-fit: cover;
}

.blogdetails-section .blogdetails-inner h3 {
    margin-top: 20px;
    max-width: 80%;
    font-size: 32px;
}

.blogdetails-section .blogdetails-inner h6 {
    color: #121212;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin: 15px 0px;
}

.blog-detail-contents h5 {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 20px;
}

.blogdetails-section .blogdetails-inner h6 span {
    text-decoration: underline;
    text-transform: uppercase;
}

.blogdetails-section .blogdetails-inner p {
    margin-bottom: 25px;
}

.relatedSec {
    padding-bottom: 90px;
}

.allpost-section .pager-card ul {
    display: flex;
    justify-content: space-between;
    max-width: 520px;
    margin: auto;
    margin-top: 70px;
}

    .allpost-section .pager-card ul li a {
        color: #000;
        border-radius: 34px;
        background: transparent;
        padding: 6px 13px;
        transition: .5s;
    }

    .allpost-section .pager-card ul li .active {
        border-radius: 34px;
        background: #3595FB;
        padding: 6px 13px;
        color: #fff;
    }

    .allpost-section .pager-card ul li a:hover {
        border-radius: 34px;
        background: #3595FB;
        padding: 6px 13px;
        color: #fff;
    }

.active-tags {
    background: var(--theme-blue) !important;
    color: var(--white) !important;
    border: 1px solid var(--theme-blue) !important;
    cursor: pointer;
}

.inactive-tags {
    pointer-events: none;
    opacity: 0.4;
}

.allpost-section .pager-card ul li:first-child a {
    background: transparent;
}

/* Blog Page Style End Here */



/* CSR Page Style Start Here */
.csrBnr {
    background-image: url('../images/csr/csr-bg.jpg');
}

    .csrBnr .about-inner-one h2 span {
        color: #7557DD;
    }

.csr-pgm h3 {
    max-width: 520px;
    margin: auto;
}

.csr-pgm img {
    margin-bottom: 50px;
}

.csr-pgm .skies {
    font-size: 24px;
    line-height: 42px;
    width: 85%;
}

.csr-about {
    position: relative;
}

.skies::before {
    content: "";
    background: url("../images/csr/csr-quote@2x.png");
    background-size: contain;
    position: absolute;
    width: 64px;
    height: 56px;
    top: -12px;
    left: 0;
}

.csr-pgm .skies span {
    color: #957DEA;
    font-weight: 700;
}

.initiative-section .initiative-inner {
    border-radius: 32px;
    background: #EDEDFF;
    padding: 60px 40px;
    margin-bottom: 60px;
}

    .initiative-section .initiative-inner h3 .iniCsr {
        color: #7557DD;
    }

    .initiative-section .initiative-inner h3 .ini-lift {
        display: block;
    }

.initiative-section .initiative-inner-card p {
    max-width: 800px;
    margin-top: 15px;
    margin-bottom: 30px;
}

.initiative-section .initiative-card {
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 3.639px 40.029px 0px rgba(0, 0, 0, 0.05);
    padding: 15px 10px 10px 10px;
}

    .initiative-section .initiative-card h6 {
        font-family: 'Inter', sans-serif;
        font-size: 16px;
        margin-top: 10px;
    }

    .initiative-section .initiative-card p {
        font-size: 14px;
        line-height: 21px;
    }

.soar-section .soar-inner {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 480px;
    background-image: url('../images/csr/soar-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 32px;
    padding-bottom: 3rem;
}

    .soar-section .soar-inner p {
        color: var(--white);
        font-style: italic;
        font-size: 22px;
        max-width: 520px;
        text-align: center;
    }

    .soar-section .soar-inner h3 {
        color: var(--white);
    }


/*.chilren-appSec h3{max-width: 360px;}*/
.chilren-appSec .vision-inner-one .vision-inner-left {
    max-width: 360px;
}

.chilren-appSec .vision-inner-two p {
    margin-bottom: 35px;
}

.chilren-appSec .appImg {
    margin-right: 15px;
}

.chilren-appSec .vision-inner-two {
    margin-top: 60px;
    margin-bottom: 70px;
}

/* CSR Page Style End Here */



/* Inner common Page Style Start Here */
.classroomBnr .banner-left {
    max-width: 460px;
}

.simplPinkColor .accordion-active {
    background: #F6F6FF;
    border-bottom: 1.5px solid #834DD8;
}

.feeBnr {
    background-image: url('../images/admission/fee-mgmt-bg.jpg');
    background-position: top;
}

    .feeBnr .about-inner-one h2 span {
        color: #DF5656;
    }

.simplRedColor .accordion-active {
    background: #FFF4F4;
    border-bottom: 1.5px solid #DF5656;
}

.studentBnr {
    background-image: url('../images/admission/student-staff-mgmt-bg.jpg');
}

    .studentBnr .about-inner-one h2 span {
        color: #dc8c12;
    }

.simplStudentColor .accordion-active {
    background: #FFF8F4;
    border-bottom: 1.5px solid #CD5D2F;
}

.simplCertificateColor .accordion-active {
    background: #F3F8FE;
    border-bottom: 1.5px solid #3595FB;
}



/* Surendar style changes */

.menu-header {
    position: fixed;
    width: 100%;
    z-index: 999;
}

.menu-bg-add {
    background: var(--white);
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0px 5px 24px 0px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 5px 24px 0px rgba(0,0,0,0.06);
    box-shadow: 0px 5px 24px 0px rgba(0,0,0,0.06);
}

.banner-section {
    background-position-y: -236%;
}

.gobal-partner-mobile {
    display: none;
}

.powerful-section .powerful-first-inner {
    padding: 60px 40px 60px 70px;
}

.card-sub-content {
    color: var(--grey-dark);
}

.global-partner {
    width: 100px;
}

header .navbar .navbar-nav li .dropdown-menu {
    padding: 30px 26px;
}

.menu-listing > a:hover {
    color: var(--theme-blue) !important;
}

.book-demo-mobile {
    display: none;
}

.megaMenu .fee-card {
    justify-content: flex-start;
    margin-bottom: 0;
}

.fee-card {
    max-width: 330px;
    padding: 16px 0;
    border-radius: 16px;
}

.fee-left {
    padding: 0 22px;
}

.fee-right h6 {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 115.9%;
}

.megaMenu p {
    padding-top: 6px;
    line-height: 16px;
}

.flow-img-mobile {
    display: none;
}

.yellow-light-bg:hover {
    background: #FFF6EA;
}

.blue-light-bg:hover {
    background: #EEF6FF;
}

.red-light-bg:hover {
    background: #FFEFEF;
}

.orange-light-bg:hover {
    background: #FFF0EA;
}

.pink-light-bg:hover {
    background: #FFF3FA;
}

.purple-light-bg:hover {
    background: #F6F3FF;
}

.green-light-bg:hover {
    background: #EFFDE9;
}

.label-width {
    width: 200px;
    display: flex;
    align-items: center;
    height: 45px;
}

.select-placeholder {
    padding: 0 0 0 9px;
}

.textarea-placeholder {
    padding-top: 9px;
}

.bx-wrapper .bx-controls-direction a {
    z-index: 2;
}

.testimonials-section .slider-box p::before {
    background: url("../images/quote.svg");
    background-repeat: no-repeat;
}

.testimonials-section .slider-box p::before {
    width: 32px;
    height: 32px;
}

.talk-inner {
    transform-origin: center center;
}

.talk-section .talk-inner .shlbtn {
    background: #2A6EB5;
    box-shadow: none;
}

.talk-inputs {
    display: flex;
    flex-direction: row;
}

.footer-items {
    display: flex;
    flex-wrap: wrap;
}

.parent-teacher-app {
    max-width: 360px;
}

.parent-teacher-mobile {
    display: none;
}

.footer-links ul li a {
    font-weight: 300;
}

.footer-links li a:hover {
    color: var(--white);
    text-decoration: underline;
}

.footer-items {
    justify-content: space-between;
}


/* about page styles */

.banner-button {
    max-width: 210px;
    padding: 10px 20px;
    font-weight: 500;
}

.about-banner-content {
    display: flex;
    flex-direction: column;
    padding-top: 3rem;
}

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

.about-line2 {
    line-height: 1.4em;
}

.banner-space {
    padding-right: 14px;
}

.about-banner-content h1 {
    font-size: 40px;
    font-weight: 600;
}

.about-banner-sub-content p {
    width: 80%;
    line-height: 1.8em;
    padding: 1.5rem 0;
}

.about-changecontent-color {
    color: #3595FB;
}

#changingContent {
    display: inline-block;
    padding-left: 16px;
    transform: translateY(100%);
}


.about-banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#banner-img-container {
    position: relative;
    width: 382px;
    height: 464px;
    background: url("../images/about/about-us-banner@2x.png");
    background-size: contain;
    margin-right: 10px;
}

.chat-bubbles {
    width: 252px;
}

.chatBubble {
    position: absolute;
    left: -30%;
    top: 30%;
    transform: translateX(30%);
    z-index: 2;
}

#sender {
    bottom: 30px;
}

#receiver {
    bottom: 80px;
    display: none;
}

.story-title {
    text-align: left;
}

.story-img-parent {
    margin: auto;
}

.vision-image img {
    width: 200px;
    padding: 0 20px 20px 0;
}

.vision-bg {
    padding: 20px 40px;
    border-radius: 32px;
    background: #F3F8FE;
}

.about-organisation {
    margin: 8rem 0;
}

.organisation-content > h3 {
    padding-bottom: 16px;
}

.botcode-office img {
    width: 540px;
    float: right;
}

/* home testimonial section */
.video-testimonial {
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 70%)), url("../images/video-testimonial-cover@2x.jpg");
    background-size: contain;
    background-position: center;
    border-radius: 32px;
    height: 560px;
}

.testimonial-video-content {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: end;
    cursor: pointer;
    padding: 3rem;
    height: 100%;
    color: var(--white);
}

    .testimonial-video-content h2::before {
        content: "";
        background: url("../images/quote-white.svg");
        background-repeat: no-repeat;
        position: absolute;
        width: 56px;
        height: 46px;
        bottom: 197px;
        left: 40px;
    }

.testimonial-person-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.testimonial-person p {
    margin: 0;
}

    .testimonial-person p:nth-child(2) {
        color: var(--grey-very-light);
    }

.testimonial-flow-item {
    padding: 8px 22px;
    border: 1px solid var(--seperator-line);
    border-radius: 24px;
}

    .testimonial-flow-item > img {
        height: 80px;
    }

.testimonial-anim-part {
    max-height: 560px;
    overflow: hidden;
}

.testimonial-video-container {
    border-radius: 17px;
}

.testimonial-video {
    padding: 0;
}

.close-testimonial-video {
    position: absolute;
    background-color: #eee;
    border-radius: 22px;
    padding: 8px !important;
    top: 16px;
    z-index: 3;
    right: 16px;
}

.testimonial-video-style {
    border-radius: 16px;
}

.parent-testimonial {
    padding: 6px 0 4px 0;
    margin: 0 auto;
    font-weight: 500;
}

/* solution page common styles */

.admission-changecontent-color {
    color: #DC8C12;
}

.admission-process-img {
    width: 100%;
    height: 242px;
    background: url(../images/admission/admission-process-desktop@2x.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.easy-img-mobile {
    display: none;
}

.simplSec .simpl-inner .solution-accordion-img {
    max-width: 100%;
}

.solution-changer h1:first-child {
    width: 86%;
    line-height: 1.3em;
    margin-bottom: 3px;
}

.masonry-area {
    margin: 16px 0;
}


/* admission page styles */

.masonry-section, .easy-section {
    padding: 50px 0px;
    display: block;
}

.mas-card1, .mas-card2, .mas-card3, .mas-card4 {
    border-radius: 32px;
}

.mas-card1, .mas-card2, .mas-card3 {
    height: 700px;
    overflow: hidden;
}

.masonry-content {
    padding: 20px;
    height: 290px;
}

    .masonry-content h3 {
        padding-bottom: 16px;
    }

.masonry-mover-content {
    padding: 20px;
    padding-bottom: 3rem;
}

.mas-card1 div:nth-child(2) {
    display: flex;
    align-items: end;
}

.mas-card1 {
    background-color: #FFDEBF;
}

.mas-card2 {
    background-color: #FEF8F4;
}

.mas-card3 {
    background-color: #FEF8F4;
}

.mas-card4 {
    color: #fff;
    background-color: #F7963A;
    display: flex;
    flex-direction: column;
}

.admission-quote {
    border-radius: 32px;
    display: flex;
    align-items: flex-end;
}

    .admission-quote p {
        color: var(--white);
        font-style: italic;
        font-size: 22px;
        width: 80%;
        margin: 0 auto;
        line-height: 1.6em;
        text-align: center;
        padding-bottom: 4rem;
    }

.scroller-section-parent {
    display: grid;
}

.scroller-section {
    display: grid;
    grid-template-rows: 2fr 2fr;
}

.chip-items {
    display: flex;
    justify-content: left;
    text-align: left;
    align-items: center;
    padding: 6px 8px;
}

    .chip-items p {
        margin: 0;
        line-height: 20px;
        padding-left: 8px;
    }

.promote-section {
    background: #193375;
}

/* benefit section */

.benefit-section {
    padding-top: 50px;
    overflow: hidden;
}

.benefit-title {
    margin-bottom: 54px;
}

.desktopContentSection h2 {
    padding-bottom: 20px;
}

.gallery-content li {
    max-width: 550px;
    padding: 10px 0 10px 3rem;
}

    .gallery-content li:before {
        content: '';
        display: inline-block;
        position: absolute;
        height: 24px;
        width: 24px;
        background-image: url("../images/admission/list-image-admission@2x.png");
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: -42px;
    }


/* bx slider style */

.bx-viewport.bx-viewport {
    height: auto !important;
}



/* Modal popup styles */

.desig-title {
    font-size: 2rem;
}

.analytics-mobile-title {
    display: none;
}

.questions {
    font-size: 18px;
    margin: 0;
}

.evaluate,
.evaluate:hover {
    background: #121212;
    color: #fff;
    border: none;
    padding: 12px 22px;
}

.slider-area {
    display: flex;
    flex-direction: row;
    align-items: center;
    vertical-align: middle;
    width: 500px;
}

.value,
.value2 {
    font-size: 16px;
    padding: 12px 10px;
    border-radius: 8px;
    margin-left: 20px;
    width: 100px;
    color: #2A6EB6;
    background: #EDF6FF;
}

#slider-container {
    display: flex;
    align-items: start;
    flex-direction: column;
    margin-top: 2rem;
}

.slider {
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none;
    border-radius: 15px;
    width: 100%;
    height: 20px;
    height: 3px;
    background: #ccc;
}

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        height: 24px;
        width: 24px;
        background-color: #fff;
        border-radius: 50%;
        border: 1px solid #E8E8E8;
        box-shadow: (0px 4px 17px rgba(0, 0, 0, 0.15));
    }

    .slider::-moz-range-thumb {
        height: 24px;
        width: 24px;
        background-color: #fff;
        border-radius: 50%;
        border: 1px solid #E8E8E8;
        box-shadow: 0px 4px 17px rgba(0, 0, 0, 0.15);
    }

    .slider::-webkit-slider-thumb:hover {
        box-shadow: 0 0 0 10px rgba(171, 202, 255, 0.1)
    }

    .slider:active::-webkit-slider-thumb {
        box-shadow: 0 0 0 13px rgba(171, 202, 255, 0.1)
    }

    .slider:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 13px rgba(171, 202, 255, 0.1)
    }

    .slider::-moz-range-thumb:hover {
        box-shadow: 0 0 0 10px rgba(171, 202, 255, 0.1)
    }

    .slider:active::-moz-range-thumb {
        box-shadow: 0 0 0 13px rgba(171, 202, 255, 0.1)
    }

    .slider:focus::-moz-range-thumb {
        box-shadow: 0 0 0 13px rgba(171, 202, 255, 0.1)
    }

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

.image-container > img {
    display: none;
}

.img-section {
    display: flex;
    align-items: flex-end;
    position: relative;
}

.content-overrides {
    border-radius: 2rem;
    border: none;
}

.header-overrides {
    border-bottom: none;
    padding: 1rem 4rem 0 4rem;
    margin-top: 1rem;
}

.close-overrides {
    background-color: #eee;
    border-radius: 30px;
    padding: 12px !important;
}

.principal-img {
    width: 430px;
    z-index: 2;
}

.admin-img {
    z-index: 1;
}

.mobile-analytics {
    display: none;
    width: 312px;
}

    .mobile-analytics > img {
        -webkit-filter: drop-shadow(0px 8px 8px rgba(34, 34, 34, 0.213));
        filter: drop-shadow(0px 8px 8px rgba(34, 34, 34, 0.213));
    }


.img-analytics {
    width: 176px;
    -webkit-filter: drop-shadow(0px 8px 8px rgba(34, 34, 34, 0.213));
    filter: drop-shadow(0px 8px 8px rgba(34, 34, 34, 0.213));
}

.image-float1,
.image-float2,
.image-float3,
.image-float4 {
    position: absolute;
    -webkit-animation: scale-up-center 0.6s cubic-bezier(0.680, -0.550, 0.265, 1.550) both;
    animation: scale-up-center 0.6s cubic-bezier(0.680, -0.550, 0.265, 1.550) both;
}

.image-float1 {
    top: 138px;
    left: 20px;
    z-index: 1;
}

.image-float2 {
    top: 310px;
    right: 0;
    z-index: 3;
    animation-delay: 0.2s;
}

.image-float3 {
    bottom: 140px;
    left: 0;
    z-index: 4;
    animation-delay: 0.4s;
}

.image-float4 {
    bottom: 100px;
    right: 20px;
    z-index: 4;
    animation-delay: 0.6s;
}

@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.tags-section {
    margin-bottom: 2rem;
}

.tags {
    width: 540px;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

    .tags > li {
        border-radius: 24px;
        width: fit-content;
        padding: 10px 18px;
        margin: 6px;
        cursor: pointer;
    }

.tag-inactive {
    background: #F4F4F4;
    color: #4D4D4D;
}

.tag-active {
    background: #3595FB;
    color: #FFF;
}

    .tag-active::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: '\f058';
        font-size: 16px;
        padding-right: 8px;
        transition: all 0.3s ease;
    }

.evaluate {
    width: 234px;
    height: 54px;
    border-radius: 8px;
    margin-bottom: 2rem;
}

.banner-button {
    width: 164px;
}

.mobile-dismiss {
    display: none;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0;
    z-index: 3;
}

.estimate-popup {
    display: flex;
    flex-direction: row;
    padding: 0 3rem;
}

.description {
    color: #585858;
}


/* admission mgmt Page style start here */
.admission-seperator {
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 70%)), url('../images/admission/seperator-section@2x.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* Classroom mgmt Page Style Start Here */
.classroomBnr {
    background-image: url('../images/backgrounds/purple-bg.jpg');
    background-position: top;
}

.classroom-seperator {
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 70%)), url('../images/classroom/seperator-section@2x.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-classroom {
    text-align: right;
    padding: 0;
}

    .banner-classroom img {
        max-width: 450px;
    }

.changing-words {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 54px;
}

    .changing-words span {
        display: block;
        height: 100%;
        animation: spin-words 8s infinite;
        animation-timing-function: ease-in-out;
    }

@keyframes spin-words {
    0%, 33.33% {
        transform: translateY(0%);
    }

    40%, 56.66% {
        transform: translateY(-112%);
    }

    63.33%, 80% {
        transform: translateY(-202%);
    }

    86.66%, 100% {
        transform: translateY(-202%);
    }

    100% {
        transform: translateY(0%);
    }
}

/* only about page animation */

.change-about span {
    display: block;
    height: 100%;
    animation: spin-about 8s infinite;
    animation-timing-function: ease-in-out;
}

@keyframes spin-about {
    0%, 33.33% {
        transform: translateY(0%);
    }

    40%, 56.66% {
        transform: translateY(-100%);
    }

    63.33%, 80% {
        transform: translateY(-202%);
    }

    86.66%, 100% {
        transform: translateY(-202%);
    }

    100% {
        transform: translateY(0%);
    }
}

.classroom-process-img {
    background: url(../images/classroom/classroom-process@2x.png);
    width: 100%;
    height: 242px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.mas-classroom-card1 {
    background-color: #E5E5FF;
}

.mas-classroom-card2 {
    background-color: #F6F6FF;
}

.mas-classroom-card3 {
    background-color: #F6F6FF;
}

.mas-classroom-card4 {
    background-color: #8686DA;
}

.classroom-benefits li:before {
    content: '';
    display: inline-block;
    position: absolute;
    height: 24px;
    width: 24px;
    background-image: url("../images/classroom/list-image-classroom@2x.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -42px;
}

/* Fee mgmt Page Style Start Here */

.feeBnr {
    background-image: url('../images/backgrounds/red-bg.jpg');
}

.fee-process-img {
    background: url(../images/fee/fee-process@2x.png);
    width: 100%;
    height: 242px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.fee-seperator {
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 70%)), url('../images/fee/seperator-section@2x.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.fee-benefit-title {
    width: 70%;
}

.fee-gallery-content li:before {
    content: '';
    display: inline-block;
    position: absolute;
    height: 24px;
    width: 24px;
    background-image: url("../images/fee/list-image-fee@2x.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -42px;
}

.mas-fee-card1 {
    background-color: #FFDEDE;
}

.mas-fee-card2 {
    background-color: #FFF4F4;
}

.mas-fee-card3 {
    background-color: #FFF4F4;
}

.mas-fee-card4 {
    background-color: #F47676;
}

/* timetable page style goes here */

.timetable-process-img {
    width: 100%;
    height: 242px;
    background: url(../images/timetable/timetable-process@2x.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.timetable-seperator {
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 70%)), url('../images/timetable/seperator-section@2x.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* attendance page style goes here */

.attendance-process-img {
    width: 100%;
    height: 242px;
    background: url(../images/attendance/attendance-process@2x.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.attendance-seperator {
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 70%)), url('../images/attendance/seperator-section@2x@2x.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* student staff mgmt style goes here */

.staffBnr {
    background-image: url('../images/backgrounds/brown-bg.jpg');
    background-position: top;
}

.staff-process-img {
    width: 100%;
    height: 242px;
    background: url(../images/studentstaff/student-staff-process@2x.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.staff-seperator {
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 70%)), url('../images/studentstaff/seperator-section@2x@2x.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mas-staff-card1 {
    background-color: #FFC7B0;
}

.mas-staff-card2 {
    background-color: #FFECE4;
}

.mas-staff-card3 {
    background-color: #FFECE4;
}

.mas-staff-card4 {
    background-color: #F47E4D;
}


/* certificate generator style goes here */

.certificate-process-img {
    width: 100%;
    height: 242px;
    background: url(../images/certificate/certificate-process@2x.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.certificate-seperator {
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 70%)), url('../images/certificate/seperator-section@2x.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.certificate-gallery-content li:before {
    content: '';
    display: inline-block;
    position: absolute;
    height: 24px;
    width: 24px;
    background-image: url("../images/certificate/list-image-certificate@2x.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -42px;
}

.mas-certificate-card1 {
    background-color: #E0EFFF;
}

.mas-certificate-card2 {
    background-color: #F3F8FE;
}

.mas-certificate-card3 {
    background-color: #F3F8FE;
}

.mas-certificate-card4 {
    background-color: #579CE6;
}

/* report card page style goes here */

.reportcardBnr {
    background-image: url('../images/backgrounds/pink-bg.jpg');
    background-position: top;
}

.reportcard-process-img {
    width: 100%;
    height: 242px;
    background: url("../images/reportcard/reportcard-process@2x.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.reportcard-seperator {
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 70%)), url('../images/reportcard/seperator-section@2x@2x.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.reportcard-gallery-content li:before {
    content: '';
    display: inline-block;
    position: absolute;
    height: 24px;
    width: 24px;
    background-image: url("../images/reportcard/list-image-reportcard@2x.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -42px;
}

.mas-reportcard-card1 {
    background-color: #FFE3F3;
}

.mas-reportcard-card2 {
    background-color: #FFF4FB;
}

.mas-reportcard-card3 {
    background-color: #FFF4FB;
}

.mas-reportcard-card4 {
    background-color: #F06BB7;
}

/* library mgmt page style goes here */

.library-process-img {
    width: 100%;
    height: 242px;
    background: url("../images/library/library-mgmt-process@2x.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.library-seperator {
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 70%)), url('../images/library/seperator-section@2x.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* report card page style goes here */

.appmgmtdBnr {
    background-image: url('../images/backgrounds/green-bg.jpg');
    background-position: top;
}

.appmgmt-process-img {
    width: 100%;
    height: 242px;
    background: url("../images/app-mgmt/app-mgmt-process@2x.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.appmgmt-seperator {
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 70%)), url('../images/app-mgmt/seperator-section@2x.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.appmgmt-gallery-content li:before {
    content: '';
    display: inline-block;
    position: absolute;
    height: 24px;
    width: 24px;
    background-image: url("../images/app-mgmt/list-image-appmgmt@2x.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -42px;
}

.mas-appmgmt-card1 {
    background-color: #BEE8B7;
}

.mas-appmgmt-card2 {
    background-color: #F3FCF2;
}

.mas-appmgmt-card3 {
    background-color: #F3FCF2;
}

.mas-appmgmt-card4 {
    background-color: #6AB35E;
}


/* skiestag page style */

.skies-workflow {
    position: relative;
    width: 100%;
    max-width: 1294px;
}

.skies-workflow-img {
    position: absolute;
    width: 1294px;
    z-index: 2;
}

.skiestag-mobile-flow {
    display: none;
}

.skiestag-detail {
    padding-top: 3rem;
}

.skiestag-heading h3 {
    font-family: 'Inter', sans-serif;
    font-size: 36px;
    font-weight: 500;
}

.skiestag-desc {
    display: flex;
    flex-direction: column;
    align-items: end;
}

    .skiestag-desc p {
        width: 70%;
    }

.tracking-sec {
    padding: 60px 40px 60px 70px;
    margin: 0;
    border-radius: 32px;
}

.student-track-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .student-track-main h2 {
        padding-bottom: 16px;
    }

.student-track-img {
    max-width: 424px;
}

.student-track-sub h4 {
    padding-bottom: 22px;
}

.student-track-sub h6 {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
}

.student-track-sub img {
    padding-bottom: 12px;
}

.student-features {
    padding-bottom: 20px;
}

.track-sep-img {
    height: 480px;
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 70%)), url("/images/skiesstag/seperator-section@2x.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 32px;
    padding-bottom: 3rem;
    margin: 60px 0;
}

    .track-sep-img > p {
        color: var(--white);
        display: flex;
        align-items: end;
        justify-content: center;
        font-size: 24px;
        font-style: italic;
        width: 50%;
        line-height: 1.5em;
        text-align: center;
        margin: 0 auto;
    }

.visitor-tracking {
    margin-bottom: 12rem;
}

.student-features p, .visitor-track-sub p {
    max-width: 92%;
}

.student-features-last {
    padding-top: 20px;
}

/* skieslive page style */
.live-sep-img {
    height: 480px;
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 70%)), url("/images/skieslive/seperator-section@2x.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 32px;
    padding-bottom: 3rem;
    margin: 60px 0;
}

/* CSR page style */

.banner-csr {
    max-width: 550px;
}

.csr-main-section > img {
    border-radius: 32px;
    object-fit: cover;
    height: 525px;
}

.liftnow-app .vision-inner-one {
    background: #EDEDFF;
}

.store-images {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.soar-content {
    display: flex;
    align-items: center;
    flex-direction: column;
}

/* Blog page style */

.blog-banner-img {
    border-radius: 32px;
    height: 412px;
    object-fit: cover;
}

.read-more {
    display: flex;
    align-items: center;
    gap: 16px;
    max-width:140px;
}

.move-arrow {
    width: 30px;
    height: 30px;
    text-align: center;
    background: var(--white);
    border: 1px solid var(--grey-light);
    border-radius: 22px;
    transition: width 0.6s;
}

.fa-arrow-right:before {
    line-height: 28px;
}

.blog-banner .blog-banner-right a:hover {
    color: var(--theme-blue);
}

    .blog-banner .blog-banner-right a:hover .move-arrow {
        width: 40px;
        background: var(--theme-blue);
        border: 1px solid var(--theme-blue);
        color: var(--white);
        transition: all 0.6s;
    }

.allpost-inner .allpost-content a:hover {
    color: var(--theme-blue);
}

    .allpost-inner .allpost-content a:hover .move-arrow {
        width: 40px;
        background: var(--theme-blue);
        border: 1px solid var(--theme-blue);
        color: var(--white);
        transition: all 0.6s;
    }

.blogslider .recentpost-box a:hover {
    color: var(--theme-blue);
}

    .blogslider .recentpost-box a:hover .move-arrow {
        width: 40px;
        background: var(--theme-blue);
        border: 1px solid var(--theme-blue);
        color: var(--white);
        transition: all 0.6s;
    }

.blogslider {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

    .blogslider li img {
        width: 100%;
        border-radius: 20px 20px 0 0;
        height: 192px;
        object-fit: cover;
    }

.allpost-inner img {
    width: 100%;
    border-radius: 18px;
    height: 210px;
    object-fit: cover;
}

.allpost-content {
    padding: 0 4rem 0 2rem;
}

/* blog detail page style*/
.related-blogs {
    padding: 30px 0 80px 0;
}

/* Pricing page style */

.pricing-title-main {
    padding-bottom: 5rem;
}

.pricing-section {
    padding: 120px 0 142px 0;
    background-image: url('../images/backgrounds/home-bg.jpg');
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.pricing-cards {
    margin-top: 6rem;
    background: var(--white);
    padding: 106px 22px 16px 22px;
    border-radius: 28px;
    box-shadow: 0px 4px 30px 0px rgba(208, 220, 231, 0.25);
    height: 90%;
}

.price-content {
    text-align: left;
}

.price-content-title {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    padding-bottom: 16px;
}

.price-content li {
    padding: 0 26px;
}

.list-blue-icon li:before {
    content: '';
    display: inline-block;
    position: absolute;
    height: 20px;
    width: 20px;
    background-image: url("../images/certificate/list-image-certificate@2x.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -28px;
    margin-top: 2px;
}

.price-seperator {
    border-bottom: 1px solid var(--seperator-line);
}

.list-orange-icon li:before {
    content: '';
    display: inline-block;
    position: absolute;
    height: 20px;
    width: 20px;
    background-image: url("../images/admission/list-image-admission@2x.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -28px;
    margin-top: 2px;
}

.list-purple-icon li:before {
    content: '';
    display: inline-block;
    position: absolute;
    height: 20px;
    width: 20px;
    background-image: url("../images/attendance/list-image-classroom@2x.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -28px;
    margin-top: 2px;
}

.preschool-parent {
    position: relative;
}

.preschool-tag {
    width: 350px;
    position: absolute;
    text-align: left;
    padding: 22px 16px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 16px;
    color: var(--white);
    box-shadow: 0px 4px 30px 0px rgba(208, 220, 231, 0.25);
}

.price-tag-blue {
    background: var(--text-blue);
}

.price-tag-purple {
    background: var(--text-purple);
}

.price-tag-orange {
    background: var(--theme-orange);
}

.preschool-title {
    padding-bottom: 8px;
}

    .preschool-title h3 {
        font-family: 'Inter', sans-serif;
        font-size: 24px;
        font-style: normal;
        line-height: 1em;
        font-weight: 600;
    }

.pricing-button-blue, .pricing-button-blue:hover {
    background: var(--white);
    color: var(--text-blue);
}

.pricing-button-purple, .pricing-button-purple:hover {
    background: var(--white);
    color: var(--text-purple);
}

.pricing-button-orange, .pricing-button-orange:hover {
    background: var(--white);
    color: var(--theme-orange);
}


/* Mobile Responsive Start Here */

@media (max-width: 1600px) {
    .banner-section {
        background-position-y: -96%;
    }
}

@media (max-width: 1366px) {

    .about-banner-content {
        padding-top: 1rem;
    }

        .about-banner-content h1 {
            font-size: 32px;
        }

    .changing-words {
        height: 40px;
    }

    .banner-classroom img {
        max-width: 380px;
    }

    .admission-quote p {
        padding-bottom: 2rem;
    }

    .desktopContentSection h2 {
        font-size: 28px;
    }

    .admission-process-img {
        height: 220px;
    }

    .fee-process-img {
        height: 210px;
    }
}



@media (max-width: 1200px) {
    .banner-section .form-inline .Email {
        width: 270px;
    }

    .easy-section .easy-inner {
        background-size: cover;
    }

        .easy-section .easy-inner img {
            margin-top: 60px;
        }

    .easy-section .easy-btn-box {
        flex-wrap: wrap;
    }

    .easy-section .easy-btn-left {
        margin-bottom: 60px;
    }

    .modal-mobile {
        width: 100%;
        max-width: unset;
    }
}


@media (max-width: 1140px) {
    .slider-area {
        width: 412px;
    }
}

@media (max-width: 1030px) {

    .modal-mobile {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    .modal-content {
        height: auto;
        min-height: 100%;
        border-radius: 0;
    }

    .testimonial-video-container {
        border-radius: 16px;
    }

    .modal-mobile-base {
        padding: 0;
    }

    .desktopContentSection h2 {
        font-size: 26px;
    }

    .gallery-content li {
        max-width: 480px;
    }
}


@media (max-width: 1020px) {

    .analytics-mobile-title {
        display: unset;
        width: 100%;
        text-align: center;
        position: absolute;
        z-index: 3;
        top: 40px;
    }

    .img-section {
        display: none;
        width: 100%;
    }

    .principal-img {
        width: 550px;
    }

    .image-float1 {
        top: 198px;
        left: 210px;
    }

    .image-float2 {
        top: 310px;
        right: 100px;
    }

    .image-float3 {
        bottom: 140px;
        left: 180px;
    }

    .image-float4 {
        bottom: 100px;
        right: 180px;
    }

    .content-section,
    .tags,
    .description {
        width: 100%;
    }

    .slider-area {
        width: 80%;
    }
}




@media (max-width: 999px) {

    h2 {
        font-size: 27px;
    }

    h3 {
        font-size: 25px;
    }

    header .navbar-collapse {
        flex-grow: unset;
        position: absolute;
        top: 67px;
        left: 0;
        background-color: #fff;
        width: 100%;
        z-index: 3;
    }

    header .navbar-toggler:focus {
        box-shadow: unset;
    }

    .teachers-section .teachers-right {
        padding: 130px 20px 110px 30px;
    }

    .collaborationSec .card-content {
        padding: 1rem;
    }

    .collaborationSec .card-main-title {
        padding-bottom: 1rem;
    }

    .inner-banner .about-inner-one h2 {
        font-size: 27px;
    }

    .about-inner-two .timeline-box .card {
        margin-left: 40px;
    }

    .vision-section .vision-inner-one {
        flex-wrap: wrap;
    }

        .vision-section .vision-inner-one .vision-inner-right img {
            margin-top: 30px;
        }

    .blog-banner .blog-banner-right {
        padding-left: 0px;
    }

    .allpost-section .sidebar {
        margin-left: 0px;
    }

    .inner-banner .about-inner-two {
        margin-top: 70px;
    }

        .inner-banner .about-inner-two h3 {
            margin-bottom: 30px;
        }

    .csr-pgm img {
        margin-bottom: 30px;
    }

    .csr-pgm .skies {
        font-size: 17px;
        line-height: 31px;
    }

    .soar-section .soar-inner {
        height: 300px;
    }

        .soar-section .soar-inner h3 {
            text-align: center;
        }
}



@media (min-width: 768px) and (max-width: 990px) {
    .powerful-section .powerful-first-inner h3 {
        margin-top: 10px;
        font-size: 20px;
    }

    .powerful-section .powerful-first-left p {
        margin: 10px 0px 10px 0px;
    }

    .blog-banner .blog-banner-right h3 {
        margin-top: 0px;
    }

    .allpost-section .content-area h6 {
        margin-top: 0px;
    }
}

@media (max-width: 970px) {

    .simplSec .simpl-inner .simpl-inner-left {
        max-width: unset;
    }

    .simplSec .simpl-inner .simpl-inner-right {
        max-width: unset;
    }

    .simplSec .mobile-images {
        display: unset;
    }

    .simplSec .image-container {
        display: none;
    }

    .simplSec .accordion-active {
        padding: 3rem;
    }

    .image-container {
        display: none;
    }

    .mobile-dismiss {
        display: unset;
    }

    .principal-img {
        opacity: 0.2;
    }

    .mobile-analytics {
        display: unset;
        position: absolute;
        z-index: 3;
        width: 500px;
        bottom: 30%;
        left: 50%;
        transform: translate(-50%, 0);
    }
}

@media (max-width: 820px) {

    .body-content {
        padding-top: 4rem;
    }

    .menu-header {
        border-bottom: 1px solid var(--seperator-line);
    }

    .navbar-mobile-padding {
        padding-bottom: 1.5rem;
    }

    .book-demo-desktop {
        display: none;
    }

    .book-demo-mobile {
        display: block;
        height: 70px;
        padding: 0 24px;
    }

    header .navbar-collapse {
        position: unset;
        overflow-y: scroll;
        max-height: 800px;
    }

    header .navbar ul li {
        padding: 0 16px;
        border-bottom: 1px solid var(--seperator-line);
    }

        header .navbar ul li:last-child {
            border-bottom: none;
        }

    .navbar-nav .nav-link {
        padding: 24px 0;
    }

    .navbar-mobile-padding {
        margin-top: 20px;
    }

    header .navbar ul li a {
        font-size: 18px;
    }

    header .navbar .navbar-nav li .dropdown-menu {
        padding: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .megaMenu h5 {
        margin-left: 0;
        font-size: 20px;
    }

    .fee-right h6 {
        font-size: 16px;
    }

    .megaMenu p {
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        max-width: 100%;
    }

    .fee-card {
        max-width: 100%;
    }

    .btnnavmobile {
        font-size: 16px;
        padding: 12px 0;
        width: 100%;
    }

    .fee-left {
        padding: 0 22px 0 0;
    }

        .fee-left img {
            max-width: 62px;
        }

    .header-overrides {
        padding: 1rem 2rem 2rem 4rem;
    }

    .banner-section {
        background-position: 0 0;
    }

    .banner-intro-content {
        display: flex;
        flex-direction: column-reverse;
    }

    .banner-content-area,
    .banner-video-area {
        width: 100%;
    }

    .banner-content-area {
        display: flex;
        justify-content: center;
    }

    .banner-section .video-box {
        float: none;
        margin: 0 auto;
    }

    .banner-section .banner-form .Email {
        width: 100%;
    }

    .banner-form {
        margin-top: 30px;
        display: flex;
        justify-content: stretch;
    }

    .banner-section .banner-inner-one .easy-box {
        margin-bottom: 0;
    }

    .powerful-content {
        display: flex;
        flex-direction: column-reverse;
    }

    .powerful-section .powerful-first-inner {
        padding: 30px 30px 60px 30px;
    }

    .powerful-section .powerful-first-left {
        max-width: unset;
    }

    .powerful-first-left {
        padding: 12px 22px 0 22px;
    }

    .powerful-section .powerful-first-inner h3 {
        font-size: 25px;
    }

    .powerful-section .powerful-first-left p {
        margin: 10px 0px 24px 0px;
    }

    .teachers-right-parent {
        width: 100%;
    }

    .teachers-section .teachers-right {
        height: unset;
    }

    .parent-teacher-app {
        max-width: 282px;
        padding-bottom: 20px;
    }

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

    .teachers-section .teachers-right {
        padding: 50px 20px 50px 30px;
    }

        .teachers-section .teachers-right p {
            max-width: 100%;
            margin: 1rem auto;
        }

    /* testimonial content */

    .video-testimonial {
        height: 576px;
    }

    .testimonial-video-content {
        padding: 1rem 1rem 2rem 1rem;
    }

    .testimonial-anim-part {
        padding-top: 30px;
    }


    .js-stack-cards {
        padding: 0;
    }


    .estimate-popup {
        padding: 0 1rem;
    }

    .mobile-analytics {
        width: 460px;
        bottom: 310px;
    }

    .collaborationSec .card-content {
        padding: 30px 20px 30px 30px;
    }

    .faq-section {
        padding: 50px 0 0 0;
    }

    .talk-section {
        background: #F3F7FC;
        padding: 50px 0;
    }

    .talk-inputs {
        flex-direction: column;
    }

    .label-width {
        height: auto;
    }

    .talk-section .talk-inner {
        padding: 33px 20px;
    }

    .footer-logo,
    .footer-items {
        width: 100%;
    }

    .footer-logo {
        padding-bottom: 30px;
    }

    footer .social-footer-sec {
        display: flex;
        justify-content: flex-start;
    }

    .get-in-touch {
        padding-top: 24px;
    }

    /* About page style */

    .inner-banner {
        padding: 0 0 50px 0;
    }

    .banner-content {
        padding-top: 0;
    }

    .about-banner-content h1 {
        font-size: 28px;
        line-height: normal;
        margin: 0;
    }

    .banner-image-area img {
        max-width: 100%;
        width: 330px;
    }

    .changing-words {
        height: 36px;
    }

    .banner-space {
        padding-right: 8px;
    }

    #banner-img-container {
        width: 292px;
        height: 354px;
        margin-right: 0;
    }

    .about-banner-sub-content p {
        width: 100%;
    }

    .chat-bubbles {
        width: 200px;
    }

    .storyImg {
        display: none;
    }

    .timeline-box {
        padding: 0 4rem;
    }

    .story-title {
        text-align: left;
    }

        .story-title h3 {
            font-size: 28px;
        }

    .about-inner-two .timeline-box .card {
        margin-top: 20px;
    }

    .vision-section .vision-inner-one .vision-inner-left {
        max-width: unset;
    }

    .botcode-office {
        text-align: center;
    }

        .botcode-office img {
            float: none;
        }

    /* solution pages common style */
    .masonry-content {
        height: unset;
    }

    .solution-changer h1:first-child {
        width: 100%;
    }

    /* Admission page style */

    .admission-process-img {
        height: 144px;
    }

    .moving-text-space {
        margin-top: 4px;
    }

    .easy-section .easy-inner img {
        margin-top: 86px;
    }

    .easy-inner p {
        width: 80%;
    }

    .mas-card1, .mas-card2, .mas-card3 {
        height: auto;
        overflow: unset;
    }

    /* benefit section */

    .mas-card1 {
        flex-direction: column;
    }

    /* skiestag page style */
    .student-track-main {
        flex-direction: column-reverse;
        align-items: start;
    }

    .tracking-sec {
        padding: 60px 40px 40px 40px;
    }

    .student-track-img {
        padding-bottom: 24px;
    }

    .skiestag-desc p {
        width: 100%;
    }

    .track-sep-img {
        height: 400px;
    }

        .track-sep-img > p {
            width: 90%;
        }

    .student-track-sub {
        padding-top: 40px;
    }

    .visitor-tracking {
        margin-bottom: 4rem;
    }

    /* CSR page style */
    .initiative-section {
        padding: 0 0 50px 0;
    }

    /* pricing page style */
    .preschool-tag {
        width: 490px;
        padding: 22px 26px;
    }

    .preschool-parent {
        margin-bottom: 4rem;
    }

        .preschool-parent:last-child {
            margin-bottom: 0;
        }

    .price-content-title {
        padding: 16px 0;
    }
}


@media (max-width: 768px) {
    .powerful-section .powerful-first-inner h3 {
        margin-top: 0px;
    }

    .powerful-section .powerful-first-left p {
        margin: 20px 0px 20px 0px;
    }

    .powerful-section .shlbtn {
        margin-bottom: 20px;
    }

    .teachers-section .teachers-right {
        padding: 30px 20px 30px 20px;
    }

        .teachers-section .teachers-right p {
            margin-bottom: 40px;
        }

    .collaborationSec .grid {
        flex-direction: column;
    }

    footer .footer-scnd-inner ul {
        justify-content: flex-start;
        padding-left: 0px;
    }

        footer .footer-scnd-inner ul li .fa-facebook-f {
            margin-left: 0px;
        }

    .initiative-section .initiative-card {
        margin-bottom: 25px;
    }

    .easy-section .easy-inner img {
        margin-top: 20px;
    }

    .admissionBnr {
        padding-bottom: 0px;
    }

    .simplSec .simpl-inner-one {
        margin-bottom: 20px;
    }

    .simplSec .accordion-sec:not(:first-child) {
        margin: 10px 0;
    }

    .simplSec {
        padding: 60px 0px;
    }

    .faq-section h3 {
        margin-bottom: 50px;
    }

    .admissionFaq {
        padding-top: 0px;
    }

    .easy-section .easy-inner h3 {
        font-size: 25px;
    }
}


@media only screen and (max-height: 500px) and (orientation: landscape) {

    .book-demo-desktop {
        display: none;
    }

    .book-demo-mobile {
        display: block;
        padding: 0 44px 44px 20px;
        text-align: center;
    }

    .navbarbtn {
        width: 80%;
    }

    .megaMenu h5 {
        font-size: 16px;
        margin-left: 0;
    }

    header .navbar ul li {
        padding: 8px 8px;
        border-bottom: 1px solid var(--seperator-line);
    }

        header .navbar ul li:last-child {
            border-bottom: none;
        }

    header .navbar .navbar-nav li .dropdown-menu {
        padding: 16px 0;
        border-radius: 0;
        box-shadow: none;
    }

    header .navbar ul li a {
        line-height: 2em;
    }

    .fee-left {
        padding: 0 22px 0 0;
    }

    header .navbar-collapse {
        position: unset;
        overflow-y: scroll;
        max-height: 300px;
        padding: 16px;
    }
}


@media (min-width: 999px) {
    .inner-banner .storyImg {
        max-width: 480px;
    }

    .inner-banner .about-inner-one img {
        max-width: 450px;
    }

    header .navbar .dropdown:hover .dropdown-menu {
        display: block;
    }
}


@media (max-width: 626px) {

    .principal-img {
        width: 100vh;
    }

    .questions {
        font-size: 18px;
        margin-bottom: 16px;
    }

    .slider-area {
        width: 100%;
    }
}


@media (max-width: 576px) {

    .menu-header {
        background: var(--white);
    }

    .trial-section {
        display: none;
    }

    .trial-content {
        padding: 3rem 1rem 0 2rem;
    }

    .mobile-menu-list {
        height: 66vh;
        overflow-y: scroll;
    }

    .banner-section {
        padding: 38px 0;
    }

    .flow-video {
        display: none;
    }

    .flow-img-mobile {
        display: unset;
    }

    .gobal-partner-desktop {
        display: none;
    }

    .gobal-partner-mobile {
        display: unset;
    }

    .gobal-partner-mobile {
        width: 74px;
    }

    .banner-section,
    .powerful-section,
    .teachers-section,
    .collaborationSec,
    .faq-section,
    .talk-section,
    .vision-section,
    .simplSec,
    .easy-section,
    .testimonials-section,
    .masonry-section,
    .benefit-section,
    .initiative-section,
    .soar-section,
    .student-tracking,
    .track-seperator,
    .blog-banner,
    .recentpost-section,
    .allpost-section,
    .pricing-section,
    .about-organisation {
        padding-left: 8px;
        padding-right: 8px;
    }

    .banner-form {
        flex-direction: column;
        margin-top: 16px;
    }

    .free-trial-btn {
        margin-top: 20px;
        padding: 12px 18px;
    }

    .banner-section .video-box {
        margin-bottom: 20px;
    }

    .banner-section .banner-inner-one h2 {
        max-width: 300px;
        padding-right: 6px;
    }

    .banner-section .banner-inner-one p {
        margin-top: 12px;
    }

    .powerful-first-left {
        padding: 20px 16px 0 16px;
    }

    .powerful-section .powerful-first-inner {
        padding: 30px 20px 30px 20px;
        margin: 0;
    }

    .powerful-scnd-inner .powerful-scnd-box-inner {
        margin-top: 0;
    }

        .powerful-scnd-inner .powerful-scnd-box-inner img {
            max-width: 140px;
        }

        .powerful-scnd-inner .powerful-scnd-box-inner p {
            margin-top: 10px;
            font-size: 18px;
            font-weight: 500;
        }

    .powerful-scnd-inner {
        padding: 40px 24px 16px;
    }

    .parent-teacher-mobile-content {
        padding: 0 12px;
    }

    .teachers-right {
        flex-direction: column;
        align-items: center;
    }

    .user-role {
        display: flex;
        flex-direction: row;
        text-align: left;
        padding: 10px 20px 10px 20px;
        align-items: center;
    }

    .user-role-content {
        padding-left: 20px;
    }

    .collaborationSec ul {
        padding-left: 0px;
    }

    .teachers-section .teachers-right {
        height: unset;
    }

    .parent-teacher-app {
        padding-bottom: 40px;
    }

    .user-role-title {
        text-align: left;
        padding: 0 20px;
    }

    /* Analytics popup style */
    .mobile-analytics {
        bottom: 200px;
        width: 312px;
    }

    /* FAQ style */
    .faq-section .accordion-button {
        font-size: 16px;
    }

    .faq-section h3 {
        margin-bottom: 40px;
    }

    .talk-section .talk-inner label {
        margin-bottom: 4px;
    }


    .inner-banner .about-inner-one h2 {
        margin-top: 20px;
    }

    .about-inner-two .timeline-box .card {
        margin-left: 10px;
        margin-top: 40px;
    }

    .vision-section ul {
        padding-left: 0px;
        margin-bottom: 40px;
        flex-direction: column;
        align-items: center;
    }

        .vision-section ul li {
            margin-bottom: 30px;
        }

    .blog-banner .blog-banner-right h3 {
        margin-top: 20px;
    }

    .allpost-section .pager-card ul {
        flex-wrap: wrap;
        padding-left: 0px;
        margin-top: 30px;
    }

        .allpost-section .pager-card ul li {
            margin-bottom: 10px;
        }

    .vision-section .vision-inner-one h3 {
        margin-bottom: 15px;
    }

    .chilren-appSec .vision-inner-two p {
        margin-bottom: 20px;
    }

    .chilren-appSec .appImg {
        margin-bottom: 20px;
        display: block;
    }

    /* testimonial section */

    .video-testimonial {
        background-size: cover;
        background-repeat: no-repeat;
        height: 480px;
    }

    .testimonial-video-content h2::before {
        left: 20px;
        bottom: 214px;
    }

    .testimonials-section {
        padding: 18px;
    }

        .testimonials-section h3 {
            text-align: center;
        }

        .testimonials-section .bx-wrapper .bx-controls-direction a {
            display: none;
        }

    footer {
        padding: 20px 0px;
    }

    .footer-logo {
        padding: 16px 0 16px 20px;
    }

    .footer-items {
        flex-direction: column;
        padding: 20px 0 0 26px;
    }

    footer .footer-scnd-inner {
        padding: 16px 0 0 16px;
    }

        footer .footer-first-inner ul li a,
        footer .footer-scnd-inner p {
            font-size: 16px;
        }

    footer .footer-first-inner ul {
        padding-left: unset;
        margin-bottom: 0;
    }

    footer .footer-scnd-inner {
        margin-top: 0;
    }

    .footer-link-sec {
        display: flex;
        flex-direction: column;
    }

    .footer-items > div:not(:nth-child(3)) {
        padding-bottom: 24px;
    }

    .footer-link-sec > .footer-links:nth-child(2) {
        padding-left: unset;
    }

    /* about page style */

    .about-banner-content {
        padding: 2rem 2rem 0 2rem;
    }

        .about-banner-content h1 {
            line-height: 42px;
        }

        .about-banner-content h1 {
            font-size: 26px;
            font-weight: 600;
        }

    .about-banner-sub-content p {
        padding-bottom: 1rem;
    }

    #banner-img-container {
        margin: 0 auto;
    }

    .changing-words {
        height: 37px;
    }

    .inner-banner .about-inner-two h3 {
        margin-left: 1.4rem;
    }

    .story-img-parent {
        text-align: center;
        padding-bottom: 3rem;
    }

    .storyImg {
        display: unset;
        max-width: 350px;
    }

    .timeline-box {
        padding: 0 2rem 0 3rem;
    }

        .timeline-box .timeline {
            max-width: unset;
            padding: 0;
        }

    .about-inner-two .timeline-box .card {
        margin-top: 0;
    }

    .vision-section .vision-inner-one {
        padding: 40px 24px;
    }

    .banner-button {
        margin-bottom: 1rem;
    }

    .vision-bg {
        margin: 8px 0;
        padding: 20px;
    }

    .about-organisation {
        padding: 16px;
        margin: 4rem 0;
    }


    /* admission page styles */

    .admission-process-img {
        width: 100%;
        height: 330px;
        margin-top: 2rem;
        background: url(../images/admission/admission-process-mobile@2x.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .inner-banner .admission-inner-two h3 {
        font-size: 30px;
        margin: 0 auto;
    }

    .easy-section .easy-inner h3 {
        padding: 28px 0 0 28px;
        font-size: 22px;
        width: 350px;
    }

    .easy-section .easy-inner img {
        margin-top: 0;
        padding: 12px;
    }

    .admission-quote p {
        width: 95%;
        font-size: 20px;
        line-height: 1.5em;
        padding-bottom: 2rem;
    }

    .easy-img-desktop {
        display: none;
    }

    .easy-img-mobile {
        display: unset;
    }

    .easy-section {
        padding-top: 20px;
    }

        .easy-section .easy-inner {
            height: 400px;
        }

    .easy-inner p {
        width: 100%;
        padding: 30px;
        line-height: 1.6em;
    }

    .benefit-section {
        padding-top: 0;
    }

    /* classroom mgmt style */
    .banner-classroom {
        text-align: center;
    }

    .classroom-process-img {
        background: url(../images/classroom/classroom-mgmt-mobile@2x.png);
        width: 100%;
        height: 330px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    /* fee mgmt style */
    .fee-process-img {
        background: url(../images/fee/fee-mgmt-mobile@2x.png);
        width: 100%;
        height: 330px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .fee-benefit-title {
        width: 100%;
    }

    /* timetable mgmt style */
    .timetable-process-img {
        width: 100%;
        height: 330px;
        background: url(../images/timetable/timetable-mgmt-mobile@2x.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    /* attendance mgmt style */
    .attendance-process-img {
        width: 100%;
        height: 330px;
        background: url(../images/attendance/attendance-mgmt-mobile@2x.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    /* staff mgmt style */
    .staff-process-img {
        width: 100%;
        height: 330px;
        background: url(../images/studentstaff/staff-mgmt-mobile@2x.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    /* certificate mgmt style */
    .certificate-process-img {
        width: 100%;
        height: 330px;
        background: url("../images/certificate/certificate-mgmt-mobile@2x.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    /* report card mgmt style */
    .reportcard-process-img {
        width: 100%;
        height: 330px;
        background: url("../images/reportcard/reportcard-mgmt-mobile@2x.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    /* library mgmt page style goes here */

    .library-process-img {
        width: 100%;
        height: 330px;
        background: url("../images/library/library-mgmt-mobile@2x.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    /* app mgmt page style goes here */

    .appmgmt-process-img {
        width: 100%;
        height: 330px;
        background: url("../images/app-mgmt/app-mgmt-mobile@2x.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    /* skiestag page style goes here */

    .skiestag-detail {
        padding: 1.2rem;
    }

    .student-tracking {
        padding: 8px;
    }

    .tracking-sec {
        padding: 30px 20px 30px 20px;
        margin: 0;
    }

    .student-mobile-space {
        padding-top: 20px;
    }

    .student-track-sub {
        padding-right: 0;
    }

    .student-features p, .visitor-track-sub p {
        max-width: unset;
    }

    .track-sep-img {
        margin: 30px 0;
        height: 340px;
        padding-bottom: 2.4rem;
    }

    .skiestag-heading h3 {
        padding-bottom: 20px;
    }

    .student-track-sub h4 {
        padding-bottom: 8px;
    }

    .skies-workflow {
        display: none;
    }

    .skiestag-mobile-flow {
        display: unset;
    }

        .skiestag-mobile-flow > img {
            width: 320px;
            padding: 20px 0;
        }

    .track-sep-img > p {
        font-size: 20px;
        width: 95%;
    }


    /* CSR page style */

    .banner-csr {
        text-align: center;
    }

    .csr-pgm {
        padding: 0 16px;
    }

    .inner-banner .csr-pgm h3 {
        margin-left: 0;
    }

    .initiative-section {
        padding-top: 50px;
        padding-bottom: 0;
    }

        .initiative-section .initiative-inner {
            padding: 40px 24px 8px 24px;
        }

        .initiative-section .initiative-card {
            margin-bottom: 12px;
        }

    .csr-main-section > img {
        height: 400px;
    }

    .soar-section .soar-inner {
        height: 400px;
    }

        .soar-section .soar-inner p {
            font-size: 20px;
        }

    /* blog page style */

    .blog-banner-img, .blogdetails-inner img {
        border-radius: 18px;
        height: 342px;
    }

    .blog-banner {
        padding-top: 38px;
    }

    .blog-banner-content {
        margin-top: 20px;
    }

    .blogslider {
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }

    .recentpost-section .recentpost-box {
        padding: 12px 22px 18px 22px;
    }

    .blogdetails-section .blogdetails-inner h3 {
        font-size: 28px;
    }

    .allpost-content {
        padding: 0 16px;
    }

    .filter-section {
        display: none;
    }

    .blogdetails-section {
        padding: 30px 8px 8px 8px;
    }

    .back-blog {
        padding: 0 0 24px 0;
    }

    /* pricing page style */

    .pricing-section {
        padding-bottom: 20px;
        background-image: url('../images/backgrounds/home-bg.jpg');
        background-position: top;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .preschool-tag {
        width: 330px;
        padding: 22px 20px;
    }

    .pricing-cards {
        border-radius: 16px;
        padding: 110px 22px 16px 22px;
    }

    .pricing-button-blue, .pricing-button-purple, .pricing-button-orange {
        margin-top: 0;
        padding: 10px 18px;
    }
}


@media (max-width: 390px) {

    .analytics-mobile-title {
        top: 0;
    }

    .desig-title {
        font-size: 20px;
    }

    .anaytic-result-desc {
        width: 90%;
        font-size: 14px;
        line-height: 1.3em;
        margin: 0 auto;
    }

    .mobile-analytics {
        bottom: 160px;
    }
}
.grecaptcha-badge {
    z-index: 99999 !important;
}
.popover{
    border-radius:1.2rem;
    z-index:1061;
}

/* Mobile Responsive End Here */