/* ===============================
   <= 991px (Tablet + Mobile)
================================ */
@media (max-width: 991px) {

  .text-content {
    width: 100%;
  }

  .navigation-wrap {
    text-align: center;
    background-color: var(--white-color);
  }

  .navigation-wrap .navbar-brand img {
    height: 3.8125rem;
  }

  .navigation-wrap .nav-link {
    line-height: 1.875rem;
  }

  .top-banner {
    padding: 9.375rem 0;
  }

  /* testimonial tablet */
  .testimonial-section .carousel-item {
    padding: 5rem 2rem;
    margin-top: 2rem;
  }

  .testimonial-section .carousel-caption p {
    font-size: 1.05rem;
    line-height: 1.8rem;
    padding: 0 5%;
  }
}


/* ===============================
   <= 767px (Mobile start)
================================ */
@media (max-width: 767px) {

  h1 {
    font-size: 2.8rem;
  }

  h2 {
    font-size: 2rem;
    line-height: 2.0628rem;
  }

  .top-banner {
    padding: 10.875rem 0 9.375rem;
  }

  .story-section {
    height: auto;
    padding: 3rem 0;
  }

  .newsletter {
    width: 75%;
  }

  .newsletter .main-btn {
    width: 100%;
    margin-top: 1rem;
  }

  .footer .footer-link,
  .footer a i {
    padding: 0 0.7rem;
  }

  /* ❌ REMOVED BIG PADDING (THIS WAS THE ISSUE) */
}


/* ===============================
   <= 576px (FINAL MOBILE FIX)
================================ */
@media (max-width: 576px) {

  /* testimonial */
  .testimonial-section {
    padding: 3rem 0;
  }

  .testimonial-section .carousel-item {
    padding: 2.5rem 1.25rem;
    margin-top: 1.5rem;
  }

  .testimonial-section .carousel-caption {
    position: static;
    padding: 0;
  }

  .testimonial-section .carousel-caption img {
    max-width: 3.5rem;
    margin: 0 auto 0.75rem;
    display: block;
  }

  .testimonial-section .carousel-caption p {
    font-size: 0.95rem;
    line-height: 1.6rem;
    padding: 0;
    margin-bottom: 0.75rem;
  }

  .testimonial-section .carousel-caption h5 {
    font-size: 0.95rem;
  }

  .testimonial-section .carousel-indicators {
    bottom: -1.5rem;
  }

  /* modal */
  .modal-dialog {
    margin: 1rem;
  }

  .fem-modal-header {
    padding: 14px 16px;
  }

  .fem-modal-title {
    font-size: 18px;
  }

  .fem-modal-body {
    padding: 20px 15px;
  }

  .fem-modal-icon {
    font-size: 48px;
  }

  .fem-modal-body p {
    font-size: 14px;
  }

  .fem-modal-btn {
    width: 100%;
    padding: 10px;
    font-size: 15px;
  }

  .modal-content {
    border-radius: 14px;
  }
}

/* ===============================
   Height <= 736px (iPhone Plus / short screens)
================================ */
@media (max-height: 736px) and (max-width: 576px) {

  .testimonial-section {
    padding: 2.5rem 0;
  }

  .testimonial-section .carousel-item {
    padding: 2rem 1.25rem;
    margin-top: 1.25rem;
  }

  .testimonial-section .carousel-caption img {
    max-width: 3.2rem;
    margin-bottom: 0.5rem;
  }

  .testimonial-section .carousel-caption p {
    font-size: 0.9rem;
    line-height: 1.5rem;
  }

  .testimonial-section .carousel-caption h5 {
    font-size: 0.9rem;
  }

  .testimonial-section .carousel-indicators {
    bottom: -1.2rem;
  }
}
@media (max-width: 375px) and (max-height: 667px) {

  .testimonial-section {
    padding: 2.5rem 0;
  }

  .testimonial-section .carousel-item {
    padding: 2.2rem 1.2rem;
    margin-top: 1.2rem;
  }

  .testimonial-section .carousel-caption img {
    max-width: 3.2rem;
    margin-bottom: 0.5rem;
  }

  .testimonial-section .carousel-caption p {
    font-size: 0.9rem;
    line-height: 1.5rem;
    padding: 0;
  }

  .testimonial-section .carousel-caption h5 {
    font-size: 0.9rem;
  }
}
@media (max-width: 414px) and (max-height: 736px) {

  .testimonial-section {
    padding: 3rem 0;
  }

  .testimonial-section .carousel-item {
    padding: 2.6rem 1.4rem;
  }

  .testimonial-section .carousel-caption img {
    max-width: 3.5rem;
  }

  .testimonial-section .carousel-caption p {
    font-size: 0.95rem;
    line-height: 1.6rem;
  }

  .testimonial-section .carousel-caption h5 {
    font-size: 0.95rem;
  }
}
@media (max-width: 375px) and (max-height: 812px) {

  .testimonial-section {
    padding: 3.5rem 0;
  }

  .testimonial-section .carousel-item {
    padding: 3rem 1.5rem;
  }

  .testimonial-section .carousel-caption img {
    max-width: 3.8rem;
  }

  .testimonial-section .carousel-caption p {
    font-size: 1rem;
    line-height: 1.7rem;
  }

  .testimonial-section .carousel-caption h5 {
    font-size: 1rem;
  }
}
@media (max-width: 360px) and (max-height: 800px) {

  .testimonial-section {
    padding: 3rem 0;
  }

  .testimonial-section .carousel-item {
    padding: 2.8rem 1.3rem;
  }

  .testimonial-section .carousel-caption img {
    max-width: 3.6rem;
  }

  .testimonial-section .carousel-caption p {
    font-size: 0.95rem;
    line-height: 1.6rem;
  }

  .testimonial-section .carousel-caption h5 {
    font-size: 0.95rem;
  }
}


/* ===============================
   <= 991px NAV FIX
================================ */
@media (max-width: 991px) {
  .navigation-wrap {
    background: #ffdbdb !important;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    color: var(--primary-color) !important;
  }

  .navbar-brand {
    color: var(--primary-color);
  }

  .navigation-wrap .navbar-brand img {
    height: 5.8125rem !important;
  }
}