body {
    font-family: Poppins;
    overflow-x: hidden
}

a, a:focus, a:hover {
    text-decoration: none
}

.navbar1 {
    background: #f6f6f6;
    padding-top: 5px;
    padding-bottom: 5px
}

    .navbar1 ul {
        padding-left: 0;
        margin-bottom: 0
    }

        .navbar1 ul li {
            list-style-type: none;
            display: inline-block;
            margin-right: 20px;
            text-align: left;
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0;
            color: #4d3275
        }

            .navbar1 ul li .fa {
                margin-right: 3px
            }

        .navbar1 ul.rightMenu {
            float: right
        }

            .navbar1 ul.rightMenu li a {
                color: #202020
            }

                .navbar1 ul.rightMenu li a:hover {
                    text-decoration: none;
                    color: #4d3275
                }

.navbar2 {
    background: #4d3275
}

    .navbar2 .btn {
        font-family: 'Nunito Sans';
        border: 1px solid #fff;
        border-radius: 0;
        text-align: center;
        font-size: 16px;
        font-weight:600;
        letter-spacing: 0;
        color: #fff;
        padding: .575rem 1.75rem;
        margin-left: 10px
    }

        .navbar2 .btn.active, .navbar2 .btn.active:hover, .navbar2 .btn:hover {
            cursor: pointer;
            border: 1px solid #fff;
            background: #fff;
            color: #4d3275;
            font-weight:600;
        }

.navbar3 {
    background: #fff;
    padding: 0 1rem;
    border-bottom: 2px solid #4d3275;
}

    .navbar3.navbar-light .navbar-nav .nav-link {
        color: rgba(0,0,0,.9);
        color: #202020;
        font-size: 15px;
        font-family: 'Nunito Sans';
        font-weight: 700;
        padding: 10px 11px;
    }

    .navbar3.navbar-light .navbar-nav .nav-item:first-child .nav-link {
        padding-left: 0
    }

    .navbar3.navbar-light .navbar-nav .nav-item:last-child .nav-link {
        padding-right: 0
    }

.dropdown-menu {
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0
}

.dropdown-item {
    padding: .35rem 1.5rem
}

    .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover {
        color: #fff;
        background-color: #4d3275
    }

.navbar-nav li.show .dropdown-toggle::after {
    transform: rotate(180deg)
}

@media(min-width:992px) {
    .navbar-nav li:hover > .dropdown-menu {
        display: block
    }

    .navbar-nav li:hover .dropdown-toggle::after {
        transform: rotate(180deg)
    }
}

.fill {
    width: 100%;
    height: 450px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover
}

.home-carousel .carousel-caption {
    bottom: 80px
}

    .home-carousel .carousel-caption h5 {
        text-align: left;
        font-size: 30px;
        font-weight: 700;
        line-height: 30px;
        letter-spacing: 0;
        color: #ceff00;
        text-transform: uppercase
    }

    .home-carousel .carousel-caption p {
        text-align: left;
        font-size: 30px;
        font-weight: 400;
        line-height: 42px;
        letter-spacing: 0;
        color: #fff
    }

.enrollHomeSection {
    background: #4d3275;
    padding-top: 20px;
    padding-bottom: 20px
}

    .enrollHomeSection h3 {
        font-size: 24px;
        font-weight: 700;
        line-height: 35px;
        letter-spacing: 0;
        color: #fff;
        text-transform: uppercase;
        opacity: 1;
        margin-bottom: 0
    }

        .enrollHomeSection h3 span {
            font-size: 18px;
            font-weight: 400;
            line-height: 27px;
            letter-spacing: 0;
            color: #fff;
            display: block
        }

    .enrollHomeSection .btn {
        font-family: 'Nunito Sans';
        border: 1px solid #fff;
        border-radius: 0;
        text-align: center;
        font-size: 16px;
        letter-spacing: 0;
        color: #fff;
        padding: .575rem 1.75rem;
        float: right;
        margin-top: 10px
    }

        .enrollHomeSection .btn:hover {
            border: 1px solid #4d3275;
            background: #fff;
            color: #4d3275
        }

.aboutHomeSection, .contactHomeSection, .schoolInfoSection {
    padding-top: 40px;
    padding-bottom: 40px
}

    .schoolInfoSection.last {
        padding-bottom: 150px
    }

.testimonialSection {
    padding-top: 120px;
    padding-bottom: 80px
}

