@media (min-width: 300px) and (max-width: 477px) {
  .navbar {
    width: 90% !important;
    backdrop-filter: none !important;
  }
  .btn-transparent
  {
    font-size: 0.80rem;
  }
  .card
  {
    border-radius: 40px !important;
  }
  .card img
  {
    border-radius: 40px !important;
  }
  .pill_faq
  {
    gap: 0.3rem !important;
  }
  .offcanvas {
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
  }
  .home-wrapper h1 {
    color: #fff;
    font-size: 2.2rem;
  }
  .btn-offcanvas {
    margin-top: 1.5rem !important;
  }
  .txt-link {
    font-size: 1rem !important;
  }
  .text-capitalize {
    font-size: 1.4rem !important;
  }
  .text-uppercase {
    font-size: 1.6rem !important;
  }
}

@media (min-width: 478px) and (max-width: 575px) {
  .navbar {
    width: 90% !important;
    backdrop-filter: none !important;
  }
  .pill_faq
  {
    gap: 0.3rem !important;
  }
  .offcanvas {
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
  }
  .home-wrapper h1 {
    color: #fff;
    font-size: 2.5rem;
  }
  .btn-offcanvas {
    margin-top: 1.5rem !important;
  }
  .txt-link {
    font-size: 1rem !important;
  }
  .text-capitalize {
    font-size: 1.4rem !important;
  }
  .text-uppercase {
    font-size: 1.6rem !important;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .navbar {
    width: 90% !important;
    backdrop-filter: none !important;
  }

  .offcanvas {
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
  }
  .btn-offcanvas {
    margin-top: 1.5rem !important;
  }
  .txt-link {
    font-size: 1rem !important;
  }
  .text-capitalize {
    font-size: 1.4rem !important;
  }
  .text-uppercase {
    font-size: 1.6rem !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .navbar {
    width: 90% !important;
    backdrop-filter: none !important;
  }

  .offcanvas {
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
  }
  .btn-offcanvas {
    margin-top: 1.5rem !important;
  }
  .txt-link {
    font-size: 1rem !important;
  }
  .text-capitalize {
    font-size: 1.4rem !important;
  }
  .text-uppercase {
    font-size: 1.6rem !important;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .navbar {
    width: 95% !important;
  }
  .txt-link {
    font-size: 0.975rem !important;
  }
  .text-capitalize {
    font-size: 1rem !important;
  }
  .text-uppercase {
    font-size: 1.5rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .navbar {
    width: 80% !important;
  }
}

@media (min-width: 1400px) {
}