/* =====================================================
   RESPONSIVE STYLES - TABLET & MOBILE
   Note: Header styles are excluded as per requirements
===================================================== */

/* =====================================================
   DESKTOP STYLES (min-width: 1025px)
===================================================== */
@media (min-width: 1025px) {
  /* Hide Mobile Toggle Button on Desktop */
  .menu-toggle {
    display: none !important;
  }

  /* Hide Mobile Sidebar Overlay on Desktop */
  .mobile-sidebar-overlay {
    display: none !important;
  }

  /* Hide Mobile Buttons in Sidebar on Desktop */
  .mobile-header-btn-wrapper {
    display: none !important;
  }

  /* Show Header Buttons on Desktop */
  .header-btn-wrapper {
    display: flex !important;
  }

  /* Ensure Main Navigation Displays Normally on Desktop */
  .main-navigation {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }
  }


@media (max-width: 1199px) {
  .hero-videos-wrapper {
    gap: 1rem;
}
.toy-child-img .clip-img {
  min-width: 285px;
}
.mission-vision-section.sec-wrappe-inner .video-col {
  margin-left: 20px;
}
.testimonial-col .testimonial-img {
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
}
.testimonial-img:before {
  right: 50%;
}
.testimonial-slider .testimonial-card {
  display: block;
  padding: 2rem;
}
.single-blog-title {
  font-size: 32px;
}
.testimonial-slider .testimonial-card .text-block p {
  max-width: 100%;
  text-align: center;
}
.testimonial-slider .testimonial-card .text-block {
  align-items: start;
  align-items: center;
}
.mission-vision-section.sec-wrappe-inner .video-col {
  width: 366px;
  rotate: 0.23deg;
  margin-left: auto;
}
.blog-content-wrapper {
  grid-template-columns: 60fr 40fr;
}
.research-purpose__header {
  max-width: 72rem;
}
.cartoon-sticky-item.right-cartoon {
  right: 1%;
  top: 40%;
}
.cartoon-sticky-item.left-cartoon {
  left: 0%;
  bottom:68%;
}
.features-ecosystem__image-block {
  margin-top: 0;
}
.inspiration-title br {
  display: none;
}
.inspiration-title {
  margin-bottom: var(--space-1);
}
.inspiration-content .inspiration-bucket {
  padding-top: var(--space-1);
}
.before-register-left .alert-message {
  padding-inline: var(--space-md);
  padding-block: var(--space-1-5);
}
.watching-question {
  margin-top: var(--space-md);
}
.before-register-left .left-content .watching-question strong {
 line-height: 1.3;
}
.kids-inner-container .kids-rw:nth-child(2) {
  margin-left: auto;
  width: 96%;
}
.kids-inner-container .kids-rw:nth-child(1), .kids-inner-container .kids-rw:nth-child(3) {
  width: 96%;
  margin: 0;
}
.md-title {
  font-size: 2rem;
}
.bell-ring-sec .bell-rw .bell-card:nth-child(4) {
  rotate: -0.24deg;
  transform-origin: left;
  margin-top: -27px;
}
.bell-ring-sec .bell-rw .bell-card:nth-child(1) {
  rotate: 0.24deg;
  margin-top: -30px;
}
.bell-ring-sec .bell-rw .bell-card:nth-child(1) .ring-bell-dore, .bell-ring-sec .bell-rw .bell-card:nth-child(4) .ring-bell-dore {
  height: 67px;
}

}



/* =====================================================
   TABLET STYLES (max-width: 1024px)
===================================================== */

@media (max-width: 1024px) {
  .menu-toggle {
    display: flex !important;
    flex-direction: column;
    justify-content: space-around;
    width: 38px;
    height: 38px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 1001;
    position: relative;
    transition: all 0.3s ease;
    border: 2px solid #000;
    padding: 4px;
}

  .menu-toggle:focus {
    outline: none;
    border:none;
  }

  .hamburger-line {
    width: 100%;
    height: 3px;
    background-color: #000;
    border-radius: 2px;
    transition: all 0.3s ease;
    transform-origin: center;
  }

  .menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(1) {
    transform: rotate(45deg) translate(8px, 8px);
  }

  .menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(2) {
    opacity: 0;
  }

  .menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(3) {
    transform: rotate(-45deg) translate(5.5px, -5.2px);
}

  /* Mobile Sidebar Overlay */
  .mobile-sidebar-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .mobile-sidebar-overlay.active {
    display: block;
    opacity: 1;
  }

  /* Main Navigation - Sidebar */
  .main-navigation {
    position: fixed;
    top: 0;
    right: -100%;
    width: 300px;
    max-width: 85%;
    height: 100vh;
    background-color: #fff;
    z-index: 1000;
    padding: 80px 30px 30px;
    overflow-y: auto;
    transition: right 0.3s ease;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    visibility: hidden;
  }

  .main-navigation.active {
    right: 0;
    visibility: visible;
  }

  .main-navigation .main-menu {
    flex-direction: column;
    width: 100%;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .main-navigation .main-menu li {
    width: 100%;
    border-bottom: 1px solid #eee;
  }

  .main-navigation .main-menu li a {
    display: block;
    padding: 15px 0;
    text-decoration: none;
    color: #000;
    font-size: 16px;
    transition: color 0.3s ease;
  }

  .main-navigation .main-menu li a:hover {
    color: #0073aa;
  }

  /* Mobile Header Buttons in Sidebar */
  .mobile-header-btn-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eee;
    color: #fff;
  }

  .mobile-header-btn-wrapper .btn {
    color: #fff;
    padding: 12px 8px 7px 10px;
    font-size: 25px;
  font-weight: 400;
  text-align: center;
  }
  
  .mobile-header-btn-wrapper .btn-primary:hover {
    background-color: #005a87;
  }

  .mobile-header-btn-wrapper .log-in-btn {
    background-color: transparent;
    color: #000;
    border: 2px solid #000;
  }

  .mobile-header-btn-wrapper .log-in-btn:hover {
    background-color: #000;
    color: #fff;
  }

  /* Hide Header Buttons on Mobile */
  .header-btn-wrapper {
    display: none;
  }
  .clr-toy-rt {
    width: 60px;
    rotate: -14deg;
    margin-left: -3px;
}
  /* Prevent Body Scroll When Menu Open */
  body.menu-open {
    overflow: hidden;
  }
  .inspiration-quote {
    max-width: 366px;
    font-size: 28px;
}
.bell-ring-sec .bell-rw .bell-card .kid-card .kid-img {
  width: 155px;
  height: 139px;
}
.kids-ver-card-wrapper {
  min-width: 422px;
}
.bell-ring-sec .bell-rw {
  gap: 0;
  max-width: 870px;
  margin-inline: auto;
}
.vaccination-smart-container:before {
  bottom: -28%;
  width: 77px;
  background-size: 80px;
  background-repeat: no-repeat;
}
.feature-smart-container:after {
  background-size: 40px;
  background-repeat: no-repeat;
}
.feature-kid-header:before {
  background-size: 60px;
}
.Intelligent-smart-container .two-cols .feature-smart-img {
  margin-block: 0;
}
}