.aboutHomeSection .timeline__content p {
    font-family: 'Nunito Sans';
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    color: #1d252d;
    text-align: justify;
    margin-bottom: 0.5rem;
}
.aboutHomeSection p {
    font-family: 'Nunito Sans';
    font-size: 18px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0;
    color: #1d252d;
    text-align: justify;
}
.aboutHomeSection h4 {
    font-size: 19px;
    font-weight: 800;
    line-height: 29px;
    letter-spacing: 0;
    color: #172541
}

.aboutHomeSection .pointerPara {
    font-family: 'Nunito Sans';
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0;
    color: #1d252d
}

.purpleBtn {
    display: inline-block;
    font-family: 'Nunito Sans';
    border: 1px solid #4d3275;
    border-radius: 0;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0;
    color: #fff;
    background: #4d3275;
    padding: .575rem 1.25rem;
    margin-top: 10px
}

    .purpleBtn:hover {
        text-decoration: none;
        border: 1px solid #4d3275;
        color: #4d3275;
        background: #fff
    }

.schoolInfoSection, .testimonialSection {
    background: #f3f5f7
}

.schoolInfoBox h3 {
    text-align: left;
    font-size: 30px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 2.4px;
    color: #110729;
    margin-bottom: 20px
}

.schoolInfoBox h5 {
    text-align: left;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #4b5981;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px
}

    .schoolInfoBox h5:after {
        content: '';
        background: #4d3275;
        width: 40px;
        height: 2px;
        position: absolute;
        bottom: 0;
        left: 0
    }

    .schoolInfoBox h5:before {
        content: '';
        background: #4d3275;
        width: 10px;
        height: 2px;
        position: absolute;
        bottom: 0;
        left: 45px
    }

.schoolInfoBox p {
    font-family: 'Nunito Sans';
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0;
    color: #1d252d
}

.schoolInfoBox .btn {
    font-family: 'Nunito Sans';
    border: 1px solid #4d3275;
    border-radius: 0;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0;
    color: #4d3275;
    padding: .575rem 1.75rem;
    margin-top: 10px
}

    .schoolInfoBox .btn:hover {
        border: 1px solid #4d3275;
        color: #fff;
        background: #4d3275
    }

.homeImgSection {
    background: #4d3275;
    padding-top: 40px;
    padding-bottom: 60px
}

.testimonialCarousel .item img {
    width: 300px
}

.heading {
    text-align: left;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0;
    color: #11171d;
    opacity: 1;
    position: relative;
    margin-bottom: 30px
}

    .heading span {
        display: block;
        text-align: left;
        font-size: 18px;
        font-weight: 700;
        line-height: 29px;
        letter-spacing: 0;
        color: #4d3275;
        opacity: 1
    }

    .heading:after {
        content: '';
        background: #4d3275;
        width: 20px;
        height: 2px;
        position: absolute;
        bottom: 0;
        left: 0
    }

.contactForm .form-control {
    font-family: 'Nunito Sans';
    border: 0;
    border-bottom: 1px solid #e4e4e4;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0;
    color: #1d252d;
    border-radius: 0;
    padding: .3rem .3rem
}

.contactForm .form-group {
    margin-bottom: 20px
}

.contactImgBox {
    margin-top: 0px;
    margin-bottom: -40px;
    margin-right: -22%;
    height: 500px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-position: center center
}

.contactForm .purpleBtn {
    margin-top: 10px
}

.contactHomeSection .heading {
    margin-bottom: 25px
}

.schoolInfoBox {
    padding: 80px;
    background: #fff
}

.schoolImgBox {
    margin-top: 40px
}

    .schoolImgBox img {
        width: 100%;
        box-shadow: 0 6px 12px #00000029
    }

.schoolImgBoxRight {
    box-shadow: 30px 35px 0 #dbdbdb
}

.schoolImgBoxLeft {
    box-shadow: -30px 35px 0 #dbdbdb
}

.testimonialMedia h5 {
    text-align: left;
    font-size: 20px;
    font-weight: Bold;
    line-height: 30px;
    letter-spacing: 0;
    color: #172541
}

    .testimonialMedia h5 span {
        font-family: 'Nunito Sans';
        text-align: left;
        font-size: 14px;
        font-weight: Bold;
        line-height: 21px;
        letter-spacing: 0;
        color: #1d252d;
        display: block
    }

.testimonialMedia p {
    font-family: 'Nunito Sans';
    text-align: left;
    font-size: 20px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0;
    color: #000
}

.testimonialSection .owl-carousel .owl-nav button.owl-next, .testimonialSection .owl-carousel .owl-nav button.owl-prev {
    top: auto;
    position: relative;
    left: auto;
    right: auto
}

.testimonialSection .owl-theme .owl-nav {
    margin-top: -75px;
    text-align: left;
    padding-left: 330px
}

