/* ================================================== */
/* !!!!             RESPONSIVE MEDIA             !!!! */
/* ================================================== */
/* !!! MIN WIDTH !!! */
@media (min-width: 576px) {
    .navbar .row:not(.g-0),
    .navbar .container {
        --bs-gutter-x: 30px;
    }
}
@media (min-width: 992px) {
    /* Private School */
    .note_box p {
        font-size: 20px;
        line-height: 30px;
    }
    /* FAQs Accordion */
    .faqs_wrapper .accordion {
        margin: -24px 0 0;
    }
    /* new personalized block */
    .personalized_image {
        left: -30px;
    }
    /* new banner style 3 css */
    .new_hero_banner_3 .hero_banner_img {
        position: absolute;
        right: -25%;
        top: 0;
        z-index: 1;
        width: calc(100% + 25%);
        height: 100%;
        background-color: black;
    }
    .new_hero_banner_3 video {
        height: 100%;
        object-fit: cover;
    }
}
@media (min-width: 1200px) {
    /* Navigation */
    .mega_menu_wrap > .container,
    .navbar_top_menu > .container,
    .navbar_bottom_menu > .container {
        max-width: 1200px;
    }
    .navbar-brand {
        margin: 0;
    }
    .mega-menu > li.nav-item {
        margin-bottom: 0;
    }
    /* new personalized block */
    .personalized_image {
        left: -42px;
    }
    /* new advantages block css */
    .new_advantages_block {
        grid-template-columns: repeat(auto-fill, minmax(291px, 1fr));
        grid-template-columns: repeat(3, 1fr);
    }
    .new_advantages_img img, .new_advantages_img {
        max-width: 397px;
        max-height: 312px;
        width: 100%;
        height: 100%;
        border-radius: 4px 4px 0 0;
        flex-shrink: 0;
    }
    .new_advantages_details:nth-child(1) .new_advantages_img img, 
    .new_advantages_details:last-child .new_advantages_img img,
    .new_advantages_details:nth-child(1) .new_advantages_img, 
    .new_advantages_details:last-child .new_advantages_img {
        border-radius: 4px 0 0 4px;
    }
    .new_advantages_details:nth-child(1) .new_advantages_info, 
    .new_advantages_details:last-child .new_advantages_info{
        border-radius: 0 4px 4px 0;
    }
    .new_advantages_info {
        border-radius: 0 0 4px 4px;
    }
    .new_advantages_details:nth-child(1) .new_advantages_img img, 
    .new_advantages_details:nth-child(1) .new_advantages_img  {
       max-height: 100%;
    }
    [class*="new_advantages_"]:nth-child(1) {
        grid-row: span 6;
        flex-direction: row;
        grid-column: span 2;
    }
    [class*="new_advantages_"]:nth-child(2) {
        grid-row: span 15;
    }
    [class*="new_advantages_"]:nth-child(3) {
        grid-row: span 16;
    }
    [class*="new_advantages_"]:nth-child(4) {
        grid-row: span 9;
    }
    [class*="new_advantages_"]:nth-child(5) {
        grid-row: span 7;
        flex-direction: row;
        grid-column: span 2;
    }
}
@media (min-width: 1200px) {
    .mega_menu_wrap > .container,
    .navbar_top_menu > .container,
    .navbar_bottom_menu > .container {
        max-width: 1200px;
    }
}
@media(min-width:1400px) {
    .mega_menu_wrap > .container,
    .navbar_top_menu > .container,
    .navbar_bottom_menu > .container {
        max-width: 1324px;
    }
}
/* !!! MAX WIDTH !!! */
@media (max-width: 1199px) {
    /* Typography */
    h1, .h1 {
        font-size: 36px;
        line-height: 44px;
    }
    h2, .h2 {
        font-size: 26px;
        line-height: 38px;
    }
    /* Navigation */
    .nav_toggle_container a svg {
        display: inline;
        vertical-align: unset;
    }
    .navbar-toggler {
        padding: 0 !important;
        border-radius: 0 !important;
        border: 0 !important;
    }
    .navbar-toggler-icon {
        background-image: none;
    }
    .navbar_bottom_menu .navbar-nav .nav-link {
        padding: 28px 0 28px 32px;
    }
    .mega-menu > li.nav-item {
        margin-bottom: 0;
    }
    /* Our Vision */
    .our_vision_box {
        padding: 25px 16px;
    }
    /* Testimonials */
    .testimonial_box p {
        font-size: 22px;
        line-height: 36px;
    }
    .testimonial_slider_container::after {
        right: 0;
        top: -28px;
    }
    /* NEW EXPLORE BLOCk  */
    .explore_content_block .para {
        max-width: 60%;
    }
    /* New Banner style 2 */
    .new_hero_banner_2 .banner_list_new_style li span {
        font-size: 16px;
        line-height: normal;
    }
    .new_hero_banner_2 .banner_list_new_style li {
        height: 140px;
    }
    .new_hero_banner_2 .banner_list_new_style li a img, .new_hero_banner_2 .banner_list_new_style li a svg {
        width: 30px;
        height: 30px;
    }
    .new_hero_banner_2 .banner_list_new_style li a {
        width: 150px;
        height: 150px;
    }
    /* Step block css */
    .steps_box_new::after {
        right: -209px;
    }
    .step_wrapper::before {
        bottom: 35px;
        left: -182px;
        max-width: 800px;
        max-height: 315px;
    }
    /* new advantages block css */
    .new_advantages_block {
        grid-template-columns: 1fr 1fr 1fr;
    }
    /* .new_advantages_head { 
        grid-area: 2 / 1 / 2 / 1;
    } */
    .parents_talks_new_style_wrapper + .new_education_wrapper::after {
        bottom: 35px;
        max-width: 800px;
        max-height: 320px;
    }    
    .new_advantages_img img,  .new_advantages_img {
        height: 312px;
        border-radius: 4px;
    }
    .new_advantages_img {
        margin: 0 0 24px;
    }
    .new_advantages_info {
        border-radius: 4px;
    }
    .new_advantages_details {
        justify-content: start;
    }
    .new_advantages_head h2 {
        max-width: 80%;
    }
    .new_advantages_head::before {
        content: "";
        position: absolute;
        bottom: 32px;
        left: 24px;
        background-image: url('https://newgroza.sfstaging.com.au/wp-content/uploads/2024/09/advantage_head_bg.png');
        background-repeat: no-repeat;
        background-size: contain;
        max-width: 224px;
        width: 100%;
        max-height: 177px;
        height: 100%;
    }
    .new_advantages_head::after {
        right: 18px;
        max-width: 64px;
    }
    [class*="new_advantages_"]:nth-child(1) {
        order: 2;
    }
    [class*="new_advantages_"]:nth-child(2) {
        order: 3;
    }
    [class*="new_advantages_"]:nth-child(3) {
        order: 4;
    }
    [class*="new_advantages_"]:nth-child(4) {
        order: 1;
    }
    [class*="new_advantages_"]:nth-child(5) {
        order: 5;
    }
    /* new education */
    .parents_talks_new_style_wrapper + .new_education_block::before {
        max-width: 640px;
        max-height: 230px;
    }
    /* partner page css */
    .partner_banner .new_hero_banner_content h1::after {
        top: -10px;
    }
    .partner_banner h1 {
        max-width: 300px;
    }
    .partner_banner .para_sm p {
        font-size: 14px;
    }
    .partner_wrapper::after {
        background-position: bottom center;
    }
}

