/* =======================
   HERO SECTION SIZE FIXES
   Logo covers 50% of viewport width
   ======================= */

/* Logo covering 50% of viewport - centered and positioned down */
.logo-big {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 60px !important;
}

.logo-big img {
  max-width: 50vw !important;
  width: 50vw !important;
  height: auto;
  display: block !important;
  margin: 0 auto !important;
}

/* Brand slogan sized to match */
.brand-slogan {
  font-size: clamp(24px, 4.5vw, 45px) !important;
}

/* Responsive adjustments */
@media (max-width: 991px) {
  .logo-big img {
    max-width: 50vw !important;
    width: 50vw !important;
  }
  
  .brand-slogan {
    font-size: clamp(22px, 4.2vw, 40px) !important;
  }
}

@media (max-width: 767px) {
  .logo-big img {
    max-width: 50vw !important;
    width: 50vw !important;
  }
  
  .brand-slogan {
    font-size: clamp(20px, 4vw, 36px) !important;
  }
}

@media (max-width: 576px) {
  .logo-big img {
    max-width: 50vw !important;
    width: 50vw !important;
  }
  
  .brand-slogan {
    font-size: clamp(18px, 3.8vw, 32px) !important;
  }
}

/* =======================
   SERVICE CARDS SIZE FIXES
   Make service cards smaller
   ======================= */

/* Smaller service cards */
.single-feature {
  padding: 1.5rem !important;
  min-height: 180px !important;
}

/* Smaller icons in service cards */
.icon-badge {
  width: 50px !important;
  height: 50px !important;
}

.icon-badge i {
  font-size: 24px !important;
}

/* Smaller text in service cards */
.single-feature h5 {
  font-size: 1.1rem !important;
}

.single-feature p {
  font-size: 0.9rem !important;
}

/* Fix hover effects to prevent overflow */
.single-feature:hover {
  transform: translateY(-4px) !important;
}

.single-feature:hover .icon-badge {
  transform: scale(1.05) !important;
}

/* Responsive adjustments for service cards */
@media (max-width: 991px) {
  .single-feature {
    padding: 1.25rem !important;
    min-height: 160px !important;
  }
  
  .icon-badge {
    width: 45px !important;
    height: 45px !important;
  }
  
  .icon-badge i {
    font-size: 22px !important;
  }
  
  .single-feature h5 {
    font-size: 1rem !important;
  }
  
  .single-feature p {
    font-size: 0.85rem !important;
  }
}

@media (max-width: 767px) {
  .single-feature {
    padding: 1rem !important;
    min-height: 140px !important;
  }
  
  .icon-badge {
    width: 40px !important;
    height: 40px !important;
  }
  
  .icon-badge i {
    font-size: 20px !important;
  }
  
  .single-feature h5 {
    font-size: 0.95rem !important;
  }
  
  .single-feature p {
    font-size: 0.8rem !important;
  }
}

@media (max-width: 576px) {
  .single-feature {
    padding: 0.875rem !important;
    min-height: 120px !important;
  }
  
  .icon-badge {
    width: 36px !important;
    height: 36px !important;
  }
  
  .icon-badge i {
    font-size: 18px !important;
  }
  
  .single-feature h5 {
    font-size: 0.9rem !important;
  }
  
  .single-feature p {
    font-size: 0.75rem !important;
  }
}