/* Moving light-to-dark animated border */
body{
    background-color: rgb(226, 230, 233);
    font-family: Arial, Helvetica, sans-serif;
    scroll-behavior: smooth;
}

/* Font Awesome font-display optimization */
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-display: swap;
  src: local('Font Awesome 6 Free');
}

@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-display: swap;
  src: local('Font Awesome 6 Brands');
}

/* Mobile optimization */
@media (max-width: 768px) {
  body {
    padding-bottom: 80px; /* Space for floating CTA button */
  }
}

.animated-glow-border {
  position: relative;
  border-radius: 8px;
  padding: 2px;         /* space for border */
  background: linear-gradient(
      90deg,
      #fff3b0,
      #ffd34e,
      #ffae00,
      #ffd34e,
      #fff3b0
    );
  background-size: 300% 100%;
  animation: glowingBorder 5s linear infinite;
}

@keyframes glowingBorder {
  0% { background-position: 0% 50%; }
  100% { background-position: -300% 50%; }
}

.animated-glow-border button {
  border-radius: 8px;
  background: #105CA9;       /* your primary color */
  color: white;
  width: 100%;
  padding: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.3s ease;
}

.animated-glow-border button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(16, 110, 116, 0.3);
}

/* Carousel */

/* Override Flowbite Carousel Indicator BG */
[data-carousel-slide-to] {
  background-color: rgba(0,0,0,0.15) !important; /* optional */
}

[data-carousel-slide-to][aria-current="true"] {
  background-color: #105CA9 !important; /* your primary color */
}

/* Tab optimization */
[role="tab"][aria-selected="true"] {
  background-color: #105CA9 !important;
  color: white !important;
  border-color: #105CA9 !important;
}

/* Tab icon inversion when active */
[role="tab"][aria-selected="true"] img,
[role="tab"].active-tab img {
  filter: invert(1) brightness(2);
}

/* Smooth transitions */
* {
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Image optimization */
img {
  max-width: 100%;
  height: auto;
}

/* Prevent horizontal scroll on mobile */
html, body {
  overflow-x: hidden;
  width: 100%;
}

/* Amenities Carousel - Responsive Grid */
#amenities-carousel {
  position: relative;
}

#amenities-carousel > .relative {
  overflow: visible !important;
}

@media (max-width: 768px) {
  #amenities-carousel .grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    padding: 0.5rem;
  }
}

/* Map */
.map-wrapper {
  border: 2px solid #e5e5e5;
  border-radius: 12px;
  padding: 6px;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}

.map-wrapper:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
  transform: translateY(-2px);
}
.bg-primary {
    --tw-bg-opacity: 1;
    /* background-color: rgb(16 110 116 / var(--tw-bg-opacity, 1)); */
    background-color: #105CA9;
}
.gladowl_logo{
  height: 20px;
}
.bg_location{
  height: 50vh;
  width: 100%;
}
.location_bg_img{
  height: 100%;
  width: 100%; 
object-fit: contain;
}

/* Mobile CSS */
@media (max-width:767px){
.project-details{
    position: relative !important;
    top: 0px !important;
    margin-top:40px;
    min-width:100%;
    z-index: 0 !important;
    left: 0px !important;
}
.zoho_form{
  height: 312px;
}
.wrapper_project_details{
  padding: 0px 15px;
}
.about_img{
  width: 100% !important;
  margin-bottom: 30px;
}
.presentation_btn{
  height: 50px;
}
}