@font-face {
            font-family: Sniglet;
            src: url(../font/Sniglet-Regular.ttf);
        }
        
        body {
            font-family: Sniglet;
        }
        
        .nav-link {
            cursor: pointer;
        }
        
        .sid-nav {
            background-color: #FEF200;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08);
        }
        
        .sid-logo {
            height: 55px;
            margin-left: 40px;
        }
        
        .dropdown-item {
            padding: 0px 15px;
        }
        
        .sid-bg {
            margin-top: 81px;
            background-image: url("../images/home-bg.png");
            height: 674px;
            background-size: 100%;
            /* padding-bottom: 50px; */
            background-repeat: no-repeat;
        }
        
        .wonder-plane {
            margin-top: 80px;
            margin-left: 30px;
            width: 100%;
        }
        
        .sentence {
            color: #222;
            font-size: 24px;
            text-align: left;
        }
        
        .tomato {
            background-color: #F55F44;
            color: #fff;
            padding: 5px 10px;
        }
        
        .mango {
            background-color: #FFE600;
            color: #fff;
            padding: 5px 10px;
        }
        
        .aqua {
            background-color: #00487C;
            color: #fff;
            padding: 5px 10px;
        }
        
        .xray {
            background-color: #7A5BF5;
            color: #fff;
            padding: 5px 10px;
            line-height: 65px;
        }
        
        .chawan {
            background-color: #00EE2C;
            color: #fff;
            padding: 5px 10px;
        }
        /*Wrapper*/
        
        .wrapper {
            /* background-color: #f5f5f5; */
            /* font-family: 'Raleway', sans-serif; */
            margin: 50px auto;
            padding: 0px 0px 0px 40px;
            position: relative;
            /* width: 70%; */
        }
        
        .ques-para {
            min-height: 225px;
            background: repeating-linear-gradient( -45deg, #00487C, #00487C 20px, #11C0CE 20px, #11C0CE 40px);
            border-radius: 15px;
            margin-top: 50px;
            padding: 10px;
        }
        
        .typewriter {
            background-color: #ffffff;
            min-height: 202px;
            border-radius: 20px;
            font-size: 18px;
            /* margin: 10px 50px;  */
            letter-spacing: 1px;
            /* font-weight: 700; */
            padding: 25px 25px 0px 25px;
            /* padding-bottom: 0px; */
        }
        
        .school-bus-gif {
            margin-top: 0px;
            margin-left: -174px;
        }
        
        .ques-slider {
            margin-top: 100px;
        }
        .sid-img{
            border-radius: 50%;
            width: 50%;
            border: 2px solid #ffc54b;
            box-shadow: 0px 1px #ff9f00;
        }
        .sid-medal{
            width: 25%;
        }
        .so-many-ques {
            height: auto;
            /* padding: 15px; */
            background-color: #00487C;
            color: #ffffff;
            border-radius: 12px;
            position: absolute;
            top: 26px;
            padding: 10px 0px;
            /* transform: rotate( 2deg); */
            left: 50px;
        }
        /* .sid-row {
            display: flex;
            margin-top: -340px;
            padding-bottom: 15px;
        } */
        
        #carouselQuestions .carousel-item {
            min-height: 175px;
        }
        
        #carouselQuestions .Ques-carousel-control-prev-icon {
            background-image: url("../images/Ques-prev.png");
            margin-left: -300px;
        }
        
        #carouselQuestions .Ques-carousel-control-next-icon {
            background-image: url("../images/Ques-next.png");
            margin-left: -300px;
        }
        /* .carousel-indicators {

} */
        
        #carouselQuestions .carousel-indicators .active {
            background-color: #00487C;
            border: 1px solid #cecece;
        }
        
        #carouselQuestions .carousel-indicators li {
            width: 16px;
            height: 16px;
            border-radius: 50px;
            border: 1px solid #afafaf;
            top: 100px;
        }
        /*Vertical Flip*/
        
        .verticalFlip {
            display: inline;
            text-indent: 8px;
        }
        
        .verticalFlip span {
            animation: vertical 12.5s linear infinite 0s;
            -ms-animation: vertical 12.5s linear infinite 0s;
            -webkit-animation: vertical 12.5s linear infinite 0s;
            color: #00487C;
            opacity: 0;
            overflow: hidden;
            position: absolute;
        }
        
        .verticalFlip span:nth-child(2) {
            animation-delay: 2.5s;
            -ms-animation-delay: 2.5s;
            -webkit-animation-delay: 2.5s;
        }
        
        .verticalFlip span:nth-child(3) {
            animation-delay: 5s;
            -ms-animation-delay: 5s;
            -webkit-animation-delay: 5s;
        }
        
        .verticalFlip span:nth-child(4) {
            animation-delay: 7.5s;
            -ms-animation-delay: 7.5s;
            -webkit-animation-delay: 7.5s;
        }
        
        .verticalFlip span:nth-child(5) {
            animation-delay: 10s;
            -ms-animation-delay: 10s;
            -webkit-animation-delay: 10s;
        }
        /*Vertical Flip Animation*/
        
        @-moz-keyframes vertical {
            0% {
                opacity: 0;
            }
            5% {
                opacity: 0;
                -moz-transform: rotateX(180deg);
            }
            10% {
                opacity: 1;
                -moz-transform: translateY(0px);
            }
            25% {
                opacity: 1;
                -moz-transform: translateY(0px);
            }
            30% {
                opacity: 0;
                -moz-transform: translateY(0px);
            }
            80% {
                opacity: 0;
            }
            100% {
                opacity: 0;
            }
        }
        
        @-webkit-keyframes vertical {
            0% {
                opacity: 0;
            }
            5% {
                opacity: 0;
                -webkit-transform: rotateX(180deg);
            }
            10% {
                opacity: 1;
                -webkit-transform: translateY(0px);
            }
            25% {
                opacity: 1;
                -webkit-transform: translateY(0px);
            }
            30% {
                opacity: 0;
                -webkit-transform: translateY(0px);
            }
            80% {
                opacity: 0;
            }
            100% {
                opacity: 0;
            }
        }
        
        @-ms-keyframes vertical {
            0% {
                opacity: 0;
            }
            5% {
                opacity: 0;
                -ms-transform: rotateX(180deg);
            }
            10% {
                opacity: 1;
                -ms-transform: translateY(0px);
            }
            25% {
                opacity: 1;
                -ms-transform: translateY(0px);
            }
            30% {
                opacity: 0;
                -ms-transform: translateY(0px);
            }
            80% {
                opacity: 0;
            }
            100% {
                opacity: 0;
            }
        }
        
        .footer {
            background-color: #00487C;
            color: #fff;
            height: 115px;
            text-align: center;
            padding: 50px 0px;
        }
        /*Footer*/
        
        h3 {
            color: #fff;
            font-size: 30px;
            margin-top: 20px;
            text-align: center;
        }
        /* About us */
        
        .about-section {
            margin-top: -42px;
            padding: 100px 0px 50px 0px;
            text-align: center;
            background: linear-gradient(180deg, #009CA9 78.65%, #11C0CE 100%);
            /* background: linear-gradient(180deg, rgba(249, 249, 249, 0.24) 0%, #F9F9F9 50%, #F2F2F2 100%); */
        }
        
        .section-heading {
            color: #ffffff;
            font-family: Sniglet;
            font-size: 35px;
            margin-top: 5px;
        }
        
        .about-para {
            color: #ffffff;
            font-family: Sniglet;
            font-size: 20px;
            width: 88%;
            margin: 0px auto;
        }
        
        .our-teachers {
            color: #2F2E41;
            font-family: Sniglet;
            font-size: 26px;
            margin-top: 5px;
        }
        
        .general-info {
            color: #2F2E41;
            font-family: Sniglet;
            font-size: 26px;
            margin-top: 5px;
            text-align: left;
            margin-left: 10px;
        }
        
        .flip-card-common {
            display: flex;
            padding-top: 0px;
        }
        
        .teacher-img {
            width: 125px;
            height: 100px;
            margin-top: 40px;
            border-radius: 46%;
            /* margin: 0px auto; */
            /* border: 3px solid #ffffff; */
        }
        
        .achivers-img {
            width: 100px;
            height: 100px;
        }
        
        .teacher-div {
            background: #379C4D;
            padding: 20px 20px 15px 20px;
            border-radius: 60px;
            margin: 20px auto;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
        }
        
        .teacher-name {
            font-size: 21px;
            width: 70%;
            font-family: sniglet;
            /* margin-top: 30px; */
            text-align: center;
            /* background-color: #4CCFDA; */
            background: linear-gradient(180deg, #4CCFDA 0%, #00487C 100%);
            margin: 30px auto 10px;
            color: #ffffff;
        }
        
        .teacher-position {
            font-family: Sniglet;
        }
        
        .flip-card {
            background-color: transparent;
            width: 100%;
            height: 350px;
            /* border: 1px solid #f1f1f1; */
            perspective: 1000px;
            /* Remove this if you don't want the 3D effect */
            /* border-radius: 50px; */
        }
        /* This container is needed to position the front and back side */
        
        .flip-card-inner {
            position: relative;
            width: 100%;
            height: 100%;
            text-align: center;
            transition: transform 0.8s;
            transform-style: preserve-3d;
        }
        /* Do an horizontal flip when you move the mouse over the flip box container */
        
        .flip-card:hover .flip-card-inner {
            transform: rotateY(180deg);
        }
        /* Position the front and back side */
        
        .flip-card-front,
        .flip-card-back {
            position: absolute;
            width: 100%;
            height: 91%;
            -webkit-backface-visibility: hidden;
            /* Safari */
            backface-visibility: hidden;
            border-radius: 15px;
        }
        /* Style the front side (fallback if image is missing) */
        
        .flip-card-front {
            /* background-image: linear-gradient(#72d9e2, #9ae4ea); */
            background: linear-gradient(180deg, #99E9F2 0%, #4CCFDA 38.02%, #FFFFFF 38.03%, #FFFFFF 100%);
            /* background: linear-gradient(to bottom, blue 35%, rgb(255, 255, 255) 35%); */
            color: black;
            filter: drop-shadow(0px 4px 5px rgba(124, 124, 124, 0.3));
        }
        /* Style the back side */
        
        .flip-card-back {
            background: linear-gradient(#088B9A, #0A6F77);
            /* background-color: #6C63FF; */
            color: white;
            transform: rotateY(180deg);
            height: 317px;
            padding: 20px;
            overflow-y: scroll;
            font-family: sniglet;
        }
        
        .flip-card-back::-webkit-scrollbar {
            width: 7px;
            box-shadow: inset 0 0 5px #000000
        }
        
        .flip-card-back::-webkit-scrollbar-track {
            background: #e2e2e2;
        }
        
        .flip-card-back::-webkit-scrollbar-thumb {
            background: rgb(185, 185, 185);
            border-radius: 10px;
        }
        
        .flip-card-back::-webkit-scrollbar-thumb:hover {
            background: rgb(138, 138, 138);
        }
        /* courses style */
        /* .courses-padding-top {
            margin-top: 200px!important;
        } */
        
        .courses-div {
            /* border: 1px solid #cccccc;
            border-radius: 20px; */
            padding: 50px 20px 20px 20px;
        }
        
        .exams-heading {
            color: #000000;
            background: linear-gradient(91.12deg, rgba(255, 255, 255, 0) 1.37%, #FFFFFF 38.33%, rgba(255, 255, 255, 0.724138) 68.77%, rgba(255, 255, 255, 0) 105.73%);
            font-family: sniglet;
            font-size: 24px;
            padding: 15px;
            margin: 30px auto 30px auto;
        }
        
        .our-teacher-heading {
            color: #000000;
            background-image: url("../images/our-tech.png");
            background-repeat: no-repeat;
            background-position: center;
            font-family: sniglet;
            font-size: 24px;
            padding: 15px;
        }
        
        .courses-heading {
            color: #000000;
            background-image: url("../images/our-courses.png");
            background-repeat: no-repeat;
            background-position: center;
            font-family: sniglet;
            font-size: 24px;
            padding: 15px;
        }
        
        .info-para {
            color: #ADB8BF;
            font-family: Sniglet;
            font-size: 18px;
            padding: 20px;
        }
        
        .structure-para {
            color: #7E7E7E;
            font-family: sniglet;
            font-size: 18px;
        }
        
        .level-flex {
            display: flex;
        }
        
        .nav-tabs .nav-item.show .nav-link,
        .nav-tabs .nav-link.active {
            color: #000000;
            font-family: Sniglet;
            font-size: 20px;
            border: 0px;
            /* border-bottom: 3px solid #6C63FF; */
            /* background-color: #00EE2C; */
            background-image: url("../images/pencil-cliked.png");
            background-size: 100%;
            background-repeat: no-repeat;
        }
        
        .gallery-pencil {
            width: 220px !important;
            height: 60px !important;
            font-size: 18px!important;
            padding-top: 15px;
        }
        
        .achiever-first {
            margin-top: -120px;
            text-align: center;
        }
        
        .nav-tabs {
            border-bottom: 0px;
        }
        
        .course-ul-padding {
            padding-left: 70px;
        }
        
        .nav-tabs .nav-link {
            color: #626262;
            font-family: Sniglet;
            font-size: 20px;
            border: 0px;
            cursor: pointer;
            width: 310px;
            height: 90px;
            background-image: url("../images/pencil-uncliked.png");
            background-size: 100%;
            background-repeat: no-repeat;
        }
        
        .nav-tabs .nav-item.show .nav-link,
        .nav-tabs .nav-link.active {
            /* background-color: none !important;
             */
            background-color: rgba(201, 76, 76, 0);
        }
        
        .nav-tabs .nav-item.show .nav-link1,
        .nav-tabs .nav-link1.active {
            color: #6C63FF;
            font-family: Sniglet;
            font-size: 20px;
            border: 0px;
            border-bottom: 3px solid #6C63FF;
        }
        
        .nav-link1 {
            display: block;
            padding: .5rem 1rem;
        }
        
        .nav-link1:hover {
            text-decoration: none;
        }
        
        .nav-tabs .nav-link1 {
            color: #ADB8BF;
            font-family: Sniglet;
            font-size: 20px;
            border: 0px;
            cursor: pointer;
        }
        
        .courses-ul {
            margin-left: -20px;
        }
        
        .course-inner {
            max-height: 575px;
            overflow-y: scroll;
        }
        
        .nav-level {
            border-bottom: 1px solid #dee2e6;
        }
        
        .courses-section {
            /* background-color: black; */
            height: auto;
            background-image: url("../images/blue-bg.png");
            background-size: 100%;
            background-repeat: no-repeat;
            margin-top: 50px;
            padding-bottom: 40px;
            padding-top: 10px;
        }
        
        .course-inner::-webkit-scrollbar {
            width: 7px;
            /* width of the entire scrollbar */
        }
        
        .course-inner::-webkit-scrollbar-track {
            background: rgb(245, 235, 216);
            border-radius: 20px;
            /* color of the tracking area */
        }
        
        .course-inner::-webkit-scrollbar-thumb {
            background-color: rgb(155, 155, 155);
            /* color of the scroll thumb */
            border-radius: 20px;
            /* roundness of the scroll thumb */
            /* border: 3px solid orange; */
            /* creates padding around scroll thumb */
        }
        
        .dr-homi-tab {
            width: 200px;
            font-size: 18px;
            margin-left: 25px;
            margin-top: 20px;
        }
        
        .cbse-tab {
            width: 200px;
            font-size: 18px;
            margin-left: 21px;
            line-height: 22px;
        }
        /* testimonial style */
        
        .testimonials-section {
            /* background-color: #F9F9F9; */
            background: linear-gradient(180deg, #009CA9 78.65%, #11C0CE 100%);
            padding: 40px 0px;
        }
        
        .carousel-indicators {
            display: none;
        }
        
        .carousel-indicators1 {
            display: none;
        }
        
        .student-heading {
            color: #000000;
            background: linear-gradient(91.12deg, rgba(103, 255, 136, 0) 7.34%, #67FF88 51.92%, rgba(103, 255, 136, 0) 98.67%);
            font-family: sniglet;
            font-size: 24px;
            padding: 15px;
            margin: 50px auto 30px auto;
        }
        
        .line {
            background-color: #ADB8BF;
            width: 95%;
        }
        
        .parents-heading {
            color: #000000;
            background: linear-gradient(91.12deg, rgba(17, 192, 206, 0.11) 1.37%, #11C0CE 51.92%, rgba(17, 192, 206, 0.12) 98.67%);
            font-family: sniglet;
            font-size: 24px;
            padding: 15px;
            margin: 50px auto 30px auto;
        }
        
        .carousel-control-prev-icon {
            background-image: url("../images/Polygon-2.png");
            margin-left: -220px;
        }
        
        .carousel-control-next-icon {
            background-image: url("../images/Polygon-1.png");
            margin-right: -220px;
        }
        
        .testimonial-heading {
            color: #000000;
            background-image: url("../images/our-tech.png");
            background-repeat: no-repeat;
            background-position: center;
            font-family: sniglet;
            font-size: 24px;
            padding: 15px;
        }
        
        .testimonial-section-heading {
            color: #00487C;
            font-family: Sniglet;
            font-size: 28px;
            margin-top: 5px;
        }
        
        .testimonials-style {
            /* border: 2px solid #cccccc; */
            background-color: #00487c;
            margin-top: -91px;
            max-height: 440px;
            overflow-y: scroll;
            overflow-x: hidden;
            color: #ffffff;
        }
        
        .testimonials-style::-webkit-scrollbar {
            width: 7px;
            box-shadow: inset 0 0 5px #000000
        }
        
        .testimonials-style::-webkit-scrollbar-track {
            background: #e2e2e2;
        }
        
        .testimonials-style::-webkit-scrollbar-thumb {
            background: rgb(185, 185, 185);
            border-radius: 10px;
        }
        
        .testimonials-style::-webkit-scrollbar-thumb:hover {
            background: rgb(138, 138, 138);
        }
        
        .teacher-testimonial-section {
            display: flex;
        }
        
        .testimonial-para {
            color: #ffffff;
        }
        /* contact style */
        
        .contact-section {
            /* background-color: #ffffff; */
            padding: 70px 0px;
            background-color: #EAF63E
        }
        
        .contact-bg {
            position: relative;
        }
        
        .contact-section-heading {
            color: #00487C;
            font-family: Sniglet;
            font-size: 35px;
            margin-top: 5px;
        }
        
        .contact-outer {
            margin: 0px auto;
            padding: 50px 0px;
        }
        
        .contact-content {
            position: absolute;
            top: 140px;
            margin: 0px auto;
            text-align: center;
        }
        
        .carousel-inner-padding {
            padding-right: 170px;
            padding-left: 170px;
        }
        
        #scroll {
            position: fixed;
            right: 10px;
            bottom: 10px;
            cursor: pointer;
            width: 50px;
            height: 50px;
            background-color: #FEF200;
            text-indent: -9999px;
            display: none;
            -webkit-border-radius: 60px;
            -moz-border-radius: 60px;
            border-radius: 60px
        }
        
        #scroll span {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -8px;
            margin-top: -12px;
            height: 0;
            width: 0;
            border: 8px solid transparent;
            border-bottom-color: #000000;
        }
        
        #scroll:hover {
            background-color: #c0b601;
            opacity: 1;
            filter: "alpha(opacity=100)";
            -ms-filter: "alpha(opacity=100)";
        }
        
        #carouselTestimonial .carousel-indicators {
            position: absolute;
            right: 0;
            bottom: -20px;
            left: 0;
        }
        
        .achivers-padding {
            padding-left: 128px!important;
        }
        
        .achievers-margin {
            margin: 15px;
        }
        
        .achievers-name {
            margin-bottom: 0px!important;
            text-align: center;
            font-size: 18px;
        }
        
        .achievers-school {
            font-size: 15px;
            margin-bottom: 0px!important;
            text-align: center;
        }
        
        .achievers-medal {
            font-size: 15px;
            color: #00487C;
            text-align: center;
            margin-bottom: 15px;
        }
        
        .achievers-modal-name {
            display: none;
        }
        
        .activity-para {
            display: none;
        }
        
        .achievers-modal-school {
            display: none;
            font-size: 14px;
            margin-bottom: 0px!important;
        }
        
        .achievers-modal-medal {
            display: none;
            font-size: 14px;
            color: #9b9b9b;
        }
        /* gallary */
        
        .gallery-bg {
            background-color: #eaf63e;
        }
        
        .achiever-tab {
            width: 200px;
            /* margin-left: 15px; */
            margin-top: 5px;
        }
        
        .activity-tab {
            width: 200px;
            margin-left: 5px;
            margin-top: 5px;
        }
        
        .thumbnail-a {
            cursor: auto;
        }
        
        .text {
            color: white;
            font-size: 20px;
            position: absolute;
            width: 100%;
            top: 60%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            text-align: center;
        }
        
        .overlay {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            height: 100%;
            width: 100%;
            opacity: 0;
            transition: .5s ease;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 100%);
        }
        
        .thumbnail-a:hover .overlay {
            opacity: 1;
        }
        
        .thumbnail-b:hover .overlay {
            opacity: 1;
        }
        /* .grid1 .item:hover .overlay {
            opacity: 1;
        } */
        /* .img-thumbnail:hover .overlay {
            opacity: 1;
        } */
        
        .btn:focus,
        .btn:active,
        button:focus,
        button:active {
            outline: none !important;
            box-shadow: none !important;
        }
        
        #image-gallery .modal-footer {
            display: block;
        }
        
        .thumb {
            /* margin-top: 15px;
            margin-bottom: 15px; */
            padding: 0px;
        }
        
        .thumb-act {
            padding: 0px 6px;
            margin-bottom: 6px;
        }
        
        .modal-content {
            width: 85%!important;
            margin: 0px auto;
        }
        /* .modal-lg {
            max-width: 1317px;
        } */
        
        .modal-header {
            border-bottom: 0px;
        }
        
        .modal-footer {
            border-top: 0px;
        }
        
        .img-thumbnail {
            padding: .25rem;
            background-color: #ffffff;
            border: 0px solid #dee2e6;
            border-radius: 0rem;
            /* max-width: 147%; */
            /* height: 180px; */
            width: 100%;
        }
        
        .img-thumbnail1 {
            padding: .25rem;
            background-color: #eaf63e;
            border: 0px solid #dee2e6;
            border-radius: 0rem;
            /* max-width: 147%; */
            height: 180px;
            width: 100%;
        }
        
        .thumbnail-name {
            display: none;
        }
        /* new gallery css */
        
        .grid {
            display: flex;
            flex-wrap: wrap;
            --height: 240;
            /* Minimal row height */
            --ratio: 1;
            /* Default aspect ratio for photos that are not loaded yet */
        }
        
        .grid1 {
            display: flex;
            flex-wrap: wrap;
            --height: 280;
            /* Minimal row height */
            --ratio: 1;
            /* Default aspect ratio for photos that are not loaded yet */
        }
        
        .item {
            flex: calc(var(--height) / var(--ratio));
            min-width: calc(var(--height) / var(--ratio) * 1px);
            margin: 2px;
            font-size: 0;
        }
        
        .item img {
            width: 100%;
        }
        
        .placeholder {
            flex-grow: 99999;
        }
        
        #pageLoadModal .modal-dialog .modal-content {
            width: 100%!important;
            border-radius: 15px;
        }
        
        #pageLoadModal .modal-dialog .modal-content h1 {
            color: #000000;
            font-size: 21px;
        }
        
        #pageLoadModal .modal-dialog .modal-content h6 {
            color: #ffffff;
            font-size: 16px;
        }
        
        #pageLoadModal .modal-dialog .modal-content .popup-border {
            border: 1px solid #FFC107;
            border-radius: 15px;
            margin: 10px;
        }
        
        .result-out {
            height: auto;
            padding: 8px 20px;
            margin: 10px auto;
            border-radius: 40px;
            background: linear-gradient(180deg, #FFC107 0%, #FFA47A 100%);
        }
        
        .congrats-color {
            color: #1EC643!important;
            font-size: 21px;
        }
        
        .winner-name {
            font-size: 14px;
        }
        
        .winner-school {
            font-size: 12px;
            color: #f27577;
        }
        
        .winner-medal {
            color: #f27577;
        }
        
        .pageload-flex {
            display: flex;
        }
        
        .modal-body-mt {
            margin-top: -25px;
        }
        
        @media only screen and (min-width:1920px) {
            .sid-bg {
                height: 934px !important;
                background-repeat: no-repeat;
            }
            .sid-medal{
                width: 25%;
            }
            .sentence {
                font-size: 36px;
            }
            .contact-content {
                position: absolute;
                top: 240px;
                margin: 0px auto;
                text-align: center;
            }
            .courses-section {
                /* background-color: black; */
                height: auto;
                background-image: url("../images/courses-bg.png");
                background-size: 100%;
                background-repeat: no-repeat;
                margin-top: 50px;
                padding-bottom: 70px;
                padding-top: 10px;
            }
            .school-bus-gif {
                margin-top: 38px!important;
                margin-left: -221px!important;
            }
            .ques-slider {
                margin-top: 250px!important;
            }
        }
        
        @media only screen and (min-width:1600px) {
            .sid-bg {
                height: 790px;
                background-repeat: no-repeat;
            }
            .sid-medal{
                width: 25%;
            }
            .sentence {
                font-size: 36px;
            }
            .courses-section {
                /* background-color: black; */
                height: auto;
                background-image: url("../images/courses-bg.png");
                background-size: 100%;
                background-repeat: no-repeat;
                margin-top: 50px;
                padding-bottom: 70px;
                padding-top: 10px;
            }
            .course-inner {
                max-height: 472px;
                overflow-y: scroll;
            }
            .ques-slider {
                margin-top: 190px;
            }
        }
        
        @media only screen and (min-width:1620px) {
            .sid-bg {
                height: 800px;
                background-repeat: no-repeat;
            }
            .sid-medal{
                width: 25%;
            }
            .sentence {
                font-size: 36px;
            }
            .courses-section {
                /* background-color: black; */
                height: auto;
                background-image: url("../images/courses-bg.png");
                background-size: 100%;
                background-repeat: no-repeat;
                margin-top: 50px;
                padding-bottom: 70px;
                padding-top: 10px;
            }
            .course-inner {
                max-height: 472px;
                overflow-y: scroll;
            }
            .school-bus-gif {
                margin-top: 21px;
                margin-left: -190px;
            }
        }
        
        @media only screen and (min-width:1366px) {
            .sid-bg {
                min-height: 674px;
                background-repeat: no-repeat;
            }
        }
        
        @media only screen and (max-width:1280px) {
            .sid-bg {
                height: 640px;
                background-repeat: no-repeat;
            }
            .course-inner {
                max-height: 525px;
                overflow-y: scroll;
            }
            .sid-row {
                display: flex;
                margin-top: -260px;
            }
            .so-many-ques {
                height: auto;
                padding: 15px;
                background-color: #00487C;
                color: #ffffff;
                border-radius: 12px;
                position: absolute;
                top: -8px;
                left: 50px;
            }
        }
        
        @media only screen and (max-width:1200px) {
            .sid-bg {
                height: 564px;
                background-repeat: no-repeat;
            }
            .course-inner {
                max-height: 434px;
                overflow-y: scroll;
            }
            .about-section {
                padding: 225px 0px 50px 0px;
            }
            #carouselQuestions .carousel-item {
                max-height: 225px;
                overflow: scroll;
            }
            .achiever-first {
                margin-top: -120px;
                text-align: right;
            }
        }
        
        @media only screen and (max-width: 900px) {
            .carousel-control-prev-icon {
                background-image: url("../images/Polygon-2.png");
                margin-left: -60px;
            }
            .hide-arrow {
                display: none;
            }
            .teacher-img {
                width: 60px;
                height: 60px;
                margin-top: 15px;
                border-radius: 50%;
                /* margin: 0px auto; */
                /* border: 3px solid #ffffff; */
            }
            .carousel-control-next-icon {
                background-image: url("../images/Polygon-1.png");
                margin-right: -60px;
            }
            .carousel-inner-padding {
                padding-right: 50px;
                padding-left: 50px;
            }
            .sid-bg {
                min-height: 570px;
                background-color: #009ca9;
                background-size: 100%;
                background-repeat: no-repeat;
            }
            #carouselQuestions .carousel-item {
                max-height: 225px;
                overflow: scroll;
            }
            .wonder-plane {
                margin-top: 40px;
                margin-left: 40px;
            }
            .so-many-ques {
                height: auto;
                padding: 15px;
                background-color: #00487C;
                color: #ffffff;
                border-radius: 12px;
                position: absolute;
                top: -8px;
                left: 50px;
            }
            .contact-content {
                top: 83px;
            }
            .email-image-p-zero {
                padding: 10px 0px!important;
            }
            .about-section {
                padding: 100px 0px 50px 0px !important;
            }
            .school-bus-gif {
                margin-top: 10px;
                margin-left: -80px;
            }
            .course-inner {
                max-height: 277px;
                overflow-y: scroll;
            }
            .achiever-first {
                margin-top: -120px;
                text-align: right;
            }
        }
        
        @media only screen and (max-width: 600px) {
            .flip-card-common {
                flex-direction: column;
            }
            .sid-medal{
                width: 50%;
            }
            /* .about-section {
                padding: 100px 0px 50px 0px !important;
            } */
            .teacher-testimonial-section {
                display: flex;
                flex-direction: column;
            }
            .teacher-img {
                width: 100px;
                height: 100px;
                margin-top: 40px;
                border-radius: 50%;
                /* margin: 0px auto; */
                /* border: 3px solid #ffffff; */
            }
            .testimonials-style {
                /* border: 2px solid #cccccc; */
                background-color: #00487c;
                margin-top: 0px;
                color: #ffffff;
            }
            .level-flex {
                flex-direction: column;
            }
            .hide-arrow {
                display: none;
            }
            .flip-card-mt {
                margin-top: 20px;
            }
            .wonder-plane {
                margin-left: 0px;
                margin-top: 240px;
            }
            .sentence {
                font-size: 24px;
            }
            .wrapper {
                /* background-color: #f5f5f5; */
                /* font-family: 'Raleway', sans-serif; */
                margin: 20px auto;
                padding: 15px 10px;
                position: relative;
                /* width: 70%; */
            }
            .que-mark-img {
                width: 70%;
                padding-top: 50px;
            }
            .courses-div {
                padding: 30px 15px 15px 15px;
            }
            .section-heading {
                font-size: 26px;
            }
            .info-para {
                padding: 0px;
            }
            .padding-zero {
                padding: 0px!important;
            }
            .carousel-inner {
                padding-left: 20px;
                padding-right: 20px;
            }
            .carousel-control-prev-icon {
                background-image: url("../images/Polygon-2.png");
                margin-left: 0px;
            }
            .carousel-control-next-icon {
                background-image: url("../images/Polygon-1.png");
                margin-right: 0px;
            }
            .contact-content {
                top: 88px;
            }
            .email-image-p-zero {
                padding: 10px 0px!important;
            }
            .email-font-size {
                font-size: 18px!important;
                word-break: break-all;
            }
            .sid-bg {
                min-height: 870px;
                background-size: 100%;
                background-color: #eaf63e;
                background-repeat: no-repeat;
                background-image: url("../images/mobile-view-bg.png");
            }
            .padding-slider {
                padding: 0px;
            }
            .so-many-ques {
                height: auto;
                width: 92%;
                padding: 15px;
                background-color: #00487C;
                color: #ffffff;
                border-radius: 12px;
                position: absolute;
                top: 0px;
                left: 15px;
                margin-top: 7px;
            }
            .sid-row {
                display: flex;
                margin-top: 0px;
                flex-direction: column;
            }
            .que-img {
                width: 100%;
            }
            .school-bus-gif {
                margin-top: 0px;
                margin-left: 0px;
            }
            .nav-tabs .nav-item.show .nav-link,
            .nav-tabs .nav-link.active {
                color: #000000;
                font-family: Sniglet;
                font-size: 20px;
                border: 0px;
                /* border-bottom: 3px solid #6C63FF; */
                background-color: #fef200;
                border-radius: 35px;
                border: 2px solid #000000;
                background-image: none;
                background-size: 100%;
                background-repeat: no-repeat;
            }
            .nav-tabs .nav-link {
                color: #626262;
                font-family: Sniglet;
                font-size: 20px;
                border: 0px;
                cursor: pointer;
                width: 200px;
                height: auto;
                border-radius: 35px;
                border: 2px solid #ffffff;
                background-color: #e6e6e6;
                background-image: none;
                background-size: 100%;
                background-repeat: no-repeat;
            }
            .course-ul-padding {
                padding-left: 35px;
            }
            .courses-heading {
                color: #000000;
                background-image: url("../images/courses-bg-mobile.png");
                background-repeat: no-repeat;
                background-position: center;
                font-family: sniglet;
                font-size: 24px;
                padding: 15px;
            }
            .dr-homi-tab {
                width: 200px;
                font-size: 18px;
                margin-left: 0px;
                margin-top: 8px;
            }
            .cbse-tab {
                width: 173px;
                font-size: 18px;
                margin-left: 0px;
                line-height: 22px;
            }
            .courses-section {
                /* background-color: black; */
                height: auto;
                background-image: none;
                background-size: 100%;
                background-repeat: no-repeat;
                margin-top: 50px;
                padding-bottom: 0px;
                padding-top: 0px;
                padding: 0px;
            }
            .tab-content-bg {
                background-image: url("../images/course-bg-mobile.png");
                background-size: 100%;
                background-repeat: no-repeat;
                padding: 10px;
            }
            .structure-para {
                padding: 10px;
            }
            .achiever-first {
                margin-top: -20px;
                text-align: center;
            }
            .gallery-ul {
                margin-left: 60px;
            }
            .course-inner {
                max-height: 305px;
                overflow-y: scroll;
            }
            .hide-part {
                display: none;
            }
            #pageLoadModal .modal-dialog .modal-content h1 {
                color: #000000;
                font-size: 14px;
            }
            #pageLoadModal .modal-dialog .modal-content h6 {
                color: #ffffff;
                font-size: 11px;
            }
            .winner-name {
                font-size: 11px;
            }
            .winner-school {
                font-size: 11px;
                color: #f27577;
            }
            .congrats-color {
                color: #1EC643!important;
                font-size: 14px;
            }
        }