/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

#sites
{
  background-color: rgb(39, 28, 28);
}

.footer-logo {
  width: 100%; /* Makes it responsive */
  max-width: 550px; /* Set a max width (adjust as needed) */
  height: 100%; /* Keeps aspect ratio */
  display: block; /* Avoids extra spacing */
}

@media (max-width: 768px) {
  .footer-logo {
    max-width: 400px; /* Smaller size on mobile */
  }
}

.footer-area
{
  background-color: rgb(17, 21, 31);
}
.manufacturing{
  width: 100%;
  height: 100%;
  object-fit: cover; 
}

.contact-us {
  background-image: url("/images/path.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.thankyou{
  background-image: url('/images/thankyou.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 576px) {
    .icon-img {
      height: 65px;
      width: 78%;
      padding-left: 4%;
    }
  }

  /* Small (sm) */
  @media (min-width: 576px) {
    .icon-img {
      height: 80px;
    }
  }

  /* Medium (md) */
  @media (min-width: 768px) {
    .icon-img {
      height: 80px;
    }
  }

  /* Large (lg) */
  @media (min-width: 992px) {
    .icon-img {
      height: 80px;
    }
  }

  /* Extra Large (xl) */
  @media (min-width: 1200px) {
    .icon-img {
      height: 80px;
    }
  }