/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header / .header-con
3. Banner / .banner-con
4. What We Do / .what-we-do-con
5. Who We Are / .who-we-are-con
6. Statistics / .statistics-con
7. What We Provide  / .what-we-provide-con
8. Our School Facilitites / .our-school-facilities-con
9. Our Gallery / .our-gallery-con
10. Reviews / .reviews-con
11. Contact Us / .contact-us-con
12. Footer / .footer-con
*/
/*------------------------------------------------------------------
# [Color Codes]

#primary--color: #f52a85;
#accent-color: #892bf3;
#black--color: #000000;
#secondary--color: #ffffff;
#text-color: #45455d;
#yellow-color: #ffcf14;
#magento-color: #3e3a53;
#blue-color: #62b5fb;
#lavender-color: #e2cbfc;
#white-family-bg-color: #f9f8f8;

*/
/*------------------------------------------------------------------
# [Typography]

Body copy: "Barlow", sans-serif;
Headings: "Fredoka", sans-serif;
*/


@import url('https://fonts.googleapis.com/css2?family=Barlow: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&family=Fredoka:wght@300..700&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

a,
button input {
    outline: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

figure {
    margin: 0;
}

body {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: var(--text-color);
    font-family: "Barlow", sans-serif;

}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Fredoka", sans-serif;
}

:root {
    --primary--color: #f52a85;
    --accent-color: #892bf3;
    --black--color: #000000;
    --secondary--color: #ffffff;
    --text-color: #45455d;
    --yellow-color: #ffcf14;
    --magento-color: #3e3a53;
    --blue-color: #62b5fb;
    --lavender-color: #e2cbfc;
    --white-family-bg-color: #f9f8f8;
}

/* HEADER SECTION */
.header-con .navbar-light .navbar-nav .nav-link {
    font-size: 18px;
    color: var(--black--color);
    font-weight: 500;
    /* padding: 10px 0 !important; */
    text-align: center;
    position: relative;
    text-align: center;
}

.header-con .navbar-light .navbar-nav .nav-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-con .navbar-light .navbar-nav .nav-item.active {
    background-image: url(../images/pink-shape.png);
    width: 96px;
    height: 34px;

}

.header-con .navbar-light .navbar-nav .nav-item.active .nav-link {
    color: var(--secondary--color);
}

.header-con .navbar-light .navbar-nav .nav-link:hover {
    color: var(--primary--color);
}

.header-con .navbar-light .navbar-nav .nav-item.active .nav-link:hover::before {
    display: none;
}

.header-con .navbar-expand-lg .navbar-nav {
    gap: 39px;
    justify-content: center;
    align-items: center;
}

.header-con {
    z-index: 4;
    padding: 26px 0;
    border-top: 3px solid var(--primary--color);
    background-color: var(--secondary--color);
}

.header-con .navbar {
    padding: 0;
}

.header-con .vector1 {
    right: 96px;
    top: 0;
    animation: rotateY-anim 4s linear infinite;

}


.header-con .navbar-light .navbar-nav .nav-link:hover::before {
    width: 100%;
}

.header-con .navbar-light .navbar-nav .nav-link::before {
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    content: '';
    position: absolute;
    background: var(--primary--color);
    transition: ease-in-out 0.3s;
}

.header-con .navbar-light .navbar-nav .dropdown .nav-link:hover::after {
    width: 0;
}

.header-con .navbar-light .navbar-nav .dropdown .nav-link::after {
    width: unset;
    position: absolute;
    background: none;
    top: 14px;
    font-size: 15px;
}

.header-con .navbar-light .navbar-nav .dropdown-menu {
    padding: 10px;
    margin: 0;
    background-color: var(--secondary--color);
    border: 0;
    z-index: 2;
    width: 230px;
    margin-top: 32px;
    /* box-shadow: 0px 0px 100px rgb(0 0 0 / 15%); */
    box-shadow: 0 0 100px rgb(245 42 133 / 15%);
    border-radius: 10px;
}

.header-con .navbar-light .navbar-nav .dropdown-menu a:last-child {
    border-bottom: none;
}

.header-con .navbar-light .navbar-nav .dropdown-menu .dropdown-item {
    padding: 7px 15px;
    border-bottom: 1px solid var(--secondary--color);
    font-size: 17px;
    line-height: 25px;
    font-weight: 500;
}

.header-con .navbar-light .navbar-nav .dropdown-menu .dropdown-item:active,
.header-con .navbar-light .navbar-nav .dropdown-menu .dropdown-item:active {
    background-color: var(--primary--color);
    color: var(--secondary--color);
}

.header-con .navbar-light .navbar-nav .dropdown-menu .dropdown-item:hover {
    background-color: var(--primary--color);
    color: var(--secondary--color);
    border-radius: 10px;
}

.header-con .navbar-light .navbar-nav .dropdown-menu a {
    position: relative;
}

.header-con .navbar-nav .dropdown-menu a:first-child::before {
    content: '';
    width: 24px;
    height: 12px;
    position: absolute;
    background-image: url(../images/nav_arrow.png);
    top: -22px;
    left: 6%;
    transition: all 0.3s ease-in-out;
    /* box-shadow: 8px 14px 17px rgb(245 42 133 / 19%); */
}

.header-con .navbar-light .navbar-brand {
    margin: 0;
    padding: 0;
}

.header-con .container {
    padding-right: 0;
    padding-left: 0;
}

.header-con .navbar-light .navbar-nav .dropdown-menu .dropdown-item.active-item {
    background-color: var(--primary--color);
    color: var(--secondary--color);
    border-radius: 10px;
}

/* HEADER SECTION */
/* BACK TO TOP BUTTON */
#back-to-top-btn {
    display: none;
    position: fixed;
    bottom: 60px;
    right: 60px;
    z-index: 99;
    font-size: 18px;
    border: none;
    background-color: var(--primary--color);
    color: white;
    cursor: pointer;
    border-radius: 100px;
    width: 80px;
    height: 80px;
    -webkit-animation: spineer 2s infinite;
    animation: spineer 2s infinite;
}


.header-contact .register-btn {
    min-width: 159px;
    height: 50px;
    color: var(--secondary--color);
    background-color: var(--accent-color);
    border-radius: 100px;
    text-align: center;
    line-height: 49px;
    font-weight: 500;
}

.header-contact .register-btn:hover {
    text-decoration: none;
    transition: ease-in-out 0.6s;
    background-color: var(--primary--color);
}

.header-contact {
    margin-left: 31px;
    margin-top: 8px;
}


#back-to-top-btn:focus {
    outline: none;
}

@-webkit-keyframes spineer {
    from {
        box-shadow: 0 0 0 0 rgb(245, 42, 133, .99);
    }

    to {
        box-shadow: 0 0 0 45px rgb(24, 63, 60, .01);
    }
}

@keyframes spineer {
    from {
        box-shadow: 0 0 0 0 rgb(245, 42, 133, .99);
    }

    to {
        box-shadow: 0 0 0 45px rgb(24, 63, 60, .01);
    }
}

#back-to-top-btn::after {
    font-size: 18px;
    font-weight: 600;
    content: "\f062";
    line-height: 50px;
    color: var(--secondary--color);
    font-family: "Font Awesome 5 free";
}


#back-to-top-btn:hover {
    cursor: pointer;
}

/* BACK TO TOP BUTTON */
/* LOADER SECTION */
/* PRELOADER */

.js {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: rgb(245 42 133 / 90%);
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.js div#preloader {
    width: 8vmax;
    height: 8vmax;
    border-right: 4px solid var(--accent-color);
    border-radius: 100%;
    -webkit-animation: spinRight 800ms linear infinite;
    animation: spinRight 800ms linear infinite;
}

#preloader:before,
#preloader:after {
    content: "";
    width: 6vmax;
    height: 6vmax;
    display: block;
    position: absolute;
    top: calc(50% - 3vmax);
    left: calc(50% - 3vmax);
    border-left: 3px solid var(--yellow-color);
    border-radius: 100%;
    -webkit-animation: spinLeft 800ms linear infinite;
    animation: spinLeft 800ms linear infinite;
}

#preloader:after {
    width: 4vmax;
    height: 4vmax;
    top: calc(50% - 2vmax);
    left: calc(50% - 2vmax);
    border: 0;
    border-right: 2px solid var(--blue-color);
    -webkit-animation: none;
    animation: none;
}

