/* CSS fix to remove arrow transforms */
.navmenu .active i,
.navmenu .active:focus i {
  transform: none !important;
}

.navmenu .dropdown ul .active i,
.navmenu .dropdown ul .active:focus i {
  transform: none !important;
}

/* Hide any remaining arrow-like elements */
.navmenu a i.bi-chevron-down,
.navmenu a i.bi-chevron-right,
.navmenu a i.bi-caret-down,
.navmenu a i.bi-caret-right,
.navbar2 a i.bi-chevron-right {
  display: none !important;
}

/* Remove pseudo-element arrows from all menu items */
.navmenu ul li a:before,
.navmenu ul li a:after,
ul:not(.navbar-nav):not(.footer-links):not(.firstheader) li:before,
ul:not(.navbar-nav):not(.footer-links):not(.firstheader) li:after {
  content: none !important;
  display: none !important;
}

/* Target specifically the submenu arrows shown in the screenshot */
.navmenu .dropdown ul li a:before,
.navmenu .dropdown ul li a:after {
  content: none !important;
  display: none !important;
}

/* Fix for the specific arrow icons in the submenu */
.navmenu ul li::before,
ul li::before {
  content: "" !important;
  display: none !important;
}

/* Override any list styling that might add arrows */
li:before, li:after {
  content: none !important;
  display: none !important;
}

/* Override specific rule that creates arrow marks in line 456-463 */
ul:not(.navbar-nav):not(.footer-links):not(.firstheader) li:before {
  content: "" !important;
  display: none !important;
}

/* Additional rule to specifically override the arrow mark in the submenu */
ul li:before {
  content: "" !important;
  display: none !important;
}

/* Override inline style adding the arrow character */
ul:not(.navbar-nav):not(.footer-links):not(.firstheader) li:before {
  content: "" !important;
}

/* Completely remove padding that accommodates the arrow mark */
ul:not(.navbar-nav):not(.footer-links):not(.firstheader) li {
  padding-left: 0 !important;
}

/* Fix for menu item styling */
.navmenu .dropdown ul li {
  padding-left: 0 !important;
}

/* Most specific selector to target the submenu arrows in the screenshot */
.navmenu ul li a:before,
.navmenu ul li a:after,
.navmenu .dropdown ul li:before,
.navmenu .dropdown ul li:after,
.navmenu .dropdown ul li a:before,
.navmenu .dropdown ul li a:after {
  content: "" !important;
  display: none !important;
}

/* Remove arrow-like text content */
.navmenu .dropdown ul li:before,
.navmenu .dropdown ul li:after {
  content: "" !important;
  color: transparent !important;
  display: none !important;
}

/* Decrease card size for "Our Data Services for AI Model Training" section */
.service-card {
  padding: 1rem !important; /* Reduced padding from 1.75rem */
  max-width: 100% !important;
  height: auto !important;
}

.service-card img {
  max-width: 80px !important; /* Increased image size */
  height: auto !important;
  margin-bottom: 0.75rem !important; /* Adjusted margin */
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.service-card p {
  margin-top: 0.5rem !important;
  font-size: 0.9rem !important; /* Smaller text */
  margin-bottom: 0 !important;
}

/* Adjust column padding for tighter layout */
.col-lg-4.col-md-6.mb-4 {
  padding: 0.5rem !important;
  margin-bottom: 1rem !important;
}

/* Make the grid more compact and allow for smaller screens */
@media (min-width: 992px) {
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .col-md-6 {
    flex: 0 0 auto;
    width: 33.33333% !important; /* 3 cards per row on medium screens */
  }
  
  .service-card {
    padding: 0.75rem !important;
  }
  
  .service-card img {
    max-width: 70px !important; /* Increased image size for medium screens */
  }
  
  .service-card p {
    font-size: 0.8rem !important;
  }
}

/* Specific styling for the section containing these cards */
.feature-section .container .row:has(.service-card) {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}

/* Adjust section title and description for the AI training section */
.content.overlay-content p[style*="font-size: 2rem"] {
  font-size: 1.75rem !important;
  margin-bottom: 0.5rem !important;
}

.content.overlay-content p.fade-in {
  margin-bottom: 1.5rem !important;
  font-size: 0.95rem !important;
}

/* Global section spacing reduction - decrease spacing throughout the site */

/* Reduce all section padding */
section, .section {
  padding: 2.5rem 0 !important; /* Reduced from 5rem/4rem */
}

/* Reduce feature section padding */
.feature-section {
  padding: 2rem 0 !important; /* Reduced from 4rem */
}

/* Reduce hero section padding */
.hero-inner {
  padding: 10% 0 5% 0 !important; /* Reduced from 15% 0 8% 0 */
}

/* Reduce heading margins */
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.75rem !important; /* Reduced from 1rem */
}