@media (max-width: 991px) {

  /* Hero Section */
  .hero-section {
    padding-block: 5rem;
  }

  .hero-video {
    width: 220px;
    height: 280px;
  }

  .hero-videos-wrapper {
    margin-top: var(--space-5);
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-md);
  }

  /* App Scan Section */
  .todey-btn {
    font-size: 16px;
}

.feature-rw .feature-tab-cards-wrapper #kids-card, .feature-sec .feature-tab-cards.active {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 2rem;
}

.feature-rw .feature-tab-cards-wrapper #kids-card .feature-card:nth-child(1), .feature-rw .feature-tab-cards-wrapper #kids-card .feature-card:nth-child(2), .feature-rw .feature-tab-cards-wrapper #kids-card .feature-card:nth-child(3), .feature-rw .feature-tab-cards-wrapper #kids-card .feature-card:nth-child(4), .feature-rw .feature-tab-cards-wrapper #kids-card .feature-card:nth-child(5), .feature-rw .feature-tab-cards-wrapper #kids-card .feature-card:nth-child(6) {
    grid-column: inherit;
}

.feature-rw .feature-tab-cards-wrapper #kids-card .feature-card:nth-child(7), .feature-rw .feature-tab-cards-wrapper #kids-card .feature-card:nth-child(8) {
    grid-column: auto;
    display: flex;
    flex-direction: column;
}

.partner-tod-sec .tod-rw p {
    -webkit-line-clamp: 5;
}

.partner-tod-sec {
    margin-block-start: -10rem;
}
.partner-tod-sec .tod-col.text-block {
  order: 1;
}
.scan-app-col img {
    max-width: 102px;
}
.bell-rw .bell-card:nth-child(4):after {
  top: 10px!important;
  right: 0px!important;
}
.bell-ring-sec .bell-rw .bell-card:nth-child(1):after, .bell-ring-sec .bell-rw .bell-card:nth-child(4):after {
  top: 0px;
  left: 0px;
}
.app-scan-qr-rw {
    gap: var(--space-md);
}

.todemy-why-sec .img-col.why-col.left-col img {
    margin-left: 0;
}

.flip-img-wrapper img.flip-img {
    max-width: 80%;
}
.single-blog-meta {
  gap: 1.5rem;
  flex-wrap: wrap;
}
.single-blog-meta span {
  margin-block: 4px;
  gap: 0.6rem;
  margin-left: 0!important;
  font-size: 16px;
}

.hero-video {
    width: 190px;
    height: 280px;
}

.hero-videos-wrapper {
    margin-block-start: var(--space-8);
}
.panda-bock-sec h3 br {
    display: none;
}

.panda-text-block {
    margin-bottom: 0px;
    padding-block: 3rem;
}

.panda-bock-sec .img-block img {
    top: 8px;
}

  .app-scan-qr-col {
    max-width: 100%;
    margin-inline: auto;
  }

  .scan-app-col {
    justify-content: center;
  }

  /* Mission Vision Section */
  .mission-vision-section.sec-wrappe-inner {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-md);
  }

  .mission-vision-section.sec-wrappe-inner .video-col {
    width: 100%;
    max-width: 388px;
    margin-inline: auto;
  }



  /* Why Choose Section */

  .why-wrapper.inner-container {
    padding-top: 0px;
  }

  /* Expert Section */
  .expret-sec-rw {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3);
  }
  .expret-sec-rw .expret-col h2 {
  margin-bottom: 1rem;
  }
  .expret-sec-rw .expret-img-col {
    justify-content: center;
  }

  /* Feature Tabs */
  .feature-sec .feature-tab-cards.active {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
  }

  /* Why Kids Love */
  .why-kids-love.sec-wrapper .why-grid-cards {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
  }

  .toy-video-sec .clr-toy-col .red-toy {
    width: 120px;
    height: 70px;
}
.todey-btn {
  font-size: 16px;
}

.feature-rw .feature-tab-cards-wrapper #kids-card .feature-card:nth-child(1), .feature-rw .feature-tab-cards-wrapper #kids-card .feature-card:nth-child(2), .feature-rw .feature-tab-cards-wrapper #kids-card .feature-card:nth-child(3), .feature-rw .feature-tab-cards-wrapper #kids-card .feature-card:nth-child(4), .feature-rw .feature-tab-cards-wrapper #kids-card .feature-card:nth-child(5), .feature-rw .feature-tab-cards-wrapper #kids-card .feature-card:nth-child(6) {
  grid-column: inherit;
}

.feature-rw .feature-tab-cards-wrapper #kids-card .feature-card:nth-child(7), .feature-rw .feature-tab-cards-wrapper #kids-card .feature-card:nth-child(8) {
  grid-column: auto;
  display: flex;
  flex-direction: column;
}
.toy-video-sec .blue-toy {
    min-width: 70px;
    min-height: 70px;
}

.clr-toy-col-rw .btm-toy-rw .green-toy {
    min-width: 90px;
    height: 90px;
}

.toy-video-sec .gray-toy {
    height: 86px;
    min-width: 86px;
}


.tody-sec span {
    font-size: 35px;
}

.toy-child-img {
    margin-left: auto;
    min-width: 205px;
    height: 176px;
}

.toy-video-sec {
  display: flex;
  max-width: 800px;
}

.toy-child-img .clip-img {
    min-width: 205px;
    height: 176px;
}

.tody-video {
    width: 190px;
    height: 180px;
}

.toy-video-sec .gorw-rw div {
    justify-content: flex-end;
}

.toy-video-sec .gorw-rw {
    margin-block-start: 2rem;
}

.rt-toy-sec .icon-text:first-child {
    top: 0;
}

  /* Partner Section */
  .partner-tod-sec .tod-rw {
    gap: var(--space-md);
    grid-template-columns: 1fr 1fr;
}
.todey-btn {
  font-size: 16px;
}

  .why-wrapper .flex-rw-ftr {
  padding-bottom: 8rem;
}
.obs-header {
  max-width: 600px;
  margin-inline: auto;
}
.observation-section {
  margin-top: 0;
}
.feature-rw .feature-tab-cards-wrapper #kids-card .feature-card:nth-child(1), .feature-rw .feature-tab-cards-wrapper #kids-card .feature-card:nth-child(2), .feature-rw .feature-tab-cards-wrapper #kids-card .feature-card:nth-child(3), .feature-rw .feature-tab-cards-wrapper #kids-card .feature-card:nth-child(4), .feature-rw .feature-tab-cards-wrapper #kids-card .feature-card:nth-child(5), .feature-rw .feature-tab-cards-wrapper #kids-card .feature-card:nth-child(6) {
  grid-column: inherit;
}

.feature-rw .feature-tab-cards-wrapper #kids-card .feature-card:nth-child(7), .feature-rw .feature-tab-cards-wrapper #kids-card .feature-card:nth-child(8) {
  grid-column: auto;
  display: flex;
  flex-direction: column;
}

.partner-tod-sec .tod-rw h2 img {
  margin-block-start: var(--space-md);
  max-width: 60%;
}

.partner-tod-sec .tod-rw p {
  -webkit-line-clamp: 5;
}

  /* Testimonial */
  .testimonial-slider .testimonial-card {
    grid-template-columns: 1fr;
    gap: var(--space-md);
    padding: var(--space-md);
  }

  .testimonial-slider .testimonial-card .text-block {
    align-items: center;
    text-align: center;
  }

  .testimonial-slider .testimonial-card .text-block p {
    max-width: 100%;
  }

  /* Plans Grid */
  .plans-grid-wrapper .plans-rw {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
  }

  /* Before Register */
  .before-register-grid {
    gap: var(--space-3);
  }

  .before-register-left {
    margin-right: 0;
  }

  .before-register-right {
    padding: var(--space-5) var(--space-md);
  }


  /* Observation Values */
  .obs-values-row {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-md);
  }

  /* Inspiration Row */
  .inspiration-row {
    grid-template-columns: 50fr 50fr;
    gap: 3rem;
}
.inspiration-image-box img {
  width: 400px;
  height: 537px;
}
  .inspiration-image-box {
    justify-content: center;
  }

