/* Small devices (Tablets, 600px and up) */
@media (min-width: 600px) {}
/* Medium devices (Laptops, 768px and up) */
@media (min-width: 768px) {
  .container {
    max-width: 750px;
    margin: 0 auto;
  }
}
/* Large devices (Desktops, 1024px and up) */
@media (min-width: 1024px) {
  .container {
    max-width: 960px;
  }
}
/* Extra-large devices (Large screens, 1200px and up) */
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (max-width: 768px) {
  .nav-links {
    display: none;
    flex-direction: column;
    background: #444;
    width: 100%;
    position: absolute;
    top: 5.3rem!important;
    left: 0;
    text-align: center;
    z-index: 9;
    color: #ffffff;
  }
  .nav-links.active {
    display: flex;
  }
  .nav-links li {
    padding: 15px 0;
  }
  .menu-toggle {
    display: block;
  }
  .nav-links a {color:#ffffff!important}

  .nav-links a:hover{color:#DB6F27!important}
}
/* Responsive Design */
@media (max-width: 768px) {
  .hero {
    height: 400px; /* Reduce height for mobile */
  }
  .hero h1 {
    font-size: 2rem;
  }
  .hero p {
    font-size: 1rem;
  }
}
@media (max-width: 480px) {
  .hero {
    height: 300px; /* Further reduce for small screens */
  }
  .hero h1 {
    font-size: 1.5rem;
  }
  .hero p {
    font-size: 0.9rem;
  }
}
/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
  .hero {
    min-height: 238px !important
  }
  .hero-overlay {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    backdrop-filter: 0 !important;
    background: rgba(255, 255, 255, 0.6) !important;
  }
  .headline1 {
    font-size: 1.5rem !important;
  }
  .headline2 {
    font-size: 1rem !important;
    padding: 1rem 0 !important;
  }
  .hero-content {
    padding: 1rem !important;
  }
  button {
    border: none;
    padding: 0.2rem 1rem;
  }
  .future-ready-inner {
    padding: 0rem !important;
  }
  .future-ready {
    padding: 1rem 0 !important;
  }
  .future-ready-inner, .solution-ready-inner, .industry-inner, .future-ready {
    font-size: 2rem !important
  }
  .info-banner {
    padding: 2rem 0 !important;
  }
  .left-wrapper .title {
    font-size: 1.5rem !important;
    padding: 1rem 0 0 0;
  }
  .left-wrapper .content {
    padding: 1rem 0 1rem 0 !important;
  }
  .left-wrapper {
    margin: 0 0 1rem 0;
  }
  .what-we-do {
    flex-direction: column-reverse!important;
  }
    .counter {
    padding: 1rem!important;
}
    .counter-box{padding: 0 0 2rem 0;}
    .counter-box .number{font-size: 2rem!important;line-height: 1.7rem!important;}
    .counter-box .title{font-size: 0.8rem!important;}
    .solution-we-provide {
    padding: 1rem!important;
}
    .solution-provide-content {
    padding: 1rem!important;
}
    .next-one-sim img {
    display: none;
}
    .next-one-sim .wrapper {
    width: 100%!important;
    padding: 1rem!important;
    margin: 0!important;
}
    .next-one-sim {
    margin: 1rem auto 1rem auto!important;
}
    .industry {
    padding: 1rem!important;
}
    .industry .industry-wrapper {
    padding: 0!important;
}
    .industry .industry-content {
    padding: 1rem!important;
}
    .industry-cta .cta-1, .industry-cta .cta-2, .industry-cta .cta-3{margin: 0 0 3rem 0!important;padding: 1rem!important;}
    
    .industry-cta .industry-wrapper
    {padding: 1.375rem !important;}
    .future-ready .arrow-img .img-fluid img{width: 100%;}
    footer {
    padding: 1rem!important;
}
    footer .copyrights {

    font-size: 0.7rem!important;
}
 
}

@media only screen 
  and (max-width: 800px) 
  and (max-height: 360px) 
  and (orientation: landscape){
      
  .hero {
    min-height: 238px !important
  }
  .hero-overlay {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    backdrop-filter: 0 !important;
    background: rgba(255, 255, 255, 0.6) !important;
  }
  .headline1 {
    font-size: 1.5rem !important;
  }
  .headline2 {
    font-size: 1rem !important;
    padding: 1rem 0 !important;
  }
  .hero-content {
    padding: 1rem !important;
  }
  button {
    border: none;
    padding: 0.2rem 1rem;
  }
  .future-ready-inner {
    padding: 0rem !important;
  }
  .future-ready {
    padding: 1rem 0 !important;
  }
  .future-ready-inner, .solution-ready-inner, .industry-inner, .future-ready {
    font-size: 2rem !important
  }
  .info-banner {
    padding: 2rem 0 !important;
  }
  .left-wrapper .title {
    font-size: 1.5rem !important;
    padding: 1rem 0 0 0;
  }
  .left-wrapper .content {
    padding: 1rem 0 1rem 0 !important;
  }
  .left-wrapper {
    margin: 0 0 1rem 0;
  }
  .what-we-do {
    flex-direction: column-reverse!important;
  }
    .counter {
    padding: 1rem!important;
}
    .counter-box{padding: 0 0 2rem 0;}
    .counter-box .number{font-size: 2rem!important;line-height: 1.7rem!important;}
    .counter-box .title{font-size: 0.8rem!important;}
    .solution-we-provide {
    padding: 1rem!important;
}
    .solution-provide-content {
    padding: 1rem!important;
}
    .next-one-sim img {
    display: none;
}
    .next-one-sim .wrapper {
    width: 100%!important;
    padding: 1rem!important;
    margin: 0!important;
}
    .next-one-sim {
    margin: 1rem auto 1rem auto!important;
}
    .industry {
    padding: 1rem!important;
}
    .industry .industry-wrapper {
    padding: 0!important;
}
    .industry .industry-content {
    padding: 1rem!important;
}
    .industry-cta .cta-1, .industry-cta .cta-2, .industry-cta .cta-3{margin: 0 0 3rem 0!important;padding: 1rem!important;}
    
    .industry-cta .industry-wrapper
    {padding: 1.375rem !important;}
    .future-ready .arrow-img .img-fluid img{width: 100%;}
    footer {
    padding: 1rem!important;
}
    footer .copyrights {

    font-size: 0.7rem!important;
}
}
/* Small devices (tablets, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {}
/* Medium devices (desktops, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    
    .info-banner {
    padding: 1rem 0!important;
}
    .left-wrapper .content {
    font-size: 1.5rem!important;
        padding: 1.5rem 0 1.5rem 0!important;
}
    .left-wrapper {    margin: 0 0 2rem 0;}
    .counter {
    padding: 1rem!important;
            margin: 0 0 2rem 0;
}
    .solution-we-provide {
    padding: 0 1rem!important;
}
    .solution-provide-content {
font-size: 1.2rem;
    padding: 0 1rem 1rem 1rem!important;
}
    .industry {
    padding: 1rem!important;
}
    .industry .industry-content {
    font-size: 1.2rem;
        padding: 0 1rem!important;

}
    .counter-box {

    padding: 0 0 2rem 0;
}
    .industry-cta .cta-1, .industry-cta .cta-2, .industry-cta .cta-3 {
 margin: 0 0 2rem 0;
    padding: 1rem!important;
}
.industry .industry-icon {
    margin-top: 2rem !important;
}
    .future-ready-inner {
    padding: 1rem 1rem!important;
}
    .headline1 {
    font-size: 2.15rem!important;

}
       
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}
/* For high-resolution screens (Retina displays) */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {}
/* For high-resolution screens (Retina displays) */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {}