@media (max-width: 768px) {
     .about-section {
    padding: 30px 15px;
  }
      .school-crm-heading-main {
        font-size: 32px;
      }
    
      .crmClassroomImage {
        height: 150px;
      }
      .school-crm-description {
        font-size: 16px;
      }

      .school-crm-button {
        font-size: 16px;
        padding: 12px 26px;
      }

      .school-crm-card {
        padding: 30px;
      }
            .school-crm-3d-title {
        font-size: 32px;
        text-align: center;
      }

      .school-crm-3d-subtitle {
        text-align: center;
        margin-bottom: 30px;
      }
         .crm2-price {
        font-size: 24px;
      }
            .crm-feature-title {
        font-size: 32px;
      }

      .crm-feature-subtitle {
        font-size: 14px;
      }

      .crm_bg {
        height: 250px;
      }
       .crm-heading {
        font-size: 26px;
        line-height: 36px;
        text-align: center;
      }
      .crm-subtext {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
      }
      .crm-form {
        flex-direction: column;
        box-shadow: none;
        background: transparent;
      }
      .crm-input {
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 6px;
        margin-bottom: 12px;
      }
      .crm-btn {
        width: 100%;
        border-radius: 6px;
      }
      .crm-options {
        text-align: center;
      }
      .crm-options span {
        display: block;
        margin: 6px 0;
      }
         .school-crm-feature-card {
        height: 280px;
      }
      .school-crm-feature-title {
        font-size: 1.8rem;
        margin-bottom: 40px;
      }
        .SupportSearchContainer {
        flex-direction: column;
      }

      .SupportSearchInput, .SupportSearchButton {
        width: 100%;
      }
      

  .hero {
    padding: 50px 0;
    text-align: center;
  }
  .hero p {
    margin: 15px auto 25px;
  }
  .about-title {
    font-size: 24px;
  }
  .rating-box {
    margin-top: 25px;
  }
  .award-box {
    position: static;
    margin-top: 20px;
  }

  .timeline-container::before {
    display: none;
  }

  .icon-box {
    margin-bottom: 10px;
  }

  .stack-row .category {
    border-right: none; 
    border-bottom: 1px solid rgba(255, 255, 255, 0.08); 
  }
  .stack-row .items {
    justify-content: center;
    gap: 20px;
    padding: 18px;
  }

  .nav-menu {
    max-height: 80vh;   
    overflow-y: auto;   
    overflow-x: hidden; 
  }

  /* Scrollbar styling */
  .nav-menu::-webkit-scrollbar {
    width: 6px;
  }
  .nav-menu::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
  }
  .nav-menu::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
.careers-section-title {
    font-size: 20px;
}
  .center-image img {
    max-height: 280px;
  }
@media (max-width: 768px) {
  .Fintech,
  #interactive,
  .choose-section,
  .new-servises-section,
  #Industries,
  .our-team-section,
  #blog,
  .overmission,
  .timeline-container,
  .development-hero,
  .frontend-development-services-container, .backend-development-services-container {
    padding: 30px 15px;
  }
}

    }