/* RESPONSIVE */
@media (min-width: 1600px){
  .container{
    max-width: 1400px;
  }
}

@media (min-width: 1920px){
  .container{
    max-width: 1600px;
  }
}
@media (max-width: 1200px) {

  .services-container {
    max-width: 100%;
  }

  .top-area h2 {
    font-size: 52px;
  }
  
   .page-header{
        min-height:380px;
      }


}
@media (max-width: 900px) {
	
	  .container {
    flex-direction: column;
    text-align: center;
  }

  .slider {
    justify-content: center;
  }

	
	  .center {
    justify-content: center;
  }

  .left-card,
  .right-card {
    max-width: 100%;
  }
	
  .grid {
    grid-template-columns: 1fr;
  }

 .industry-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .industry-grid h2,
  .industry-grid p{
    grid-column:span 2;
  }
     .footer-top{
        grid-template-columns:1fr 1fr;
      }

}




/* Tablet */
@media (max-width: 992px) {


  .image-wrapper {
    width: 320px;
    height: 380px;
  }

  .client-badge {
    left: 50%;
    transform: translateX(-50%);
  }
  
    .services-card {
    flex-direction: column;
  }

  .services-image {
    width: 100%;
    height: 320px;
  }

  .slider-btns {
    top: 10px;
    right: 10px;
  }
  
   .values-grid{
        grid-template-columns:repeat(2,1fr);
      }

      .process-wrapper{
        grid-template-columns:repeat(2,1fr);
      }
  
    .testimonial-container{
    flex-direction:column;
  }

  .testimonial-left,
  .testimonial-right{
    width:100%;
  }

  .testimonial-left h2{
    font-size:40px;
  }

  .custom-card{
    flex:0 0 100%;
  }

  .slider-dots{
    position:relative;
    bottom:0;
    justify-content:center;
    margin-top:20px;
  }
  
   .page-header{
        min-height:340px;
      }

      .breadcrumb{
        font-size:16px;
      }
}



/* Responsive */


@media (max-width: 768px) {
	
  .hamburger {
    display: block;
  }

  nav {
    width: 70%;
    height: 100dvh;
    transition: right 0.4s ease;
    z-index: 999;
  }

  nav.active {
    right: 0;
  }

  .nav-header {
    display: flex;
    justify-content: flex-end;
    padding: 1rem 2rem;
    background: #34b7a71c;
  }

  nav.active .close-btn {
    display: block;
    font-size: 1.8rem;
    cursor: pointer;
  }

  nav ul {
    padding: 1rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
	
	.slider-wrapper{
		display:none;
	}
	
.hero{
min-height: 59vh;
}

.left h1{
    font-size: 30px;	
}

.buttons{
    flex-direction: column;	
}

.buttons .secondary{
	    width: 100%;
}


 .image-wrapper {
    width: 260px;
    height: 320px;
    display: none;
  }


  .ask-ai-hero h2 {
    font-size: 22px;
  }

  .search-bar {
    flex-direction: row;
    padding: 6px 10px;
  }

  .cta button {
    font-size: 16px;
    padding: 10px 18px;
  }
   .grid {
    grid-template-columns: 1fr;
  }
	
	     .values-grid,
      .process-wrapper{
        grid-template-columns:1fr;
      }
	
    .industries {
        padding: 4rem 1.5rem;
    }

    .industries h2 {
        font-size: 2.1rem;
    }

    .industry-grid {
        grid-template-columns: 1fr;
        margin-right: 0;
    }


  .industry-grid h2,
  .industry-grid p{
    grid-column:span 1;
    text-align:center;
  }
	
	
	    .heading h1{
        font-size:34px;
      }

      .why-slider-slide.active{
        grid-template-columns:1fr;
      }

      .content h2{
        font-size:28px;
      }

      .image img{
        height:300px;
      }
	  .why-slider-slide.active{
    grid-template-columns:1fr;
  }

  .why-slider-slide::before{
    display:none;
  }
	
	
	
      .footer{
        padding:55px 0 25px;
      }

      .footer-top{
        grid-template-columns:1fr;
        gap:40px;
      }

      .footer-bottom{
        flex-direction:column;
        align-items:flex-start;
      }

      .logo-text{
        font-size:24px;
      }

	  .top-area h2 {
    font-size: 38px;
  }

  .right-text {
    font-size: 16px;
  }

  .slider-btns {
    position: static;
    justify-content: flex-end;
    margin-bottom: 25px;
	display:none;
  }
  
  
  
  .testimonial-section{
    padding:70px 20px;
  }

  .testimonial-left h2{
    font-size:32px;
  }
  
     .page-header{
        min-height:300px;
        border-radius:16px;
      }

      .page-header h1{
        font-size:44px;
        margin-bottom:18px;
      }

      .breadcrumb{
        padding:9px 15px;
        gap:8px;
        font-size:15px;
      }
  .custom-slider-wrapper{
  overflow: hidden;
  width: 100%;
  position: relative;
}

#customTrack{
  display: flex;
  gap: 25px;
  will-change: transform;
}

.custom-card{
  min-width: calc(50% - 13px);
  flex-shrink: 0;
}

.service-content ul{
columns: 1;	
}

.services-wrapper{
  padding: 50px 25px 28px;
grid-template-columns: 1fr;
}


.cta-btn{
font-size:20px;	
	
}


.cta-btn span.icon{
      width: 35px;
      height: 35px;	
	  font-size: 20px;
}

.cta-content h2{
	font-size:20px;
}


  .service-page{
 grid-template-columns:1fr;
  
    }



    .solutions-wrapper{
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .solutions-wrapper.reverse .solutions-images,
    .solutions-wrapper.reverse .solutions-deatils{
        order: unset;
    }

    .solutions-deatils h2{
        font-size: 26px;
    }

    .solutions-deatils p{
        font-size: 15px;
    }
	
.dropdown-menu{
  display: none;
}

.dropdown.active .dropdown-menu{
  display: block;
}
}


@media(max-width:991px){

  .custom-card{
    min-width: 100%;
  }
  
   .dropdown {
    width: 100%;
    display: block;
  }

  .dropdown-menu {
    width: 100%;
    display: none;
    flex-direction: column;
    padding-left: 15px;
  }

  .dropdown.active .dropdown-menu {
    display: flex;
  }

}


    @media (max-width:480px){

      .page-header{
        min-height:250px;
        padding:30px 15px;
      }

      .page-header h1{
        font-size:34px;
        letter-spacing:-1px;
      }

      .breadcrumb{
        font-size:13px;
        padding:8px 14px;
        flex-wrap:wrap;
        justify-content:center;
      }

      .breadcrumb i{
        font-size:12px;
      }
    }