@media (max-width: 576px) {
  /* =========================== start navbar style ============= */
  .dropdown-menu {
    width: 100%;
    transform: translateX(00px);
  }
  .dropdown-container {
    max-height: 70vh;
    overflow-y: auto;
  }
  .navbar-toggler {
    border: none;
    padding: 4px;
  }

  .navbar-toggler:focus {
    box-shadow: none;
  }

  .navbar-toggler-icon {
    width: 1.2em;
    height: 1.2em;
  }
  .custom-dropdown-toggle {
    justify-content: space-between;
    width: 100%;
    /* font-size: 0.75rem; */
  }
  .hero-actions {
    flex-direction: column;
  }

  .hero-btn {
    width: 100%;
  }
  .custom-dropdown-toggle .icon-down {
    font-size: 0.7rem;
  }
  .sec-title {
    font-size: 26px !important;
    font-weight: 900 !important;
  }
  .text-end {
    display: none;
  }
  /* ======================================= faq section ================================== */

  .process-body {
    font-size: 0.875rem !important;
  }
}
@media (min-width: 577px) and (max-width: 884px) {
  /* ====================== start hero section ============================================ */
  .dropdown-menu {
    width: 100%;
    transform: translateX(00px);
  }
  .dropdown-container {
    max-height: 70vh;
    overflow-y: auto;
  }
  .navbar-toggler {
    border: none;
    padding: 4px;
  }

  .navbar-toggler:focus {
    box-shadow: none;
  }

  .navbar-toggler-icon {
    width: 1.2em;
    height: 1.2em;
  }
  .custom-dropdown-toggle {
    justify-content: space-between;
    width: 100%;
    /* font-size: 0.75rem; */
  }
  .custom-dropdown-toggle .icon-down {
    font-size: 0.7rem;
  }
  /* ====================== end hero section ============================================ */
  /* ====================== start  section 2 section ============================================ */
  .sec-title {
    font-size: 26px !important;
    font-weight: 900 !important;
  }
  /* ====================== end section 2 section ============================================ */
}