@-webkit-keyframes spinLeft {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(720deg);
    }
}

@keyframes spinLeft {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(720deg);
    }
}

@-webkit-keyframes spinRight {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

@keyframes spinRight {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

/* LOADER SECTION */

/* BANNER SECTION */
.banner-con {
    background-image: url(../images/banner-bg-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 933px;
    padding-top: 92px;
}

.banner-content-con {
    background-image: url(../images/banner-shape.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 659px;
    width: 679px;
    margin-left: -80px;
    padding-left: 30px;
}

.banner-con .banner-content-con h1 {
    padding-top: 151px;
    /* -webkit-animation: bounce .4s ease infinite alternate; */
}

.banner-con .banner-icons {
    left: 178px;
    animation: move 4s ease infinite;
    animation-duration: 7s;
}

.banner-con p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px;
}

.heading-title-con p {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.2px;
}

.heading-title-con {
    margin-bottom: 40px;
}

/* wt we do section */
.white-box {
    background-color: var(--secondary--color);
    box-shadow: 0px 6px 38px rgb(238 238 252 / 100%);
    padding: 40px 29px 30px;
    border: 1px solid transparent;
    transition: ease-in-out 0.6s;
}

.white-box h5 {
    margin-bottom: 9px;
}

.white-box.yellow {
    border: 1px solid var(--yellow-color);
}

/* .white-box img {
    margin-bottom: 22px;
    transition: ease-in-out 0.6s;
} */
.white-box img {
    margin-bottom: 29px;
    transition: ease-in-out 0.6s;
    will-change: transform;
}

.white-box p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 22px;
}

.white-box a i {
    width: 50px;
    height: 50px;
    text-align: center;
    background-color: var(--primary--color);
    color: var(--secondary--color);
    line-height: 50px;
    border-radius: 100px;
    font-size: 20px;
    transition: ease-in-out 0.6s;
}

.white-box.yellow a i {
    background-color: var(--yellow-color);
}

.white-box.purple a i {
    background-color: var(--accent-color);
}

.white-box.blue a i {
    background-color: var(--blue-color);
}

.white-box a i:hover {
    transform: translateY(-2px);
}

.white-box:hover img {
    transform: translateY(-3px);
}

.what-we-do-con .vector1 {
    top: 342px;
    right: 199px;
    animation: move1 6s infinite;
    animation-duration: 7s;
}

.what-we-do-con .vector4 {
    right: 307px;
    bottom: 111px;
    animation: rotateY-anim 4s linear infinite;
}

.what-we-do-con .vector3 {
    left: 159px;
    bottom: 120px;
    animation-name: spin;
    animation-duration: 9000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.what-we-do-con .vector2 {
    left: 294px;
    top: 296px;
    animation: rotateY-anim 4s linear infinite;
}

/* WHO WE ARE SECTION STYLING */
.who-we-are-con {
    background-image: url(../images/who-we-are-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.who-we-are-con .who-we-are-img-con img {
    position: relative;
    left: -100px;
}

.who-we-are-con .who-we-are-content-con {
    padding-left: 75px;
}

.who-we-are-con .who-we-are-content-con h3 {
    margin-bottom: 18px;
}

.who-we-are-con figure {
    height: 94px;
    line-height: 90px;
    width: 87px;
    text-align: center;

}

.who-we-are-con figure.yellow-bg-fig {
    background-color: var(--yellow-color);
}

.who-we-are-con .call-us-for-query-con .query-head {
    font-family: "Barlow", sans-serif;
    font-size: 20px;
    margin-bottom: 5px;
}

.who-we-are-con .call-us-for-query-con .query-outer-con {
    border: 1px solid rgb(255 255 255 / 65%);
    background-color: rgb(0 0 0 / 5%);
    height: 94px;
    width: 363px;
    padding: 0 24px 0 16px;
    justify-content: space-between;
}

.who-we-are-con .call-us-for-query-con .query-number {
    font-size: 24px;
    font-weight: 600;
}

.who-we-are-con .call-us-for-query-con .style-name-fig::before {
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1px;
    height: 77px;
    content: '';
    position: absolute;
    background: rgb(255 255 255 / 65%);
    transition: ease-in-out 0.3s;
}

.who-we-are-con .call-us-for-query-con .style-name-fig img {
    padding-left: 24px;
}

/* STATISTICS SECTION STYLING */
.statistics-con .statistics-box span {
    font-size: 48px;
    font-weight: 600;
    font-family: "Fredoka", sans-serif;
}

.statistics-con .statistics-box .span-text {
    font-family: "Barlow", sans-serif;
    font-size: 24px;
    font-weight: normal;
}

.statistics-con .statistics-box sup {
    font-size: 30px;
    font-weight: 700;
}

.statistics-con .statistics-box img {
    margin: 0 auto 23px;
    text-align: center;
}

.statistics-con .statistics-box {
    padding: 49px 0;
    width: 255px;
    height: 265px;
    transition: ease-in-out 0.6s;
}

.statistics-con .statistics-box:hover {
    transform: translateY(-3px);
}

.statistics-con .statistics-box.purple {
    background-image: url(../images/stats-img1.png);
    margin-top: 65px;
}

.statistics-con .statistics-box.pink {
    background-image: url(../images/stats-img2.png);
}

.statistics-con .statistics-box.yellow {
    background-image: url(../images/stats-img4.png);
    margin-top: 53px;
}

.statistics-con .statistics-box.blue {
    background-image: url(../images/stats-img3.png);
    margin-top: 36px;
}

.statistics-con .vector2 {
    top: 116px;
    right: 265px;
    animation: rotateY-anim 4s linear infinite;
}

.statistics-con .vector3 {
    right: 165px;
    bottom: 113px;
    animation-name: spin;
    animation-duration: 9000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.statistics-con .vector1 {
    top: 144px;
    left: 154px;
    animation: move1 6s infinite;
}

.statistics-con .vector4 {
    bottom: 155px;
    left: 213px;
    animation: rotateY-anim 4s linear infinite;
}

/* WHAT WE PROVIDE SECTION */
.what-we-provide-con .popular-box img {
    margin-bottom: 32px;
}

.what-we-provide-con .popular-box:hover {
    border: 1px dashed var(--primary--color);
}

.what-we-provide-con .popular-box span.rate {
    background-image: url(../images/purple-shape.png);
    font-size: 20px;
    width: 96px;
    height: 34px;
    font-weight: 600;
    text-align: center;
    margin: 0 auto 20px;
    transition: ease-in-out 0.6s;
}

.what-we-provide-con .popular-box {
    background-color: var(--secondary--color);
    box-shadow: 0px 6px 38px rgb(238 238 252 / 100%);
    transition: ease-in-out 0.6s;
    border: 1px solid transparent;
}

.what-we-provide-con .popular-box h5 {
    margin-bottom: 10px;
}

.what-we-provide-con .popular-box p {
    font-size: 18px;
    line-height: 28px;
}

.what-we-provide-con .popular-box .box-inner {
    padding: 0 30px 19px;
}

.what-we-provide-con .popular-box hr {
    margin: 0;
    border: 1px dashed var(--primary--color);
}

.what-we-provide-con .popular-box .box-bottom {
    padding: 18px 30px 26px;
}

.what-we-provide-con .popular-box .box-bottom span {
    font-weight: 600;
    font-family: "Barlow", sans-serif;
    font-size: 18px;
    line-height: 22px;
}

.what-we-provide-con .popular-box .box-bottom ul {
    margin-bottom: 20px;
}

.what-we-provide-con .popular-box .primary-button a {
    min-width: 137px;
    height: 42px;
    line-height: 37px;
    font-weight: 500;
}

.what-we-provide-con .popular-box:hover span.rate {
    transform: translateY(-2px);
}

/* OUR SCHOOL FACILITIES SECTION */
.our-school-facilities-con {
    background-image: url(../images/school-facilities-bg.jpg);
}

.our-school-facilities-con .our-school-facilities-content p {
    margin-bottom: 22px;
}

.our-school-facilities-con .our-school-facilities-content li {
    background-color: var(--secondary--color);
    width: 47%;
    float: left;
    margin-right: 12px;
    padding: 10px;
    margin-bottom: 17px;
}

.our-school-facilities-con .our-school-facilities-content li:nth-child(even) {
    margin-right: 0;
}

.our-school-facilities-con .our-school-facilities-content ul li span.number {
    font-size: 20px;
    font-weight: 600;
    width: 32px;
    height: 32px;
    text-align: center;
    color: var(--secondary--color);
    border-radius: 100px;
    margin-right: 10px;
    font-family: "Fredoka", sans-serif;

}

.our-school-facilities-con .our-school-facilities-content ul li span.number.var1 {
    background-color: var(--accent-color);
}

.our-school-facilities-con .our-school-facilities-content ul li span.number.var2 {
    background-color: var(--primary--color);
}

.our-school-facilities-con .our-school-facilities-content ul li span.number.var3 {
    background-color: var(--yellow-color);
}

.our-school-facilities-con .our-school-facilities-content ul li span.number.var4 {
    background-color: var(--blue-color);
}

.our-school-facilities-con .our-school-facilities-content ul li span.facility-text {
    font-size: 17px;
    color: var(--magento-color);
    line-height: 22px;
    font-weight: 600;
}

.our-school-facilities-con .our-school-facilities-content ul {
    margin-bottom: 32px;
}

.our-school-facilities-con .our-facility-image-con img {
    right: -67px;
}

.our-gallery-con .gallery-img-con {
    margin-bottom: 30px;
}

/*  */
.our-gallery-con .gallery-img-con img {
    display: block;
    object-fit: cover;
    pointer-events: none;
    width: 100%;
    height: 100%;
}

.our-gallery-con .gallery-img-con img {
    transition: .4s ease-in-out;
}

.our-gallery-con .gallery-img-con img {
    transition: .4s ease-in-out;
}

.our-gallery-con .gallery-img-con:hover img {
    transform: scale(1.1);
}

.our-gallery-con .gallery-img-con a::before {
    content: "";
    background: url(../images/Plus-icon.png) no-repeat center;
    width: 91px;
    height: 91px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    display: none;
    transform: translate(-50%, -50%);
}

.our-gallery-con .gallery-img-con a::after {
    content: "";
    top: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(245, 42, 133, 0.85);
    /* border-radius: 10px; */
    display: none;
}

.our-gallery-con .gallery-img-con:hover a::before,
.our-gallery-con .gallery-img-con:hover a::after {
    display: block;
}

/*Image size and transition*/
.our-gallery-con .gallery-img-con a img {
    display: block;
    margin: 0;
    width: 100%;
    height: 100%;
    transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
}

/*Transform scale effect when you hover over*/
.our-gallery-con .gallery-img-con a.zoom:hover img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
}

.our-gallery-con .gallery-img-con {
    overflow: hidden;
    position: relative;
}

/*Zoom Button*/
#lightbox .modal-content {
    display: inline-block;
    text-align: center;
    background: none;
    border: none;
}

.modal-header {
    border: none;
}

.modal-body {
    padding: 0;
}

button.close:focus {
    outline: none;
    border: none;
}

button.close {
    border: 0;
    position: fixed;
    right: -20px;
    top: -20px;
    color: var(--secondary--color);
    background: var(--primary--color);
    opacity: 1;
    padding: 5px 16px 14px !important;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    font-size: 32px;
    z-index: 2;
    font-weight: 300;
}

button.close span i {
    font-size: 20px;
}

button.close:hover {
    background: var(--text-color);
    color: var(--secondary--color);
    opacity: 1;
}

.modal-dialog {
    max-width: fit-content;
    top: 20%;
    width: 55%;
}

.modal-content {
    height: 100vh;
    overflow: inherit;
}

/* REVIEW SECTION */
.reviews-con {
    background-image: url(../images/review-banner-img.jpg);
}

.reviews-con .owl-carousel .item {
    background-color: var(--secondary--color);
    padding: 72px 50px 65px;
}

.reviews-con .owl-carousel .owl-item img,
.testimonial-conn .owl-carousel .owl-item img {
    display: block;
    width: auto;
}

.reviews-con .owl-carousel .owl-item img.position-absolute {
    right: -25px;
    top: -26px;
}

.reviews-con .owl-carousel .review-content p {
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 20px;
}

.reviews-con .review-imgz-con {
    margin-right: 55px;
}

.reviews-con .comment-text span.person-name {
    color: var(--magento-color);
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Fredoka", sans-serif;
    font-size: 25px;
}

.reviews-con .comment-text span.designation {
    font-size: 20px;
}

.reviews-con .owl-theme .owl-dots .owl-dot span,
.testimonial-conn .owl-theme .owl-dots .owl-dot span {
    width: 59px;
    height: 3px;
    margin: 3px 4px;
    border-radius: 0;
}

.reviews-con .owl-theme .owl-dots .owl-dot:focus,
.testimonial-conn .owl-theme .owl-dots .owl-dot:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

.reviews-con .owl-theme .owl-nav.disabled+.owl-dots,
.testimonial-conn .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 30px;
}

.reviews-con .owl-theme .owl-dots .owl-dot.active span,
.reviews-con .owl-theme .owl-dots .owl-dot:hover span,
.testimonial-conn .owl-theme .owl-dots .owl-dot.active span,
.testimonial-conn .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--primary--color);
}

/* CONTACT US SECTION */
.contact-us-con form ul li {
    float: left;
    width: 49%;
    margin-right: 17px;
    margin-bottom: 18px;
}

.contact-us-con form ul li:nth-child(2),
.contact-us-con form ul li:nth-child(4) {
    margin-right: 0;
}

.contact-us-con form ul li input {
    width: 100%;
    padding: 15px 24px;
    background-color: transparent;
    border: 1px solid #d7e0ef;
    height: 55px;
    border-radius: 100px;
}

.contact-us-con form ul li input::placeholder,
.contact-us-con form ul li textarea::placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #555555;
}