footer {
    background: #4d3275;
    padding-top: 40px;
    padding-bottom: 10px
}

    footer h4 {
        text-align: left;
        font: Bold 20px/30px Poppins;
        letter-spacing: 0;
        color: #fff;
        margin-bottom: 15px
    }

    footer .footerBottomLinks, footer .footerSocialLinks, footer ul.footerLinks {
        padding-left: 0
    }

        footer ul.footerLinks li {
            list-style-type: none;
            margin-bottom: 5px
        }

            footer ul.footerLinks li a {
                text-align: left;
                font-size: 14px;
                font-weight: 400;
                letter-spacing: 0;
                color: #ccc;
                position: relative;
                padding-left: 15px;
                display: block
            }

                footer ul.footerLinks li a:before {
                    content: '';
                    position: absolute;
                    top: 6px;
                    left: 0;
                    width: 9px;
                    height: 8px;
                    background: transparent url(../images/icon/footerArrows.png) 0 0 no-repeat padding-box
                }

        footer .footerBottomLinks li a, footer p {
            font-size: 16px;
            font-weight: 300;
            letter-spacing: 0;
            color: #ccc
        }

        footer .footerBottomLinks li, footer ul.footerSocialLinks li {
            list-style-type: none;
            display: inline-block
        }

            footer .footerBottomLinks li a, footer ul.footerSocialLinks li a {
                padding: 0 10px
            }

            footer ul.footerSocialLinks li a {
                color: #fff
            }

                footer ul.footerSocialLinks li a:hover {
                    color: #ceff00
                }

            footer .footerBottomLinks li a:hover, footer ul.footerLinks li a:hover {
                color: #fff;
                text-decoration: none
            }

    footer ul.footerSocialLinks {
        text-align: center
    }

    footer .footerBottomLinks {
        float: right
    }

    footer hr {
        margin-top: 15px;
        margin-bottom: 15px;
        border-top: 1px solid rgba(255,255,255,.31)
    }

.navbar3.navbar-light .navbar-toggler {
    position: absolute;
    top: -70px;
    right: 0;
    z-index: 99;
    color: #fff;
    border-color: #fff;
    border-radius: 0;
    padding: .35rem .75rem
}

.innerPageBreadcrumb {
    background: #f3f5f7
}

    .innerPageBreadcrumb .breadcrumb {
        background: 0;
        margin-bottom: 0;
        padding: 15px 0
    }

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: ">"
}

.innerPageBreadcrumb .breadcrumb .breadcrumb-item, .innerPageBreadcrumb .breadcrumb-item.active {
    padding-left: .5rem;
    font-size: 12px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0;
    color: #000;
    text-transform: uppercase
}

    .innerPageBreadcrumb .breadcrumb .breadcrumb-item a {
        color: #000
    }

.innerPageSection {
    padding-top: 35px;
    padding-bottom: 25px
}

.sideBar.nav-pills {
    box-shadow: 1px 5px 15px #d2d1d1;
    border: 1px solid #e4e4e4;
    margin-bottom: 30px
}

    .sideBar.nav-pills .nav-link {
        background: #f3f5f7;
        border-left: 5px solid #f3f5f7;
        border-bottom: 1px solid #e4e4e4;
        text-align: left;
        font-size: 16px;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: 0;
        color: #1d252d;
        border-radius: 0
    }

        .sideBar.nav-pills .nav-link.active, .sideBar.nav-pills .nav-link:hover {
            border-left: 5px solid #4d3275;
            background: #fff
        }

.quotsBox {
    box-shadow: 1px 5px 15px #d2d1d1;
    border: 1px solid #e4e4e4;
    margin-bottom: 30px;
    text-align: center;
    padding: 5px 5px
}

    .quotsBox p {
        font-family: 'Nunito Sans';
        font-size: 18px;
        font-weight: 400;
        line-height: 29px;
        letter-spacing: 0;
        color: #1d252d
    }

    .quotsBox h4 {
        font-family: 'Nunito Sans';
        font-size: 18px;
        font-weight: 800;
        line-height: 29px;
        letter-spacing: 0;
        color: #1d252d
    }

.innerPageSectionText p {
    font-family: 'Nunito Sans';
    font-size: 18px;
    font-weight: 400;
    text-align:justify;
    line-height: 28px;
    letter-spacing: 0;
    color: #1d252d
}

.innerPageSectionText ul {
    padding-left: 0
}

    .innerPageSectionText ul li {
        list-style-type: none;
        font-family: 'Nunito Sans';
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0;
        color: #1d252d;
        margin-bottom: 10px;
        position: relative;
        padding-left: 20px
    }

        .innerPageSectionText ul li:before {
            content: "\f0c8";
            font: normal normal normal 14px/1 FontAwesome;
            color: #4d3275;
            position: absolute;
            left: 0;
            top: 8px;
            font-size: 12px
        }

