@media screen and (max-width: 768px) {
    .allwidget {
      height: 80%;
      width: 85%;
      background-color: #ffffff13;
      position: absolute;
      top: 7%;
      left: 50%;
      min-width: 80%;
      min-height: 80%;
      max-height: 80%;
      transform: translateX(-50%) !important;
      border-radius: 20px;
      backdrop-filter: blur(10px);
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      border: 1px solid rgba(255, 255, 255, 0.329);
      transition: 0.5s ease-in-out;
    }
    .price-input {
      width: 80%;
      font-size: 1rem;
      border: 1px solid #ddd;
      border-radius: 4px;
      outline: none;
      transition: border-color 0.3s;
      background-color: transparent;
      color: white;
    }
    .input-container {
      display: flex;
      flex-direction: column;
      align-items: start;
      gap: 8px;
      width: 100%;
      max-width: 300px;
      margin: 0 auto;
      position: absolute;
      top: 35%;
      left: 5%;
      opacity: 0;
      color: white;
    }

    .nav-btn{
        display: none;
    }

    .school-icon{
        display: none;
    }
    .action-buttons{
        flex-direction: column;
        height: fit-content;
        
    }
    .action-btn{
        position: relative;
        left: 5%;
        right: 5%;
        width: 75%;
    }
    .action-btn:hover{

    }
  }