@media (min-width: 1440px){
   .btn-primary {
    background-color: hsl(338, 62%, 33%) !important;
    color: hsl(30, 43%, 97%);
    box-shadow: 0 4px 12px rgba(216, 101, 131, 0.3);
}
footer {
    margin: 20px;
}
    section#contact {
        padding: 3rem 0 !important;
    }
        .footer-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }
.hero-stats {
    padding-bottom: 50px;
}
.hero-badge {
    margin-top: 50px;
}
    section#gallery {
        padding: 4rem 0;
    }
        .gallery-cta a {
        font-size: 1.87rem !important;
    }

   }
   
   
   
   @media (min-width: 1024px) {
      .nav-menu {
        display: flex;
      }
    }

    
    @media (min-width: 1024px) {
      .nav-cta {
        display: block;
      }
    }

   
    @media (min-width: 1024px) {
      .nav-toggle {
        display: none;
      }
    }
   @media (min-width: 1024px) {
      .hero-title {
        font-size: 3.75rem;
      }
    }
       @media (min-width: 1024px) {
      .about-grid {
        grid-template-columns: 1fr 1fr;
      }
    }
   @media (min-width: 1024px) {
      .services-grid {
        grid-template-columns: repeat(4, 1fr);
      }
    }
    @media (min-width: 1024px) {
      .gallery-grid {
        grid-template-columns: repeat(6, 1fr);
      }
    }
   @media (min-width: 1024px) {
      .contact-grid {
        grid-template-columns: 1fr 1fr;
      }
    }
       @media (min-width: 1024px) {
      .footer-grid {
        grid-template-columns: repeat(4, 1fr);
      }
      /* .contact-grid {
    display: block;
      }
      footer{
        border-radius: 20px;
      } */
    }





/* ///////768px ///// */

    @media (min-width: 768px) {
      .testimonials-grid {
        grid-template-columns: repeat(3, 1fr);
      }
       footer{
        border-radius: 20px;
        margin: 15px;
      }
    }


    /* ///////////////////////////767px ///// */



   @media (max-width: 767px) {
      .gallery-item:nth-child(5n + 1) {
        grid-column: span 1;
        aspect-ratio: 3 / 4;
      }
       section#contact {
    padding: 20px 0px;
}
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.hero-badge {
    font-size: 0.65rem;
}
.btn {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 5px 15px;
    font-size: 0.75rem;
    font-weight: 400;
    border: none;
    border-radius: 9857px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s;
}
section#home {
    min-height: 100vh;
}
.hero-cta {
    margin-bottom: 1rem;
}
section#about {
    padding: 2rem 0;
}
section#gallery {
    padding: 2rem 0;
}
footer {
    background-color: hsl(340, 30%, 10%);
    color: rgba(255, 255, 255, 0.8);
    padding: 2rem 0 0.5rem;
    border-radius: 20px;
    margin: 10px;
}    
    }

   



    /* /////////////////640px//// */

    
    @media (min-width: 640px) {
      .hero-title {
        font-size: 3rem;
      }
    }

 

    

    @media (min-width: 640px) {
      .hero-desc {
        font-size: 1.125rem;
      }
     
    }

   
    @media (min-width: 640px) {
      .stat-value {
        font-size: 2rem;
      }
          section#home {
        min-height: 70vh;
    }
    }

   

    @media (min-width: 640px) {
      section#about {
        padding: 8rem 0;
      }
    }

    

 

   
    @media (min-width: 640px) {
      .about-content h2 {
        font-size: 2.25rem;
      }
    }

   
    @media (min-width: 640px) {
      section#services {
        padding: 8rem 0;
      }
    }

  
    @media (min-width: 640px) {
      .section-center h2 {
        font-size: 2.25rem;
      }
    }

   

    @media (min-width: 640px) {
      .services-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

 

   
    @media (min-width: 640px) {
      section#gallery {
        padding: 8rem 0;
      }
    }

   

    @media (min-width: 640px) {
      .gallery-grid {
        grid-template-columns: repeat(3, 1fr);
      }
    }

      @media (min-width: 640px) {
      section#testimonials {
        padding: 8rem 0;
      }
    }
    @media (min-width: 640px) {
      section#contact {
        padding: 8rem 0;
      }
    }

   

 

   

    @media (min-width: 640px) {
      .footer-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }


  @media (min-width: 430px) {
         section#home {
        min-height: 70vh;
    }
    .btn-primary {
           background-color: hsl(229.29deg 35.4% 59.53%);
    color: hsl(30, 43%, 97%);
    box-shadow: 0 4px 12px rgba(216, 101, 131, 0.3);
}
.gallery-cta a {
  font-size: 0.87rem;
}
    }