.inspiration-quote {
    font-size: 16px;
    left: 20px;
    bottom: 20px;
    line-height: 1.3;
    padding: 2rem;
    max-width: 232px;
}

  /* Mind Training */
  .mind-training__row {
    gap: var(--space-md);
  }

  /* Vision List */
 
  .features-ecosystem__title {
    font-size: 20px;
}
.features-ecosystem__services {
  height: 196px;
}
.features-ecosystem__services {
gap: var(--space-1);
}
  /* Features Ecosystem */
  .features-ecosystem-rw {
    gap: var(--space-md);
  }

  /* Promise Row */
  .promise-section  .sun-img {
    left: 2%;
    top: 4%;
    width: 8%;
}
.promise-right .promise-quote {
  font-size: 2rem;
  
}
.purpose-bg-img {
 object-fit: cover;
  height: 100%;
}
.cartoon-sticky-item {
  position: absolute;
  width: 12%;
}

  /* Bell Ring Section */
  .bell-ring-sec .bell-rw {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-md);
  }

  /* Child Tool Section */
  .child-tool-sec .kids-rw {
    gap: var(--space-md);
  }

  .kids-inner-container .kids-rw:nth-child(1),
  .kids-inner-container .kids-rw:nth-child(3) {
    margin-right: 0;
  }

  .kids-inner-container .kids-rw:nth-child(2) {
    margin-left: 0;
  }

  /* Feature Tab Section */
  .kids-vertical-card-content {
    width: 274px;
    margin-inline: auto;
}
.kids-ver-card-wrapper {
  min-width: 352px;
}
.bell-ring-sec .bell-rw .bell-card:nth-child(4) {
  margin-top: -17px;
}
.bell-ring-sec .bell-rw .bell-card:nth-child(1) {
  margin-top: -17px;
}
.feature-tab-sec .two-cols .feature-smart-content p.des {
  font-size: 1.8rem;
}
.mind-training__image {
  display: flex;
  height: 100%;
  object-fit: fill;
}
.kids-vertical-card-img img {
  max-width: 180px;
  bottom: -20px;
  position: relative;
}
.child-tool-sec .kids-rw .kids-content {
  padding: 2rem;
}
.kids-inner-container .kids-rw:nth-child(even)::before,
.kids-rw.grid:before {
  z-index: -1;
}
.bell-ring-sec .bell-rw .bell-card .ring-bell-dore {
  height: 54px;
}
.bell-ring-sec .bell-rw .bell-card:nth-child(1) .ring-bell-dore, .bell-ring-sec .bell-rw .bell-card:nth-child(4) .ring-bell-dore {
  height: 47px;
}
.feature-tab-sec .two-cols, .Intelligent-smart-container .two-cols {
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
.Intelligent-smart-container .two-cols .feature-smart-img img, .feature-smart-img img {
  width: 75%;
}
.kids-vertical-card-inner .kids-ver-card-wrapper h3 {
  font-size: 22px;
}
.bell-ring-sec {
  margin-top: 3rem;
}
.red-bell-header {
  max-width: 650px;
}
.child-tool-sec {
  overflow: hidden;
}
.bell-ring-sec {
  margin-top: 30px;
  z-index: 1;
}
.kids-rw .lg-title {
  font-size: 2.6rem;
}
  /* Kids Vertical Cards */
  .kids-vertical-card-inner {
    gap: var(--space-3);
  }

  /* Blog Content */
  .blog-content-wrapper {
    gap: var(--space-md);
  }

  .blog-posts .blog-card {
    gap: var(--space-md);
    grid-template-columns: 1fr;
  }

  /* Footer */
  footer .footer-rw {
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--space-3);
    text-align: left;
}

  footer .footer-rw .footer-col ul {
    column-count: 1;
  }
  .why-choose-sec{
    padding-bottom: 3rem;
  }
  .expret-sec {
    margin-top: 6rem;
}
  /* Sticky Scanner */
  .sticky-scanner {
    max-width: 150px;
    padding: var(--space-sm);
    margin-right: var(--space-md);
    max-width: 120px;
    padding: var(--space-xs);
    margin-right: var(--space-sm);
    bottom:2rem;
  }

  /* Panda Block */
  .panda-bock-sec {
    padding: var(--space-md) var(--space-sm);
    margin-top: -30px;
  }

  .panda-bock-sec h3 {
    width: 100%;
    max-width: 100%;
  }
  .todemy-app-phone-images img {
    max-width: 150px;
}
.blog-sidebar .recent-post-item .recent-post-link .recent-post-thumb img {
  height: 112px;
}
.blog-sidebar .recent-post-item .recent-post-link{
  grid-template-columns: 1fr;
}
}

