/**

/* Base offset for small screens */
.pt-sticky-offset {
  padding-top: 100px;
}

/* Larger offset for bigger headers on larger screens (optional) */
@media (min-width: 768px) {
  .pt-sticky-offset {
    padding-top: 100px; /* Adjust if your sticky header is taller on desktop */
  }
}


/* Enable hover dropdown for large screens only */
@media (min-width: 992px) {
  .navbar .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* optional: smoother animation */
  }
}

.dropdown-arrow {
    transition: transform 0.3s ease;
    font-size: 0.8rem;
  }

  .nav-link[aria-expanded="true"] .dropdown-arrow {
    transform: rotate(180deg);
  }

  
  .hero-bg {
  background-image: url('/images/hero-bg.jpg');
  background-size: cover;        
  background-repeat: no-repeat;
  background-position: center;
  aspect-ratio: 16 / 9;         
}

 .industry-card {
  overflow: hidden;
  border-radius: 1rem;
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.industry-card:hover {
  transform: scale(1.02);
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.2);
}

.industry-card img {
  transition: transform 0.4s ease;
}

.industry-card:hover img {
  transform: scale(1.05);
}

.industry-card .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 1rem;
}

.industry-card:hover .overlay {
  opacity: 1;
}

.product-image-wrapper {
  aspect-ratio: 4 / 3; /* or try 3 / 2 for wider images */
  background-color: #fff; /* Optional fallback */
}

.object-fit-contain {
  object-fit: contain;
  object-position: center;
}

.form-label, .form-check-label {

  font-size: 13px;
  font-weight: bold;
}

.graident-1 {
background: #2D2B84;
background: linear-gradient(99deg, rgba(45, 43, 132, 1) 0%, rgba(25, 24, 81, 1) 91%);
}

.hover-scale {
  transition: transform 0.2s ease-in-out;
}
.hover-scale:hover {
  transform: scale(1.05);
}

@media (min-width: 1400px) {
  .col-xl-1-5 {
    flex: 0 0 auto;
    width: 12.5%; /* 8 logos per row on XL screens */
  }
}


.h-80px {
  height: 80px !important;
}

.highlight-50 {
    color:#3d399a;
}

/* iPad Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {
  .ipad-hide {
    display: none !important;
  }
}

/* iPad Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {
  .ipad-hide {
    display: none !important;
  }
}