@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
            body {
                /*background-image: url('../../assets/img/bg1.jpg');*/
                /*background-size: 100% 100%;*/
                /*background-repeat: repeat;*/
                background: linear-gradient(79deg, #d2aa8a, transparent);
                /*font-family: Comic Sans MS !important; */
                font-family: "Comic Neue", serif;
            }
        /*     @font-face {*/
        /*    font-family: "Comic Sans MS";*/
        /*    src: url("../../assets/fonts/COMIC.TTF");*/
        /*    src: url("../../assets/fonts/comici.ttf");*/
        /*    src: url("../../assets/fonts/ComicSansMS3.ttf");*/
        /*    src: url("../../assets/fonts/comicz.ttf");*/
        /*    src: url("../../assets/fonts/design.graffiti.comicsansms.ttf");*/
        /*    src: url("../../assets/fonts/design.graffiti.comicsansmsgras.ttf");*/
        /*    src: url("../../assets/fonts/myfontsfree.txt");*/
        /*}*/
        
            .top3{
                    display:flex;
                    gap:2%;
                    flex-wrap:wrap;
                    justify-content: space-between;
                }
                .top3-1{
                    padding:2rem !important;
                }
                .top3-3{
                    padding:2rem !important;
                }
                .top3>div:nth-child(1){
                    width:28%;
                }
                .top3>div:nth-child(2){
                    width:40%;
                }
                .top3>div:nth-child(3){
                    width:28%;
                }
            .stickyb{
                position: sticky;
                top: 100%;
            }
            .flx-1 {
                display: flex;
                gap: 2;
                background-color: rgba(255, 255, 255, 0.6);
                border-radius: 30% 35px 35px 30%;
            }
            
            .bnr {
                padding-top: 9em;
            }
            
            .bnr-2 {
                margin-left: -13rem !important;
                /* justify-content: space-between; */
                align-items: center;
                gap: 50px;
            }
            
            .baner>div:first-child img {
                width: 90%;
            }
            .site-navbar .site-navigation .site-menu>li>a { 
                /*font-family: Comic Sans MS !important;*/
            }
            .cursiv{
                /*font-family: Comic Sans MS !important;*/
            }
            .bnr1
            {
                /*font-family: Comic Sans MS !important;*/
                font-weight: 600;
            }
            .bnr h1 {
                font-size: 4vw;
                font-weight: 700;
                /* line-height: 100px; */
                position: relative;
                /*font-family: Comic Sans MS !important;*/
            }
            .bnr1 h1 {
                font-size: 3vw;
                margin-bottom: 0;
                font-weight: 700;
                /* line-height: 100px; */
                position: relative;
            }
            
            .bnr h1 img {
                position: absolute;
            }
            .fw-6{
                font-weight: 600;
            }
            .bnr p {
                font-size: 5vw;
                font-weight: normal;
                line-height: 100px;
            }
            /* .bnr>div:nth-child(2) {
        margin-left: -9rem !important;
    } */
            
            .flx-1>div:nth-child(1) {
                width: 40%;
            }
            
            .flx-1>div:nth-child(2) {
                width: 60%;
                padding: 2rem;
                align-self: center;
            }
            
            .child-p {
                display: flex;
                gap: 20px;
                background-color: rgba(255, 255, 255, 0.4);
                padding: 2rem;
                border-radius: 2rem;
                margin-bottom: 2rem;
                box-shadow: 0 3px 10px #fed1c4;
            }
            
            .flx-l {
                display: flex;
                gap: 2%;
            }
            
            .child-p>div:last-child {
                margin-left: auto;
            }
            
            .flx-l>div {
                width: 49%;
            }
            
            .sul {
                background-color: rgba(255, 255, 255, 0.4);
                padding: 2rem;
                border-radius: 20px;
                box-shadow: 0 3px 10px #fed1c4;
            }
            
            .sul li {
                display: flex;
                justify-content: space-between;
                background-color: rgba(255, 255, 255, 0.6);
                padding: 1rem;
                align-items: center;
                gap: 2%;
                margin-bottom: 1rem;
                border-radius: 60px;
                box-shadow: 0 0px 6px #fed1c4;
            }
            
            .sul li:last-child {
                margin-bottom: 0;
            }
            /* ----------------------------- */
            
            .schedule-item-2 {
                padding: 170px 0 75px;
                text-align: center;
                margin-bottom: 10px;
                position: relative;
                animation-name: example;
                animation-duration: 3s;
                animation-iteration-count: infinite;
                animation-timing-function: ease-in-out;
            }
            
            @keyframes example {
                0% {
                    rotate: -7deg;
                }
                50% {
                    rotate: 0deg;
                }
                75% {
                    rotate: 7deg;
                }
                100% {
                    rotate: 0deg;
                }
            }
            
            .bg_contain {
                background-size: contain !important;
            }
            
            .bg_img {
                background-size: cover;
                background-position: center center;
                background-repeat: no-repeat;
            }
            
            .schedul {
                padding-left: 0;
                list-style-type: none;
            }
            
            .flxd {
                display: flex;
                justify-content: center;
                gap: 12%;
                margin-bottom: 0;
            }
            
            .flxd>div {
                width: 30%;
            }
            /* ------------------ */
            
            .app {
                background: rgba(255, 255, 255, 0.5);
                height: 200px;
                width: 200px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: auto;
                border-radius: 50%;
                padding: 2rem;
            }
            
            .app h1 {
                background: rgb(253 168 168 / 50%);
                height: 140px;
                width: 140px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: auto;
                border-radius: 50%;
                padding: 1rem;
                font-size: x-large;
                flex: none;
            }
            
            .flx-2 {
                display: flex;
                background: rgba(255, 255, 255, 0.5);
                padding: 2rem;
                border-radius: 37px 20% 20% 37px;
                justify-content: space-between;
                box-shadow: 0 2px 9px #fbd6c9;
            }
            
            .flx-2>div:nth-child(1) {
                width: 61%;
            }
            
            /* .flx-2>div:nth-child(2) {
                display: flex;
                width: 19%;
                margin-left: auto;
                margin-right: 52px;
            }
             */
            /* .flx-2>div:nth-child(2) img {
                scale: 2;
                object-fit: contain;
                filter: drop-shadow(2px 4px 6px #fbb8b8);
            } */
            
            .flx-2p {
                padding: 6rem 0;
                position: relative;
            }
            .relative{
                position: relative;
            }
            .school img {
                filter: drop-shadow(2px 4px 6px #fbb8b8);
            }
            
            /* .btn-play,
            .btn-play:hover {
                height: 146px;
                border-radius: 100px;
                padding: 0 30px;
                font-size: 25px;
                width: 302px;
                position: relative;
                display: flex;
                align-items: center;
                gap: 10px;
                text-align: left;
                font-weight: 500;
                background: rgba(255, 255, 255, 0.5);
                line-height: normal;
                justify-content: space-between;
                box-shadow: 0 2px 10px -4px #ff9fbf;
                border: 2px solid#999;
            } */
            
            .school {
                border: 2px solid #ff9fbf;
                border-radius: 100%;
                padding: 40px;
                width: 87%;
                margin: auto;
                filter: drop-shadow(2px 4px 6px #fbb8b8);
            }
            
            .rc {
                gap: 16px;
                background: rgba(255, 255, 255, 0.5);
                padding: 0.8rem;
                border-radius: 100px;
                box-shadow: 0 2px 10px 1px #fce1cf;
            }
            
            .rc>div:first-child img {
                width: 66px;
                border-radius: 50%;
            }
            
            .sec-3>div:first-child h1 {
                font-size: 6vw !important;
                line-height: 100px;
                font-weight: 700;
            }
            
            .sec-3>div:nth-child(1) {
                position: relative;
            }
            
            .sec-3>div:nth-child(1) img {
                /* position: absolute;
                right: 0;
                top: 137px;
                transform: rotate(16deg); */
            }
            
            .dragn {
                filter: drop-shadow(2px 10px 8px #a04a17);
            }
            
            .sul li>div:first-child h5 {
                margin-bottom: 0;
                font-weight: normal;
                font-size: 18px;
            }
            
            .sul li>div:nth-child(2) img {
                width: 30px;
            }
            
            .video-play-button {
                /* position: absolute;
            z-index: 10;
            top: 50%;
            left: 50%; */
                transform: translateX(0) translateY(0);
                box-sizing: content-box;
                display: flex !important;
                align-items: center;
                justify-content: center;
                width: 27px;
                /* height: 39px; */
                /* background: #fa183d; */
                border-radius: 50%;
                padding: 18px 20px 18px 28px;
            }
            
            .video-play-button:before {
                content: "";
                position: absolute;
                z-index: 0;
                left: 50%;
                top: 50%;
                transform: translateX(-50%) translateY(-50%);
                display: block;
                width: 60px;
                height: 60px;
                background: rgb(242 134 134 / 60%);
                border-radius: 50%;
                animation: pulse-border 1500ms ease-out infinite;
            }
            
            .video-play-button:after {
                content: "";
                position: absolute;
                z-index: 1;
                left: 50%;
                top: 50%;
                transform: translateX(-50%) translateY(-50%);
                display: block;
                width: 60px;
                height: 60px;
                background: rgb(255 145 145 / 60%);
                border-radius: 50%;
                transition: all 200ms;
            }
            
            .video-play-button:hover:after {
                background-color: darken(#fff, 10%);
            }
            
            .video-play-button img {
                position: relative;
                z-index: 3;
                max-width: 100%;
                width: auto;
                height: auto;
            }
            
            .video-play-button span {
                display: block;
                position: relative;
                z-index: 3;
                width: 0;
                height: 0;
                border-left: 22px solid #fff;
                border-top: 14px solid transparent;
                border-bottom: 14px solid transparent;
            }
            
            @keyframes pulse-border {
                0% {
                    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
                    opacity: 1;
                }
                100% {
                    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
                    opacity: 0;
                }
            }
            
            .v-sec {
                display: flex;
                gap: 3%;
            }
            
            .v-sec>div {
                width: 50%;
                display: flex;
                gap: 5%;
                background: linear-gradient(45deg, #fff0f0, #fbb8b8);
                border-radius: 26px;
                padding: 1rem;
                box-shadow: 0 2px 11px -2px #ffacac;
            }
            
            .v-section>div {
                position: relative;
                align-self: center;
            }
            
            .font-light {
                font-weight: 400;
            }
            
            .fw-5 {
                font-weight: 500;
            }
            
            .v-section>div:nth-child(2) h5,
            .v-section>div:nth-child(2) p {
                margin-bottom: 0;
            }
            
            body {
                min-height: 100vh;
                position: relative;
                /*background-color: #e6e7e5;*/
            }
            
            .containerr {
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 20px 30px;
            }
            
            .containerr .drop {
                width: 350px;
                height: 350px;
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-wrap: wrap;
                box-shadow: inset 20px 20px 20px rgba(0, 0, 0, 0.05), 25px 35px 20px rgba(0, 0, 0, 0.05), 25px 20px 20px rgba(0, 0, 0, 0.05), inset 25px 30px 30px rgba(255, 255, 255, 0.9);
                animation: slide 3s linear;
            }
            
            @keyframes slide {
                0% {
                    opacity: 0;
                }
                100% {
                    opacity: 1;
                }
            }
            
            .containerr .drop:nth-child(1) {
                border-radius: 67% 33% 28% 72% / 59% 52% 48% 41%;
                margin: 20px 30px 30px 0;
            }
            
            .containerr .drop:nth-child(2) {
                border-radius: 15% 85% 53% 47% / 55% 41% 59% 45%;
            }
            
            .containerr .drop::before {
                content: '';
                position: absolute;
                width: 35px;
                height: 35px;
                background-color: #ffffffc8;
                top: 50px;
                left: 80px;
                border-radius: 50%;
                opacity: 0.8;
            }
            
            .containerr .drop::after {
                content: '';
                position: absolute;
                width: 15px;
                height: 15px;
                background-color: #ffffffc8;
                top: 90px;
                left: 110px;
                border-radius: 50%;
                opacity: 0.8;
            }
            
            .containerr .drop .content {
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                flex-direction: column;
                padding: 40px 60px;
                gap: 15px;
            }
            
            .containerr .drop .content h2 {
                margin-bottom: 15px;
                position: relative;
                width: 60px;
                height: 60px;
                background-color: #fff;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 2em;
                color: var(--clr);
                box-shadow: inset 2px 5px 10px rgba(0, 0, 0, 0.1), inset -2px -5px 10px rgba(255, 255, 255, 1), 15px 15px 10px rgba(0, 0, 0, 0.05), 15px 10px 15px rgba(0, 0, 0, 0.25);
            }
            
            .containerr .drop .content a {
                position: relative;
                padding: 10px 20px;
                background-color: var(--clr);
                border-radius: 20px;
                color: #fff;
                text-shadow: 2px 5px 5px rgba(255, 255, 255, 0.5);
                cursor: pointer;
                transition: background-color 0.5s, color 0.5s;
                box-shadow: inset 2px 5px 10px rgba(0, 0, 0, 0.1), inset -2px -5px 10px rgba(255, 255, 255, 0.1), 10px 10px 5px rgba(0, 0, 0, 0.05), 10px 10px 5px rgba(0, 0, 0, 0.25);
            }
            
            .containerr .drop .content a:hover {
                background-color: #fff;
                color: var(--clr);
            }
            /* -----Media Query----- */
            
            .main-2 {
                display: flex;
                gap: 3%;
            }
            
            .s1 {
                display: flex;
                gap: 20px;
                background: linear-gradient(45deg, #ffa4a4, transparent, #ffa4a4);
                padding: 2rem;
                border-radius: 2rem;
                margin-bottom: 2rem;
                box-shadow: 0 3px 10px #fed1c4;
                align-self: flex-end;
            }
            
            .s1>div:first-child {
                background: linear-gradient(-4deg, white, transparent);
                border-radius: 50%;
                box-shadow: 0 2px 11px -4px;
                width: 140px;
                height: 140px;
                display: flex;
                flex: none;
                padding: 1.3rem;
                margin-top: -6rem;
            }
            
            .s2 {
                display: flex;
                gap: 20px;
                background: linear-gradient(45deg, #ffa4a4, transparent, #ffa4a4);
                padding: 2rem;
                border-radius: 2rem;
                margin-bottom: 2rem;
                box-shadow: 0 3px 10px #fed1c4;
                margin-top: 5rem;
                flex-direction: row-reverse;
            }
            
            .s2>div:nth-child(1) {
                background: rgba(255, 255, 255, 255);
                border-radius: 50%;
                box-shadow: 0 2px 11px -4px;
                width: 140px;
                height: 140px;
                display: flex;
                flex: none;
                padding: 1.3rem;
                margin-right: -3rem;
            }
            
            .thir-d {
                background: rgba(255, 255, 255, 0.5);
                padding: 2rem;
                border-radius: 35px;
                box-shadow: 0 3px 10px #fed1c4;
                margin-top: 5rem;
            }
            
            .thir-d img:first-child {
                margin-top: -9rem;
            }
            /* .fo-ter {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .fo-ter>div:nth-child(1) img {
        width: 40%;
    }
    
    .fo-ter>div:nth-child(1) {
        display: flex;
        gap: 5px;
    }
    
    .fo-ter>div {
        width: 40%;
        display: flex;
        align-items: center;
    }
    
    .fo-ter>div:last-child {
        width: 20%;
        justify-content: end;
    }
    
    .fo-ter>div:nth-child(1) {
        width: 20%;
        justify-content: end;
    } */
            
            .lin-ks {
                margin-bottom: 0;
                padding-left: 0;
            }
            
            .lin-ks li {
                display: inline-block;
            }
            
            .lin-ks li a {
                padding: 0 5px;
                color: #fff;
            }
            
            .lin-ks li+li::before {
                content: "|";
                font-size: 10px;
                color: #fff;
            }
            
            .fotr {
                background: #000;
                padding: 2rem 0;
            }
            
            .copy-r {
                display: flex;
                justify-content: right;
                color: #fff;
            }
            
            .phon-t {
                filter: drop-shadow(2px 4px 11px pink);
                transform: scale(1.1) rotate(19deg);
                margin-top: 16px;
            }
            
            .phon-t1 {
                filter: drop-shadow(2px 4px 11px pink);
                transform: scale(1.1) rotate(-34deg);
                margin-right: -25px;
                margin-top: -15px;
            }
            
            .abou-t span {
                color: #ed143d;
            }
            
            .abou-t img {
                filter: drop-shadow(2px 4px 6px pink);
            }
            
            .fotr {
                position: sticky;
                top: 100%;
            }
            
            .body-a {
                min-height: 100vh;
            }
            
            .trms {
                padding-top: 1rem;
                padding-bottom: 2rem;
            }
            
            .contct {
                max-width: 550px;
                margin: 1rem auto 3rem auto;
                box-shadow: inset 20px 20px 20px rgba(0, 0, 0, 0.05), 25px 35px 20px rgba(0, 0, 0, 0.05), 25px 20px 20px rgba(0, 0, 0, 0.05), inset 25px 30px 30px rgba(255, 255, 255, 0.9);
                padding: 3rem;
                border-radius: 2rem;
            }
            
            .button-wrap1 {
                background: #9a685a;
                color: #fff;
                padding: 10px 30px;
                border: none;
                border-radius: 8px;
                line-height: normal;
            }
            
            .baner>div {
                width: 50%;
            }
            
            .o1 {
                transform: rotate(-45deg)
            }
            
            .text-right {
                text-align: right;
            }
            
            .o2 {
                transform: rotate(45deg);
            }
            /* ----------button--------- */
            
            /*body {
                background-image: url('../../assets/img/bg1.jpg');
                background-size: 100% 100%;
                background-repeat: repeat;
            }*/
            
            .flx-1 {
                display: flex;
                gap: 2;
                background-color: rgba(255, 255, 255, 0.6);
                border-radius: 30% 35px 35px 30%;
            }
            
            .bnr {
                padding-top: 9em;
                background: rgba(255, 255, 255, 0.5);
                padding: 2rem !important;
                border-radius: 37px;
            }
            
            .bnr-2 {
                margin-left: -13rem !important;
                /* justify-content: space-between; */
                align-items: center;
                gap: 50px;
            }
            /* .baner {
                gap: 50px;
            } */
            
            .baner>div:first-child img {
                width: 80%;
                margin: auto;
            }
            
             
            
            .bnr h1 img {
                position: absolute;
            }
            
            .bnr p {
                font-size: 4vw;
                font-weight: normal;
                line-height: 100px;
            }
            /* .bnr>div:nth-child(2) {
        margin-left: -9rem !important;
    } */
            
            .flx-1>div:nth-child(1) {
                width: 40%;
            }
            
            .flx-1>div:nth-child(2) {
                width: 60%;
                padding: 2rem;
                align-self: center;
            }
            
            .child-p {
                display: flex;
                gap: 20px;
                background-color: rgba(255, 255, 255, 0.4);
                padding: 2rem;
                border-radius: 2rem;
                margin-bottom: 2rem;
                box-shadow: 0 3px 10px #fed1c4;
            }
            
            .flx-l {
                display: flex;
                gap: 2%;
            }
            
            .child-p>div:last-child {
                margin-left: auto;
            }
            
            .flx-l>div {
                width: 49%;
            }
            
            .sul {
                background-color: rgba(255, 255, 255, 0.4);
                padding: 2rem;
                border-radius: 20px;
                box-shadow: 0 3px 10px #fed1c4;
            }
            
            .sul li {
                display: flex;
                justify-content: space-between;
                background-color: rgba(255, 255, 255, 0.6);
                padding: 1rem;
                align-items: center;
                gap: 2%;
                margin-bottom: 1rem;
                border-radius: 60px;
                box-shadow: 0 0px 6px #fed1c4;
            }
            
            .sul li:last-child {
                margin-bottom: 0;
            }
            /* ----------------------------- */
            
            .schedule-item-2 {
                padding: 170px 0 75px;
                text-align: center;
                margin-bottom: 10px;
                position: relative;
                animation-name: example;
                animation-duration: 3s;
                animation-iteration-count: infinite;
                animation-timing-function: ease-in-out;
            }
            
            @keyframes example {
                0% {
                    rotate: -7deg;
                }
                50% {
                    rotate: 0deg;
                }
                75% {
                    rotate: 7deg;
                }
                100% {
                    rotate: 0deg;
                }
            }
            
            .bg_contain {
                background-size: contain !important;
            }
            
            .bg_img {
                background-size: cover;
                background-position: center center;
                background-repeat: no-repeat;
            }
            
            .schedul {
                padding-left: 0;
                list-style-type: none;
            }
            
            .flxd {
                display: flex;
                justify-content: center;
                gap: 12%;
                margin-bottom: 0;
            }
            
            .flxd>div {
                width: 30%;
            }
            /* ------------------ */
            
            .app {
                background: rgba(255, 255, 255, 0.5);
                height: 200px;
                width: 200px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: auto;
                border-radius: 50%;
                padding: 2rem;
            }
            
            .app h1 {
                background: rgb(253 168 168 / 50%);
                height: 140px;
                width: 140px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: auto;
                border-radius: 50%;
                padding: 1rem;
                font-size: x-large;
                flex: none;
            }
            
            .flx-2 {
                display: flex;
                background: rgba(255, 255, 255, 0.5);
                padding: 2rem;
                border-radius: 37px 20% 20% 37px;
                justify-content: space-between;
                box-shadow: 0 2px 9px #fbd6c9;
                /* padding-right: 0.1rem; */
            }
            
            .flx-2>div:nth-child(1) {
                width: 61%;
            }
            
            .flx-2>div:nth-child(2) {
                display: flex;
                width: 19%;
                margin-left: auto;
                margin-right: 0;
            }
            
            .flx-2>div:nth-child(2) img {
                scale: 1.5;
                object-fit: contain;
                filter: drop-shadow(2px 4px 6px #fbb8b8);
                background-color: #ffe8d8;
                border-radius: 35px;
                /* width: 250px; */
                height: 220px;
            }
            
            .flx-2p {
                padding: 4rem 0 1rem 0;
                position: relative;
            }
            
            .school img {
                filter: drop-shadow(2px 4px 6px #fbb8b8);
            }
            
            .btn-play
            {
                height: 110px;
                border-radius: 100px;
                padding: 0 20px;
                font-size: 19px;
                width: 260px;
                position: relative;
                display: flex;
                align-items: center;
                gap: 10px;
                text-align: left;
                font-weight: 500;
                background: rgba(255, 255, 255, 0.5) !important;
                line-height: normal;
                justify-content: space-between;
                box-shadow: 0 2px 10px -4px #ff9fbf;
                border: 2px solid#999 !important;
                box-shadow: inset 20px 20px 20px rgba(0, 0, 0, 0.05), 25px 35px 20px rgba(0, 0, 0, 0.05), 25px 20px 20px rgba(0, 0, 0, 0.05), inset 25px 30px 30px rgba(255, 255, 255, 0.9);
            }
            
            .school {
                border: 2px solid #ff9fbf;
                border-radius: 100%;
                padding: 40px;
                width: 100%;
                margin: auto;
                filter: drop-shadow(2px 4px 6px #fbb8b8);
            }
            
            .rc {
                gap: 16px;
                background: rgba(255, 255, 255, 0.5);
                padding: 0.8rem;
                border-radius: 100px;
                box-shadow: 0 2px 10px 1px #fce1cf;
            }
            
            .rc>div:first-child img {
                width: 66px;
                border-radius: 50%;
            }
            
            .sec-3>div:first-child h1 {
                font-size: 6vw !important;
                line-height: 100px;
                font-weight: 700;
            }
            
            .sec-3>div:nth-child(1) {
                position: relative;
            }
            
            .sec-3>div:nth-child(1) img {
                /* position: absolute;
                right: 0;
                top: 137px;
                transform: rotate(16deg); */
            }
            
            .dragn {
                filter: drop-shadow(2px 10px 8px #a04a17);
            }
            
            .sul li>div:first-child h5 {
                margin-bottom: 0;
                font-weight: normal;
                font-size: 18px;
            }
            
            .sul li>div:nth-child(2) img {
                width: 30px;
            }
            
            .video-play-button {
                /* position: absolute;
            z-index: 10;
            top: 50%;
            left: 50%; */
                transform: translateX(0) translateY(0);
                box-sizing: content-box;
                display: flex !important;
                align-items: center;
                justify-content: center;
                width: 27px;
                /* height: 39px; */
                /* background: #fa183d; */
                border-radius: 50%;
                padding: 18px 20px 18px 28px;
            }
            
            .video-play-button:before {
                content: "";
                position: absolute;
                z-index: 0;
                left: 50%;
                top: 50%;
                transform: translateX(-50%) translateY(-50%);
                display: block;
                width: 60px;
                height: 60px;
                background: rgb(242 134 134 / 60%);
                border-radius: 50%;
                animation: pulse-border 1500ms ease-out infinite;
            }
            
            .video-play-button:after {
                content: "";
                position: absolute;
                z-index: 1;
                left: 50%;
                top: 50%;
                transform: translateX(-50%) translateY(-50%);
                display: block;
                width: 60px;
                height: 60px;
                background: rgb(255 145 145 / 60%);
                border-radius: 50%;
                transition: all 200ms;
            }
            
            .video-play-button:hover:after {
                background-color: darken(#fff, 10%);
            }
            
            .video-play-button img {
                position: relative;
                z-index: 3;
                max-width: 100%;
                width: auto;
                height: auto;
            }
            
            .video-play-button span {
                display: block;
                position: relative;
                z-index: 3;
                width: 0;
                height: 0;
                border-left: 22px solid #fff;
                border-top: 14px solid transparent;
                border-bottom: 14px solid transparent;
            }
            
            @keyframes pulse-border {
                0% {
                    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
                    opacity: 1;
                }
                100% {
                    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
                    opacity: 0;
                }
            }
            
            .v-sec {
                display: flex;
                gap: 3%;
            }
            
             .w-a{
                width: auto !important;
             }
            .v-section>div {
                position: relative;
                align-self: center;
            }
            
            .font-light {
                font-weight: 400;
            }
            
            .fw-5 {
                font-weight: 500;
            }
            
            .v-section>div:nth-child(2) h5,
            .v-section>div:nth-child(2) p {
                margin-bottom: 0;
            }
            
            body {
                min-height: 100vh;
                position: relative;
                /*background-color: #e6e7e5;*/
            }
            
            .containerr {
                position: relative;
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin: 20px 30px;
            }
            
            @keyframes slide {
                0% {
                    opacity: 0;
                }
                100% {
                    opacity: 1;
                }
            }
            
            .containerr .drop:nth-child(1) {
                border-radius: 67% 33% 28% 72% / 59% 52% 48% 41%;
                margin: 20px 30px 30px 0;
            }
            
            .containerr .drop:nth-child(2) {
                border-radius: 15% 85% 53% 47% / 55% 41% 59% 45%;
            }
            
            .containerr .drop::before {
                content: '';
                position: absolute;
                width: 35px;
                height: 35px;
                background-color: #ffffffc8;
                top: 50px;
                left: 80px;
                border-radius: 50%;
                opacity: 0.8;
            }
            
            .containerr .drop::after {
                content: '';
                position: absolute;
                width: 15px;
                height: 15px;
                background-color: #ffffffc8;
                top: 90px;
                left: 110px;
                border-radius: 50%;
                opacity: 0.8;
            }
            
            .containerr .drop .content {
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                flex-direction: column;
                padding: 40px 60px;
                gap: 8px;
            }
            
            .containerr .drop .content h2 {
                margin-bottom: 0;
                position: relative;
                width: 60px;
                height: 60px;
                background-color: #fff;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 2em;
                color: var(--clr);
                box-shadow: inset 2px 5px 10px rgba(0, 0, 0, 0.1), inset -2px -5px 10px rgba(255, 255, 255, 1), 15px 15px 10px rgba(0, 0, 0, 0.05), 15px 10px 15px rgba(0, 0, 0, 0.25);
                padding: 10px;
            }
            
            .content h4 {
                margin-bottom: 0;
            }
            
            .containerr .drop .content a {
                position: relative;
                padding: 10px 20px;
                background-color: var(--clr);
                border-radius: 20px;
                color: #fff;
                text-shadow: 2px 5px 5px rgba(255, 255, 255, 0.5);
                cursor: pointer;
                transition: background-color 0.5s, color 0.5s;
                box-shadow: inset 2px 5px 10px rgba(0, 0, 0, 0.1), inset -2px -5px 10px rgba(255, 255, 255, 0.1), 10px 10px 5px rgba(0, 0, 0, 0.05), 10px 10px 5px rgba(0, 0, 0, 0.25);
            }
            
            .containerr .drop .content a:hover {
                background-color: #fff;
                color: var(--clr);
            }
            /* -----Media Query----- */
            
            .main-2 {
                display: flex;
                gap: 3%;
            }
            
            .s1 {
                display: flex;
                gap: 20px;
                background: linear-gradient(45deg, #ffa4a4, transparent, #ffa4a4);
                padding: 2rem;
                border-radius: 2rem;
                margin-bottom: 2rem;
                box-shadow: 0 3px 10px #fed1c4;
                align-self: flex-end;
            }
            
            .s1>div:first-child {
                background: linear-gradient(-4deg, white, transparent);
                border-radius: 50%;
                box-shadow: 0 2px 11px -4px;
                width: 140px;
                height: 140px;
                display: flex;
                flex: none;
                padding: 1.3rem;
                margin-top: -6rem;
            }
            
            .s2 {
                display: flex;
                gap: 20px;
                background: linear-gradient(45deg, #ffa4a4, transparent, #ffa4a4);
                padding: 2rem;
                border-radius: 2rem;
                margin-bottom: 2rem;
                box-shadow: 0 3px 10px #fed1c4;
                margin-top: 5rem;
                flex-direction: row-reverse;
            }
            
            .s2>div:nth-child(1) {
                background: rgba(255, 255, 255, 255);
                border-radius: 50%;
                box-shadow: 0 2px 11px -4px;
                width: 140px;
                height: 140px;
                display: flex;
                flex: none;
                padding: 1.3rem;
                margin-right: -3rem;
            }
            
            .thir-d {
                background: rgba(255, 255, 255, 0.5);
                padding: 2rem;
                border-radius: 35px;
                box-shadow: 0 3px 10px #fed1c4;
                margin-top: 5rem;
            }
            
            .thir-d img:first-child {
                margin-top: -9rem;
            }
            
            .lin-ks {
                margin-bottom: 0;
                padding-left: 0;
            }
            
            .lin-ks li {
                display: inline-block;
            }
            
            .lin-ks li a {
                padding: 0 5px;
                color: #fff;
            }
            
            .lin-ks li+li::before {
                content: "|";
                font-size: 10px;
                color: #fff;
            }
            
            .fotr {
                background: #8f4a2f;
                padding: 1rem 0;
            }
            
            .copy-r {
                display: flex;
                justify-content: right;
                color: #fff;
            }
            
            .phon-t {
                filter: drop-shadow(2px 4px 11px pink);
                transform: scale(1.1) rotate(19deg);
                margin-top: 16px;
            }
            
            .phon-t1 {
                filter: drop-shadow(2px 4px 11px pink);
                transform: scale(1.1) rotate(-34deg);
                margin-right: -25px;
                margin-top: -15px;
            }
            
            .abou-t span {
                color: #ed143d;
            }
            
            .abou-t img {
                filter: drop-shadow(2px 14px 16px brown);
                height: 250px;
                object-fit: contain;
            }
            
            .fotr {
                position: sticky;
                top: 100%;
            }
            
            .body-a {
                min-height: 100vh;
            }
            
            .trms {
                padding-top: 1rem;
                padding-bottom: 2rem;
            }
            
            .contct {
                max-width: 550px;
                margin: 1rem auto 3rem auto;
                box-shadow: inset 20px 20px 20px rgba(0, 0, 0, 0.05), 25px 35px 20px rgba(0, 0, 0, 0.05), 25px 20px 20px rgba(0, 0, 0, 0.05), inset 25px 30px 30px rgba(255, 255, 255, 0.9);
                padding: 3rem;
                border-radius: 2rem;
            }
            
            .button-wrap1 {
                background: #9a685a;
                color: #fff;
                padding: 10px 30px;
                border: none;
                border-radius: 8px;
                line-height: normal;
            }
            
            .baner>div {
                width: 50%;
            }
            
            .o1 {
                transform: rotate(-45deg)
            }
            
            .text-right {
                text-align: right;
            }
            
            .o2 {
                transform: rotate(45deg);
            }
            /* ----------button--------- */
            
            /*.game-button {
                position: relative;
                top: 0;
                cursor: pointer;
                text-decoration: none !important;
                outline: none !important;
                font-family: 'Carter One', sans-serif;
                font-size: 17px;
                line-height: 1.5em;
                letter-spacing: .1em;
                text-shadow: 2px 2px 1px #0066a2, -2px 2px 1px #0066a2, 2px -2px 1px #0066a2, -2px -2px 1px #0066a2, 0px 2px 1px #0066a2, 0px -2px 1px #0066a2, 0px 4px 1px #004a87, 2px 4px 1px #004a87, -2px 4px 1px #004a87;
                border: none;
                margin: 15px 15px;
                background: repeating-linear-gradient( 45deg, #3ebbf7, #3ebbf7 5px, #45b1f4 5px, #45b1f4 10px);
                border-bottom: 3px solid rgba(16, 91, 146, 0.5);
                border-top: 3px solid rgba(255, 255, 255, .3);
                color: #fff !important;
                border-radius: 8px;
                padding: 8px 15px 10px;
                box-shadow: 0 6px 0 #266b91, 0 8px 1px 1px rgba(0, 0, 0, .3), 0 10px 0 5px #12517d, 0 12px 0 5px #1a6b9a, 0 15px 0 5px #0c405e, 0 15px 1px 6px rgba(0, 0, 0, .3);
            }
            
            .game-button:hover {
                top: 2px;
                box-shadow: 0 4px 0 #266b91, 0 6px 1px 1px rgba(0, 0, 0, .3), 0 8px 0 5px #12517d, 0 10px 0 5px #1a6b9a, 0 13px 0 5px #0c405e, 0 13px 1px 6px rgba(0, 0, 0, .3);
            }
            
            .game-button::before {
                content: '';
                height: 10%;
                position: absolute;
                width: 40%;
                background: #fff;
                right: 13%;
                top: -3%;
                border-radius: 99px;
            }
            
            .game-button::after {
                content: '';
                height: 10%;
                position: absolute;
                width: 5%;
                background: #fff;
                right: 5%;
                top: -3%;
                border-radius: 99px;
            }
            
            .game-button.orange {
                background: repeating-linear-gradient( 45deg, #ffc800, #ffc800 5px, #ffc200 5px, #ffc200 10px);
                box-shadow: 0 6px 0 #b76113, 0 8px 1px 1px rgba(0, 0, 0, .3), 0 10px 0 5px #75421f, 0 12px 0 5px #8a542b, 0 15px 0 5px #593116, 0 15px 1px 6px rgba(0, 0, 0, .3);
                border-bottom: 3px solid rgba(205, 102, 0, 0.5);
                text-shadow: 2px 2px 1px #e78700, -2px 2px 1px #e78700, 2px -2px 1px #e78700, -2px -2px 1px #e78700, 0px 2px 1px #e78700, 0px -2px 1px #e78700, 0px 4px 1px #c96100, 2px 4px 1px #c96100, -2px 4px 1px #c96100;
            }
            
            .game-button.orange:hover {
                top: 2px;
                box-shadow: 0 4px 0 #b76113, 0 6px 1px 1px rgba(0, 0, 0, .3), 0 8px 0 5px #75421f, 0 10px 0 5px #8a542b, 0 13px 0 5px #593116, 0 13px 1px 6px rgba(0, 0, 0, .3);
            }
            .game-button.purple {
                background: repeating-linear-gradient( 45deg, #800080, #800080 5px, #620062 5px, #620062 10px);
                box-shadow: 0 6px 0 #800080, 0 8px 1px 1px rgba(0, 0, 0, .3), 0 10px 0 5px #8d068d, 0 12px 0 5px #620062, 0 15px 0 5px #593116, 0 15px 1px 6px rgba(0, 0, 0, .3);
                border-bottom: 3px solid rgba(100, 2, 124, 0.5);
                text-shadow: 2px 2px 1px #800080, -2px 2px 1px #800080, 2px -2px 1px #800080, -2px -2px 1px #800080, 0px 2px 1px #800080, 0px -2px 1px #800080, 0px 4px 1px #620062, 2px 4px 1px #620062, -2px 4px 1px #620062;
            }
            
            .game-button.purple:hover {
                top: 2px;
                box-shadow: 0 4px 0 #800080, 0 6px 1px 1px rgba(0, 0, 0, .3), 0 8px 0 5px #75421f, 0 10px 0 5px #8a542b, 0 13px 0 5px #593116, 0 13px 1px 6px rgba(0, 0, 0, .3);
            }
            
            .game-button.red {
                background: repeating-linear-gradient( 45deg, #ff4f4c, #ff4f4c 5px, #ff4643 5px, #ff4643 10px);
                box-shadow: 0 6px 0 #ae2725, 0 8px 1px 1px rgba(0, 0, 0, .3), 0 10px 0 5px #831614, 0 12px 0 5px #a33634, 0 15px 0 5px #631716, 0 15px 1px 6px rgba(0, 0, 0, .3);
                border-bottom: 3px solid rgba(160, 25, 23, 0.5);
                text-shadow: 2px 2px 1px #d72d21, -2px 2px 1px #d72d21, 2px -2px 1px #d72d21, -2px -2px 1px #d72d21, 0px 2px 1px #d72d21, 0px -2px 1px #d72d21, 0px 4px 1px #930704, 2px 4px 1px #930704, -2px 4px 1px #930704;
            }
            
            .game-button.red:hover {
                top: 2px;
                box-shadow: 0 4px 0 #ae2725, 0 6px 1px 1px rgba(0, 0, 0, .3), 0 8px 0 5px #831614, 0 10px 0 5px #a33634, 0 13px 0 5px #631716, 0 13px 1px 6px rgba(0, 0, 0, .3);
            }
            
            .game-button.green {
                background: repeating-linear-gradient( 45deg, #54d440, #54d440 5px, #52cc3f 5px, #52cc3f 10px);
                box-shadow: 0 6px 0 #348628, 0 8px 1px 1px rgba(0, 0, 0, .3), 0 10px 0 5px #2a6d20, 0 12px 0 5px #39822e, 0 15px 0 5px #1d4c16, 0 15px 1px 6px rgba(0, 0, 0, .3);
                border-bottom: 3px solid rgba(40, 117, 29, 0.5);
                text-shadow: 2px 2px 1px #348628, -2px 2px 1px #348628, 2px -2px 1px #348628, -2px -2px 1px #348628, 0px 2px 1px #348628, 0px -2px 1px #348628, 0px 4px 1px #1d4c16, 2px 4px 1px #1d4c16, -2px 4px 1px #1d4c16;
            }
            
            .game-button.green:hover {
                top: 2px;
                box-shadow: 0 4px 0 #348628, 0 6px 1px 1px rgba(0, 0, 0, .3), 0 8px 0 5px #2a6d20, 0 10px 0 5px #39822e, 0 13px 0 5px #1d4c16, 0 13px 1px 6px rgba(0, 0, 0, .3);
            }*/
            /* ----------End button--------- */
            
            .cf {
                position: sticky;
                bottom: 0;
            }
            
            .swing {
                animation: swing ease-in-out 1s infinite alternate;
                transform-origin: center -20px;
                filter: drop-shadow(2px 4px 6px #999) !important;
                /* float: left; */
            }
            
            .trm-con {
                padding-top: 1rem;
                padding-bottom: 2rem;
                background-image: url(../../assets/images/contact.png);
                background-size: 33%;
                background-repeat: no-repeat;
                background-position: -5% 100%;
            }
            
            .drop-s {
                filter: drop-shadow(2px 4px 6px #999) !important;
            }
            
            .position-r {
                position: relative;
            }
            
            .so {
                position: absolute;
                right: 37px;
                bottom: 50px;
            }
            
            .flowr {
                position: absolute;
                top: -143px;
                right: 0;
                filter: drop-shadow(2px 4px 6px pink);
            }
            .accordion-button::after
            {
               content: '\2b';
               font-family: "Font Awesome 6 Free";
               font-weight: 900;
               background-image: none;
               background-color: #ffc800;
               color: #fff;
               display: flex;
               align-items: center;
               justify-content: center;
               width: 30px;
               height: 30px;
            }
            
            .accordion-button:not(.collapsed)::after
            {
               content: '\f068';
               font-family: "Font Awesome 6 Free";
               font-weight: 900;
               background-image: none;
               transform: none;
               background: #52cb3f;
            }
            .accordion-button:focus
            {
                border: 0 !important;
                box-shadow: none !important;
            }
            .accordion-button:not(.collapsed)
            {
                background-color: #fff !important;
                background: none !important;
                border: 0 !important;
                box-shadow: none !important;
                border-bottom: 1px solid #f1f1f1 !important;
            }
            button.accordion-button {
                box-shadow: none !important;
                 
            }
            .accordion-flush .accordion-item
            {
                border-radius: 50px;
                padding: 1rem;
            }
            button.accordion-button.collapsed {
                border-radius: 50px !important;
                padding: 1rem;
            }
            .link-s a{
                color: #45b1f4;
                font-size: 18px !important;
            }
            @keyframes swing {
                0% {
                    transform: rotate(3deg);
                }
                100% {
                    transform: rotate(-3deg);
                }
            }
            
            
            
            @media only screen and (max-width:600px) {
                .containerr {
                    flex-direction: column;
                }
            }
            
            @media(min-width:992px) {
                .flx-hedr {
                    /* width: 54%; */
                }
                .mmt{
                    margin-top: -80px;
                }
            }
            
            @media(max-width: 992px) {
                .flowr{
                    display: none;
                }
                .abou-t .swing{
                    display: none;
                }
                .f-bg img{
                    height: auto !important;
                }
                .flx-2>div:nth-child(2) img {
                    width: 50%;
                }
                .flx-2>div:nth-child(2) {
                    margin-right: 0;
                }
                .cont {
                    max-width: 100%;
                }
                .copy-r {
                    justify-content: center;
                    color: #fff;
                    padding-top: 1rem;
                }
                .lin-ks li a {
                    font-size: 14px;
                }
                .main-2 {
                    flex-wrap: wrap;
                }
                .flx-2 {
                    flex-wrap: wrap;
                }
                .flx-2>div {
                    width: 100% !important;
                }
                .flx-2>div:nth-child(2) img {
                    scale: none;
                    margin: auto;
                    margin-top: 3rem;
                }
                .flx-2 {
                    border-radius: 37px;
                }
                .flxd {
                    flex-direction: row-reverse;
                    flex-wrap: wrap;
                }
                .flxd>div:nth-child(2) {
                    width: 100%;
                    order: 1;
                    display: flex;
                    justify-content: center;
                }
                .flxd>div {
                    width: 49%;
                }
                .flx-l>div {
                    width: 100%;
                }
                .flx-l {
                    flex-wrap: wrap;
                }
            }
            
            @media(max-width:767px) {
                
                .mob-pt-0
                {
                    padding-top: 0 !important;
                }
                .mob-revrs{
                    flex-direction: column-reverse;
                    justify-content: center;
                    align-items: center;
                }
                .flowr {
                    display: none;
                }
                .flx-2p {
                    padding: 3rem 0 0rem 0;
                }
                .sec-3 {
                    flex-wrap: wrap;
                }
                .sec-3>div:nth-child(1) img {
                    display: none;
                }
                .sec-3>div:first-child h1 {
                    line-height: normal;
                    font-size: xx-large !important;
                }
                .v-sec>div:nth-child(1) {
                    margin-bottom: 1rem;
                }
                .v-sec {
                    flex-wrap: wrap;
                }
                .v-sec>div {
                    width: 100%;
                }
                .school {
                    margin: 2rem auto;
                }
                .contct {
                    max-width: 500px;
                    margin: 0 auto 3rem auto;
                    padding: 2rem;
                }
                .flxd>div {
                    width: 100%;
                }
                .flxd {
                    padding: 1rem;
                }
                .schedule-item-2 {
                    margin-bottom: 1rem;
                }
                .sm-center {
                    text-align: center;
                }
                .sm-center1 {
                    display: flex;
                    justify-content: center;
                }
                .lin-ks {
                    padding-top: 1rem;
                }
            }
            
            @media(max-width: 500px) {
                .flx-2 {
                    padding: 2rem 1rem;
                }
                .baner {
                    flex-wrap: wrap;
                }
            }
            
            @media(max-width:650px) {
                .trms {
                    padding-top: 1rem;
                }
                .site-logo img {
                    width: 80px;
                }
            }
            
            @media (min-width:1600px) {
                .bnr {
                    padding-top: 8rem;
                }
                .bnr>div:nth-child(2) {
                    margin-left: -16rem !important;
                }
            }
            
            @media (max-width:1500px) {
                .bnr {
                    padding-top: 8rem;
                }
                .bnr>div:nth-child(2) {
                    margin-left: -20rem !important;
                }
            }
            
            .bnr>div:nth-child(2) {
                margin-left: -16rem !important;
            }
            
            @media(max-width:1400px) and (min-width:1200px) {
                .bnr {
                    padding-top: 5rem;
                }
                .bnr>div:nth-child(2) {
                    margin-left: -18rem !important;
                }
            }
            
            @media(max-width:1200px) and (min-width:1050px) {
                .bnr {
                    padding-top: 0;
                }
                .bnr>div:nth-child(2) {
                    margin-left: -14rem !important;
                }
            }
            
            @media(max-width:1050px) and (min-width:992px) {
                .bnr {
                    padding-top: 1rem;
                }
                .bnr>div:nth-child(2) {
                    margin-left: -15rem !important;
                }
            }
            
            @media(max-width:992px) and (min-width:900px) {
                .bnr {
                    padding-top: 6rem;
                }
                .bnr>div:nth-child(2) {
                    margin-left: -15rem !important;
                }
                .bnr p {
                    font-size: 4vw;
                    font-weight: normal;
                    line-height: 43px;
                }
                .btn-play {
                    height: 120px;
                }
                .cont {
                    max-width: 100%;
                    margin-top: 3rem;
                }
                .bnr h1 {
                    font-size: 5vw;
                }
            }
            
            @media(max-width:900px) {
                .baner>div:nth-child(2) {
                    margin-left: 0 !important;
                }
                .bnr {
                    padding-top: 0;
                }
                
                .baner {
                    justify-content: space-between;
                    gap: 0;
                }
                .bnr>div:nth-child(2) {
                    margin-left: 0 !important;
                }
                .bnr-2>div {
                    width: -webkit-fill-available;
                }
                .bnr h1 {
                    line-height: 35px;
                }
                .bnr p {
                    line-height: 90px;
                    margin-bottom: 0;
                }
                .btn-play {
                    height: auto;
                    padding: 12px 25px;
                    font-size: 20px;
                    /* margin: auto; */
                    width: auto;
                }
                .bnr h1 img {
                    display: none;
                }
            }
            
            @media(max-width:520px) {
                .baner {
                    flex-wrap: wrap;
                    justify-content: center;
                    gap: 1rem;
                }
                .baner>div {
                    width: 100%;
                    text-align: center;
                }
                .baner>div:nth-child(2) {
                    margin-left: 0 !important;
                }
                .bnr p {
                    line-height: normal;
                    margin-bottom: 0;
                }
                .bnr h1 {
                    line-height: normal;
                    margin-bottom: 0;
                }
                .bnr-2 {
                    gap: 15px;
                }
                .btn-play {
                    margin-top: 15px;
                    margin: auto;
                }
                .child-p>div:last-child {
                    display: none;
                }
                .sec-3 {
                    padding-bottom: 0 !important;
                }
                .containerr .drop:nth-child(1) {
                    margin: 20px 0 40px 0;
                }
            }
            
            @media(min-width:1500px) {
                .baner>div:nth-child(2) {
                    margin-left: -5rem !important;
                }
            }
            /* ----------button--------- */
            
            @media only screen and (max-width: 800px) {
                .containerr .drop {
                    width: 275px;
                    height: 415px;
                }
            }
            
            @media only screen and (max-width:600px) {
                .containerr {
                    flex-direction: column;
                }
            }
            
            @media(min-width:992px) {
                .flx-hedr {
                    /* width: 54%; */
                }
            }
            
            @media(max-width: 992px) {
                .containerr{
                    justify-content: center;
                }
                .swing{
                    display: none;
                }
                .cont {
                    max-width: 100%;
                }
                .copy-r {
                    justify-content: center;
                    color: #fff;
                    padding-top: 1rem;
                }
                .lin-ks li a {
                    font-size: 14px;
                }
                .main-2 {
                    flex-wrap: wrap;
                }
                .flx-2 {
                    flex-wrap: wrap;
                }
                .flx-2>div {
                    width: 100% !important;
                }
                .flx-2>div:nth-child(2) img {
                    scale: none;
                    margin: auto;
                    margin-top: 3rem;
                }
                .flx-2 {
                    border-radius: 37px;
                }
                .flxd {
                    flex-direction: row-reverse;
                    flex-wrap: wrap;
                }
                .flxd>div:nth-child(2) {
                    width: 100%;
                    order: 1;
                    display: flex;
                    justify-content: center;
                }
                .flxd>div {
                    width: 49%;
                }
                .flx-l>div {
                    width: 100%;
                }
                .flx-l {
                    flex-wrap: wrap;
                }
            }
            
            @media(max-width:767px) {
                .flx-2p {
                    padding: 3rem 0 0rem 0;
                }
                .sec-3 {
                    flex-wrap: wrap;
                }
                .sec-3>div:nth-child(1) img {
                    display: none;
                }
                .sec-3>div:first-child h1 {
                    line-height: normal;
                    font-size: xx-large !important;
                }
                .v-sec>div:nth-child(1) {
                    margin-bottom: 1rem;
                }
                .v-sec {
                    flex-wrap: wrap;
                }
                .v-sec>div {
                    width: 100%;
                }
                .school {
                    margin: 2rem auto;
                }
                .contct {
                    max-width: 500px;
                    margin: 0 auto 3rem auto;
                    padding: 2rem;
                }
                .flxd>div {
                    width: 100%;
                }
                .flxd {
                    padding: 1rem;
                }
                .schedule-item-2 {
                    margin-bottom: 1rem;
                }
                .sm-center {
                    text-align: center;
                }
                .sm-center1 {
                    display: flex;
                    justify-content: center;
                }
                .lin-ks {
                    padding-top: 1rem;
                }
            }
            
            @media(max-width: 500px) {
                .flx-2 {
                    padding: 2rem 1rem;
                }
                .baner {
                    flex-wrap: wrap;
                }
            }
            
            @media(max-width:650px) {
                .trms {
                    padding-top: 1rem;
                }
                .site-logo img {
                    width: 80px;
                }
            }
            
            @media (min-width:1600px) {
                .bnr {
                    padding-top: 8rem;
                }
                .bnr>div:nth-child(2) {
                    margin-left: -16rem !important;
                }
            }
            
            @media (max-width:1500px) {
                .bnr {
                    padding-top: 10rem;
                }
                .bnr>div:nth-child(2) {
                    margin-left: -25rem !important;
                }
            }
            
            .bnr>div:nth-child(2) {
                margin-left: -15rem !important;
            }
            
            @media(max-width:1400px) and (min-width:1200px) {
                .bnr {
                    padding-top: 6rem;
                }
                .bnr>div:nth-child(2) {
                    margin-left: -17rem !important;
                }
            }
            
            @media(max-width:1200px) and (min-width:1050px) {
                .bnr {
                    padding-top: 0;
                }
                .bnr>div:nth-child(2) {
                    margin-left: -14rem !important;
                }
            }
            
            @media(max-width:1050px) and (min-width:992px) {
                .bnr {
                    padding-top: 1rem;
                }
                .bnr>div:nth-child(2) {
                    margin-left: -15rem !important;
                }
            }
            
            @media(max-width:992px) and (min-width:900px) {
                .bnr {
                    padding-top: 6rem;
                }
                .bnr>div:nth-child(2) {
                    margin-left: -15rem !important;
                }
                .bnr p {
                    font-size: 4vw;
                    font-weight: normal;
                    line-height: 43px;
                }
                .btn-play {
                    height: 120px;
                }
                .cont {
                    max-width: 100%;
                    margin-top: 3rem;
                }
                .bnr h1 {
                    font-size: 4vw;
                }
            }

           @media(min-width:768px) and (max-width:900px){
            .btn-play img{
                width: 15px !important;
            }
            .btn-play{
                font-size: 10px !important;
                padding: 12px 15px !important;
            }
           }
           @media(min-width:520px) and (max-width:768px){
            .bnr>div:nth-child(2){
                flex-wrap: wrap !important;
                justify-content: center;
            }
            .bnr-2>div {
                width: 169px !important;
            }
            .bnr h1{
                text-align: center;
            }
           }

            @media(max-width:900px) {
                .baner>div:nth-child(2) {
                    margin-left: 0 !important;
                }
                .bnr {
                    padding-top: 0;
                }
                .bnr-2 {
                    gap: 10px;
                }
                .baner {
                    justify-content: space-between;
                    gap: 0;
                }
                .bnr>div:nth-child(2) {
                    margin-left: 0 !important;
                }
                .bnr-2>div {
                    width: 49%;
                } 
                .bnr p {
                    line-height: 90px;
                    margin-bottom: 0;
                }
                .btn-play {
                    height: auto;
                    padding: 12px 25px;
                    font-size: 20px;
                    /* margin: auto; */
                    width: auto;
                }
                .bnr h1 img {
                    display: none;
                }
                .cont {
                    margin-top: 0;
                }
            }
            
            @media(max-width:520px) {
                .flx-2>div:nth-child(2) img {
                    width: 80%;
                }
                .baner {
                    flex-wrap: wrap;
                    justify-content: center;
                    gap: 1rem;
                }
                .baner>div {
                    width: 100%;
                    text-align: center;
                }
                .baner>div:nth-child(2) {
                    margin-left: 0 !important;
                }
                .bnr p {
                    line-height: normal;
                    font-size: 28px;
                    margin-bottom: 1rem;
                }
                .bnr h1 {
                    line-height: normal;
                    margin-bottom: 0;
                    font-size: 22px;
                }
                .bnr-2 {
                    gap: 2%;
                    margin-top: 1rem;
                }
                .btn-play {
                    margin-top: 15px;
                    margin: auto;
                    padding: 10px;
                }
                .child-p>div:last-child {
                    display: none;
                }
                .sec-3 {
                    padding-bottom: 0 !important;
                }
                .containerr .drop:nth-child(1) {
                    margin: 20px 0 40px 0;
                }
                .so {
                    display: none;
                }
            }
            
            @media(min-width:1500px) {
                .baner>div:nth-child(2) {
                    margin-left: -5rem !important;
                }
            }
            @media(min-width:992px) and (max-width:1200px)
            {
                .site-navbar .site-navigation .site-menu>li>a{
                    padding: 5px 33px !important;
                }
            }
            
           
            @media(max-width:768px){ 
                .swing{
                    display: none;
                }
                .bnr{
                    padding: 1rem !important;
                }
                .top3>div{
                    width:100% !important;
                }
                .top3 .drop {
                    height: 290px;
                    width: 290px;
                }
                    .school {
                    max-width: 500px;
                }
                .btn-play {
                    font-size:9px;
                }
                .btn-play img{
                    width:15px;
                }
            }
            @media(min-width:767px){
                .school{
                    width: 80%;
                }
            }
            @media(max-width:650px){
                .mts{
                    margin-top: 1rem;
                }
            }
            @media(max-width:575px){
                .video-play-button:before, .video-play-button:after{
                    height: 40px !important;
                    width: 40px;
                }
                .v-sec>div{
                    padding: 0 !important;
                }
                .bnr1{
                    font-size: 20px !important;
                }
                .flx-2>div{
                    display: flex;
                }
                .v-sec{
                    margin-top: 0 !important;
                }
                .flx-2>div:nth-child(2) img{
                    margin-top: 0 !important;
                }
                .bnr1 h1{
                    font-size: 6vw !important;
                }
                .mob-pt{
                    padding-top: 1rem !important;
                }
                .mob-pb{
                    padding-bottom: 1rem !important;
                }
                .abou-t img{
                    height: 170px;
                }
            }


            /* -------------testimonial------------ */
            .testimonials-wrap {
                padding: 40px 0;
            }
            .heading-section {
                text-align: center;
            }
            .sub-heading {
                /*font-family: "Comic Sans MS" !important;;*/
                font-size: 12px;
                display: block;
                font-weight: 600;
                color: #2e9ca1;
                text-transform: uppercase;
                letter-spacing: 2px;
            }
            .heading-section h2 {
                font-size: 28px;
                font-weight: 600;
                padding-top: 10px;
                padding-bottom: 15px;
            }
            .testimonial-box {
                display: block;
                position: relative;
                padding: 30px 20px;
                background: #fff;
                border: 1px solid rgba(0,0,0,.03);
                border-radius: 5px;
                box-shadow: 0 0 20px rgba(0, 0, 0, .08);
            }
            .user-img {
                width: 80px;
                height: 80px;
                border-radius: 50%;
                position: relative;
                min-width: 80px;
                background-size: 100%;
            }
            .carousel-testimonial .item {
                padding: 30px 10px;
            }
            .quote {
                position: absolute;
                top: -23px;
                color: #2e9da1;
                font-size: 27px;
            }
            .name {
                margin-bottom: 0;
                line-height: 14px;
                font-size: 17px;
                font-weight: 500;
            }
            .position {
                color: #adadad;
                font-size: 14px;
            }
            .carousel-testimonial .owl-nav {
                text-align: center;
            }
            .carousel-testimonial .owl-nav button.owl-next, 
            .carousel-testimonial .owl-nav button.owl-prev {
                padding: 0 12px !important;
            }
            .carousel-testimonial .owl-nav button {
                outline: none;
                padding: 0;
            }
            .carousel-testimonial .owl-nav button.owl-next span, 
            .carousel-testimonial .owl-nav button.owl-prev span {
                display: block;
                font-size: 40px;
                width: 25px;
                height: 25px; 
                line-height: 16px;
            }
            .carousel-testimonial .owl-nav button.owl-next.disabled, 
            .carousel-testimonial .owl-nav button.owl-prev.disabled {
                opacity: 0.5;
            }
            /* -------------End testimonial------------ */