@media (max-width: 991px) {
    /* ALL BTN CSS */
    .btn {
        --bs-btn-padding-x: 14px;
    }
    /* Hero Banner */
    .hero_banner {
        padding: 60px 0;
    }
    .hero_banner_content ul {
        row-gap: 12px;
        column-gap: 15px;
        margin: 0 0 25px;
    }
    /* Personalized Program */
    .personalized_programs {
        padding: 60px 0;
    }
    .personalized_programs_content {
        margin: 0 0 25px;
    }
    .our_service_box {
        padding: 16px 12px;
        min-height: unset;
    }
    /* Our Vision */
    .our_vision {
        padding: 60px 0 30px;
    }
    /* Testimonials */
    .testimonials {
        padding: 30px 0 60px;
    }
    .testimonial_slider_container::after {
        width: 230px;
        height: 170px;
    }
    .testimonial_box {
        padding: 0;
    }
    .testimonial_author {
        margin: 25px 0 0;
    }
    /* Private School */
    .note_box {
        margin: 25px 0 0;
        padding: 16px;
    }
    .note_box .btn {
        margin: 24px 0 0;
    }
    /* Education Wrapper */
    .education_wrapper {
        padding: 60px 0;
    }
    .education_container {
        margin: 25px 0;
    }
    .learning_experience .para {
        max-width: 100%;
    }
    .learning_experience .btn {
        margin: 24px 0 0;
    }
    /* Image block slider */
    .ib_slider .swiper-slide {
        width: 380px !important;
    }
    .ib_slider .swiper-slide img {
        height: 270px;
    }
    /* FAQs Wrapper */
    .faqs_wrapper {
        padding: 60px 0;
    }
    .faq_accordion .accordion-button {
        gap: 15px;
    }
    /* New banner css */
    .new_hero_banner {
        padding: 50px 0;
    }
    .new_hero_banner_inner::after {
        right: 50%;
    }
    .new_hero_banner_inner::before {
        right: 10%;
    }
    .new_hero_banner_content h1::after {
        top: -6px;
        left: -25px;
        height: 50px;
    }
    /* new personalized block */
    .personalized_image {
        margin: 0 auto;
    }
    .personalized_programs_new::after {
        display: none;
    }
    /* NEW EDUCATION BLOCk  */
    .new_education_block::before {
        top: -10px;
        left: -70px;
        max-width: 400px;
    }
    .new_education_wrapper::after {
        bottom: -25px;
        right: -30px;
        max-width: 460px;
    }
    .parents_talks_new_style_wrapper + .new_education_wrapper::after {
        bottom: 0;
        right: -95px;
        max-width: 600px;
        max-height: 200px;
    }
    /* NEW PARNETS TALK BLOCk  */
    .parents_talk_title_block h2::after {
        top: -35px;
        left: -20px;
    }
    /* NEW EXPLORE BLOCk  */
    .explore_gallery {
        column-gap: 16px;
    }
    .explore_box_new {
        padding: 0 0 16px;
    }
    .new_explore_wrapper::after {
        top: 10px;
        left: 10px;
        max-width: 60px;
        max-height: 60px;
    }
    /* NEW PRIVATE SCHOOL BLOCk */
    .private_school_content_new p {
        font-size: 16px;
    }
    .video_placeholder_block {
        height: 300px;
    }
    /* New top title block */
    .top_title_block::after {
        content: '';
        position: absolute;
        top: -35px;
        left: 0;
        width: 100%;
        height: 35px;
        background: #1b1e27;
    }
    .top_title_block {
        margin: 35px 0 0;
    }
    /* Step block css */
    .step_wrapper::before {
        bottom: 20px;
        left: -140px;
        max-width: 890px;
        max-height: 300px;
    }
    .step_wrapper::after {
        top: 10px;
    }
    /* new advantages block css */
    .new_advantages_block {
        grid-template-columns: 1fr 1fr;
    }
    /* full width content */
    .full_width_content_wrapper::after {
        top: 0;
        right: 0;
        max-width: 80px;
        max-height: 80px;
    }
    .partner_wrapper .personalized_image {
        max-width: 300px;
    }
    .full_width_content_wrapper::before {
        max-width: 150px;
        max-height: 150px;
        left: 0;
        bottom: 0;
    }
    .partner_banner .new_hero_banner_content h1::after {
        top: -3px;
    }
    .partner_banner .new_hero_banner_content h1 {
        margin: 0 auto 30px;
    }
    .partner_wrapper::before {
        bottom: auto !important;
        top: 10px !important;
    }
    .partner_wrapper::after {
        display: block;
    }
    .partner_wrapper .row {
        --bs-gutter-y: 50px;
    }
}
@media (max-width: 767px) {
    /* Typography */
    h1, .h1 {
        font-size: 32px;
        line-height: 40px;
    }
    /* Testimonials */
    .testimonial_box p {
        font-size: 18px;
        line-height: 30px;
    }
    /* Image Block Slider */
    .ib_slider .swiper-slide {
        width: 240px !important;
    }
    .ib_slider .swiper-slide img {
        height: 198px;
    }
    .new_hero_banner_content h1::after {
        left: -12px;
    }
     /* NEW PARNETS TALK BLOCk  */
    .parents_talk_new_wrapper::after {
        top: 0;
        right: 0;
        max-width: 50px;
        max-height: 50px;
    }
    /* NEW EXPLORE BLOCk  */
    .explore_content_block .para {
        max-width: 100%;
    }
    .explore_gallery {
        column-count: 2;
    }
    .explore_gallery::after {
        top: -30px;
    }   
    .new_explore_wrapper::before {
        bottom: 18%;
    } 
    .explore_content_block a.btn {
        margin: 20px 0 0;
    }
    /* New banner style 2 */
    .new_hero_banner_2 .banner_list_new_style {
        flex-wrap: wrap;
        justify-content: center;
    }
    .new_hero_banner_2 .banner_list_new_style li a {
        height: auto;
    }
    /* Step block css */
    .steps_box_new::after {
        right: -56px;
        bottom: -40%;
        max-width: 125px;
    }
    .step_wrapper::after {
        max-width: 70px;
        max-height: 70px;
    }
    .step_wrapper::before {
        bottom: -76px;
        left: -70px;
        max-width: 300px;
        max-height: 200px;
    }
    /* new education block css */
    .parents_talks_new_style_wrapper + .new_education_wrapper::after {
        bottom: -12px;
        right: -40px;
        max-width: 600px;
        max-height: 300px;
    }
    /* new advantages block css */
    .new_advantages_block {
        grid-template-columns: 1fr;
    }
    .new_advantages_head::before {
        bottom: 0;
        left: 24px;
        max-width: 112px;
        max-height: 95px;
    }
    .new_advantages_head {
        padding: 6px 23px 100px 25px;
    }
    /* partner css */
    .partner_banner h1 {
        max-width: 250px;
    }
    .partner_banner .hero_banner_content::before {
       left: 0;
    }
    .partner_banner::before, .partner_banner::after  {
        width: 50px;
        height: 50px;
    }
    .partner_banner  {
        background-image: none !important;
        padding: 50px 0 !important;
    }
    .partner_banner::after {
        display: none;
    }
    .partner_banner .new_hero_banner_content h1 span {
        color: var(--bs-primary);
    }
}
@media (max-width: 567px) {
    .explore_gallery {
        column-count: 1;
    }
    .new_explore_wrapper::before {
        bottom: 12%;
    } 
    .new_hero_banner_content h1 br {
        display: none;
    }
    /* partner css */
    .partner_wrapper::before {
        max-width: 150px;
        height: 150px;
    }
}
@media (max-width: 425px) {
    .partner_banner .hero_banner_content::before {
        margin: auto 0 0 0;
    }
}
@media (max-width: 374px) {
    .new_explore_wrapper::before {
        bottom: 14%;
    }
    .faqs_wrapper_new::before {
        display: none;
    }
}