@media (min-width: 1440px) {
    /* about page */
    .banner-section .heading-wrap {
        font-size: 50px;
        /* max-width: 846px; */
    }
}
@media screen and (max-width: 1025px) {
    /* about section */
    .content {
        padding: 100px;
    }
    /* about page */
    .banner-section .heading-wrap {
        font-size: 60px;
    }
}

@media (min-width: 1024px) {
    .carousel_card {
        width: 400px;
        height: 600px;
    }
    .carousel_card:nth-child(1) { 
        transform: translate(-50%, -50%) translateX(-60%) scale(0.8);
        opacity: 0.6;
        z-index: 1;
    }
    .carousel_card:nth-child(2) { 
        transform: translate(-50%, -50%) translateX(-30%) scale(0.9);
        opacity: 0.8;
        z-index: 2;
    }
    .carousel_card:nth-child(3) { 
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
        z-index: 3;
    }
    .carousel_card:nth-child(4) { 
        transform: translate(-50%, -50%) translateX(30%) scale(0.9);
        opacity: 0.8;
        z-index: 2;
    }
}

/* M7 Corporation Trusted Brands Section Start*/
/* Responsive Styles */
@media (max-width: 991px) {
    .m7c-brand-item {
      height: 100px;
      padding: 10px;
    }
    
    .m7c-brand-logo {
      max-width: 110px;
      max-height: 60px;
    }
  }
  
  @media (max-width: 767px) {
    .m7c-trusted-brands {
      padding: 40px 0;
    }
    
    .m7c-section-title {
      font-size: 1.4rem;
    }
    
    .m7c-brand-item {
      height: 90px;
      padding: 8px;
    }
    
    .m7c-brand-logo {
      max-width: 100px;
      max-height: 55px;
    }
  }
  
  @media (max-width: 575px) {
    .m7c-section-title {
      font-size: 1.3rem;
    }
    
    .m7c-brand-item {
      height: 80px;
      padding: 5px;
    }
    
    .m7c-brand-logo {
      max-width: 90px;
      max-height: 50px;
    }
    
    .m7c-stories-link {
      font-size: 0.8rem;
    }
  }
/* M7 Corporation Trusted Brands Section End*/

/* Tablet styles */
@media (min-width: 768px) and (max-width: 1023px) {
    .carousel_card {
        width: 300px;
        height: 450px;
    }
    .carousel_card:nth-child(1) { 
        transform: translate(-50%, -50%) translateX(-45%) scale(0.8);
        opacity: 0.6;
        z-index: 1;
    }
    .carousel_card:nth-child(2) { 
        transform: translate(-50%, -50%) translateX(-22%) scale(0.9);
        opacity: 0.8;
        z-index: 2;
    }
    .carousel_card:nth-child(3) { 
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
        z-index: 3;
    }
    .carousel_card:nth-child(4) { 
        transform: translate(-50%, -50%) translateX(22%) scale(0.9);
        opacity: 0.8;
        z-index: 2;
    }

    .carousel-button {
        top: 50%;
    }
    .navigation {
        bottom: 50px;
    }
   
}



