/* Hide on Mobile, Show on Desktop */
.hide-mobile {
    display: block;
}

@media (max-width: 767px) {
    .hide-mobile {
        display: none !important;
    }
}

/* Hide on Desktop, Show on Mobile */
.hide-desktop {
    display: none;
}

@media (max-width: 767px) {
    .hide-desktop {
        display: block !important;
    }
}

@media screen and (max-width: 900px) {
    body{
        padding: 0 !important;
    }
    .navbar-wrapper{
        padding: 20px 10px;
    }
    .nav-links{
        padding-bottom: 0 !important;
        border: none !important;
    }
    .ask-make-become .text-card p:nth-child(1){
        font-size: 22px !important;
    }
    .ask-make-become .text-card p:nth-child(2),
    .our-ideas .our-ideas-heading, .innovation-wrapper .innovation-heading,
    .footer-txt .footer-title{
        font-size: 24px !important;
    }
    .found-block .row{
        border-radius: 20px !important;
        margin: 40px 0 !important;
        gap: 20px;
        text-align: center;
        padding: 30px !important;
        flex-direction: column;
    }
    .found-block {
        padding: 0 !important;
        margin-top: 50px;
    }
    .found-block .light-image {
        position: relative !important;
        width: 100%;
        top: 0 !important;
    }
    .found-block p,
    .found-block p span{
        font-size: 18px !important;
    }
    .ask-make-become{
        padding: 10px !important;
    }
    .our-ideas-colour-card{
        gap: 30px !important;
        padding: 20px !important;
    }
    .jg-header-cell img{
        width: 200px;
    }
    .jg-header-cell{
        display: flex;
        align-items: center;
        gap: 20px;
        padding-bottom: 30px;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 20px !important;
    }
    .jg-nav{
        display: none;
    }
    .activity-wrapper a{
        font-size: 16px;
    }
    .genious-wrapper{
        padding-bottom: 0 !important;
    }
    .cube-animation img{
        width: auto !important;
    }
    .cube-animation{
        position: relative !important;
        bottom: 0 !important;
        display: flex !important;
        justify-content: center !important;
        right: 0 !important;
    }
    .about-info .row{
        padding: 0 !important;
    }
    .about-info .text-card .quote-mark {
        width: 20px !important;
        position: relative !important;
        left: -14px !important;
        bottom: 0 !important;
    }
    .about-info .text-card {
        padding: 20px 0 !important;
    }
    .about-info .geomartic-animation-gif{
        bottom: -73px !important;
        width: 150px !important;
    }
    .schools-swiper-outer{
        padding: 0 !important;
    }
    .footer-txt{
        padding: 40px 20px !important;
    }
    .bottom-footer .bottom-footer-txt{
        gap: 20px;
        align-items: center;
        text-align: center;
        justify-content: center !important;
    }
    .hero-banner .hello-idea{
        position: absolute;
        top: 53px !important;
        width: 85px !important;
        left: 36px !important;
    }
    .hero-banner .creativity-innovation {
        position: absolute;
        bottom: 15px !important;
        width: 100px !important;
        left: 36px !important;
    }
    .about-info .hero-four-block-four{
        display: none !important;
    }
    .our-ideas-wrapper .hero-four-block-two{
        right: 0 !important;
    }
    .about-info .hero-four-block-three{
        top: -48px !important;
        max-width: 100% !important;
    }
    .innovation-wrapper{
        padding: 80px 0 !important;
    }
    .footer-blue-box-patch {
        position: absolute;
        right: 25px !important;
        top: -45px !important;
        width: 50% !important;
    }
    .found-block .flying-rocket{
        display: none;
    }
    .found-block .activity-wrapper {
        margin: 0 !important;
        top: 18px;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }
    .our-ideas-wrapper .hero-four-block-two,
    .innovation-four-block{
        display: none;
    }


    .row.creativity-video-wrapper{
        flex-wrap:nowrap;
        justify-content:flex-start;
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        scroll-snap-type:x mandatory;
        scroll-padding:0 20px;
        gap:16px;
        padding:10px;
        flex-direction: row;
      
      }
      .row.creativity-video-wrapper::-webkit-scrollbar{
        height:6px;
      }
      .row.creativity-video-wrapper::-webkit-scrollbar-thumb{
        background:rgba(31,33,64,0.25);
        border-radius:10px;
      }
      .row.creativity-video-wrapper .col-md-4{
        scroll-snap-align:center;
      }
      .row.creativity-video-wrapper .card{
        height: 500px;
        min-height: 500px;
      }

      .about-indo-block .found-block-right-img-indo{
        position: relative !important;
        right: 0 !important;
    bottom: 0 !important;
      }
      .found-block .row{
        flex-direction: column-reverse;
        padding-bottom: 60px !important;
      }
      .about-indo-block .row{
        height: 100%;
        min-height: 100%;
      }
      .about-indo-block .col-md-8{
        padding: 0 !important;
      }
      .found-block .found-block-right-img{
        position: relative;
        bottom: 0 !important;
    left: 0 !important;
      }
      .row.light-wrapper {
        flex-direction: column;
        padding-bottom: 0 !important;
        margin: 10px !important;
    }
    p.footer-title.txt-white{
        line-height: normal;
    }
    footer .footer-txt p:nth-child(2){
        font-size: 18px;
    }
  
}