body,html {
    font-family: "Nunito", sans-serif;
    font-size: 15px;
    line-height: 1.5;
}

#school_logo {
    width: 148px;
}

#top_header_section {
    padding: 20px 0;
}

a {
    color: rgb(37, 59, 112);
    text-decoration: none;
}

a:hover {
    color: rgb(238, 127, 130);
}

section > div.container-fluid:not(.no_special_padding),
footer > div.container-fluid {
    padding-left: 25px;
    padding-right: 25px;
}

#non_home_page_section {
    min-height: 500px;
}

#website_nav {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Grandstander", cursive;
}

#slideshow_swiper, #swiper_slideshow_nonhome_page {
    height: 100%;
    position: relative;
}

#black_shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(10deg, rgba(10, 10, 10, 0.7) 14.86%, rgba(0, 0, 0, 0.00) 76.82%);
    z-index: 130;
}

/*#slides_container {}*/

#respMenu {
    background: white;
    border-style: solid;
    border-color: rgb(246,189,96);
}

#happy_curriculum_section div.curriculum_swing div.flex_wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    overflow: hidden;
}

#current_page_title {
    z-index: 135;
    position: relative;
    bottom: 75px;
    padding: 15px 0 10px 40px;
    font-size: 40px;
    color: white;
    /*background: rgba(10, 10, 10, 0.37);*/
    margin: 0;
}

#happy_curriculum_section div.curriculum_swing div.flex_wrapper div.flex_item {
    width: 120px;
    position: relative;
    margin: 0 15px;
}

#slides_container div.swiper-slide img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#happy_curriculum_section div.curriculum_swing div.flex_wrapper div.img_wrapper {
    position: relative;
    transform-origin: -100px;
    transform: translateY(-100px);
    transition: transform 0.4s ease-in-out;
}

#happy_curriculum_section div.curriculum_swing div.flex_wrapper div.flex_item:hover div.img_wrapper {
    transform: translateY(0);
}

#happy_curriculum_section div.curriculum_swing div.flex_wrapper div.img_wrapper div.letter_wrapper {
    position: absolute;
    bottom: 40px;
    left: 50%;
    color: white;
    z-index: 12;
    transform: translateX(-50%);
    font-size: 55px;
    line-height: 40px;
    font-family: Grandstander,sans-serif;
    font-weight: 700;
}

#respMenu li a {
    font-family: "Grandstander", cursive;
    padding: 12px 16px;
    font-size: 16px;
    font-weight: bold;
    color: rgb(0, 32, 77);
}

#respMenu > li:last-child {
    margin-right: 20px;
}

.text_purple {
    color: rgb(184,146,249);
}

.text_green {
    color: rgb(165,210,124);
}

.text_orange {
    color: rgb(246,189,96);
}

.text_blue {
    color: rgb(120,173,249);
}

#respMenu > li.active_menu a,
#respMenu > li:hover a {
    background: transparent;
    color: rgb(238, 127, 130);
}

.text_hover {
    color: rgb(238, 127, 130);
}

#header_section {
    position: relative;
}

#header_section div.content_container {
    /*padding-top: 140px;*/
}

#header_section div.content_container div.flex_wrapper,
div.flex_wrapper_center {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
}

#header_section div.content_container div.flex_wrapper div.flex_item, 
div.flex_wrapper_center div.flex_item {
    text-align: center;
    z-index: 10;
    margin-bottom: 40px;
}

#header_section div.content_container div.flex_wrapper h1 > span {
    /*display: block;*/
    letter-spacing: 2px;
    /*font-size: 54px;*/
}

#header_section div.content_container #apply_now_btn {
    color: rgb(175, 127, 48);
    background: rgb(255,242,220);
    border-color: rgb(246,189,96);
    border-radius: 40px;
    padding: 10px 40px;
    transform: scale(1);
    transition: all 0.2s ease-out;
}

#header_section div.content_container #apply_now_btn:hover {
    transform: scale(1.1);
    border-color: #ffe89d99;
}

#header_section #img_container, #jfc_world div.character_slideshow div.img_container {
    position: absolute;
    height: 100%;
    width: 100%;
}

#header_section #img_container > div,
#jfc_world div.character_slideshow div.img_container > div {
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size: cover;
}

#header_section #img_container > div.img_wrapper_1 {
    background-image: url('/t/441/img/view/cloud_left.png');
    max-width: 401px;
    max-height: 158px;
    left: 0;
    top: 0;
    z-index: 2;
}


