@import url(Palace-Script-MT-Font/stylesheet.css);
@import url(roundy-slaby/stylesheet.css);
@import url(balsamiqsans/web/stylesheet.css);





.swiper {
    width: 100%;
    height: 100%
}

.swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #fff;
    position: relative
}

.swiper-slide:nth-child(odd) {
    background: #007aff
}

.swiper-slide:nth-child(even) {
    background: #34c759
}

.border-animation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fff0
}

.border-animation::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #fc0;
    transition: width 3s ease
}

.swiper-slide-active .border-animation::after {
    width: 100%
}

.slider-box {
    position: relative
}

.slider-box .slide-captions {
    position: absolute;
    top: 250px;
    left: 150px;
    background: rgb(6 7 31 / .59);
    padding: 10px 15px;
    border-radius: 10px
}

.slider-box .slide-captions h2 {
    color: #fff;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 1s ease-in-out forwards;
    animation-delay: 0.5s
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.mobile-slider {
    position: relative
}

/*!* Styles for mobile devices *!*/
@media (max-width: 768px) {
    .slider-box .slide-captions {
        display: none
    }
}

.philosophy-section {
    background: #ef9350
}

.philosophy-section .title-wrapper h2 .text-theme-colored3 {
    color: #fff !important
}

.philosophy-section .title-wrapper p {
    color: #fff
}

.mixed-section {
    background: #f9e8b2
}

.academic-section {
    background: rgb(93 41 153 / .7)
}

.academic-section .title-wrapper h2 .text-theme-colored3 {
    color: #fff !important
}

.list-box ul {
    list-style-type: none;
    position: relative
}

.list-box ul li {
    margin-bottom: 10px;
    padding-left: 35px;
    color: #fff
}

.list-box ul li::before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 0;
    font-weight: 900;
    font-size: 95%;
    padding-right: 10px;
    vertical-align: middle;
    color: #f9e8b2
}

.list-box2 ul {
    list-style-type: none;
    position: relative
}

.list-box2 ul li {
    margin-bottom: 10px;
    padding-left: 35px;
    color: #000;
    font-size: 17px;
    text-align: justify
}

.list-box2 ul li b {
    text-transform: capitalize
}

.list-box2 ul li a {
    color: #000
}

.list-box2 ul li:hover a {
    color: #FF9800
}

.list-box2 ul li::before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 0;
    font-weight: 900;
    font-size: 18px;
    padding-right: 10px;
    vertical-align: middle;
    color: #7b9d3e
}

.mission-list ul {
    list-style-type: none;
    position: relative
}

.mission-list ul li {
    margin-bottom: 10px;
    padding-left: 35px;
    color: #555;
    font-size: 17px;
    text-align: justify
}

.mission-list ul li b {
    text-transform: capitalize
}

.mission-list ul li a {
    color: #555
}

.mission-list ul li:hover a {
    color: #FF9800
}

.mission-list ul li::before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 0;
    font-weight: 900;
    font-size: 18px;
    padding-right: 10px;
    vertical-align: middle;
    color: #7b9d3e
}

.school-open {
    border: solid 1px #ef1b1b;
    font-size: 17px
}

.ageCriteria-list {
    display: flex;
    justify-content: center;
    align-items: center
}

.ageCriteria-list ul {
    list-style-type: none;
    display: table-row;
    padding: 0;
    margin: 0
}

.ageCriteria-list ul li {
    margin: 10px;
    padding-left: 30px;
    font-size: 17px;
    color: #000;
    position: relative
}

.ageCriteria-list ul li::before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 0;
    font-weight: 900;
    font-size: 18px;
    padding-right: 10px;
    vertical-align: middle;
    color: #7b9d3e
}

.text-green {
    color: #7b9d3e !important
}

.mixed-list {
    display: flex;
    justify-content: center;
    align-items: center
}

.mixed-list ul {
    list-style-type: none;
    display: table-row;
    padding: 0;
    margin: 0;
    position: relative
}

.mixed-list ul li {
    margin: 10px;
    padding: 10px 15px;
    font-size: 17px;
    background-color: #7b9d3e;
    display: grid;
    color: #fff
}

.mixed-list ul li a {
    color: #fff;
    text-align: left;
}

.mixed-list ul li:hover a {
    color: #000
}

.accordion-button{
    font-family: 'Balsamiq Sans';
    letter-spacing: 0px;
}

.title-box {
    margin-top: 15px
}

.title-box a h5 {
    text-transform: capitalize
}

.video-popup h3 {
    font-size: 22px
}

.section-content h5 {
    color: #1e93d6;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Roundy Slaby';
}