.contact-us-con form ul li:last-child {
    width: 100%;
}

.contact-us-con form ul li textarea {
    height: 190px;
    padding: 18px 24px;
    background-color: transparent;
    border: 1px solid #d7e0ef;
    width: 100%;
    float: left;
    border-radius: 20px;
}

.contact-us-con form ul li:last-child {
    width: 100%;
    margin-right: 0;
    margin-bottom: 37px;
}

.contact-us-con .primary-button {
    background-color: var(--primary--color) !important;
    background: var(--primary--color);
    width: 177px;
    margin: 0 auto;
    border-radius: 100px;
}

/* .contact-us-con .primary-button:hover {
    border: none;
    background-color: transparent;
} */

.contact-us-con .primary-button button {
    border-radius: 100px;
    /* width: auto;
    border: 2px solid transparent;
    cursor: pointer;
    margin: 0 auto;
    background-color: var(--primary--color); */
}

/* .contact-us-con .primary-button button:hover {
    background-color: transparent;
    border: 2px solid var(--primary--color);
    transition: ease-in-out 0.6s;
} */

.contact-us-con form ul li input:focus,
.contact-us-con form ul li textarea:focus {
    box-shadow: inset 0 1px 1px rgb(11 43 68 / 8%), 0 0 8px rgb(245 42 133 / 60%);
    border-color: var(--primary--color);
}

.contact-us-con form ul li input:focus,
.contact-us-con form ul li textarea:focus {
    border: none;
    outline: none;
}

.contact-us-con #contactpage span.error {
    font-size: 15px;
    line-height: 19px;
    margin-top: 12px;
    display: block;
    padding-left: 6px;
    color: var(--primary--color);
    text-align: left;
}

.contact-us-con .vector2,
.our-staff-con .vector2 {
    top: 245px;
    right: 265px;
    animation: rotateY-anim 4s linear infinite;
}