#header_section #img_container > div.img_wrapper_2 {
    background-image: url('/t/441/img/view/cloud_right.png');
    max-width: 178px;
    max-height: 300px;
    right: 0;
    top: 0;
}

#header_section #img_container > div.img_wrapper_3 {
    background-image: url('/t/441/img/view/sun_spinning.gif');
    max-width: 180px;
    max-height: 174px;
    left: 19%;
    top: -74px;
}

#header_section #img_container > div.img_wrapper_4,
#jfc_world div.character_slideshow div.img_container > div.img_wrapper_4 {
    background-image: url('/t/441/img/view/mountains.png');
    left: 0;
    bottom: 0;
    z-index: 2;
    background-attachment: fixed;
}

#header_section #img_container > div.img_wrapper_5,
#jfc_world div.character_slideshow div.img_container > div.img_wrapper_5 {
    background-image: url('/t/441/img/view/greenery_view.png');
    left: 0;
    bottom: 0;
    z-index: 2;
    background-attachment: fixed;
}

#header_section #img_container > div.img_wrapper_6,
#jfc_world div.character_slideshow div.img_container > div.img_wrapper_6 {
    background-image: url('/t/441/img/view/garden.png');
    left: 0;
    bottom: 0;
    z-index: 2;
}

#one_review_section {
    position: relative;
}

#one_review_section div.img_wrapper {
    position: absolute;
    top: -80px;
    left: 0;
    width: 100%;
    height: calc(100% + 120px);
    z-index: 2;
    background-image: url('/t/441/img/view/cloud_2.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

#our_overview_section {
    padding: 80px 0 60px 0;
}

#our_overview_section div.flex_wrapper {
    display: flex;
    align-items: flex-end;
    flex-direction: row;
    width: 100%;
}


#our_overview_section div.cloud_item {
    text-align: center;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 40px;
    width: 100%;
    background-position: center;
    margin-bottom: 25px;
}

#our_overview_section div.cloud_item div.cloud_content p {
    margin-bottom: 7px;
}

#our_overview_section div.cloud_item div.cloud_content span {
    display: block;
    font-size: 25px;
    font-weight: 600;
}

#why_choose_us_section {
    padding: 60px 0;
}

#jfc_world {
    padding: 60px 0;
}

#jfc_world div.character_slideshow {
    width: 100%;
    height: 100%;
    position: relative;
}

#jfc_world div.character_slideshow div.slideshow_wrapper {
    padding: 25px;
    z-index: 10;
    position: relative;
    width: 50%;
    left: 25%;
    height: 100%;
    display: flex;
    align-items: center;
}

#happy_curriculum_section {
    padding: 60px 0;
    background: linear-gradient(279deg, #E5F0FF -1.4%, rgba(255, 255, 255, 0.00) 99.99%);
}

#our_programs {
    padding: 60px 0;
    background: linear-gradient(0deg, #FEF7F9 0%, #FEF7F9 100%);
}

#our_programs div.content_wrapper {
    padding: 25px;
    text-align: center;
    box-shadow: 0px 3px 17px 0px #dbdbdb;
    border: 1px solid #dbdbdb42;
    margin: 0 20px 30px 20px;
}

#our_programs div.content_wrapper img {
    /*max-width: 80%;*/
}

#our_facilities_section {
    padding: 60px 0;
}

#our_facilities_section div.row {
    background: rgb(255,247,240);
    border-radius: 50px;
}

#our_facilities_section div.facility_wrapper,
#our_facilities_section div.facility_img {
    padding: 40px 28px;
}

#our_centres_section {
    padding: 60px 0;
}

#our_centres_section div.centres_wrapper {
    border: 1px solid #0000001a;
    border-radius: 12px;
    padding: 20px;
}

#our_centres_section div.centres_wrapper div.content_wrapper ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

#our_centres_section div.centres_wrapper div.content_wrapper ul li {
    margin: 10px 20px;
}

#our_centres_section div.centres_wrapper div.content_wrapper ul li a {
    display: block;
    background: white;
    color: black;
    border: 1px solid #0000001a;
    border-radius: 12px;
    font-size: 1.2rem;
    line-height: 1.2rem;
    padding: 25px 30px;
    position: relative;
    transition: all 0.3s ease-in-out;
}

#our_programs div.heading {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
}

#view_details_btn {
    background: rgb(238, 127, 130);
    color: white;
    border-color: #ffffff4d;
    border-radius: 30px;
    padding: 14px 28px;
}