.about-text-content h5 {
    color: #1e93d6;
    text-align: center;
    text-transform: capitalize;
    font-family: 'Balsamiq Sans';
    letter-spacing: 0px;
}

.about-text-content h3 {
    text-transform: capitalize;
    font-family: 'Roundy Slaby';
    color: #1e93d6;
    text-align: center
}

.about-text-content h4 {
    /*text-transform: capitalize;*/
    font-family: 'Balsamiq Sans';
    color: #1e93d6;
    text-align: center;
    letter-spacing: 0px;
}

.years{
   font-size: 18px;
    font-family: 'Balsamiq Sans';
}

.title-center {
    text-align: center
}

.small-title {
    font-size: 24px
}

.class-activiti-sub-title {
    text-transform: uppercase
}

footer#footer .footer-widget-area .widget p {
    color: #fefefe
}

.newsletter-form {
    padding: 0;
    margin: 0
}

.popup-wrapper {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 20;
    background-color: rgb(0 0 0 / .6);
    display: none;
    align-items: center;
    justify-content: center
}

.popup-wrapper.active {
    display: block;
    z-index: 999;
    position: fixed
}

.popup-body {
    width: 100%;
    position: relative;
    background-color: #763b1b;
    padding-bottom: 5px;
    border-radius: 6px;
    margin: auto
}

.popup-body p {
    color: #fff;
    text-align: justify;
    margin: 0
}

.popup-body .heading-4 {
    margin-bottom: 0;
    font-size: 16px
}

.popup-body .close-popup {
    position: absolute;
    top: -33px;
    right: -41px;
    background: none;
    outline: none;
    box-shadow: none;
    border: none;
    color: #fff;
    font-size: 28px
}

.popup-innerbody {
    width: 100%;
    max-height: 300px;
    overflow: auto;
    padding-right: 14px
}

.team-details .member-biography h3 {
    font-size: 22px
}

.quotes-box {
    position: fixed;
    left: -104px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    background-color: rgb(0 0 0 / .7);
    padding: 20px;
    z-index: 1000;
    white-space: nowrap
}

.quotes-box p {
    color: #fd0;
    font-size: 16px;
    animation: blink 3s infinite;
    margin-bottom: 0
}