.innerPageSectionText h1, .innerPageSectionText h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0;
    color: #11171d;
    margin-bottom: 20px
}

.innerPageSectionText h3 {
    font-size: 30px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0;
    color: #11171d;
    margin-bottom: 30px;
    line-height: 28px
}

.innerPageTab .tab-content {
    background: #f5f5f5;
    padding: 20px
}

.innerPageTab .nav-pills {
    border: 1px solid #e4e4e4
}

    .innerPageTab .nav-pills .nav-link {
        border-radius: 0;
        text-align: left;
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
        letter-spacing: 0;
        color: #11171d;
        padding: .6rem 1rem;
        border-bottom: 1px solid #e4e4e4
    }

        .innerPageTab .nav-pills .nav-link:last-child {
            border-bottom: 0
        }

        .innerPageTab .nav-pills .nav-link.active, .innerPageTab .nav-pills .nav-link:hover {
            background-color: rgb(243,5,115,.82)
        }

.readMoreLink {
    color: #4d3275;
    font-size: 14px;
    font-weight: 500
}

.graybg {
    background: #f3f5f7
}

.yellowbg {
    background: rgba(206,255,0,.3)
}

.noteBox {
    background: rgba(206,255,0,.3);
    padding: 20px 30px
}

.innerPageSectionText .noteBox ul li::before {
    content: "-";
    color: #4d3275;
    position: absolute;
    left: 0;
    top: -2px;
    font-size: 24px
}

.innerPageSectionText .noteBox ul li {
    margin-bottom: 2px
}

.innerPageSectionText ul.listStyle li::before {
    content: "-";
    color: #4d3275;
    position: absolute;
    left: 0;
    top: -2px;
    font-size: 24px
}

.innerPageSectionText ul.listStyle li {
    margin-bottom: 2px
}

.yellowBox {
    background: rgba(206,255,0,.3);
    padding: 20px;
    margin-bottom: 20px;
    text-align: center
}

    .yellowBox p {
        margin-bottom: 0
    }

.accordion .card-header {
    padding: 0
}

    .accordion .card-header a {
        letter-spacing: 0;
        color: #1d252d;
        font-family: 'Nunito Sans';
        font-size: 18px;
        font-weight: 700;
        line-height: 28px;
        box-shadow: 1px 5px 15px #d2d1d1;
        display: block;
        padding: 15px 50px 15px 20px;
        background: #fff
    }

        .accordion .card-header a:hover {
            text-decoration: none
        }

        .accordion .card-header a::after {
            content: "\f068";
            font: normal normal normal 14px/1 FontAwesome;
            position: absolute;
            right: 20px;
            top: 20px;
            color: #333;
            font-size: 16px
        }

        .accordion .card-header a.collapsed:after {
            content: "\f067";
            font: normal normal normal 14px/1 FontAwesome;
            font-size: 16px
        }

.accordion .card {
    box-shadow: 1px 5px 15px #d2d1d1;
    border: 1px solid #e4e4e4;
    background: #f9e7bf;
    margin-bottom: 20px
}

.careersFormBox {
    box-shadow: 1px 5px 15px #d2d1d1;
    padding: 50px
}

.careersFormfill {
    width: 100%;
    height: 410px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-position: center center
}

.contactForm .form-control.form-control-file {
    border-bottom: 0
}

.infrastructureCarousel .prev-slide {
    background: url(../images/icon/infrastructure-arrow-left.png);
    width: 24px;
    height: 24px;
    opacity: .5
}

.infrastructureCarousel .next-slide {
    background: url(../images/icon/infrastructure-arrow-right.png);
    width: 24px;
    height: 24px;
    opacity: .5
}

.infrastructureCarousel .owl-next, .infrastructureCarousel .owl-prev {
    height: 100%;
    top: 0;
    margin: 0;
    padding: 5px !important
}