/* =====================================================
   MOBILE STYLES (max-width: 768px)
===================================================== */
@media (max-width: 767.8px) {
  /* Mobile Sidebar Adjustments */
  .site-branding {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: 5px;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    gap: 16px;
}
  .main-navigation {
    width: 280px;
    max-width: 90%;
    padding: 70px 20px 20px;
    height: 100%;
  }

  .main-navigation .main-menu li a {
    font-size: 15px;
    padding: 12px 0;
  }

  .mobile-header-btn-wrapper {
    margin-top: 20px;
    padding-top: 20px;
    gap: 12px;
  }

  .btn.log-in-btn {
    color: #000;
    text-align: center;
  }
  .tody-video-section.sec-wrapper.container {
    display: none;
}


.why-wrapper .flex-rw-ftr {
  padding-bottom: 5rem;
}
.partner-tod-sec{
  margin-block-start: 0rem;
}
.app-scan-cnt {
  display: none;
}

.scan-app-col .app-scan-cnt {
  display: block!important;
}

.scan-app-col img {
  width: 80px;
}
.bell-ring-sec .bell-rw .bell-card:nth-child(4) {
  margin-top: -37px;
  z-index: -1;
  rotate: 0.76deg;
}
.bell-ring-sec .bell-rw .bell-card:nth-child(3) {
  margin-top: -62px;
  z-index: -1;
}
.bell-ring-sec .bell-rw .bell-card:nth-child(2) {
  margin-top: -11px;
}
.bell-ring-sec .bell-rw .bell-card:nth-child(1) {
  margin-top: -17px;
}
.app-scan-qr-col {
  margin-inline: 0;
  justify-content: space-between;
}

.scan-app-col {
  justify-content: space-between;
  width: 100%;
}

.scan-app-col .app-scan-cnt img {
  width: 105px;
}
.app-scan-qr-rw {
    flex-direction: column-reverse;
}
.navigration img {}

.navigration .site-logo img {
    min-width: 110px;
}

.partner-tod-sec .tod-col.text-block {
    order: 1;
}

.app-scan-qr-col h2, .aap-store p {
    text-align: center;
}

.app-scan-inner-cnt h2 span img {
    max-width: 40px;
    margin-left: 4px;
}

.app-scan-inner-cnt  h3 img {
    width: 31px;
}

.app-scan-inner-cnt h3 {
    margin-top: 2rem;
}

.app-scan-inner-cnt h3 br {
    display: none;
}

.app-scan-inner-cnt h2 br {
    display: none;
}

.app-store-wrappeer a {
    display: flex;
    justify-content: center;
}
.mission-vision-section.sec-wrappe-inner .video-rt-col {
    order: 1;
}

.mission-vision-section.sec-wrappe-inner .text-col.col {
  order: 2;
  text-align: center;
}

.expret-sec-rw {
    grid-template-columns: 1fr;
    gap: 0rem;
}

img.section-bg-img {
    display: none;
}

.why-kids-love {
    clip-path: none;
}

.partner-tod-sec .tod-rw .tod-header {
  text-align: center;
}

.partner-tod-sec .tod-rw .tod-he  ader h2 img {width: 80px;margin-top: 7px;margin-left: 4px;}
.feature-rw .feature-tab-cards-wrapper #kids-card, .feature-sec .feature-tab-cards.active {
  grid-template-columns: repeat(1, 1fr);
}
.partner-tod-sec .tod-rw p {
  font-size: 18px;
  line-height: 1.4;
}
.partner-tod-sec .tod-rw h2 img {
  max-width: 90px;
  margin-block: 7px 10px;
}
.partner-tod-sec .tod-rw h2 {
  font-size: 23px;
}
.partner-tod-sec .tod-rw {
    grid-template-columns: 1fr;
    gap: var(--space-3);
}
.why-choose-sec {
  margin-top: 5rem;
}
footer .footer-inner, .why-choose-sec {
    clip-path: unset;
}

footer .footer-rw {
    grid-template-columns: 1fr;
}

footer .footer-rw .footer-col ul {
    column-count: 2;
}


  /* Spacing Adjustments */
  .sec-pd {
    padding-block: var(--space-5);
    clip-path: unset;
  }

  .sec-pt {
    padding-top: var(--space-5);
  }

  .sec-pb {
    padding-bottom: var(--space-5);
  }

  .lg-m {
    margin-top: var(--space-5);
  }

  .sec-mx {
    margin-block: var(--space-5);
  }

  /* Hero Section */
  .hero-section {
    padding-block: 4rem;
  }

  .hero-section .hero-cnt p {
    font-size: var(--fs-md);
  }

  .hero-videos-wrapper {
    gap: var(--space-sm);
  }
  .hero-video.video-three {
    transform: rotate(10deg);
}
  /* App Scan Section */
  .app-scan-section {
    margin-top: var(--space-3);
  }

 
  .app-scan-inner-cnt {
    margin-top: var(--space-5);
  }

  /* Sticky Scanner */
  .app-store-wrappeer img{
    width: 88%;
  }
  .hero-section .hero-sec-innner {
      padding-bottom: 4rem;
}
  .sticky-scanner div {
    font-size: var(--fs-md);
  }

  /* Mission Vision */
  .mission-vision-section.sec-wrappe-inner {
    gap: var(--space-3);
    grid-template-columns: 1fr;
    justify-content: center;
  }

  .mission-vision-section.sec-wrappe-inner .video-col {
    width: 100%;
    max-width: 300px;
    height: auto;
    aspect-ratio: 388/491;
    rotate: 2.23deg;
}

  /* Toy Video Section */
  .tody-video-section {
    padding-block: var(--space-5) var(--space-4);
  }

  .toy-video-sec .clr-toy-col .red-toy,
  .toy-video-sec .blue-toy,
  .green-toy {
    width: 100%;
    max-width: 150px;
  }

  .toy-video-sec .gray-toy {
    width: 100%;
    max-width: 120px;
  }
  .panda-bock-sec {
    clip-path: none;
     margin-top: 0rem;
}
  .expret-sec {
    border-radius: 0px;
    margin-top: 0rem;
  }

  /* Feature Tabs */
  .feature-header {
    gap: 1.5rem;
}

  .feature-sec .feature-tab-cards.active {
    grid-template-columns: 1fr;
    gap: var(--space-md);
  }
  .tody-video-section.sec-wrapper.container {
    display: none;
}
  /* Why Kids Love */
  .why-kids-love {
    padding-top: var(--space-5);
    padding-bottom: 5rem;
  }

  .why-kids-love.sec-wrapper .why-grid-cards {
    grid-template-columns: 1fr;
    gap: var(--space-md);
  }

  /* Testimonial */
  .testimonial-slider-wrapper .slick-list.draggable {
    margin-inline:0;
  }
  .testimonial-header h2 {
    margin-bottom: 0;
}
  .testimonial-slider .testimonial-card {
    padding: var(--space-md);
    padding-block: var(--space-md);
  }

  /* Plans Grid */
  .mission-vision-section.sec-wrappe-inner .video-col .play-button img {
    width: 60%;
}
  .plans-grid-wrapper .plans-rw {
    grid-template-columns: 1fr;
    gap: var(--space-md);
  }
  .app-scan-section .app-scan-inner {
    padding: 1rem;
    display: flex;
    justify-content: center;
}

