/* General Styles */
body {
    font-family: 'Inter', sans-serif; /* Keep custom font */
}

/* .container {
    max-width: 1199px; Preserve custom max-width if desired
} */

/* Custom Hero Backgrounds with Bootstrap overlay */
.hero-background {
    position: relative;
    overflow: hidden;
}

.hero-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    filter: brightness(0.4); /* Darken the background image */
    z-index: 0;
}

.hero-homepage::before {
    background-image: url('../img/homehero.jpg');
}

.hero-about-us::before {
    background-image: url('../img/about.png');
}

.hero-contact-us::before {
    background-image: url('../img/office.png');
}

.hero-career::before {
    background-image: url('https://placehold.co/1920x1080/2d3748/e2e8f0?text=Reliable+Terrestrials+Career');
}

.hero-products::before {
    background-image: url('../img/product.png');
}

.hero-products-sub::before {
    background-image: url('../img/productcat.png');
}

/* Custom hover effects not directly in Bootstrap */
.transition-transform {
    transition: transform 0.3s ease;
}
.transition-transform:hover {
    transform: translateY(-5px); /* Lift effect on hover */
}

.card.transition-transform:hover {
    transform: translateY(-5px) scale(1.01); /* Lift and slightly scale card */
}

.hover-text-warning:hover {
    color: #ffc107 !important; /* Bootstrap warning color */
}

/* Adjustments for Bootstrap's default button appearance */
.btn-warning {
    --bs-btn-color: #212529; /* Dark text for warning button */
}

/* Ensure padding on anchor cards for clickable area */
.card a.text-decoration-none {
    padding: 1.5rem; /* Re-apply padding if it was lost */
}

.card {
    border: 1px solid #dee2e6; /* Use Bootstrap's default border color */
    border-radius: 0.25rem; /* Use Bootstrap's default border radius */
    transition: transform 0.3s ease; /* Smooth transform transition */
    align-items: center; /* Center content in card */
}

/* Card image styling */
.card-img-top,
.card img {
    width: auto;
    height: 100px;
    object-fit: cover;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
    display: flex;
}

.card-img-overlay {
    background: rgba(0,0,0,0.2);
    color: #fff;
}

/* Animate card images on hover and increase size */
.card-img-top,
.card img {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    height: 130px; /* Increased from 100px */
}

.card:hover .card-img-top,
.card:hover img {
    transform: scale(2.08) rotate(-2deg);
}

/*--------------------------------------------------------------
  # Clients Section
  --------------------------------------------------------------*/
  .clients {
    padding: 25px 0;
  }

  .clients .swiper {
    padding: 10px 0;
  }

  .clients .swiper-wrapper {
    height: auto;
  }

  .clients .swiper-slide img {
    transition: 0.3s;
  }

  .clients .swiper-slide img:hover {
    transform: scale(1.1);
  }