.elementor-2889 .elementor-element.elementor-element-dd92c9e{--display:flex;}.elementor-2889 .elementor-element.elementor-element-039d2c7{--display:flex;}.elementor-2889 .elementor-element.elementor-element-8ce32f7{--display:flex;}.elementor-2889 .elementor-element.elementor-element-f755571{--display:flex;}/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-5384fe7 *//* 🔹 Expertise Section Container */
#expertise-section {
    background-color: #ffffff !important; /* Ensure white background */
    padding: 80px 20px;
    text-align: center;
    opacity: 1 !important; /* Ensure visibility */
    transform: translateY(0) !important;
    position: relative;
    z-index: 10;
}

/* 🔹 Title Styling */
.expertise-title {
    color: #0A263C !important; /* Navy blue text */
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px;
}

/* 🔹 Decorative Underline */
.expertise-title::after {
    content: "";
    display: block;
    width: 100px;
    height: 4px;
    background: #16a571;
    margin: 10px auto 20px;
}

/* 🔹 Text Styling */
.expertise-text {
    color: #4A4A4A !important; /* Neutral gray for visibility */
    font-size: 18px;
    font-weight: 400;
    line-height: 1.8;
    margin: 0 auto;
    max-width: 800px;
    text-align: center;
}

/* 🔹 Fix Any Overlay Issues */
.expertise-container {
    position: relative;
    z-index: 10;
}

/* 🔹 Debug Visibility Issues */
.expertise-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* 🔹 Responsive Adjustments */
@media (max-width: 768px) {
    .expertise-text {
        font-size: 16px;
        max-width: 90%;
    }

    .expertise-title {
        font-size: 32px;
    }
}/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-6b1428a */#customer-experience {
  width: 100vw; /* Force full-width to span the viewport */
  margin-left: calc(-50vw + 50%); /* Center-align within the wrapper */
  background-color: #E8F8F5; /* Background color spanning edge to edge */
  padding: 20px 0; /* Add padding around the image */
}

#customer-experience img {
  height: auto; /* Maintain aspect ratio */
  display: block; /* Remove inline spacing below the image */
  margin: 0 auto; /* Center-align the image horizontally */
  width: 80%; /* Adjust the width as needed */
}/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-6af9d0d *//* Expertise Section Container */
#expertise-section {
  background-color: #ffffff; /* White background */
  padding: 50px 20px;
  text-align: center;

}

.expertise-container {
  max-width: 900px;
  margin: 0 auto;
  font-family: 'Arial', sans-serif; /* Change to match site fonts if needed */
}

/* Title Styling */
.expertise-title {
  color: #0a263c; /* Navy color for title */
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 20px;
}

/* Text Styling */
.expertise-text {
  color: #4a4a4a; /* Neutral gray for text */
  font-size: 18px;
  line-height: 1.8;
  margin: 0 auto;
  text-align: center; /* Slightly formal text alignment */
}/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-b2fc200 *//* Main Container */
#dedicated-team {
  width: 100vw; /* Full width of the viewport */
  margin-left: calc(-50vw + 50%); /* Center-align the container */
  position: relative; /* Enable absolute positioning for child elements */
  z-index: 1; /* Ensure proper layering */
  overflow: visible; /* Allow overflow for image */
}

/* Background Container */
#dedicated-team .background-container {
  background-color: #E8F8F5; /* Light green/blue background */
  width: 100%; /* Ensure it spans the full width */
  padding: 80px 0; /* Top and bottom padding */
  box-sizing: border-box; /* Include padding in height calculation */
}

/* Content Container (2-column layout) */
#dedicated-team .content-container {
  display: grid; /* Use CSS Grid for layout */
  grid-template-columns: auto auto; /* Auto-adjust column sizes */
  gap: 20px; /* Add spacing between the columns */
  align-items: start; /* Align items at the top of their respective columns */
  width: 100%; /* Ensure full width */
  margin: 0; /* Remove default margin */
}

/* Text Column */
#dedicated-team .text-column {
  padding-left: 20%; /* Remove extra padding */
  padding-right: 10%;
  text-align: left; /* Ensure left-aligned text */
}

#dedicated-team h2 {
  color: #0A263C; /* Navy blue heading */
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 20px;
}

#dedicated-team p {
  color: #4A4A4A; /* Neutral gray for text */
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 20px;
  text-align: justify; /* Align text neatly */
}

/* Image Column */
#dedicated-team .image-column {
  position: relative; /* Ensure the image aligns within its column */
  margin-top: -120px;
  opacity: 75%;
  padding-right: 10%;
  display: flex; /* Use flexbox for alignment */
  justify-content: flex-end; /* Push image all the way to the right */
  filter: brightness(0.8) sepia(1) hue-rotate(90deg) saturate(2);
  /* Adjust the `hue-rotate` and `saturate` values for the desired green tint */
  transition: filter 0.3s ease; /* Optional: Add a transition effect */
}

#dedicated-team .offset-image {
  position: relative; /* Allow normal flow within its container */
  max-width: 100%; /* Ensure the image scales appropriately */
  max-height: 400px; /* Set a maximum height */
  display: block;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.4); /* Stronger and larger shadow */
}/* End custom CSS */