@keyframes blink {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.wa-chat-box-poweredby {
    display: none !important
}

.visit-counter {
    background: #fd0
}

.cursiveWriting {
    font-family: 'Palace Script MT';
    font-size: clamp(35px, 12vw, 50px)
}

.formBgBox {
    background: #763b1a
}

.title {
    margin-bottom: 0
}

.newsBox {
    background: #be2676;
    padding: 0 10px 25px 10px;
    border-radius: 10px
}

.popsBoxs {
    background: #763b1a;
    padding: 10px
}

.nav-tabs {
    border-bottom: none;
    justify-content: center
}

.nav-tabs .nav-link {
    border: none;
    border-radius: 5px;
    padding: 12px 25px;
    margin: 2px;
    color: #fff;
    background: #000;
    font-weight: 500;
    transition: all 0.3s ease
}

.nav-tabs .nav-link:hover {
    color: #fff;
    background: #7b9d3e
}

.nav-tabs .nav-link.active {
    color: #fff;
    background-color: #7b9d3e;
    border-radius: 5px
}

.tab-content {
    padding: 30px
}

.tab-pane {
    font-size: 16px;
    color: #333
}

.rainbow-title {
    font-size: 48px;
    font-weight: 700;
    background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    animation: rainbow-move 3s linear infinite
}

@keyframes rainbow-move {
    0% {
        background-position: 0% 50%
    }
    100% {
        background-position: 100% 50%
    }
}

.blink-text3 {
    animation: blink 4s infinite;
    color: #fff;
    font-weight: 700;
    padding: 5px 15px;
    border-radius: 50px;
    font-family: 'Roundy Slaby';
    letter-spacing: 2px;
}
.blink-text {
    animation: blink 2s infinite;
    color: #fff;
    font-weight: 700;
    padding: 5px 15px;
    border-radius: 50px;
    font-family: 'Roundy Slaby';
    letter-spacing: 2px;
}

@keyframes blink {
    0%, 100% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

.blink-text2 {
    animation: blink 3s infinite;
    color: #fff;
    font-weight: 700;
    background: #000;
    padding: 5px 15px;
    border-radius: 50px;
    font-family: 'Roundy Slaby';
    letter-spacing: 2px;
}

@keyframes blink {
    0%, 100% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

.develop_box {
    background: #fff;
    padding: 10px;
    margin-bottom: 25px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 2px 8px rgb(0 0 0 / .46);
    width: 100%;
    height: 200px
}

.develop_box .icon-text .icon-box-title {
    color: #000
}

.develop_box .icons {
    width: 100px;
    height: 100px;
    background: #7b9d3e;
    margin: auto;
    padding: 25px;
    border-radius: 50px;
    box-shadow: 0 2px 8px rgb(0 0 0 / .46)
}

.develop_box .icons img {
    width: 90px
}

.mandatory_school_box {
    background: #7b9d3e;
    padding: 10px;
    margin-bottom: 25px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 2px 8px rgb(0 0 0 / .46);
    width: 100%;
    height: 200px
}

.mandatory_school_box .icon-text .icon-box-title {
    color: #fff;
    transition: all 1s
}

.mandatory_school_box .icons {
    width: 100px;
    height: 100px;
    background: #b87d16;
    margin: auto;
    padding: 25px;
    border-radius: 50px;
    box-shadow: 0 2px 8px rgb(0 0 0 / .46);
    transition: transform 0.5s ease
}

.mandatory_school_box:hover .icons {
    transform: rotate(360deg)
}

.mandatory_school_box .icons img {
    width: 90px
}

.about-page p {
    margin-top: 15px;
    margin-bottom: 0
}

.about-page .about-list {
    margin-left: 30px
}

.titleShadow {
    text-shadow: 0 6px 3px rgb(0 0 0 / .46)
}

.banner-img-single {
    position: relative
}

.banner-form-box {
    width: 500px;
    padding: 10px;
    background: #000;
    /*background-image: url("../images/form-bg-2.jpg");*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    /*background-position: center center;*/
    margin: 5px 0;
    border-radius: 30px;
    position: absolute;
    top: 6%;
    right: 100px;
}


.banner-form-box label{
    color: #fff;
}

.desktop-banner {
    display: block
}

.mobile-banner {
    display: none
}

.banner-form-title {
    margin-bottom: 0;
    font-family: 'Balsamiq Sans';
    letter-spacing: 2px;
    /*color: #000000;*/
    color: #fff;
}

.span-green {
    /*color: #fff;*/
    color: #7b9d3e;
    font-size: 2rem;
    font-weight: 800;
    font-family: 'Roundy Slaby';
    letter-spacing: 2px;
}

.whatsAppNotifications {
    font-size: 11px;
    color: #555
}

.whatsAppNotifications-label {
    margin-top: -6px;
    margin-left: 10px;
}

.mobile-banner-form-box {
    background: #000;
    /*background-image: url("../images/form-bg-2.jpg");*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    /*background-position: center center;*/
    padding: 15px
}

.mobile-banner-form-box label{
    color: #fff;
}

input::placeholder {
    font-size: 14px
}

.carousel-control-next, .carousel-control-prev {
    background: transparent !important;
    border: none
}

.course-text-box {
    height: 70px
}

.accordion-header button strong {
    text-transform: uppercase;
    text-align: left
}

.vision-and-mission-body {
    background: #fff0;
    background-image: url("../images/Rootbridge School-body-bg.png");
    background-repeat: no-repeat;
    background-position: center
}

.menu-item .list-unstyled li {
    border-bottom: solid 1px #000
}

.title {
    color: #1e93d6;
    text-align: center;
    font-family: 'Roundy Slaby';
    letter-spacing: 2px;
}

p b i {
    color: #7ca03e;
    text-align: center
}

.course .thumb {
    padding: 15px;
    background-color: #f5f5f5;
    box-shadow: 0 4px 8px 1px rgb(0 0 0 / .3)
}

.modalPops {
    background-color: #7ca03e !important
}

.clickToView {
    font-size: 16px
}

/*eventsScrolling-section*/
.eventsScrolling-section{
    /*background-color: #242424;*/
    background-image: url("../images/bg/black-board-bg-1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.eventsScrolling-section .eventsScrolling-title{
    background-color: #fff;
    text-align: center;
    border-radius: 10px;
}
.eventsScrolling-section .eventsScrolling-title h2{
    font-size: 22px;
    font-family: 'Roundy Slaby';
    font-weight: 600;
}
.eventsScrolling-section .marquee-div a{
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    margin-left: 15px;
    font-family: 'Balsamiq Sans';
}
.eventsScrolling-section .marquee-div a .span-clickHere{
    /*color: #7b9d3e;*/
    color: #1e93d6;
    margin-right: 15px;

}
.eventsScrolling-section .marquee-div a:hover{
    color: #7b9d3e;

}
.eventsScrolling-section .marquee-div a:hover .span-clickHere{
    color: #fff;

}

.input-group-text {
    cursor: pointer;
}
.form-control::-webkit-calendar-picker-indicator {
    opacity: 0; /* hides default icon */
    cursor: pointer;
}