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

@media (max-width: 992px) {
  .slider_section .detail-box h1 {
    font-size: 3.rem;
    line-height: 3.3rem;
    width: 100%;
  }

  .find_section form .col-lg-3, .col-lg-2 {
    margin-bottom: 20px;
  }

  .slider_section ol.carousel-indicators {
    display: none;
  }

  .custom_nav-container.navbar-expand-lg .navbar-nav .nav-item .nav-link {
    margin: 10px 25px;
  }
}

@media (max-width: 768px) {
  .hero_area {
    height: auto;
  }

  .slider_section {
    padding: 50px 0 100px 0;
  }

  .slider_section .detail-box {
    width: 90%;
  }
  
  .slider_section .detail-box h1 {
    font-size: 2.2rem;
    line-height: 2.5rem;
  }

  .find_section {
    -webkit-transform: translateY(-50%);
    transform: translateY(-25%);
  }

  .client_section .box {
    width: 100%;
  }

  .info_section .container {
    padding: 45px 15px;
  }

  .info_section .col-lg-4,
  .info_section .col-lg-2 {
    margin: 15px auto;
    text-align: center;
  }

  .info_section form button {
    margin-bottom: 25px;
  }

  .info_section .info_link-box a {
    justify-content: center;
  }
}

@media (max-width: 576px) {
  .heading_container h2 {
    font-size: 2rem;
    padding: 1rem;
  }
  
  .border-line {
    display: none;
  }

  button {
    display: flex;
    width: 100%;
    justify-content: center;
  }

  .slider_section .carousel-control-prev,
  .slider_section .carousel-control-next {
    display: none;
  }

  /*.why_section {
    display: none;
  }*/
  .why_section .img-container {
    width: 100%;
    overflow-x: auto; /* Enables horizontal scrolling */
    display: flex;
    scroll-snap-type: x mandatory;
    padding: 0 0 30pt 0;
  }
  
  /* Ensure the row stretches properly */
  .why_section .img-container .row {
    width: 100%;
    flex-wrap: nowrap; /* Prevent wrapping */
    display: flex;
    align-items: center;  
  }
  
  /* Prevent Bootstrap columns from shrinking */
  .why_section .img-container .col-sm-2,
  .why_section .img-container .col-sm-3 {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  /* Make sure image containers have fixed size and are positioned correctly */
  .why_section .img-container .img-pin {
    position: relative; /* Enables absolute positioning inside */
    width: 100%; /* Adjust size as needed */
    height: 100%; /* Maintain aspect ratio */
    overflow: hidden; /* Prevents images from spilling out of the container */
    border-radius: 50%; /* Keep the circular shape */
    justify-content: center;
    align-items: center;
  }
  
  /* Ensure images fill the container with object-fit */
  .why_section .img-container .img-pin img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 1; /* Ensures images are above any other content inside */
  }
  
  /* Optional: Scrollbar styling */
  .why_section .img-container::-webkit-scrollbar {
    height: 4px;
    background: #D7E1FF;
  }
  
  .why_section .img-container::-webkit-scrollbar-thumb {
    background: #2a324b;
    border-radius: 4px;
  }
  
  .find_section form {
    padding: 30px 25px;
  }

  .find_section {
    transform: translateY(-15%);
  }

  .slider_section .detail-box h1 {
    font-size: 2.2rem;
  }

  .service_section .box {
    flex-direction: column;
    margin-top: 45px;
    text-align: center;
  }

  .service_section .box .img-box {
    margin: 0;
    margin-bottom: 15px;
  }
}

.feature_section .box {
  margin: 0;
}

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

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

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

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