#our_centres_section div.centres_wrapper div.content_wrapper ul li a::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    transform-origin: 0;
    content: '\f061';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: transform 0.4s ease-in-out;
    opacity: 0;
    color: rgb(238, 127, 130);
}


#our_centres_section div.centres_wrapper div.content_wrapper ul li a:hover::after {
    transform: translateY(-50%) translateX(45%);
    left: auto;
    right: auto;
    opacity: 1;
}

#our_centres_section div.centres_wrapper div.content_wrapper ul li a:hover {
    background: linear-gradient(180deg,#fff,#fff3f3);
    border-color: rgb(238, 127, 130);
    color: rgb(238, 127, 130);
}


#news_and_events_section {
    padding-top: 60px;
    background: linear-gradient(180deg, rgba(217, 233, 255, 0.00) 0%, rgba(251, 222, 206, 0.00) 0.01%, #FBDECE 47.82%);
}

#testimonial_section {
    padding-top: 60px;
    background: rgb(251,222,206);
}


#events_container div.wrapper,
#testimonials_container div.wrapper {
    padding: 15px;
    background: white;
    border-radius: 30px;
    margin: 0 10px;
}

#events_container div.wrapper div.inner_wrapper,
#testimonials_container div.wrapper div.inner_wrapper {
    border-color: #ee7f82;
    padding: 20px 25px;
    border-style: dashed;
    border-width: 2px;
    border-radius: 30px;
}
#events_container div.wrapper div.inner_wrapper div.img_wrapper,
#testimonials_container div.wrapper div.inner_wrapper div.img_wrapper {
    /*box-shadow: 0px 6px 6px 0px #e1e1e1;*/
    margin-bottom: 25px;
}

#testimonials_container div.wrapper div.inner_wrapper {
    /*border-style: dotted;*/
    border-width: 1px;
}

#events_slider_prev, #events_slider_next,
#testimonials_slider_prev, #testimonials_slider_next {
    bottom: 0;
    top: unset;
    color: white;
    background: #ee7f82;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid white;
}

#events_slider_prev,
#testimonials_slider_prev {
    left: calc(47% - 25px);
    right: unset;
}

#events_slider_next,
#testimonials_slider_next {
    left: unset;
    right: calc(48% - 25px);
}

#news_and_events_section div.slideshow_wrapper,
#testimonial_section div.slideshow_wrapper {
    position: relative;
    padding-bottom: 80px;
}

#events_slider_prev::after, #events_slider_next::after,
#testimonials_slider_next::after, #testimonials_slider_prev::after {
    font-size: 20px;
    font-weight: bold;
}

#testimonial_section div.circles {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    background: white;
    padding-bottom: 20px;
}

#testimonial_section div.circle_item {
    background: #fbdece;
    border-radius: 0% 0 50% 50%;
    flex-grow: 1;
    height: 220px;
}

#admissions_open_section {
    padding: 60px 0;
}

#admissions_open_section div.admission_open_wrapper {
    border-color: #ee7f82;
    border-style: dashed;
    border-width: 3px;
    border-radius: 15px;
}

#admissions_open_section div.admission_open_wrapper:hover div.arrow_div {
    transform: translateX(40px);
}

#admissions_open_section div.admission_open_wrapper div.content_wrapper {
    padding: 20px 25px;
}

#admissions_open_section div.admission_open_wrapper div.arrow_div {
    display: inline-block;
    transition: all 0.5s ease-in-out;
    transform-origin: 0;
    transform: translateX(0);
}

#admissions_open_section div.admission_open_wrapper div.arrow_div i {
    font-size: 3rem;
    color: rgb(238, 127, 130);
}


#admissions_open_section div.admission_open_wrapper div.image_wrapper {
    position: relative;
    width: 100%;
    /*overflow: hidden;*/
}

#admissions_open_section div.admission_open_wrapper div.image_wrapper div.img_container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    z-index: 12;
    background: #fbdece;
}

#footer_section {
    background: rgb(24,1,1);
    color: white;
    padding: 60px 0 20px 0;
}

#footer_section a {
    color: white;
}

#footer_section a:hover {
    text-decoration: underline;
}


#footer_section div.social_media_icons > a {
    margin-right: 18px;
    text-align: center;
    display: inline-block;
    font-size: 19px;
}

#footer_section div.social_media_icons > a:hover i {
    transform: rotate(360deg);
}

#footer_section div.social_media_icons > a i {
    transition: transform 0.3s linear;
}


#footer_section div.social_media_icons > a:hover i.youtube_icon {
    color: #FF0000;
}