.mission-vision-wrapper {
  margin-top: 5rem;
}
  /* Before Register */
  .before-register-grid {
    padding: var(--space-md);
  }

  .before-register-right {
    padding: var(--space-4) var(--space-md);
  }

  .before-register-right .transform-box {
    gap: 0.5rem;
  }

  .before-register-right .transform-box h3 {
    font-size: var(--fs-24);
    margin-block: 5px 0;
}

  .before-register-right .transform-box .transform-intro {
    font-size: var(--fs-20);
  }

  /* Todemy Stripe Box */
  .todemy-sripe-box .stipe-rw {
    padding: var(--space-md);
    flex-direction: column;
  }

  /* Observation Values */
  .obs-values-row {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-md);
    margin-top: var(--space-3);
  }

  .obs-values-row .obs-value-card {
    padding: var(--space-md) var(--space-sm);
}

.inspiration-row {
  gap: 2rem;
}
  /* Inspiration */
  

 
  /* Mind Training */
  .feature-tab-sec .mind-training .mind-training__container {
    margin-top: var(--space-5);
    clip-path: unset;
    border-radius: 22px;
  }
    .mind-training__content {
      padding-block: var(--space-3);
      padding-inline: 1.4rem;
      padding-block-start: 0px;
  }
  .watching-question {
    margin-top: var(--space-1);
}
  /* Vision List */
  .vision-list {
    gap: var(--space-sm);
  }

  .vision-list .vision-item {
    min-height: auto;
    padding: var(--space-sm);
  }

  /* Features Ecosystem */
  .features-ecosystem-rw {
    gap: var(--space-md);
  }

  .features-ecosystem__service {
    gap: var(--space-md);
  }
  .kids-inner-container .kids-rw:nth-child(even) .kids-img {
    order: unset;
}

.features-ecosystem__services {
    height: inherit;
    max-height: inherit;
}
.kids-inner-container .kids-rw:nth-child(1), .kids-inner-container .kids-rw:nth-child(3),
.kids-inner-container .kids-rw:nth-child(2) {
  width: 100%;
  margin: 0;
  grid-template-columns: 1fr;
  text-align: center;
}
.vision-section{
  margin-top: 0;
  padding-bottom: 9rem;
}
.vision-item.green-bg, .vision-item.blue-bg {
  top: 0;
}
  /* Promise Section */
  .promise-section {
    padding-bottom: var(--space-10);
  }

  .promise-right .promise-subtitle {
    font-size: var(--fs-28);
  }

  .promise-right .promise-quote {
    padding: var(--space-sm);
    font-size: var(--fs-18);
    clip-path: unset;
    border-radius: 15px;
}
.promise-row .promise-right {
  margin-bottom: 5rem;
}
.mind-training__image img {
  width: 100%;
}

  /* Bell Ring Section */
  .bell-ring-sec .bell-rw {
    gap: var(--space-md);
    margin-top: -15px;
    grid-template-columns: repeat(2, 1fr);
    max-width: 450px;
  }
  .kids-inner-container .kids-rw .kids-img {
    justify-content: center;
}
.mind-training__content p {
  max-width: 100%;
}
.feature-tab-sec .top-inner-feature-cnt .section-bg-img {
  bottom: 0px;
  display: block;
}
.features-hero-sec {
  padding-block: 6rem 3rem;
}
.kids-ver-card-wrapper {
  min-width: 332px;
}
.kids-vertical-card-img img {
  bottom: -25px;
}
.feature-tool-card .feature-tool-content,
.feature-tool-card:nth-child(even) .feature-tool-content {
  text-align: center;
}
  /* Child Tool Section */
  .child-tool-sec .kids-rw {
    padding-block: var(--space-3);
  }

  .kids-rw .lg-title {
    font-size: var(--fs-28);
  }

  .kids-inner-container {
    gap: var(--space-3);
  }

  /* Feature Tab Section */
  .feature-tab-sec .two-cols {
    gap: var(--space-md);
  }

  .feature-tab-sec .two-cols .feature-smart-content {
    margin-bottom: var(--space-md);
    width: 100%;
  }

  .feature-smart-container {
    padding-top: var(--space-5);
  }

  /* Kids Vertical Cards */
  .kids-vertical-card-inner {
    padding-top: var(--space-3);
    grid-template-columns: repeat(1, 1fr);
}

 

  /* Blog */
  .blog-content-wrapper {
    padding-block: var(--space-5) var(--space-7);
    grid-template-columns: 1fr;
    display: block;
  }
  .blog-sidebar .recent-post-item .recent-post-link {
    grid-template-columns: 33fr 67fr;
}
#blog-posts-container {
  order: 2;
}
.blog-sidebar {
  order: 1;
}
.blog-sidebar {
  position: relative;
  top: 0;
  order: 1;
}
.blog-card__content {
  gap: 5px;
}
.todemy-why-sec .flex-rw .text-col {
    margin-inline-start: 0;
    text-align: center;
}