@media (max-width: 992px) {
    /* contact section */
    .contact-container {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .contact-info, .contact-form {
        padding: 30px;
    }
}

@media screen and (max-width: 768px) {
    /* nav */
    .nav-links {
    position: fixed;
    top: 70px;
    left: -100%;
    width: 100%;
    height: calc(100vh - 70px);
    background-color: rgb(0 0 0 / 96%);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: left 0.5s ease;
    }
    
    .nav-links.active {
    left: 0;
    }
    
    .nav-links li {
    margin: 1.5rem 0;
    }
    
    .hamburger {
    display: block;
    }
    
    .hamburger.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
    }
    
    .hamburger.active span:nth-child(2) {
    opacity: 0;
    }
    
    .hamburger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -6px);
    }
         /* Project section */
         .web-section-title {
            font-size: 30px;
        }
        .web-section-text {
            font-size: 15px;
        }
        .exp_button{
          font-size: 12px;
        }
        
        .img-grid {
          grid-template: repeat(2, auto)/ repeat(3, auto);
        }
        .image img {
          width: 170px;
          height: 120px;
        }
        /* Project section */
    /* service section */
    #services {
    padding: 3rem 5%;
    }
    
    h2 {
    font-size: 2rem;
    }
    
    .service-grid {
    grid-template-columns: 1fr;
    }
        
    /* about section */
    .flowing-text {
        font-size: 6vw;
    }

    h1 {
        font-size: 8vw;
    }
    .content{
        flex-direction: column;
    }
    .section-title {
        font-size: 2rem;
    }
    
    .about-description {
    font-size: 1rem;
    }
    
    .team-grid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
          
 

    /* about page */

        .banner-section .heading-wrap {
        font-size: 50px;
    }
    .content-wrapper {
        flex-direction: column;
    }

    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .graph-image {
        width: 70%;
    }
    .team-grid {
        padding: 1rem;
    }
    
    .team-card {
        padding: 1rem;
    }



  
    /* contact section */
    nav {
    flex-direction: row;
    }
    
    nav ul {
    margin-top: 1rem;
    }
    
    nav ul li {
    margin-left: 0;
    margin-right: 1rem;
    }
    
    .hero h1 {
    font-size: 2rem;
    }
    
    .hero p {
    font-size: 1rem;
    }
   

}

@media (max-width: 767px) {
    .carousel_card {
        width: 280px;
        height: 420px;
    }
    .carousel_card-title {
        font-size: 1em;
        bottom: 15px;
        left: 15px;
    }

    .carousel_card:nth-child(1) { 
        transform: translate(-50%, -50%) translateX(-40%) scale(0.7);
        opacity: 0.4;
        z-index: 1;
    }
    .carousel_card:nth-child(2) { 
        transform: translate(-50%, -50%) translateX(-20%) scale(0.8);
        opacity: 0.6;
        z-index: 2;
    }
    .carousel_card:nth-child(3) { 
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
        z-index: 3;
    }
    .carousel_card:nth-child(4) { 
        transform: translate(-50%, -50%) translateX(20%) scale(0.8);
        opacity: 0.6;
        z-index: 2;
    }
    .navigation {
        bottom: 65px;
    }
    .nav-dot {
        width: 8px;
        height: 8px;
    }
    .carousel-button {
        padding: 10px 15px;
        font-size: 18px;
        top: 50%;
    }
    .carousel-button.prev {
        left: 10px;
    }
    .carousel-button.next {
        right: 10px;
    }
    .carousel-titles h4 {
        font-size: 1.2em;
    }
    .image img {
        width: 151px;
        height: 135px;
    }
}
@media screen and (max-width: 635px) {
    /* Project section */
  .image img {
        width: 130px;
        height: 90px;
    }
    /* Project section */
}
@media screen and (max-width: 580px) {
    /* Project section */
    .img-grid {
        gap: 10px;
    }
    .image img {
        width: 110px;
        height: 80px;
    }
    /* Project section */
}
@media (max-width: 576px) {
        /* contaction section */
        .contact-section {
            padding: 40px 15px;
        }

        .contact-item {
            flex-direction: column;
            text-align: center;
        }

        .contact-icon {
            margin: 0 0 10px 0;
        }

        .map-container {
            height: 300px;
        }
    }