h2 {
  margin-bottom: 1rem !important; /* Reduced from 1.5rem */
}

/* Reduce paragraph margins */
p {
  margin-bottom: 1rem !important; /* Reduced from 1.5rem */
}

.content p {
  margin-bottom: 1.25rem !important; /* Reduced from 2rem */
}

/* Reduce section heading margins */
.section-heading {
  margin-bottom: 2rem !important; /* Reduced from 3rem */
}

/* Reduce list item spacing */
ul:not(.navbar-nav):not(.footer-links) li {
  margin-bottom: 0.5rem !important; /* Reduced from 0.75rem */
}

/* Reduce vertical spacing between cards */
.industry-card {
  margin-bottom: 1rem !important; /* Reduced from 1.5rem */
}

/* Compact service cards */
.service-card {
  padding: 1rem !important; /* Reduced from 1.75rem */
}

/* Reduce spacing between sections */
section + section {
  margin-top: -1rem !important; 
}

/* Make specific sections more compact */
section:has(.service-card) {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

/* Reduce spacing in title sections */
.content h2 {
  margin-bottom: 1rem !important; /* Reduced from 1.5rem */
}

/* Reduce spacing in feature sections */
.feature-section .container p[style*="font-size: 2rem"] {
  margin-bottom: 0.75rem !important;
}

.feature-section .container .lead {
  margin-bottom: 1.5rem !important;
}

/* Adjust vertical rhythm for mobile */
@media (max-width: 768px) {
  section, .section {
    padding: 2rem 0 !important;
  }
  
  .py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  
  .hero-inner {
    padding: 8% 0 4% 0 !important;
  }
}

/* Further reduce spacing in column layouts */
.row {
  --bs-gutter-y: 1rem !important;
}

/* Make feature section layouts more compact */
.feature-section .row {
  margin-top: 1.5rem !important;
}

/* Reduce spacing in lists of feature sections */
.feature-section ul {
  margin-bottom: 1rem !important;
}

.feature-section h4 {
  margin-bottom: 0.5rem !important;
}

/* Make lead text more compact */
p.lead {
  margin-bottom: 1.5rem !important;
  line-height: 1.5 !important;
}

/* Reduce spacing in card rows */
.row:has(.service-card) {
  row-gap: 1rem !important;
}

/* Make all images in feature sections take less vertical space */
.feature-section img.img-fluid {
  margin-bottom: 0 !important;
}

/* Reduce spacing between sections with different backgrounds */
section.bg-light + section:not(.bg-light),
section:not(.bg-light) + section.bg-light {
  padding-top: 2rem !important;
}

/* Make CTA sections more compact */
.cta-section {
  padding: 2rem 0 !important;
}

/* Reduce vertical space in testimonial and review sections */
.testimonial-section {
  padding: 2rem 0 !important;
}

.card-body {
  padding: 1.25rem !important;
}

/* Final optimizations for the LLM development page */

/* Reduce spacing in all titles */
p[style*="font-size: 2rem"] {
  font-size: 1.75rem !important;
  margin-bottom: 0.5rem !important;
}

/* Make MB-4 and MB-5 classes less tall */
.mb-4 {
  margin-bottom: 1rem !important;
}

.mb-5 {
  margin-bottom: 1.5rem !important;
}

/* Optimize vertical spacing in UL lists */
ul.mb-4 {
  margin-bottom: 0.75rem !important;
}

/* Reduce margin between title and section content */
.feature-section .container > p + .row {
  margin-top: 1rem !important;
}

/* Adjust margin for images in feature sections */
.feature-image {
  margin-top: 0 !important;
}

/* Ensure all sections have consistent smaller spacing */
.py-5, .py-4 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

/* Reduce any remaining bottom margins in sections */
section > .container > :last-child {
  margin-bottom: 0 !important;
}

/* Change feature-box colors to match the site's color scheme */
.feature-box {
  background-color: #008080 !important; /* Main teal color from site's accent-color */
  color: white !important;
  transition: all 0.3s ease !important;
}

/* If there are feature-boxes with inline styles for background-color */
.feature-box[style*="background-color"] {
  background-color: #008080 !important;
}

/* Add a subtle hover effect */
.feature-box:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 8px 15px rgba(0, 128, 128, 0.2) !important;
  background-color: #007f7f !important; /* Slightly darker shade on hover */
}

/* Ensure text is white and clearly visible */
.feature-box p {
  color: white !important;
}

/* Center align icon-boxes content */
.icon-boxes.px-lg-5.position-relative {
  text-align: center !important;
}

.icon-boxes.px-lg-5.position-relative .container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.icon-boxes.px-lg-5.position-relative .row {
  justify-content: center !important;
}