.todemy-why-sec .flex-rw .text-col img {
    width: 24%;
}


  /* Single Blog */
  .single-blog-title {
    font-size: var(--fs-32);
  }

  /* FAQ */
  .faq-accordion-list {
    padding-block: var(--space-4) var(--space-7);
  }

  .faq-card__answer p {
    width: 100%;
    font-size: var(--fs-18);
  }

  /* Footer */
  footer .footer-inner {
    padding-block: var(--space-7) var(--space-md);
    margin-top: var(--space-3);
  }

  footer .footer-rw {
    padding-bottom: var(--space-md);
  }

  footer .footer-copy-right {
    flex-direction: column;
    gap: var(--space-md);
    text-align: center;
  }

  footer .footer-copy-right .footer-social {
    justify-content: center;
  }

 

  .todemy-app-modal-right {
    order: -1;
  }

  .todemy-app-modal-title {
    font-size: var(--fs-32);
    line-height: 1.2;
  }

  .todemy-app-modal-left {
    padding: var(--space-md);
  }

  .todemy-app-modal-qr {
    max-width: 16rem;
    padding: var(--space-md);
  }
  .single  .blog-sidebar {
    margin-top: 4rem;
}


  /* Hero Section */
  .hero-section {
    padding-block: 3rem;
  }

  .hero-video {
    width: 140px;
    height: 190px;
    border-width: 5px;
    border-radius: 10px;
}
.app-scan-qr-col h2, .aap-store p {
  text-align: center;
}
  /* Buttons */
  .btn {
    padding: 10px 20px;
    font-size: 24px;
}

  .todey-btn {
    font-size: var(--fs-18);
    padding-inline: var(--space-sm);
  }

 
  /* Sticky Scanner */
  .sticky-scanner {
    max-width: 100px;
    padding: var(--space-xs);
    font-size: var(--fs-sm);
    bottom:10rem;
  }

  /* Typography */
  .lg-title {
    font-size: var(--fs-24);
  }

  h2, .h2 {
    margin-bottom: var(--space-md);
  }

  /* Feature Tabs */
  .feature-tab-button button {
    font-size: 24px;
  }

  /* Panda Block */
  .panda-bock-sec {
    padding: var(--space-sm);
    border-radius: var(--radius-md);
  }

  .panda-bock-sec h3 {
    font-size: var(--fs-20);
  }
  .panda-bock-sec .img-block {
    display: none;
}