#footer_section div.social_media_icons > a:hover i.facebook_icon {
    color: #1877F2;
}

#footer_section div.social_media_icons > a:hover i.linkedin_icon {
    color: rgb(0, 119, 181);
}

#footer_section div.social_media_icons > a:hover i.instagram_icon {
    color: #c13584;
}

#quick_links ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#footer_section div.content_wrapper ul li,
#footer_section div.content_wrapper > div {
    margin-bottom: 15px;
}

#footer_section div.content_wrapper i {
    margin-right: 8px;
    color: #ee7f82;
}

#footer_section div.div_col {
    border-right: 4px solid #ffffff24;
}

#copyright_content * {
    margin: 0;
    padding: 0;
}

#footer_section div.extra_links ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#footer_section div.extra_links ul li {
    display: inline-block;
    margin-right: 10px;
}

#footer_section div.extra_links ul li a {
    text-decoration: underline;
}

#our_facilities_section div.facility_img img {
    max-width: 400px;
}

#footer_section div.grid_col_div:nth-child(4) div.div_col {
    border-right: 0;
}

#characters_container div.swiper-slide div.character_name {
    text-align: center;
    margin-bottom: 20px;
    padding: 5px 20px;
    background: burlywood;
    font-size: 20px;
    color: white;
}


@media (max-width: 992px) {
    #events_slider_prev,
    #testimonials_slider_prev {
        left: calc(47% - 50px);
        right: unset;
        transform: translateX(50%);
    }
    
    #events_slider_next,
    #testimonials_slider_next {
        left: unset;
        right: calc(48% - 50px);
    }
}
    
    #nav_menu_toggle {
        width: 80px;
        background: transparent;
        text-align: right;
    }
    
    #menu-btn {
        float: none !important;
        background: rgb(238, 127, 130) !important;
        color: white !important;
        border-color: rgb(238, 127, 130) !important;
        margin: 0 !important;
        padding: 8px 15px !important;
    }

@media (max-width: 768px) {
    #top_header_section div.img_wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    
    #respMenu {
        border-width: 1px;
    }
    
    #respMenu > li:first-child {
        border-top: 0 !important;
    }
    
    #our_overview_section div.flex_wrapper {
        justify-content: center;
    }
    
    #testimonial_section div.circle_item {
        height: 160px !important;
    }
    #admissions_open_section div.admission_open_wrapper div.image_wrapper div.side_circles {
        display: none;
    }
    
    #footer_section div.grid_col_div div.div_col {
        border: 0 !important;
    }
    
    #header_section #img_container > div.img_wrapper_6,
    #jfc_world div.character_slideshow div.img_container > div.img_wrapper_6 {
        background-attachment: fixed;
    }
    
    img {
        max-width: 100% !important;
        height: auto;
    }
}

@media (max-width: 576px) {
    
    #testimonial_section div.circle_item {
        height: 80px !important;
    }
    
    #happy_curriculum_section div.curriculum_swing div.flex_wrapper {
        display: none;
    }
}

@media (min-width: 768px) {
    #respMenu {
        border-width: 4px;
        border-radius: 5rem;
    }
    
    #respMenu > li.home {
        margin-left: 20px;
    }

    #respMenu > li {
        margin: 7px 0;
    }


    #admissions_open_section div.admission_open_wrapper div.image_wrapper div.side_circles {
        display: flex;
        flex-direction: column;
        background: #fbdece;
        position: absolute;
        width: 100px;
        top: 0;
        left: 0;
        height: 100%;
    }
    
    #admissions_open_section div.admission_open_wrapper div.image_wrapper div.side_circles div.circle_item {
        background: white;
        border-radius: 0% 50% 50% 0%;
        flex-grow: 1;
        z-index: 13;
    }
    
    #admissions_open_section div.admission_open_wrapper div.image_wrapper div.img_container {
        width: calc(100% - 100px);
        left: 100px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    
    #footer_section div.grid_col_div div.div_col {
        height: 100%;
    }
    
    #footer_section div.grid_col_div:nth-child(3) div.div_col {
        border-right: 0 !important;
    }
    
    #footer_section div.grid_col_div:nth-child(4) div.div_col {
        border-right: 0 !important;
        border-left: 4px solid #ffffff24;
    }
    
    #footer_section div.grid_col_div:nth-child(2) div.div_col {
        border-right: 0 !important;
        border-left: 4px solid #ffffff24;
    }
}

@media (min-width: 992px) {
}