.contact-us-con .vector3,
.our-staff-con .vector3 {
    bottom: 236px;
    right: 168px;
    animation-name: spin;
    animation-duration: 9000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.contact-us-con .vector1,
.our-staff-con .vector1 {
    top: 271px;
    left: 152px;
    animation: move1 6s infinite;
}

.contact-us-con .vector4,
.our-staff-con .vector4 {
    bottom: 285px;
    left: 215px;
    animation: rotateY-anim 4s linear infinite;
}

/* FOOTER CON STYLING */
.footer-con {
    background-image: url(../images/footer-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 152px;
}

.footer-con .footer-inner-links-con.var1 li a {
    color: var(--lavender-color);
    font-size: 20px;
    line-height: 27px;
}

.footer-con .footer-inner-links-con p {
    font-size: 18px;
    line-height: 30px;
    color: var(--lavender-color);
}

.footer-con .footer-inner-links-con a {
    color: var(--lavender-color);
}

.footer-con h4 {
    margin-bottom: 14px;
}

.footer-con .footer-inner-links-con li a {
    font-size: 18px;
}

.footer-con img {
    margin-bottom: 24px;
}

.footer-con .footer-inner-links-con li a.yellow-text {
    color: var(--yellow-color);
}

.footer-con .footer-inner-links-con.var1 ul li {
    margin-bottom: 12px;
}

.footer-con .row {
    margin-bottom: 56px;
}

.footer-con .footer-inner-links-con li {
    position: relative;
    margin-bottom: 8px;
    margin-right: 6px;
}

.footer-con .footer-inner-links-con li a {
    display: inline-block;
    margin-left: 20px;
    position: relative;
}

.footer-con .footer-inner-links-con li::before {
    content: "\f061";
    color: var(--lavender-color);
    font-weight: bold;
    display: inline-block;
    margin-left: 0;
    position: absolute;
    font-family: 'FontAwesome';
    top: 0;
    left: 0px;
    font-size: 12px;
}

.footer-con .footer-inner-links-con ul li a::after {
    left: 0;
    bottom: -2px;
    width: 0;
    height: 1px;
    content: '';
    position: absolute;
    background: var(--yellow-color);
    transition: ease-in-out 0.3s;
}

.footer-con .footer-inner-links-con ul li a:hover::after {
    width: 100%;
}

.footer-con .footer-inner-links-con.var1 li::before {
    position: unset;
    display: none;
}

.footer-con .footer-inner-links-con ul li a:hover {
    text-decoration: none;
    color: var(--yellow-color);
}

.footer-con .footer-inner-links-con ul.social-icon li a::after {
    display: none;
    position: unset;
}

.footer-con .footer-inner-links-con ul.social-icon li a {
    position: relative;
    margin-left: 0;
    transition: ease-in-out 0.6s;
}

.footer-con .footer-inner-links-con ul.social-icon li::before {
    display: none;
    position: unset;
}

.footer-con .footer-inner-links-con ul.social-icon li a::before {
    background: none;
    background-image: url(../images/footer-trio-shape.png);
    content: '';
    position: absolute;
    /* left: 0;    */
    width: 37px;
    height: 36px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.footer-con .footer-inner-links-con ul.social-icon li a i {
    text-align: center;
    z-index: 1;
    position: relative;
    width: 37px;
    height: 36px;
    line-height: 36px;
    color: var(--secondary--color);
    transition: ease-in-out 0.6s;
    font-size: 16px;
}

.footer-con .footer-inner-links-con ul.social-icon li a i:hover {
    color: var(--yellow-color);
}

.footer-con .footer-inner-links-con ul.social-icon li a:hover {
    transform: translateY(-3px);
}

.footer-con .copyright p {
    color: var(--lavender-color);
    font-size: 16px;
    line-height: 20px;
    padding: 22px 0;
    font-weight: 300;
    font-family: "Barlow", sans-serif;
    border-top: 1px solid rgb(255 255 255 / 20%);
}

.footer-con .footer-inner-links-con.var1 li:last-child a::after {
    display: none;
    position: unset;
}

@keyframes move {
    50% {
        transform: translateY(-15px);
    }
}

@keyframes move1 {
    0% {
        transform: translatex(0);
    }

    50% {
        transform: translatex(-40px);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotateY-anim {
    from {
        -webkit-transform: rotateY(0deg);
    }

    to {
        -webkit-transform: rotateY(360deg);
    }
}

@keyframes rotateY-anim {
    from {
        transform: rotateY(0deg);
    }

    to {
        transform: rotateY(360deg);
    }
}



/* HOME 02 STYLING */
.index2-outer-wrapper .banner-con {
    background-image: url(../images/home02/banner-image-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 891px;
    padding-top: 0;
}

.index2-outer-wrapper .banner-con::after {
    content: "";
    bottom: 0;
    left: 127px;
    position: absolute;
    width: 906px;
    height: 100%;
    background-image: url(../images/home02/purple-shape-bg.png);
    background-repeat: no-repeat;
}

.index2-outer-wrapper .banner-con .vector2 {
    left: 139px;
    top: 261px;
    z-index: 2;
    animation: move1 6s infinite;
    animation-duration: 7s;
}

.index2-outer-wrapper .banner-con .vector3 {
    right: 0;
    bottom: 334px;
    z-index: 2;
    animation: move 4s ease infinite;
    animation-duration: 7s;
}

.index2-outer-wrapper .banner-con .vector4 {
    left: 288px;
    bottom: 354px;
    z-index: 2;
    animation: rotateY-anim 4s linear infinite;
}

.index2-outer-wrapper .banner-col-content {
    z-index: 1;
    padding-top: 260px;
    padding-bottom: 235px;
}

.index2-outer-wrapper .banner-col-content h1 {
    margin-bottom: 20px;
    /* -webkit-animation: bounce .3s ease infinite alternate; */
}

.index2-outer-wrapper .banner-col-content p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    margin-bottom: 28px;
}

.index2-outer-wrapper .banner-col-content .primary-button {
    margin-right: 8px;
}

/* .index2-outer-wrapper .primary-button a,
.index2-outer-wrapper .secondary-button a {
    font-size: 20px;
} */

/*  */
.index2-outer-wrapper .our-school-facilities-con {
    background: none;
}

.index2-outer-wrapper .our-school-facilities-con .our-facility-image-con img {
    left: -30px;
    right: unset;
}

.index2-outer-wrapper .our-school-facilities-con .our-school-facilities-content li {
    background-color: var(--white-family-bg-color);
    width: 48%;
    float: left;
    margin-right: 12px;
    padding: 14px 9px;
    margin-bottom: 17px;
}

.index2-outer-wrapper .our-school-facilities-con .our-school-facilities-content ul li span.number {
    margin-right: 9px;
}

.index2-outer-wrapper .our-school-facilities-con .our-school-facilities-content li:nth-child(even) {
    margin-right: 0;
}

/* what-we-do-con */
.index2-outer-wrapper .what-we-do-con .white-box {
    padding: 30px 22px;
}

.index2-outer-wrapper .what-we-do-con .white-box.pink:hover,
.index3-outer-wrapper .what-we-do-con .white-box.pink:hover,
.white-box.pink:hover {
    border: 1px solid var(--primary--color);
}

.index2-outer-wrapper .what-we-do-con .white-box.yellow:hover,
.index3-outer-wrapper .what-we-do-con .white-box.yellow:hover,
.white-box.yellow:hover {
    border: 1px solid var(--yellow-color);
}

.index2-outer-wrapper .what-we-do-con .white-box.purple:hover,
.index3-outer-wrapper .what-we-do-con .white-box.purple:hover,
.white-box.purple:hover {
    border: 1px solid var(--accent-color);
}

.index2-outer-wrapper .what-we-do-con .white-box.blue:hover,
.index3-outer-wrapper .what-we-do-con .white-box.blue:hover,
.white-box.blue:hover {
    border: 1px solid var(--blue-color);
}

.index2-outer-wrapper .what-we-do-con .white-box h5 {
    line-height: 27px;
}

.index2-outer-wrapper .what-we-do-con .vector1 {
    right: 190px;
}

/*  */
.index2-outer-wrapper .who-we-are-con {
    background: none;
    min-height: 800px;
}

.index2-outer-wrapper .who-we-are-con::after {
    content: "";
    left: 0;
    top: 0;
    width: 1008px;
    height: 800px;
    position: absolute;
    background: url(../images/home02/who-we-are-after-bg.png);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.index2-outer-wrapper .who-we-are-con::before {
    content: "";
    right: 0;
    top: 0;
    width: 1011px;
    height: 800px;
    position: absolute;
    background: url(../images/home02/who-we-are-before-bg.png);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.index2-outer-wrapper .who-we-are-con .who-we-are-content-con {
    padding: 0;
    position: relative;
    z-index: 1;
}

/* photos gallery */
.index2-outer-wrapper .our-gallery-con .vector2 {
    right: 129px;
    top: 406px;
    animation: rotateY-anim 4s linear infinite;
}

.index2-outer-wrapper .our-gallery-con .vector3 {
    right: 121px;
    bottom: 212px;
    animation-name: spin;
    animation-duration: 9000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.index2-outer-wrapper .our-gallery-con .vector1 {
    left: 179px;
    top: 367px;
    animation: move1 6s infinite;
    animation-duration: 7s;
}

.index2-outer-wrapper .our-gallery-con .vector4 {
    left: 216px;
    bottom: 334px;
    animation: rotateY-anim 4s linear infinite;
}

.index2-outer-wrapper .statistics-con,
.about2-outer-wrapper .statistics-con {
    background-image: url(../images/home02/purple-bg.jpg);
    padding-top: 100px;
    padding-bottom: 95px;
}

.statistics-con .statistics-box:hover {
    transform: translateY(-10px);
    /* animation: rotateY-anim 4s linear; */
}

.white-box:hover img {
    /* animation: rotateY-anim 4s linear; */
    transform: translateY(-3px);
}


.index2-outer-wrapper .statistics-con .statistics-box.purple,
.about2-outer-wrapper .statistics-con .statistics-box.purple {
    background-image: url(../images/home02/statistics-img01.png);
    margin-top: 65px;
}

.index2-outer-wrapper .statistics-con .statistics-box.pink,
.about2-outer-wrapper .statistics-con .statistics-box.pink {
    background-image: url(../images/home02/statistics-img02.png);
}

.index2-outer-wrapper .statistics-con .statistics-box.yellow,
.about2-outer-wrapper .statistics-con .statistics-box.yellow {
    background-image: url(../images/home02/statistics-img03.png);
    margin-top: 53px;
}

.index2-outer-wrapper .statistics-con .statistics-box.blue,
.about2-outer-wrapper .statistics-con .statistics-box.blue {
    background-image: url(../images/home02/statistics-img04.png);
    margin-top: 36px;
}

.index2-outer-wrapper .statistics-con img,
.about2-outer-wrapper .statistics-con img {
    filter: brightness(0) invert(1);
}

.index2-outer-wrapper .statistics-con *,
.about2-outer-wrapper .statistics-con * {
    color: var(--secondary--color);
}

.index2-outer-wrapper .statistics-con .vector4 {
    top: 196px;
    bottom: unset;
    left: 312px;
}

.index2-outer-wrapper .statistics-con .vector2 {
    bottom: 120px;
    top: unset;
    right: 316px;
}

/*  */
.index2-outer-wrapper .what-we-provide-con .popular-box,
.index3-outer-wrapper .what-we-provide-con .popular-box {
    padding-top: 35px;
}

.index2-outer-wrapper .footer-con,
.footer-con2 {
    background-image: url(../images/home02/footer-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 66px;
}

.index2-outer-wrapper .reviews-con.review-two-con .item {
    background: none;
    padding: 0;
}

.index2-outer-wrapper .testimonial-conn .review-box {
    background-color: var(--secondary--color);
    padding: 55px 33px 34px;
}

.index2-outer-wrapper .testimonial-conn .item {
    margin-top: 31px;
}

.index2-outer-wrapper .testimonial-conn .review-box img {
    top: -31px;
}

.index2-outer-wrapper .testimonial-conn .review-box p {
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 18px;
}

.index2-outer-wrapper .testimonial-conn .review-box .person-name {
    font-size: 20px;
    font-weight: 700;
    font-family: "Fredoka", sans-serif;
    color: var(--magento-color);
    line-height: 20px;
}

.index2-outer-wrapper .testimonial-conn .review-box .outer-designation {
    margin-left: 17px;
}

/* HOME PAGE 3 STYLING */
.index3-outer-wrapper .footer-con {
    background-image: url(../images/home03/footer-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 55px;
}

.index3-outer-wrapper .banner-con,
.about2-outer-wrapper .banner-con {
    background-image: url(../images/home03/banner-img-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 974px;
    padding-top: 80px;
}

.index3-outer-wrapper .banner-con .vector2,
.about2-outer-wrapper .banner-con .vector2 {
    right: 101px;
    bottom: 195px;
    animation-name: spin;
    animation-duration: 9000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.index3-outer-wrapper .banner-con .vector3,
.about2-outer-wrapper .banner-con .vector3 {
    right: 77px;
    bottom: 363px;
    animation: rotateY-anim 4s linear infinite;
}

.index3-outer-wrapper .header-con,
.about2-outer-wrapper .header-con {
    position: absolute !important;
    background-color: transparent;
}

.index3-outer-wrapper .banner-con .row,
.about2-outer-wrapper .banner-con .row {
    padding-top: 83px;
}

.index3-outer-wrapper .banner-con h4,
.about2-outer-wrapper .banner-con h4 {
    font-size: 27px;
    color: var(--magento-color);
    margin-bottom: 20px;
}

/* SPECIAL TEXT ANIMATIONS */
@keyframes text {
    0% {
        margin-bottom: 10px;
    }

    30% {
        letter-spacing: 8px;
        margin-bottom: 10px;
    }

    85% {
        letter-spacing: 6px;
        margin-bottom: 10px;
    }

    100% {
        margin-bottom: 10px;
    }
}

@-webkit-keyframes bounce {
    0% {
        text-shadow:
            0 5px 0 #ccc,
            0 2px 3px rgba(0, 0, 0, 1);
    }

    100% {
        transform: translateY(-20px);
        text-shadow: 0 50px 0 #000,
            0 0px 20px rgba(0, 0, 0, .8);
    }
}

.waviy {
    position: relative;
    /* -webkit-box-reflect: below -20px linear-gradient(transparent, rgba(0, 0, 0, .2)); */
}

.waviy span {
    position: relative;
    display: inline-block;
    color: var(--primary--color);
    text-transform: uppercase;
    animation: waviy 2s infinite;
    animation-delay: calc(.1s * var(--i));
    letter-spacing: 0;

}

@keyframes waviy {

    0%,
    40%,
    100% {
        transform: translateY(0)
    }

    20% {
        transform: translateY(-20px)
    }
}

/*  */
.index3-outer-wrapper .what-we-do-con .white-box .box-iner-wrap,
.wt-we-do-services-con.what-we-do-con .white-box .box-iner-wrap {
    margin-left: 25px;
}

.index3-outer-wrapper .what-we-do-con .white-box,
.wt-we-do-services-con.what-we-do-con .white-box {
    margin-bottom: 30px;
}

.index3-outer-wrapper .what-we-do-con .white-box a i,
.wt-we-do-services-con.what-we-do-con .white-box a i {
    width: unset;
    height: unset;
    background-color: transparent;
    line-height: unset;
    color: var(--primary--color);
    font-size: 16px;
    margin-left: 4px;
}

.index3-outer-wrapper .what-we-do-con .white-box a,
.wt-we-do-services-con.what-we-do-con .white-box a {
    font-size: 18px;
    font-weight: 600;
    color: var(--primary--color)
}

.index3-outer-wrapper .what-we-do-con .white-box.purple a,
.index3-outer-wrapper .what-we-do-con .white-box.purple a i {
    color: var(--accent-color)
}

.index3-outer-wrapper .what-we-do-con .white-box.yellow a,
.index3-outer-wrapper .what-we-do-con .white-box.yellow a i {
    color: var(--yellow-color)
}

.index3-outer-wrapper .what-we-do-con .white-box.blue a,
.index3-outer-wrapper .what-we-do-con .white-box.blue a i {
    color: var(--blue-color)
}

/*  */
.index3-outer-wrapper .work-play-together-con,
.about2-outer-wrapper .work-play-together-con {
    background-image: url(../images/home03/work-play-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 946px; */
}

.index3-outer-wrapper .work-play-together-con .img-con img,
.about2-outer-wrapper .work-play-together-con .img-con img {
    position: relative;
    left: -100px;
}

.index3-outer-wrapper .work-play-together-con .work-content-con,
.about2-outer-wrapper .work-play-together-con .work-content-con {
    padding-left: 43px;
}

.index3-outer-wrapper .work-play-together-con .work-content-con h3,
.about2-outer-wrapper .work-play-together-con .work-content-con h3 {
    margin-bottom: 22px;
}

.index3-outer-wrapper .work-play-together-con .work-content-con span,
.about2-outer-wrapper .work-play-together-con .work-content-con span {
    font-size: 48px;
    font-weight: 600;
    font-family: "Fredoka", sans-serif;
}

.index3-outer-wrapper .work-play-together-con .work-content-con .span-text,
.about2-outer-wrapper .work-play-together-con .work-content-con .span-text {
    font-family: "Barlow", sans-serif;
    font-size: 24px;
    font-weight: normal;
}

.index3-outer-wrapper .work-play-together-con .work-content-con sup,
.about2-outer-wrapper .work-play-together-con .work-content-con sup {
    font-size: 30px;
    font-weight: 700;
}

/*  */
.index3-outer-wrapper .our-staff-con .staff-box,
.team-con.our-staff-con .staff-box {
    background-color: var(--secondary--color);
    box-shadow: 0px 6px 38px rgb(238 238 252 / 100%);
    padding: 34px 30px;
    border: 1px solid transparent;
    transition: ease-in-out 0.6s;
}

.index3-outer-wrapper .our-staff-con .staff-box img,
.team-con.our-staff-con .staff-box img {
    margin-bottom: 28px;
}

.index3-outer-wrapper .our-staff-con .staff-box h5,
.team-con.our-staff-con .staff-box h5 {
    margin-bottom: 4px;
}

.index3-outer-wrapper .our-staff-con .staff-box span,
.team-con.our-staff-con .staff-box span {
    margin-bottom: 12px;
}

.index3-outer-wrapper .our-staff-con .staff-box ul.social-icon li a,
.team-con.our-staff-con .staff-box ul.social-icon li a {
    position: relative;
    transition: ease-in-out 0.5s;
}

.index3-outer-wrapper .our-staff-con .staff-box ul.social-icon li a::before,
.team-con.our-staff-con .staff-box ul.social-icon li a::before {
    background: none;
    background-image: url(../images/home03/little-blue-shape.png);
    content: '';
    position: absolute;
    width: 40px;
    height: 37px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: ease-in-out 0.5s;
}

.index3-outer-wrapper .our-staff-con .staff-box ul.social-icon li a:hover:before,
.team-con.our-staff-con .staff-box ul.social-icon li a:hover::before {
    background-image: none;
    background-color: var(--primary--color);
    width: 37px;
    border-radius: 100px;
}

.index3-outer-wrapper .our-staff-con .staff-box ul.social-icon li a i,
.team-con.our-staff-con .staff-box ul.social-icon li a i {
    text-align: center;
    z-index: 1;
    position: relative;
    width: 40px;
    height: 37px;
    line-height: 37px;
    color: var(--secondary--color);
    transition: ease-in-out 0.6s;
    font-size: 16px;
}

.index3-outer-wrapper .our-staff-con .staff-box ul.social-icon li a,
.team-con.our-staff-con .staff-box ul.social-icon li a {
    margin: 0 6px;
    display: block;
}

.index3-outer-wrapper .our-staff-con .staff-box ul.social-icon li a:hover,
.team-con.our-staff-con .staff-box ul.social-icon li a:hover {
    transform: translateY(-3px);
}

.staff-box:hover img {
    transform: translateY(-4px);
    /* animation: rotateY-anim 6s linear infinite; */
}

.staff-box img {
    transition: ease-in-out 0.6s;
}

.index3-outer-wrapper .our-staff-con .staff-box:hover ul.social-icon li a,
.team-con.our-staff-con .staff-box:hover ul.social-icon li a {
    transform: translateY(2px);
}

.index3-outer-wrapper .our-staff-con .staff-box:hover,
.team-con.our-staff-con .staff-box:hover {
    border: 1px dashed var(--blue-color);
}

/*  */
.index3-outer-wrapper .feel-free-to-talk-con,
.new-talk-con.feel-free-to-talk-con {
    padding-top: 97px;
    padding-bottom: 97px;
}

.index3-outer-wrapper .feel-free-to-talk-con::after,
.new-talk-con.feel-free-to-talk-con::after {
    content: "";
    left: 0;
    top: 0;
    width: 956px;
    height: 446px;
    position: absolute;
    background: url(../images/home03/feel-free-pink-bg.jpg);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.index3-outer-wrapper .feel-free-to-talk-con::before,
.new-talk-con.feel-free-to-talk-con::before {
    content: "";
    right: 0;
    top: 0;
    width: 960px;
    height: 446px;
    position: absolute;
    background: url(../images/home03/fee-free-img-bg.jpg);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.index3-outer-wrapper .feel-free-to-talk-con .feel-free-content-con,
.new-talk-con.feel-free-to-talk-con .feel-free-content-con {
    padding: 0;
    position: relative;
    z-index: 1;
}

.index3-outer-wrapper .feel-free-to-talk-con .feel-free-content-con h3,
.new-talk-con.feel-free-to-talk-con .feel-free-content-con h3 {
    margin-bottom: 27px;
}

.index3-outer-wrapper .feel-free-to-talk-con img,
.new-talk-con.feel-free-to-talk-con img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    /* animation-name: spin;
    animation-duration: 9000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; */
}

.index3-outer-wrapper .feel-free-to-talk-con .special-text,
.new-talk-con.feel-free-to-talk-con .special-text {
    margin-bottom: 25px !important;
}

/*  */
.index3-outer-wrapper .satisfied-review-con.reviews-con {
    background-image: none;
}

.index3-outer-wrapper .satisfied-review-con.reviews-con .owl-carousel .owl-item img.position-absolute {
    right: 0;
    left: 0;
    margin: auto;
    top: unset;
    bottom: -17px;
}

.index3-outer-wrapper .satisfied-review-con.reviews-con .comment-text {
    margin-top: 37px;
}

.index3-outer-wrapper .satisfied-review-con.reviews-con .comment-text p {
    font-size: 26px;
    line-height: 40px;
}

.index3-outer-wrapper .satisfied-review-con.reviews-con .owl-carousel .item {
    background-color: transparent;
    padding: 0;
}

.index3-outer-wrapper .satisfied-review-con.reviews-con .owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 0 4px;
    border-radius: 100px;
}

.index3-outer-wrapper .satisfied-review-con.reviews-con .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 20px;
}

/* SERVICES PAGE STYLING */
.sub-banner-con {
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 168px;
    padding-bottom: 138px;
    background-image: url(../images/services-banner-img.jpg);
    background-position: right;
}

/* 
.sub-banner-con {
    background-image: url(../images/services-banner-img.jpg);
} */

.breadcrumb-item+.breadcrumb-item::before,
.breadcrumb-item.active {
    color: var(--secondary--color);
}

.breadcrumb-item {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
}

.breadcrumb {
    border-radius: 100px;
    background-color: var(--primary--color);
    padding: 11px 25px;
    border: 1px solid transparent;
    transition: ease-in-out 0.6s;
}

.breadcrumb-item a {
    text-decoration: none;
    color: var(--secondary--color);
}

.breadcrumb-item a:hover {
    color: var(--yellow-color);
}

.breadcrumb:hover {
    border: 1px solid var(--secondary--color);
}

/* BENEFITS PROVIDE SECTION */
.benefits-provide-con {
    min-height: 732px;
    padding-top: 111px;
    padding-bottom: 107px;
}

.benefits-provide-con::after {
    content: "";
    left: 0;
    top: 0;
    width: 1102px;
    height: 732px;
    position: absolute;
    background: url(../images/benefits-pink-bg.png);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.benefits-provide-con::before {
    content: "";
    right: 0;
    top: 0;
    width: 1040px;
    height: 732px;
    position: absolute;
    background: url(../images/benefits-image-bg.jpg);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.benefits-iner-con {
    z-index: 1;
}

.benefits-provide-con .benefits-iner-con ul li {
    padding-left: 30px;
    color: var(--secondary--color);
    font-size: 18px;
    font-family: "Fredoka", sans-serif;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 8px;

}

.benefits-provide-con .benefits-iner-con ul li i {
    top: 8px;
    color: var(--secondary--color);
    left: 0;
}

.benefits-provide-con h3 {
    margin-bottom: 18px;
}

.benefits-provide-con p {
    font-weight: 300;
}

.benefits-provide-con .secondary-button a {
    box-shadow: none;
}

.benefits-provide-con .secondary-button a:hover {
    box-shadow: none;
    color: var(--secondary--color);
    transition: ease-in-out 0.6s;
    background-color: transparent;
    border: 2px solid var(--secondary--color);
}

/* PRICING SECTION */
.pricing-con .white-box h5 {
    margin-bottom: 22px;
}

.pricing-con .white-box {
    padding: 31px 33px 38px;
}

.pricing-con .price-outer span.price {
    font-size: 58px;
    font-family: "Fredoka", sans-serif;
    font-weight: 600;
    margin-bottom: 11px;
    line-height: 39px;

}

.pricing-con .white-box .price-outer::after {
    background: none;
    background-image: url(../images/purple-oval-shape.png);
    content: '';
    position: absolute;
    width: 182px;
    height: 172px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 0;
}

.pricing-con .white-box.pink .price-outer::after {
    background-image: url(../images/pink-oval-shape.png);
}

.pricing-con .white-box.yellow .price-outer::after {
    background-image: url(../images/yellow-oval-shape.png);
}

.pricing-con .price-outer .inner-text {
    position: absolute;
    left: 0;
    right: 0;
    top: 55px;
    margin: 0 auto;
    z-index: 1;
}

.pricing-con .price-outer {
    min-height: 172px;
}

.pricing-con .white-box ul {
    margin-top: 20px;
    margin-bottom: 20px;
}

.pricing-con .white-box ul li {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: 300;
    color: var(--text-color);
}

.pricing-con .white-box .primary-button a {
    min-width: 137px;
    height: 42px;
    line-height: 37px;
    font-weight: 500;
}

.pricing-con .white-box .primary-button {
    transition: ease-in-out 0.6s;
}

.pricing-con .white-box:hover .primary-button {
    transform: translateY(-3px);
}

.pricing-con .white-box.purple .primary-button a {
    background-color: var(--accent-color);
    box-shadow: 8px 14px 17px rgb(137 43 243 / 19%);
}

.pricing-con .white-box.yellow .primary-button a {
    background-color: var(--yellow-color);
    box-shadow: 8px 14px 17px rgb(255 207 20 / 19%);
}

.pricing-con .white-box.pink .primary-button a {
    box-shadow: 8px 14px 17px rgb(245 42 133 / 19%);
}

.pricing-con .white-box.yellow {
    border: 1px dashed var(--yellow-color);
}

.pricing-con .white-box.pink {
    border: 1px dashed var(--primary--color);
}

.pricing-con .white-box.purple {
    border: 1px dashed var(--accent-color);
}

.pricing-con .white-box.purple .primary-button a:hover {
    background-color: transparent;
    color: var(--accent-color);
    border-color: var(--accent-color);
}

.pricing-con .white-box.yellow .primary-button a:hover {
    background-color: transparent;
    color: var(--yellow-color);
    border-color: var(--yellow-color);
}

/* ABOUT PAGE STYLING */
.about-facilites-con {
    background-image: none;
}

.our-school-facilities-con.about-facilites-con .our-facility-image-con img {
    right: unset;
    left: -33px;
}

.our-school-facilities-con.about-facilites-con .our-school-facilities-content li {
    background-color: var(--white-family-bg-color);
    width: 48%;
    float: left;
    margin-right: 12px;
    padding: 14px 9px;
}

.our-school-facilities-con.about-facilites-con .our-school-facilities-content li:nth-child(even) {
    margin-right: 0;
}

.wt-we-do-services-con .like-services-con .white-box img {
    margin-bottom: 0;
}

.wt-we-do-services-con .like-services-con .white-box p {
    margin-bottom: 0;
}

.wt-we-do-services-con .like-services-con .white-box {
    padding: 40px 26px 35px;
}

/* BEST STAFF SECTION */
.best-staff-con .heading-title-con h2 {
    line-height: 58px;
    font-weight: 700;
    margin-bottom: 12px;
    margin-top: 8px;

}

.best-staff-con .heading-title-con p {
    margin-bottom: 22px;
}

.best-staff-con .staff-bottom-box {
    padding: 25px 20px;
    margin-bottom: 30px;
}

.best-staff-con .best-staff-box h5,
.best-staff-con .best-staff-box img {
    transition: ease-in-out 0.6s;
}

.best-staff-con .best-staff-box img {
    display: inline-block;
}

.best-staff-con .best-staff-box:hover h5 {
    color: var(--primary--color);
}

.best-staff-con .best-staff-box:hover img {
    transform: scale(1.05);
}

.best-staff-con .best-staff-box {
    overflow: hidden;
    box-shadow: 0px 6px 38px rgb(238 238 252 / 100%);
}

.best-staff-con .best-staff-box span {
    line-height: 27px;
}

/* CLASSES PAGE FILTER SECTION STYLING */

.filter-tab-con .tabs-box ul.nav-tabs li {
    text-transform: uppercase;
    margin: 0 24px;
    font-family: "Fredoka", sans-serif;
    font-weight: 600;
    line-height: 41px;

}

.filter-tab-con .tabs-box ul.nav-tabs li a {
    color: var(--magento-color);
    font-size: 20px;
    font-weight: 600;
}

.filter-tab-con .tabs-box ul li a:hover {
    color: var(--blue-family-color);
    text-decoration: none;
}

.filter-tab-con .tabs-box ul li a.active {
    background-image: url(../images/hover-shape.png);
    width: 170px;
    height: 41px;
    color: var(--secondary--color);
    padding: 0 12px;
    display: inline-block;
    text-align: center;
    line-height: 41px;
    border-radius: 11.5px;
}

.filter-tab-con .tabs-box ul li a.active.all {
    background-image: url(../images/pink-shape.png);
    width: 96px;
    height: 34px;
    line-height: 34px;
    /* background-size: contain; */
}

.filter-tab-con .tabs-box ul li:has(a.active.all) {
    line-height: 34px;
}

.filter-tab-con .tabs-box ul.nav-tabs {
    margin-bottom: 45px;
    border-bottom: none;
}

.classes-filter-con .popular-box {
    margin-bottom: 30px;
}

/* testimonial page styling */
.testimonial-new-con {
    background-image: none;
}

/* contact page styling  */
.send-msg-con .our-info-box {
    background-color: var(--secondary--color);
    box-shadow: 0px 6px 38px rgb(238 238 252 / 100%);
    padding: 44px 33px 37px;
    border: 1px dashed var(--primary--color);
}

.send-msg-con .our-info-box h4 {
    font-size: 28px;
    margin-bottom: 16px;
}

.send-msg-con .our-info-box p {
    font-size: 20px;
    margin-bottom: 24px;
}

.send-msg-con .our-info-box ul li .sub-info-inner {
    padding-left: 16px;
}

.send-msg-con .our-info-box ul li {
    margin-bottom: 32px;
}

.send-msg-con .our-info-box ul li a {
    font-size: 20px;
    color: var(--magento-color);
}

.send-msg-con .our-info-box ul li a:hover {
    text-decoration: none;
    color: var(--primary--color)
}

.send-msg-con .our-info-box ul li a {
    position: relative;
}

.send-msg-con .our-info-box ul li a::after {
    left: 0;
    bottom: -2px;
    width: 0;
    height: 1px;
    content: '';
    position: absolute;
    background: var(--primary--color);
    transition: ease-in-out 0.3s;
}

.send-msg-con .our-info-box ul li a:hover::after {
    width: 100%;
}

.send-msg-con .our-info-box ul li h5 {
    margin-bottom: 4px;
}

.send-msg-con .contact-us-con form ul li {
    width: 49%;
    margin-right: 12px;
}

.send-msg-con .contact-us-con form ul li:nth-child(2),
.send-msg-con .contact-us-con form ul li:nth-child(4) {
    margin-right: 0;
}

.send-msg-con .contact-us-con form ul li textarea {
    height: 111px;
    width: 100%;
}

.send-msg-con .contact-us-con form ul li.content-area {
    width: 100%;
    margin-right: 0;
    margin-bottom: 22px;
}

.get-in-touch-sub-con.contact-us-con .primary-button {
    margin: unset;
}

/* contact map con */
.contact-map-con iframe {
    width: 100%;
    height: 625px;
    border: none;
    position: relative;
    pointer-events: none;
}

/* ABOUT2 PAGE STYLING */
.about2-outer-wrapper .banner-con {
    background-image: url(../images/about2-banner-img.png);
    height: 701px;
    padding-top: 65px;
}

.about2-outer-wrapper .banner-con .banner-img-con3 {
    text-align: right;
}

.about2-outer-wrapper .banner-con .banner-con-content {
    margin-top: -100px;
}

.about2-outer-wrapper .banner-con .about2-outer-wrapper .banner-con .banner-img-con3 img {
    position: relative;
    right: -30px;
}

.about2-outer-wrapper .breadcrumb {
    border-radius: 100px;
    background-color: var(--secondary--color);
    padding: 13px 47px 15px;
    border: 1px solid transparent;
    transition: ease-in-out 0.6s;
    box-shadow: 0px 10px 7px rgb(0 0 0 / 3%);
    margin-bottom: 20px;
}

.about2-outer-wrapper .breadcrumb-item {
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
}

.about2-outer-wrapper .breadcrumb-item a {
    text-decoration: none;
    color: var(--magento-color);
}

.about2-outer-wrapper .breadcrumb-item a:hover {
    color: var(--primary--color);
}

.about2-outer-wrapper .breadcrumb-item+.breadcrumb-item::before,
.about2-outer-wrapper .breadcrumb-item.active {
    color: var(--magento-color);
}

.about2-outer-wrapper .statistics-con {
    background-image: none;
}

/* special care con styling */
.special-care-con {
    background-image: none;
}

.special-care-con .our-school-facilities-content ul li {
    background-color: var(--white-family-bg-color);
    width: 23%;
    margin: 0 12px;
}

.our-school-facilities-con.special-care-con .our-school-facilities-content li:nth-child(even) {
    margin-right: 12px;
}

.our-school-facilities-con.special-care-con .our-school-facilities-content li:first-child {
    margin-left: 0;
}

.our-school-facilities-con.special-care-con .our-school-facilities-content li:last-child {
    margin-right: 0;
}

/* */
.wt-we-do-services-con.what-we-do-con .vector1 {
    right: 150px;
}

.wt-we-do-services-con.what-we-do-con.chose-con .yellow a,
.wt-we-do-services-con.what-we-do-con.chose-con .yellow a i {
    color: var(--yellow-color);
}

.wt-we-do-services-con.what-we-do-con.chose-con .purple a,
.wt-we-do-services-con.what-we-do-con.chose-con .purple a i {
    color: var(--accent-color);
}

.wt-we-do-services-con.what-we-do-con.chose-con .blue a,
.wt-we-do-services-con.what-we-do-con.chose-con .blue a i {
    color: var(--blue-color);
}

/* 404 page styling */

.error_outer_wrapper {
    border-top: 3px solid var(--primary--color);
    background-image: url('../images/error-banner-image.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    flex-grow: 1;
    min-height: 100vh;
    text-align: center;
    position: relative;
}

.error_outer_wrapper .error-con {
    flex-grow: 1;
}

.error_outer_wrapper .error-con .error-banner-inner-con h4 {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 17px;
    font-family: "Barlow", sans-serif;
    font-weight: 500;
}

.error_outer_wrapper .error-con .error-banner-inner-con p {
    font-size: 22px;
    line-height: 32px;
    font-weight: 300;
    margin-bottom: 21px;
}

.error_outer_wrapper .error-con .error-banner-inner-con img {
    margin-bottom: 30px;
    animation: gelatine 0.8s;
    animation-iteration-count: 2;
    transition: ease-in-out 0.6s;
}

.error_outer_wrapper .error-con .error-banner-inner-con .primary-button a {
    min-width: 227px;
    height: 62px;
    font-size: 20px;
    font-weight: 500;
}

@keyframes gelatine {

    from,
    to {
        transform: scale(1, 1);
    }

    25% {
        transform: scale(0.9, 1.1);
    }

    50% {
        transform: scale(1.1, 0.9);
    }

    75% {
        transform: scale(0.95, 1.05);
    }
}

.error_outer_wrapper .error-con .vector1 {
    right: 39px;
    top: 0;
    animation: rotateY-anim 4s linear infinite;
}

.error_outer_wrapper .error-con .vector2 {
    right: 0;
    animation: move 4s ease infinite;
    animation-duration: 8s;
    /* top: 78px; */
}

.error_outer_wrapper .error-con .vector3 {
    left: 176px;
    top: 298px;
    animation: move1 6s infinite;
    animation-duration: 7s;
}

.error_outer_wrapper .error-con .vector4 {
    left: 303px;
    bottom: 297px;
    animation: rotateY-anim 4s linear infinite;
}

/* COMING SOON PAGE STYLING */
.comming-soon-con .error-con .error-banner-inner-con h4 {
    font-size: 24px;
    font-family: "Fredoka", sans-serif;
    line-height: 28px;
    margin-bottom: 33px;
    font-weight: 600;
}

.comming-soon-con .error-con .error-banner-inner-con h1 {
    font-size: 120px;
    line-height: 120px;
    margin-bottom: 44px;

}

.comming-soon-con .error-con .error-banner-inner-con h1 span {
    color: var(--secondary--color);
}

/* coming soon countdown timer styling */
.compaign_countdown ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.compaign_countdown ul li {
    /* float: left !important; */
    width: auto;
    margin: 0;
    text-align: center;
    margin: 0 17px;
    height: 172px;
    width: 182px;
    background-image: url(../images/white-oval-shape.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px;
    font-size: 22px;
    line-height: 22px;
    font-weight: 300;
}

.compaign_countdown ul li.purple {
    color: var(--accent-color);
}

.compaign_countdown ul li.yellow {
    color: var(--yellow-color);
}

.compaign_countdown ul li.pink {
    color: var(--primary--color);
}

.compaign_countdown ul li.blue {
    color: var(--blue-color);
}

.compaign_countdown ul li:first-child {
    margin-left: 0;
}

.compaign_countdown ul li:last-child {
    margin-right: 0;
}

.compaign_countdown ul li span.days,
.compaign_countdown ul li span.hours,
.compaign_countdown ul li span.minutes,
.compaign_countdown ul li span.seconds {
    display: block;
    color: var(--accent-color);
    width: auto;
    font-family: "Fredoka", sans-serif;
    font-size: 62px;
    line-height: 72px;
    border-radius: 0;
    font-weight: 700;
}

.compaign_countdown ul li span.hours {
    color: var(--yellow-color);
}

.compaign_countdown ul li span.minutes {
    color: var(--primary--color);
}

.compaign_countdown ul li span.seconds {
    color: var(--blue-color);
}

/* BUTTON HOVER STYLING */

.hover-animate {
    position: relative;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    transition: color .2s linear var(--c-d, .2s), background .3s linear var(--b-d, .2s);
}

.hover-animate div {
    z-index: 1;
    position: relative;
    display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 95%;
}

.hover-animate div span {
    display: block;
    backface-visibility: hidden;
    transform: translateZ(0);
    animation: var(--name, none) .7s linear forwards .18s;
}

.hover-animate.in:not(.out) {
    --name: move;
}

.hover-animate.in:not(.out)::before,
.hover-animate.in:not(.out)::after {
    --y: 0;
    --br: 5%;
}

.hover-animate.in:not(.out)::after {
    --br: 10%;
    --d-d: .02s;
}

.hover-animate.in.out {
    --name: move-out;
}

.hover-animate.in.out::before {
    --d-d: .06s;
}

@keyframes move {

    30%,
    36% {
        transform: translateY(calc(-6px * var(--move))) translateZ(0) rotate(calc(-13deg * var(--rotate) * var(--part)));
    }

    50% {
        transform: translateY(calc(3px * var(--move))) translateZ(0) rotate(calc(6deg * var(--rotate) * var(--part)));
    }

    70% {
        transform: translateY(calc(-2px * var(--move))) translateZ(0) rotate(calc(-3deg * var(--rotate) * var(--part)));
    }
}

@keyframes move-out {

    30%,
    36% {
        transform: translateY(calc(6px * var(--move))) translateZ(0) rotate(calc(13deg * var(--rotate) * var(--part)));
    }

    50% {
        transform: translateY(calc(-3px * var(--move))) translateZ(0) rotate(calc(-6deg * var(--rotate) * var(--part)));
    }

    70% {
        transform: translateY(calc(2px * var(--move))) translateZ(0) rotate(calc(3deg * var(--rotate) * var(--part)));
    }
}


.hover-animate {
    display: block;
    margin: 0 8px;
}

.hover-animate:first-child {
    margin-left: 0;
}

.hover-animate:last-child {
    margin-right: 0;
}

.sub-banner-con .vector3 {
    right: 0;
}

.sub-banner-con .vector2 {
    left: 117px;
    top: 155px;
}

.sub-banner-con .vector4 {
    left: 234px;
    bottom: 90px;
}