.panda-bock-sec {
    clip-path: none;
}
  /* Observation Values */
  .obs-values-row {
    grid-template-columns: 1fr;
  }

  /* Plans */
  .plans-grid-wrapper .plans-rw .plans-card {
    padding: var(--space-sm);
  }

  /* Before Register */
  .before-register-left {
    margin-right: 0;
  }

  .before-register-right {
    padding: var(--space-3) var(--space-sm);
  }

  /* Todemy Stripe */
  .todemy-sripe-box .stipe-rw {
    padding: var(--space-sm);
  }
  .why-kids-header img {
    height: 49px;
    width: 110px;
    margin-inline-start: 5px;
}
.navigration .site-logo img {
  min-width: 110px;
}
  /* Inspiration */
  .inspiration-image-box img {
    max-width: 100%;
    height: auto;
    width: 100%;
    clip-path: unset;
    border-radius: 15px;
  }

  .inspiration-quote {
    font-size: var(--fs-20);
    padding: var(--space-sm) var(--space-md);
    position: relative;
    max-width: 100%;
    left: unset;
    bottom: unset;
    margin-block-start: 1.5rem;
}
.research-purpose__container {
  padding-block: 5rem;
}
.purpose-bg-img {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
  /* Vision List */
  .vision-list .vision-item h3 {
    font-size: var(--fs-18);
  }

  /* Promise */
  .promise-right .promise-subtitle {
    font-size: var(--fs-24);
  }

  .promise-right .promise-quote {
    padding: var(--space-sm);
    font-size: var(--fs-18);
  }

  /* Bell Ring */
  .bell-ring-sec .bell-rw .bell-card .kid-card .kid-img {
    width: 150px;
    height: 140px;
  }

  /* Kids Section */
  .kids-rw .lg-title {
    font-size: var(--fs-24);
  }

  .child-tool-sec .kids-rw .kids-content {
    padding-block: var(--space-md);
  }

  /* Feature Smart */
  .feature-tab-sec .two-cols, .Intelligent-smart-container .two-cols {
    font-size: var(--fs-md);
    grid-template-columns: 1fr;
  }

  .feature-tool-card {
    flex-direction: column;
    /* display: block; */
}
.feature-tool-card .feature-tool-content {
  width: 100%;
}
.Intelligent-smart-container .feature-smart-content {
  order: 1;
}
.feature-smart-parenting {
  margin-block-start: 5rem;
}
.feature-kid-header:before {
  top: 100%;
}
.child-tool-sec .container {
  padding-bottom: 0;
}
.feature-tool-card:nth-child(even) {
  flex-direction: column;
  margin-block-start: 5rem;
}
.feature-sec-btm .feature-tab-cards {
  grid-template-columns: repeat(1, 1fr);
  gap: 2rem;
}
.panda-bock-sec-section {
  margin-block-end: 9rem;
  padding-inline: 2rem;
  margin-block-start: 5rem;
}
  /* Blog */
  .blog-posts .blog-card .blog-card__content h2 {
    font-size: var(--fs-20);
  }


  /* Single Blog */
  .single-blog-title {
    font-size: var(--fs-28);
  }

  .single-blog-body :where(h3) {
    font-size: var(--fs-24);
  }

  /* FAQ */
  .faq-card__answer p {
    font-size: var(--fs-16);
  }
  .faq-card__answer p span{
    font-size: var(--fs-16);
  }
  .faq-accordion-list .faq-card {
    padding-block: var(--space-md);
  }

  /* Modal */

  .todemy-app-modal-title {
    font-size: var(--fs-24);
    line-height: 1.3;
  }

  .todemy-app-modal-left {
    padding: var(--space-sm);
    gap: var(--space-md);
  }

  .todemy-app-modal-qr {
    max-width: 14rem;
    padding: var(--space-sm);
  }

  header .todemy-app-download-btn {
    padding: var(--space-sm) var(--space-md);
    font-size: var(--fs-16);
  }

 

  /* Footer */
  footer .footer-inner {
    padding-block: var(--space-5) var(--space-sm);
  }

  footer .footer-rw .footer-col h3 {
    font-size: var(--fs-20);
  }

  footer .footer-rw .footer-col .footer-info {
    font-size: var(--fs-md);
    max-width: 100%;
  }

  footer .footer-rw .footer-col ul li a {
    font-size: var(--fs-16);
  }
  .hide-mobile {
    display: none !important;
  }

  .show-mobile {
    display: block !important;
  }

  .text-center-mobile {
    text-align: center;
  }

/* contact us page */
.contact-container .contact-rw {
  grid-template-columns: 1fr;
  padding: 4rem 1.5rem;
  position: relative;
  margin-bottom: 8rem;
}

.contact-form-wrapper {
  padding: 15px;
}

.contact-container .contact-rw h3 {
  font-size: 3rem;
  margin-block-end: 0px;
}

.contact-info-item p {
  font-size: 2.2rem;
}

.contact-form-wrapper .contact-form-group p {
  font-size: 18px;
}
.ftr-info-btm {
  margin-block-start: 2rem;
  gap: 10px;
}
.ftr-info-btm p {
  margin-block-end: 0;
}
.contact-flex .contact-icon .contact-text p, .contact-flex .contact-icon .contact-text a {
  max-width: 100%;
}


/* faq page */

.search-form input, .search-form input::placeholder {
  font-size: 18px;
  padding-right: 105px;
}
.faq-accordion-list .faq-card .faq-card__question .faq-arrow {
  min-width: 2rem;
  width: 2rem;
}
.faq-accordion-list .faq-card .faq-card__question span {
  font-size: 2rem;
}


/* single blog page */
.single-blog-body :where(h3), .page-template-default :where(h3) {
  font-size: 22px;
}

.before-register-grid {
  grid-template-columns: repeat(1, 1fr);
}

.todemy-why-sec .flex-rw {
  gap: var(--space-md);
  flex-direction: column;
  align-items: center;
  grid-template-columns: 1fr;
}
.inspiration-row {
  grid-template-columns: 1fr;
}
.mind-training__row {
  grid-template-columns: repeat(1, 1fr);
}
.features-ecosystem-rw {
  grid-template-columns: 1fr;
}
.vision-list {
  flex-wrap: wrap;
}
.research-purpose__pill {
  rotate: 0deg;
  margin: 0;
  padding: 20px;
  min-width: 100%;
  font-size: 18px;
}

.research-purpose__pill-group {
  margin-top: 50px;
  gap: 1rem;
}

.before-register-left .left-content .watching-question strong, .before-register-left .left-content .sub-text {
  font-size: 20px;
}

.smile-icon img {
  max-width: 20%;
}

.todemy-sripe-box .stipe-rw {
  display: flex;
  flex-direction: column;
}

.lt-stipe-col img {
  max-width: 60px;
}

p.obs-desc {
  font-size: 20px;
  line-height: 1.3;
}

.obs-values-row {
  grid-template-columns: 1fr 1fr;
}

.obs-card-title {
  font-size: 18px;
  line-height: 1.2;
}

.research-purpose__focus-main {clip-path: unset;border-radius: 15px;font-size: 2rem;line-height: 1;padding: 2rem;}

.vision-list .vision-item:after {
  display: none;
}

.bg-image-text-desc {
  font-size: 18px;
  line-height: 1.2;
  margin-block-start: 1rem;
}
.features-ecosystem .bottom-bg-sticker {
  width: 60px;
}
.bg-image-text-col .bg-image-text-img {
  display: none;
}

.vision-header {
  margin-block-end: 2.5rem;
}

.promise-row {
  grid-template-columns: 1fr;
  gap: 2rem;
}

.promise-row .promise-right .btn-primary {
  transform: translateX(-50%);
  left: 50%;
  position: relative;
}

.promise-header img {
  width: 50px;
}

.promise-left img.promise-app-image {
  max-width: 225px;
  margin: auto;
  display: flex;
}

}


@media (min-width: 769px) {
  .show-mobile {
    display: none !important;
  }
}