@media(max-width: 1100px) {

  .hero-content h1 {
    font-size: 4.8rem;
  }

  .hero-stats {
    display: none;
  }

}


@media(max-width: 768px) {

  .nav-menu,
  .header-cta {
    display: none;
  }

  .mobile-menu-btn {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .mobile-menu-btn span {
    width: 28px;
    height: 2px;
    background: white;
  }

  .hero-content {
    padding-top: 180px;
    padding-left: 6%;
    padding-right: 6%;
  }

  .hero-content h1 {
    font-size: 3.5rem;
  }

  .hero-description {
    font-size: 1rem;
  }

  .hero-buttons {
    flex-direction: column;
  }

}
@media(max-width:768px){

  .hero-section{
    min-height:100vh;
    padding-top:120px;
  }

  .hero-content{
    padding:0 8%;
    max-width:100%;
  }

  .hero-content h1{
    font-size:clamp(2.5rem,11vw,4rem);
    line-height:0.95;
    margin-bottom:22px;
  }

  .hero-description{
    font-size:0.95rem;
    line-height:1.7;
    margin-bottom:35px;
  }

  .hero-buttons{
    flex-direction:column;
    gap:14px;
  }

  .primary-btn,
  .secondary-btn{
    width:100%;
    padding:16px;
  }

  .hero-stats{
    display:none;
  }

  .scroll-indicator{
    bottom:18px;
  }

  .hero-subtitle{
    letter-spacing:3px;
    font-size:12px;
  }

}
@media(max-width: 1440px){

  .hero-content{
    max-width:580px;
  }

  .hero-content h1{
    font-size:4.5rem;
  }

  .hero-description{
    font-size:1rem;
    max-width:500px;
  }

  .hero-stats{
    gap:14px;
    right:4%;
  }

  .stat-box{
    width:145px;
    padding:20px;
  }

  .stat-box h2{
    font-size:2rem;
  }

}
@media(max-width: 1100px){

  .hero-section{
    align-items:flex-start;
    padding-top:160px;
  }

  .hero-content{
    max-width:100%;
  }

  .hero-content h1{
    font-size:4rem;
  }

  .hero-stats{
    display:none;
  }

  .nav-menu{
    gap:20px;
  }

}