@media (max-width: 1500px) {
    .banner::before {
        top: -14px;
    }

    .banner::after {
        bottom: -13px;
    }
}

@media (max-width: 1400px) {
    .banner::before {
        top: -16px;
    }

    .banner::after {
        bottom: -15px;
    }

    .cmn-heading h2 {
        font-size: 45px;
        font-family: "Baloo 2", sans-serif;
        font-weight: 900;
    }

    .year-of-experience {
        right: 18px;
    }

    .contact-text {
        font-size: 19px;
        color: #000;
    }

    .footer-links li a {
        font-size: 19px;
    }

    .check-list li {
        font-size: 18px;
    }

    .about-left::before {
        width: 355px;
        height: 355px;
    }

    .testimonails .row {
        align-items: center;
    }

    .site-footer::after {
        top: -30px;
    }

    .footer-kids img {
        width: 340px;
    }
}

@media (max-width: 1199px) {
    .footer-kids img {
        width: 100%;
    }

    .testi-card {
        padding: 61px 57px;
    }

    .kid-illustration img {
        width: 180px;
    }

    .kid-illustration {
        position: absolute;
        top: -28px;
        right: -62px;
    }

    .about-obj-3 img {
        width: 324px;
    }

    .about-obj-1 img {
        width: 324px;
    }

    .about-obj-2 img {
        width: 120px;
    }

    .banner::before {
        top: -23px;
    }

    .banner-con-righ img {
        width: 212px;
    }

    .banner::after {
        bottom: -18px;
    }

    .services-obj img {
        width: 75px;
    }

    .cmn-heading h2 {
        font-size: 38px;
        font-family: "Baloo 2", sans-serif;
        font-weight: 900;
    }

    .cmn-heading p {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .banner-con h1 {
        font-size: 35px;
    }

    .left-b-content::before {
        width: 830px;
        height: 563px;
    }

    .left-b-content {
        position: relative;
        padding: 10px;
    }

    .banner-con-righ img {
        width: 147px;
    }

    .left-banner p {
        font-size: 16px;
    }

    .about-inner {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .about-section .col-md-6 {
        width: 100%;
    }

    .testimonails .col-md-6 {
        width: 100%;
    }

    .site-footer .col-md-3 {
        width: 50%;
    }

    .testimonials-right {
        display: none;
    }

    .about-left {
        display: none;
    }

    .banner::after {
        bottom: -24px;
    }
}

@media (max-width: 768px) {
    .left-b-content::before {
        width: 680px;
        height: 563px;
    }

    .banner-con-righ {
        display: none;
    }

    .baner-obj-1 {
        position: absolute;
        bottom: -79px;
        right: 0;
    }

    .baner-obj-2 {
        position: absolute;
        top: -147px;
        left: 0;
    }

    .left-b-content::before {
        top: -84px;
    }

    .baner-obj-2 {
        position: absolute;
        top: -125px;
        left: 0;
    }

    .baner-obj-2 img {
        width: 75px;
    }

    .baner-obj-1 img {
        width: 75px;
    }

    .kid-illustration {
        position: absolute;
        top: -28px;
        right: 45px;
    }

    .top-bar-left a {
        font-size: 12px;
    }

    .mvv-cards {
        grid-template-columns: revert;
    }

    .team-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .stat-item .number {
        font-family: 'Baloo 2', cursive;
        font-size: 25px;
        font-weight: 800;
        color: var(--yellow);
        line-height: 1;
    }

    .stats-section {
        background: linear-gradient(135deg, var(--maroon), #a01550);
        padding: 28px;
    }

    .stats-section {
        grid-template-columns: repeat(2, 1fr);
    }

    .detail-wrap .col-md-5 {
        margin-bottom: 40px;
    }
}

@media (max-width: 600px) {
    .left-b-content::before {
        width: 500px;
        height: 563px;
    }

    .baner-obj-1 img {
        width: 47px;
    }

    .baner-obj-1 {
        position: absolute;
        bottom: -84px;
        right: 0;
    }

    .left-b-content::before {
        content: '';
        position: absolute;
        top: -118px;
        left: -50px;
    }

    .banner-con h3 {
        font-size: 15px;
        color: var(--violet);
    }

    .banner-con img {
        width: 27px;
    }

    .left-b-content::before {
        content: '';
        position: absolute;
        top: -60px;
        left: -50px;
    }

    .banner-con h1 {
        font-size: 22px;
    }

    .left-banner p {
        width: 365px;
        font-size: 14px;
    }

    .cmn-btn a {
        font-size: 13px;
    }

    .banner-con {
        padding: 18px;
    }

    .left-b-content::before {
        content: '';
        position: absolute;
        top: -40px;
        left: -50px;
    }

    .left-banner p {
        margin-bottom: 15px;
    }

    .banner {
        padding: 80px 0;
    }

    .baner-obj-2 {
        position: absolute;
        top: -41px;
        left: 0;
    }

    .baner-obj-1 {
        position: absolute;
        bottom: -48px;
        right: 0;
    }

    .cmn-heading h2 {
        font-size: 25px;
        font-family: "Baloo 2", sans-serif;
        font-weight: 900;
    }

    .cmn-heading h3 {
        font-size: 20px;
        color: var(--violet);
    }

    .kid-illustration img {
        width: 100px;
    }

    .kid-illustration {
        position: absolute;
        top: -48px;
        right: 10px;
    }

    .tab-btn {
        font-weight: 400;
        font-size: 15px;
        padding: 5px 25px
    }

    .dot-divider img {
        width: 150px;
    }

    .tab-desc {
        font-size: 15px;
    }

    .check-list li {
        font-size: 14px;
    }

    .about-section .cmn-btn {
        margin-top: 32px;
    }

    .about-obj-1 img {
        width: 150px;
    }

    .about-obj-3 img {
        width: 150px;
    }

    .about-obj-2 img {
        width: 72px;
    }

    .about-obj-2 {
        position: absolute;
        right: 86px;
        bottom: 0;
    }

    .about-section {
        padding: 80px 0 95px 0;
    }

    .services-obj img {
        width: 50px;
    }

    .cmn-heading p {
        font-size: 11px;
    }

    .newsletter-box .icon img {
        width: 50px;
    }

    .newsletter h2 {
        font-size: 29px;
        margin-bottom: 30px;
    }

    .site-footer .col-md-3 {
        width: 100%;
    }

    .top-bar-socials {
        display: none;
    }

    header nav {
        padding: 0;
    }

    .about-section {
        padding: 65px 0 75px 0;
    }

    .newsletter {
        padding: 60px 0;
        background-image: none;
    }

    .footer-bottom {
        position: relative;
        z-index: 4;
        text-align: center;
        padding: 16px 20px;
        font-size: 13px;
        color: #000;
    }

    .site-footer .col-md-3 {
        margin-bottom: 15px;
    }

    .site-footer .row {
        padding-bottom: 5px;
    }

    .team-grid {
        grid-template-columns: auto;
    }

    .testimonials-grid {
        display: block;
    }

    .testimonial-card {
        margin-bottom: 30px;
    }

    .testimonials-section {
        padding: 80px 29px;
        background: var(--white);
    }

    .testimonails {
        background-color: #F0F6FA;
        padding: 40px 0;
    }

    .footer-desc {
        font-size: 16px;
    }

    .footer-col-title {
        font-family: "Baloo 2", sans-serif;
        font-size: 23px;
    }

    .footer-links li a {
        font-size: 16px;
    }

    .contact-text {
        font-size: 16px;
        color: #000;
    }

    .page-hero h1 {
        font-size: 26px;
    }

    .page-hero p {
        font-size: 13px;
        margin-top: 8px;
    }

    .page-hero {
        padding: 46px 20px 48px;
    }
    .contact-us-page .col-md-6{
        margin-bottom: 25px;
    }
    .info-card h4 {
    font-size: 18px;
   }
   .info-card p {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
}
.scallop-wrap {
    top: -21px;
}
.scallop-wrap{
    display: none;
}
.top-bar{
    background-color: #660a35;
    padding:10px;
}
.left-b-content::before{
    /* background-color: #fff; */
    background-image: none;
}
    .banner-con {
        padding: 18px;
        background-color: #ffffff5e;
        border-radius: 16px;
    }
    .left-b-content{
        display:unset !important;
    }
}

@media (max-width: 400px) {
    .left-b-content::before {
        width: 490px;
        height: 598px;
    }

}