/* Statistics Grid Layout */
 .stats-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
     /* Responsive grid */
     gap: 20px;
     /* Space between items */
 }

 /* Stat Item Styling */
 .stat-item {
     background-color: #f8f9fa;
     /* Light background */
     border-radius: 0.5rem;
     /* Rounded corners */
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     /* Smooth hover effect */
 }

 .stat-item:hover {
     transform: translateY(-10px);
     /* Lift effect on hover */
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
     /* Shadow on hover */
 }

 /* Background Image Container */
 .bg-img {
     background: url("https://www.futuretechinfovision.co.uk/wp-content/uploads/2021/04/contact.jpg");
     background-size: cover;
     background-position: center;
     width: 100%;
     height: 250px;
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     /* Required for absolute positioning of child elements */
     border-radius: 0.5rem;
     /* Rounded corners */
     overflow: hidden;
     /* Ensure the overlay doesn't overflow */
 }

 /* Text Overlay */
 .bg-h2 {
     background-color: rgba(0, 0, 0, 0.5);
     /* Semi-transparent black background */
     color: white;
     font-size: 1.5rem;
     padding: 1rem;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     margin: 0;
     text-align: center;
 }

 /* Service Details Overlay */
 .service-details::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.5);
     border-radius: 0.5rem;
     z-index: 1;
 }

 /* Responsive Adjustments */
 @media (max-width: 768px) {

     .text-40,
     .ld-fh-element.text-40 {
         font-size: 2rem !important;
         /* Smaller heading for tablets */
     }

     .text-60 {
         font-size: 2.5rem !important;
         /* Smaller stat numbers for tablets */
     }

     .text-18,
     #service-description {
         font-size: 1rem !important;
         /* Smaller text for tablets */
     }

     .bg-h2,
     .bg-h2.text-24 {
         font-size: 1.25rem !important;
         /* Smaller font size for tablets */
         padding: 0.75rem !important;
         /* Smaller padding for tablets */
     }

     .bg-img {
         height: 200px !important;
         /* Adjust height for tablets */
     }

     .service-details,
     #details {
         height: 250px !important;
         /* Adjust height for tablets */
     }

     #service-title {
         font-size: 2rem !important;/
     }
 }

 @media (max-width: 480px) {

     .text-40,
     .ld-fh-element.text-40 {
         font-size: 1.75rem !important;
         /* Smaller heading for mobile */
     }

     .text-60 {
         font-size: 2rem !important;
         /* Smaller stat numbers for mobile */
     }

     .text-18,
     #service-description {
         font-size: 0.9rem !important;
         /* Smaller text for mobile */
     }

     #service-title {
         font-size: 1.5rem !important;
         /* Smaller font size for mobile */
     }

     .bg-h2,
     .bg-h2.text-24 {
         font-size: 1rem !important;
         /* Smaller font size for mobile */
         padding: 0.5rem !important;
         /* Smaller padding for mobile */
     }

     .bg-img {
         height: 150px !important;
         /* Adjust height for mobile */
     }

     .service-details,
     #details {
         height: 200px !important;
         /* Adjust height for mobile */
     }
 }


 /* Specialities Grid Layout */

 .specialities-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     /* Responsive grid */
     gap: 40px;
     /* Space between columns */
     padding: 20px 0;
     /* Padding for the grid */
 }

 /* Specialities Column Styling */
 .specialities-column ul {
     list-style-type: none;
     /* Remove default list bullets */
     padding: 0;
     margin: 0;
 }

 .specialities-column li {
     font-size: 1.1rem;
     color: #333;
     margin-bottom: 15px;
     padding-left: 30px;
     /* Space for custom bullet */
     position: relative;
 }

 /* Custom Bullet Points */
 .specialities-column li::before {
     content: '✔';
     /* Custom bullet (checkmark) */
     position: absolute;
     left: 0;
     color: #007bff;
     /* Blue color for bullet */
     font-size: 1.2rem;
 }

 /* Responsive Adjustments */
 @media (max-width: 768px) {
     .specialities-grid {
         gap: 20px;
         /* Reduce gap for tablets */
     }

     .specialities-column li {
         font-size: 1rem;
         /* Smaller font size for tablets */
     }
 }

 @media (max-width: 480px) {
     .specialities-grid {
         grid-template-columns: 1fr;
         /* Single column for mobile */
         gap: 15px;
         /* Reduce gap for mobile */
     }

     .specialities-column li {
         font-size: 0.9rem;
         /* Smaller font size for mobile */
     }
 }

 /* Ensure sections are positioned correctly for animation */
.lqd-section {
    position: relative;
    overflow: hidden; /* Prevent overflow during animation */
  }
  
  /* Stats grid layout for animation */
  .stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
  }
  
  /* Specialities grid layout for animation */
  .specialities-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  
  .specialities-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  /* Smooth transitions for child elements */
  .lqd-section h1,
  .lqd-section h2,
  .lqd-section p,
  .stat-item {
    transition: opacity 0.3s ease, transform 0.3s ease;
  }

  /* Sticky Navbar */
  .sticky-header-noshadow {
    position: sticky;
    top: 23px;
    z-index: 1000;
    background-color: white; /* Ensure the background color is set */
    box-shadow: none; /* Remove shadow if not needed */
  }