@media screen and (max-width: 550px) {
    /* Project section */
  .image img {
        width: 105px;
        height: 80px;
    }
    /* Project section */
}
@media screen and (max-width: 512px) {
    /* Project section */
    .image img {
        width: 100px !important;
        height: 70px !important;
    }
    /* Project section */
}
@media screen and (max-width: 520px) {
    /* Project section */
    .image img {
        width: 120px;
        height: 80px;
    }
    .web-section-title {
        font-size: 25px;
    }
    .web-section-text {
        font-size: 12px;
    }
    .exp_button{
      font-size: 10px;
    }
    /* Project section */
}    
@media screen and (max-width: 480px) {
          /* client list */
          .banner_section h1 {
            font-size: 1.5rem;
            padding-top: 100px;
          }
          .banner_section p {
            font-size: 0.9rem;
          }
          .banner_section .item {
            width: 100px;
            height: 100px;
          }
          .banner_section img {
            max-width: 50px;
            width: 50px;
          }
          .banner_section  .text {
            margin: 0 0 20px;
          }
    /* about section */
    .section-title {
    font-size: 1.8rem;
    }
    
    .about-description {
    font-size: 0.9rem;
    }
    
    .team-grid {
    grid-template-columns: 1fr;
    }
    /* about page */
    .stats-grid {
        grid-template-columns: 1fr;
    }
    .graph-image {
        width: 100%;
    }
    .banner-section .heading-wrap {
        font-size: 40px;
    }
    .banner-section .sub-heading {
        font-size: 12px;
    }

    }
@media screen and (max-width: 445px) {
    /* Project section */

    .image img {
        width: 85px !important;
        height: 65px !important;
    }
    
    /* Project section */
        /* about section */
        .flowing-text {
        font-size: 15vw;
    }
}
        
@media screen and (max-width: 430px) {
    /* contact section */
    .content{
        padding: 0;
    }
}


@media screen and (max-width: 425px) {
    section {
        padding: 0rem 10% !important;
        }
    /* Project section */
  .img-grid {
    gap: 10px;
  }
  .image img {
    width: 100px;
    height: 75px;
  }
  /* Project section */
}
@media screen and (max-width: 392px) {
    /* Project section */
  .img-grid {
    gap: 7px;
  }
  .image img {
        width: 65px !important;
        height: 50px !important;
  }
  /* Project section */
}
@media screen and (max-width: 380px) {
    /* Project section */
  .web-section-title{
    font-size: 20px;
  }
  .web-section-text{
    font-size: 10px;
  }
  .exp_button{
    font-size: 10px;
    padding: 5px 5px;
  }
  .image img {
        width: 95px;
        height: 70px;
    }
    /* Project section */
}
@media screen and (max-width: 375px) {
    .banner-section .heading-wrap {
        font-size: 30px;
    }            
}
/* Small mobile styles */
@media (max-width: 374px) {
    .carousel_card {
        width: 240px;
        height: 360px;
    }
    .carousel_card:nth-child(1) { 
        transform: translate(-50%, -50%) translateX(-30%) scale(0.6);
        opacity: 0.3;
        z-index: 1;
    }
    .carousel_card:nth-child(2) { 
        transform: translate(-50%, -50%) translateX(-15%) scale(0.8);
        opacity: 0.6;
        z-index: 2;
    }
    .carousel_card:nth-child(3) { 
        transform: translate(-50%, -50%) scale(0.9);
        opacity: 1;
        z-index: 3;
    }
    .carousel_card:nth-child(4) { 
        transform: translate(-50%, -50%) translateX(15%) scale(0.8);
        opacity: 0.6;
        z-index: 2;
    }

    .carousel-titles h4 {
        /* top: 170px; */
        font-size: 1em;
    }
    .navigation {
        bottom: 90px;
    }
}
@media screen and (max-width: 360px) {
    /* Project section */
  .image img {
        width: 85px;
        height: 60px;
    }
    /* Project section */
}

@media screen and (max-width: 330px) {
    /* Project section */
  .web-section-title{
    font-size: 18px;
  }
    .image img {
        width: 80px;
        height: 55px;
    }
    /* Project section */
  }

@media screen and (max-width: 320px) {
    .banner-section .heading-wrap {
        font-size: 28px;
    }
    
}