.infrastructureCarousel .owl-nav button.owl-prev {
    left: 20px;
    top: 0;
    margin: 0;
    padding: 5px !important;
    background: linear-gradient(90deg,#000 0,rgba(255,255,255,0) 100%)
}

.infrastructureCarousel .owl-nav button.owl-next {
    right: 20px;
    top: 0;
    margin: 0;
    padding: 5px !important;
    background: linear-gradient(90deg,rgba(255,255,255,0) 0,#000 100%)
}

.infrastructureCarousel.owl-theme .owl-nav .owl-prev:hover {
    background: linear-gradient(90deg,#000 0,rgba(255,255,255,0) 100%) !important
}

.infrastructureCarousel.owl-theme .owl-nav .owl-next:hover {
    background: linear-gradient(90deg,rgba(255,255,255,0) 0,#000 100%) !important
}

    .infrastructureCarousel.owl-theme .owl-nav .owl-next:hover .nav-btn, .infrastructureCarousel.owl-theme .owl-nav .owl-prev:hover .nav-btn {
        opacity: 1
    }

.achievementsfill {
    width: 100%;
    height: 230px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-position: top center;
    margin-bottom: 20px
}

.topperBox {
    background: #4d3275;
    padding: 20px 0;
    text-align: center;
    position: relative;
    margin-top: 20px;
    margin-bottom: 30px
}

    .topperBox p {
        font-size: 24px;
        line-height: 29px;
        font-weight: 700;
        letter-spacing: 0;
        color: #fff;
        margin-bottom: 0
    }

        .topperBox p strong {
            font-size: 36px;
            line-height: 29px;
            vertical-align: middle;
            margin-left: 10px
        }

    .topperBox span {
        background: #ceff00;
        position: absolute;
        left: 0;
        top: -15px;
        font-size: 18px;
        line-height: 29px;
        font-weight: 700;
        letter-spacing: 0;
        color: #4d3275;
        padding: 0 25px
    }

.innerPageSectionText ul.roundList li::before {
    content: "\f10c"
}

.aboutfill {
    width: 100%;
    height: 597px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-position: center center
}

.purplebg {
    background: #4d3275;
    color: #fff
}

    .purplebg h2, .purplebg h3, .purplebg p {
        color: #fff
    }

.teamImg {
    margin-top: 0px;
    /*margin-bottom: 30px*/
}

.pd-8 {
    padding-bottom: 100px
}

.innerPageSectionText.aboutTab1 ul.nav-tabs {
    border-bottom: 0;
    margin-left: 33%
}

    .innerPageSectionText.aboutTab1 ul.nav-tabs li::before {
        display: none
    }

    .innerPageSectionText.aboutTab1 ul.nav-tabs li {
        padding-left: 0
    }

        .innerPageSectionText.aboutTab1 ul.nav-tabs li a {
            font-size: 18px;
            font-weight: 29px;
            font-weight: 800;
            letter-spacing: 0;
            color: #000;
            border-radius: 0;
            border: 0;
            background: #eeeded;
            padding: 15px 30px;
            margin-right: 3px
        }

            .innerPageSectionText.aboutTab1 ul.nav-tabs li a.active {
                background: #fff;
                color: #000
            }

.innerPageSectionText.aboutTab1 .tab-content {
    padding: 0;
    background: #fff;
    min-height: 540px
}

.innerPageSectionText.aboutTab1 .tab-pane-box {
    padding: 30px
}

.innerPageSectionText.aboutTab2 ul.nav-tabs {
    border-bottom: 0;
    margin-bottom: 30px;
    display: inline-block
}

    .innerPageSectionText.aboutTab2 ul.nav-tabs li::before {
        display: none
    }

    .innerPageSectionText.aboutTab2 ul.nav-tabs li {
        padding-left: 0;
        display: inline-block
    }

        .innerPageSectionText.aboutTab2 ul.nav-tabs li a {
            font-size: 16px;
            font-weight: 18px;
            font-weight: 800;
            letter-spacing: 0;
            color: #000;
            border: 0;
            background: #eeeded;
            padding: 8px 25px;
            margin-right: 3px;
            border-radius: 50px
        }

            .innerPageSectionText.aboutTab2 ul.nav-tabs li a.active {
                background: #4d3275;
                color: #fff;
                box-shadow: 1px 5px 15px #d2d1d1;
                position: relative
            }

                .innerPageSectionText.aboutTab2 ul.nav-tabs li a.active:after {
                    display: inline-block;
                    margin-left: .255em;
                    vertical-align: .255em;
                    content: "";
                    border-top: .5em solid #4d3275;
                    border-right: .5em solid transparent;
                    border-bottom: 0;
                    border-left: .5em solid transparent;
                    position: absolute;
                    bottom: -6px;
                    left: 50%;
                    margin: 0 auto;
                    margin-left: auto;
                    margin-left: -.5em
                }

.contactPageSection .fa {
    color: #4d3275;
    font-size: 24px
}

.sportsAchievementsBox {
    border-bottom: 1px solid #f3f5f7;
    padding-bottom: 20px;
    margin-bottom: 30px
}

    .sportsAchievementsBox h4 {
        text-align: center;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        letter-spacing: 0;
        color: #263843;
        margin-bottom: 15px
    }

        .sportsAchievementsBox h4 span {
            background: #ceff00;
            font-size: 12px;
            font-weight: 600;
            line-height: 12px;
            letter-spacing: 0;
            color: #4d3275;
            padding: 4px 8px;
            margin-right: 5px
        }

    .sportsAchievementsBox h1, .sportsAchievementsBox h2 {
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        line-height: 26px;
        letter-spacing: 0;
        color: #11171d;
        margin-bottom: 15px;
        text-transform: uppercase
    }

    .sportsAchievementsBox img {
        margin-bottom: 15px;
        width: 100%
    }

    .sportsAchievementsBox p {
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: .18px;
        color: #768791;
        margin-bottom: 0
    }

.sports-achievements-sideBar {
    background: #f3f5f7
}

    .sports-achievements-sideBar label {
        padding: .7rem 1rem;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 800;
        line-height: 25px;
        letter-spacing: 0;
        color: #263843
    }

    .sports-achievements-sideBar.nav-pills .nav-link.active, .sports-achievements-sideBar.nav-pills .nav-link:hover {
        border-left: 0;
        background: #f3f5f7;
        color: #263843
    }

    .sports-achievements-sideBar.nav-pills .nav-link {
        background: #f3f5f7;
        border-left: 0;
        position: relative;
        padding: .5rem 1rem .5rem 2.5rem;
        color: #768791;
        border-bottom: 0
    }

        .sports-achievements-sideBar.nav-pills .nav-link::before {
            content: "\f096";
            font: normal normal normal 14px/1 FontAwesome;
            font-size: 14px;
            color: #4d3275;
            position: absolute;
            left: 17px;
            top: 19px;
            font-size: 12px
        }

        .sports-achievements-sideBar.nav-pills .nav-link.active::before {
            content: "\f0c8"
        }

.scroll-top {
    display: none;
    width: 40px;
    height: 40px;
    background: #ceff00;
    color: #000;
    position: fixed;
    bottom: 30px;
    right: 20px;
    bottom: 100px;
    right: 42px;
    z-index: 99;
    border: 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 3px 4px rgba(143,153,164,.8);
    -moz-box-shadow: 0 3px 4px rgba(143,153,164,.8);
    box-shadow: 0 3px 4px rgba(143,153,164,.8);
    transition: .5s ease
}

    .scroll-top .fa-angle-up {
        font-size: 22px;
        padding: 7px 13px
    }

    .scroll-top:hover {
        background: #acd500;
        color: #000
    }

@media(max-width:1199px) {
    .innerPageSectionText.aboutTab1 .tab-content {
        min-height: 652px
    }

    .navbar3.navbar-light .navbar-nav .nav-link {
        padding: 15px 26.5px
    }

    .testimonialSection .owl-theme .owl-nav {
        margin-top: 0;
        text-align: center;
        padding-left: 0
    }

    footer .footerBottomLinks li a, footer p {
        font-size: 12px;
        font-weight: 400
    }

    .innerPageTab .nav-pills .nav-link {
        font-size: 20px;
        line-height: 26px
    }

    .aboutfill {
        height: 709px
    }

    .topperBox p {
        font-size: 20px
    }

        .topperBox p strong {
            font-size: 28px
        }

    .yellowBox {
        padding: 20px 10px;
        min-height: 110px
    }

        .yellowBox p {
            font-size: 15px;
            line-height: 22px
        }
}

@media(max-width:991px) {
    .innerPageSectionText.aboutTab1 ul.nav-tabs {
        margin-left: 0
    }

    .innerPageSectionText.aboutTab1 .tab-content {
        min-height: 0
    }

    .navbar3 .container {
        position: relative
    }

    .schoolBtnGrp {
        margin-right: 70px
    }

    .navbar3.navbar-light .navbar-nav .nav-link {
        padding: 8px 8px !important;
        border-bottom: 1px solid #ccc
    }

    .schoolInfoBox {
        padding: 40px
    }

        .schoolInfoBox h3 {
            font-size: 22px
        }

        .schoolInfoBox h5 {
            font-size: 18px;
            line-height: 24px
        }

        .schoolInfoBox p {
            font-size: 16px;
            line-height: 24px
        }

    .contactImgBox {
        display: none
    }

    .testimonialCarousel .item img {
        width: 200px
    }

    .testimonialSection {
        padding-top: 60px;
        padding-bottom: 60px
    }

    footer .footerBottomLinks {
        float: none
    }

    footer .footerSocialLinks {
        float: right
    }

    .innerPageTab .nav-pills .nav-link {
        font-size: 14px;
        line-height: 20px
    }

    .teamImg {
        margin-top: 0
    }

    .pd-8 {
        padding-bottom: 60px
    }
}

@media(max-width:767px) {
    .navbar1 ul li {
        font-size: 12px
    }

    .navbar1 ul {
        line-height: 16px;
        text-align: center
    }

    .navbar1 {
        padding-top: 6px;
        padding-bottom: 6px
    }

    .fill {
        height: 200px;
        background-size: 100% 100%
    }

    .home-carousel .carousel-caption {
        bottom: 40px
    }

        .home-carousel .carousel-caption h5 {
            font-size: 20px;
            margin-bottom: 0
        }

        .home-carousel .carousel-caption p {
            font-size: 16px;
            line-height: 22px
        }

            .home-carousel .carousel-caption p br, .home-carousel .carousel-caption h5 br {
                display: none
            }

    .heading {
        font-size: 22px;
        line-height: 30px
    }

        .heading span {
            font-size: 14px
        }

    .aboutHomeSection p {
        font-size: 16px;
        line-height: 24px
    }

    .schoolImgBox {
        display: none
    }

    .schoolInfoSection .pr-0 {
        padding-right: 15px !important
    }

    .schoolInfoSection .pl-0 {
        padding-left: 15px !important
    }

    .schoolInfoSection.last {
        padding-bottom: 60px;
        padding-top: 0
    }

    .testimonialCarousel .item img {
        width: 100px
    }

    .testimonialMedia p {
        font-size: 18px;
        line-height: 24px
    }

    footer .footerBottomLinks, footer .footerSocialLinks, footer p {
        text-align: center;
        float: none;
        margin-bottom: 5px
    }

    .aboutHomeSection, .contactHomeSection, .schoolInfoSection, .testimonialSection, footer {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .enrollHomeSection h3 {
        font-size: 18px
    }

        .enrollHomeSection h3 span {
            font-size: 14px
        }

    .innerPageSection {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .innerPageSectionText p, .innerPageSectionText ul li {
        font-size: 16px;
        line-height: 24px
    }

    .innerPageSectionText h2, .innerPageSectionText h3 {
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 15px
    }

    .innerPageTab {
        margin-bottom: 30px
    }

    .careersFormBox {
        padding: 30px
    }

    .topperBox p strong {
        font-size: 20px
    }

    .topperBox {
        margin-bottom: 10px
    }

    .teamImg {
        margin-bottom: 20px
    }

    .innerPageSectionText ul.nav-tabs li a {
        padding: 10px 15px
    }

    .sportsAchievementsBox p {
        font-size: 16px
    }

    .infrastructureCarousel.owl-carousel .owl-item {
        padding: 0
    }

    .infrastructureCarousel .owl-nav button.owl-prev {
        left: 0
    }

    .infrastructureCarousel .owl-nav button.owl-next {
        right: 0
    }

    .yellowBox {
        padding: 10px;
        min-height: 0
    }

        .yellowBox p {
            font-size: 16px;
            line-height: 22px
        }
}

@media(max-width:580px) {
    .schoolBtnGrp {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99;
        width: 100%;
        margin: 0 !important
    }

    .navbar2 .btn {
        border: 1px solid #d5d5d5;
        margin-left: 0;
        width: 50%;
        float: left;
        background: #4d3275
    }

        .navbar2 .btn:hover {
            background: #623b9d;
            color: #fff
        }

    .navbar-light .navbar-brand img {
        width: 100px
    }

    .navbar3.navbar-light .navbar-toggler {
        top: -59px;
        right: 15px
    }

    .navbar3 {
        padding: 0
    }

    .fill {
        height: 130px
    }

    .home-carousel .carousel-caption {
        bottom: 0;
        padding-bottom: 0
    }

    .enrollHomeSection {
        text-align: center
    }

        .enrollHomeSection .btn {
            float: none
        }

        .enrollHomeSection h3 {
            text-align: center;
            font-size: 22px;
            line-height: 25px
        }

            .enrollHomeSection h3 span {
                font-size: 16px
            }

    .testimonialCarousel .item img {
        width: 80px
    }

    footer {
        padding-bottom: 60px
    }

    .innerPageSectionText ul.nav-tabs li {
        width: 100%;
        display: block;
        margin-bottom: 0
    }

        .innerPageSectionText ul.nav-tabs li a {
            margin-right: 0;
            width: 100%;
            display: block;
            border-bottom: 1px solid #ccc
        }

    .innerPageSectionText.aboutTab1 .tab-content {
        padding: 20px
    }

    .innerPageSectionText.aboutTab2 ul.nav-tabs {
        display: block
    }

    .aboutHomeSection .col-lg-6 .col-sm-6 {
        text-align: center
    }
}

.timeline {
    --uiTimelineMainColor: var(--timelineMainColor,#222);
    --uiTimelineSecondaryColor: var(--timelineSecondaryColor,#fff);
    position: relative;
    padding-top: 1rem;
    padding-bottom: 0rem
}

    .timeline:before {
        content: "";
        width: 2px;
        height: 100%;
        border-left: 2px dotted #4d3275;
        position: absolute;
        top: 0
    }

.timeline__group {
    position: relative
}

    .timeline__group:not(:first-of-type) {
        margin-top: 4rem
    }

.timeline__year {
    padding: .5rem 1.5rem;
    color: var(--uiTimelineSecondaryColor);
    background-color: var(--uiTimelineMainColor);
    position: absolute;
    left: 0;
    top: 0
}

.timeline__box {
    position: relative
}

    .timeline__box:not(:last-of-type) {
        margin-bottom: 15px
    }

    .timeline__box:before {
        display: none;
        content: "";
        width: 100%;
        height: 2px;
        background-color: var(--uiTimelineMainColor);
        position: absolute;
        left: 0;
        z-index: -1
    }

.timeline__date {
    min-width: 60px;
    position: absolute;
    left: 0;
    box-sizing: border-box;
    padding: .2rem 0.5rem;
    text-align: center;
    background-color: #fff;
    color: #4d3275;
    box-shadow: 1px 5px 15px #d2d1d1
}

.timeline__day {
    font-size: 2rem;
    font-weight: 700;
    display: block
}

.timeline__month {
    display: block;
    font-size: .8em;
    text-transform: uppercase
}

@media screen and (min-width:641px) {
    .timeline:before {
        left: 30px
    }

    .timeline__box {
        padding-left: 75px
    }

        .timeline__box:before {
            top: 50%;
            transform: translateY(-50%)
        }

    .timeline__date {
        top: 50%;
        margin-top: -27px
    }
}

@media screen and (max-width:640px) {
    .timeline {
        margin-bottom: 30px;
        padding-top: 1rem;
        padding-bottom: 1rem
    }

        .timeline:before {
            left: 0
        }

    .timeline__group {
        padding-top: 0
    }

    .timeline__box {
        padding-left: 20px;
        padding-top: 70px
    }

        .timeline__box:before {
            top: 90px
        }

    .timeline__date {
        top: 0
    }
}

.timeline {
    --timelineMainColor: #4557bb;
    font-size: 16px
}

.modal-header {
    background: #4d3275;
    color: #fff
}

.close {
    color: #fff !important
}

.enquiryFix {
    position: fixed;
    top: 54%;
    right: -119px;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    z-index: 99
}

    .enquiryFix a {
        font-family: 'Nunito Sans';
        text-decoration: none;
        font-weight: 700;
        padding: 13px 20px;
        letter-spacing: 1px;
        font-size: 16px;
        color: #fff;
        text-transform: capitalize;
        position: relative;
        background: #c3a367;
        border-radius: 0;
        margin-right: 1px
    }

    .enquiryFix .callBtn {
        background: #ca6676
    }
    .enquiryFix .alumniBtn {
        background: #17a2b8
    }

@media(max-width:768px) {
    .enquiryFix {
        position: fixed;
        top: inherit;
        right: 0;
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        bottom: 0;
        width: 100%
    }

        .enquiryFix a {
            float: left;
            width: 50%;
            display: inline-block;
            text-align: center;
            margin-right: 0
        }
}

@media(max-width:580px) {
    .enquiryFix, .schoolBtnGrp {
        width: 50%
    }

    .navbar2 .btn {
        padding: .575rem 0;
        font-size: 14px;
        font-weight: 700
    }

    .enquiryFix a {
        padding: 10px 0;
        font-size: 14px
    }

    .home-carousel .carousel-caption p {
        font-size: 13px
    }

        .home-carousel .carousel-caption p br {
            display: none
        }

    .home-carousel .carousel-caption h5 {
        font-size: 16px
    }
}

.affix {
    position: fixed;
    top: 0;
    width: 100%
}

.affix-top {
    position: static
}

.innerPageTab .tab-content .tab-pane h1 {
    font-size: 1.25rem;
    font-weight: 500
}

.header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index:999;
    /* border-bottom:1px solid #000; */
    box-shadow: 0 3px 15px #000000;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  @-webkit-keyframes slideInDown {
    from {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible;
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes slideInDown {
    from {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible;
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  .slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
  }