@media (min-width: 1700px) {
  .hero-text {
    bottom: 50px; /* move text higher */
    font-size: clamp(2rem, 2.5vw, 3rem); /* slightly bigger text */
  }
  .one-container {
    max-width: 700px; /* text wraps into 2 rows for title, 3 rows for subtitle */
  }
  .one-title {
    font-size: 48px;
  }
  .one-subtitle {
    font-size: 20px;
  }
  .center-text {
    font-size: 70px;
    max-width: 800px;
  }
  .one-img {
    justify-content: flex-start !important;
    margin-top: 90px;
  }
}
@media (max-width: 1200px) {
  .one-container {
    max-width: 600px;
  }
  .one-title {
    font-size: 36px;
  }
  .one-subtitle {
    font-size: 18px;
  }
  .center-text {
    font-size: 60px;
    max-width: 700px;
  }
}

/* Optional: adjust for tablets or medium screens */
@media (max-width: 768px) {
  .hero-text {
    bottom: 15px;
    font-size: clamp(1.2rem, 3vw, 1.8rem);
  }
  .join-bubble {
    display: none !important;
  }
  .one-container {
    max-width: 90%;
  }
  .one-title {
    font-size: 28px;
  }
  .one-subtitle {
    font-size: 16px;
    .center-text {
      font-size: 40px;
      max-width: 90%;
    }
  }
}

@media (max-width: 480px) {
  .one-title {
    font-size: 24px;
  }
  .one-subtitle {
    font-size: 14px;
  }
  .center-text {
    font-size: 32px;
    max-width: 90%;
  }
  .under-footer {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    margin-top: 10px;
  }
} /* Responsive adjustments */
@media (max-width: 992px) {
  .image-text-section .col-lg-6 {
    text-align: center;
  }
  .image-text-section .section-title {
    font-size: 25px !important;
  }
  .image-text-section .section-subtitle {
    font-size: 16px;
  }
  .mobile-menu .mobile-extras {
    display: none !important;
  }
  .mobile-menu .menu-item-has-children > a::after {
    content: none !important;
  }
}
@media (max-width: 600px) {
  .feature-item h1 {
    font-size: 1.25rem;
  }
  .feature-item p {
    font-size: 1rem;
  }
}

@media (max-width: 1024px) {
  .testimonials-title {
    font-size: 40px;
  }
}

@media (max-width: 768px) {
  .testimonials-title {
    font-size: 32px;
  }
  .mobile-menu .mobile-extras {
    display: none !important;
  }
  .jjj {
    font-size: 50px !important;
  }
  .jkk {
    font-size: 40px !important;
  }
  .redbull {
    margin-left: 0 !important;
  }
  .testimonials-swiper .swiper-slide {
    width: 674px;
    height: 378px !important;

    flex-shrink: 0;
    /*margin-left: 110px;*/
  }
  .careers-intro-title {
    font-size: 35px;
  }
  .image-text-section.reverse .row {
    display: flex;
    flex-direction: column-reverse;
  }
  .prices-bottom-title .title-base {
    font-size: 35px; /* font më i vogël në mobile */
  }
  .prices-bottom-title .title-span {
    font-size: 35px; /* font më i vogël në mobile */
  }

  @media (max-width: 480px) {
    .testimonials-title {
      font-size: 24px;
    }
    .mobile-menu .mobile-extras {
      display: none !important;
    }
    .jjj {
      font-size: 50px !important;
    }
    .jkk {
      font-size: 40px !important;
    }
  }
  @media (min-width: 992px) and (max-width: 1100px) {
  }
}
@media (max-width: 576px) {
  .service-intro-title .title-base {
    font-size: 39px !important;
  }
}

/* Fix overflowing plan cards on very small screens */
@media (max-width: 418px) {
  .plans-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    box-sizing: border-box;
  }

  .plan-card {
    width: 100%;
    max-width: 340px; /* prevents cards from overflowing the viewport */
    padding: 1rem;
    box-sizing: border-box;
  }

  body,
  html {
    overflow-x: hidden;
  }
}
/* Footer layout fix for mobile */
@media (max-width: 768px) {
  .tel-footer {
    flex-direction: column !important; /* stack vertically */
    align-items: center !important; /* center horizontally */
    justify-content: center !important;
    gap: 1.5rem !important;
    text-align: center; /* center the text inside each footer-col */
  }

  .tel-footer .footer-col {
    width: 100%;
  }

  .tel-footer .footer-col h4 {
    margin-bottom: 0.5rem;
  }

  .tel-footer .footer-menu {
    padding-left: 0;
    list-style: none;
  }

  .tel-footer .footer-menu li {
    margin-bottom: 0.4rem;
  }

  .tel-footer .footer-menu a {
    text-decoration: none;
    display: inline-block;
  }
}
@media (max-width: 768px) {
  /* Center logo */
  .footer-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem; /* space below logo */
    text-align: center;
    width: 100%;
  }

  .footer-logo img {
    max-width: 180px; /* optional — keeps logo size balanced */
    height: auto;
  }

  /* Stack footer columns */
  .tel-footer {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1.5rem !important;
    text-align: center;
    width: 100%;
  }

  .tel-footer .footer-col {
    width: 100%;
  }

  .tel-footer .footer-col h4 {
    margin-bottom: 0.5rem;
  }

  .tel-footer .footer-menu {
    padding-left: 0;
    list-style: none;
    margin: 0;
  }

  .tel-footer .footer-menu li {
    margin-bottom: 0.4rem;
  }

  .tel-footer .footer-menu a {
    text-decoration: none;
    display: inline-block;
  }
}
@media (max-width: 700px) {
  .plan-title {
    font-size: 24px !important;
  }

  .plan-ab {
    font-size: 24px !important;
  }

  .plan-price {
    font-size: 24px !important;
  }

  .plan-suffix {
    font-size: 20px !important;
  }

  .plan-features li span {
    font-size: 16px !important;
  }

  .hero-btn {
    font-size: 14px !important;
  }

  .plan-card {
    padding: 15px !important;
  }
}