.elementor-869 .elementor-element.elementor-element-ce26d89{--display:flex;}.elementor-869 .elementor-element.elementor-element-8f60bba{--display:flex;}.elementor-869 .elementor-element.elementor-element-6b727bb{--display:flex;}.elementor-869 .elementor-element.elementor-element-1550701{--display:flex;}.elementor-869 .elementor-element.elementor-element-513b5cf{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-11c8533 *//* Services Intro Section */
#services-intro {
    background-color: #f9f9f9;
    padding: 60px 20px;
    text-align: center;
    border-bottom: 2px solid #e0e0e0;
}

#services-intro .container {
    max-width: 1200px;
    margin: 0 auto;
}

#services-intro h1 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #333;
}

#services-intro p {
    font-size: 18px;
    line-height: 1.6;
    color: #555;
    margin-bottom: 15px;
}

#services-intro .cta-button {
    display: inline-block;
    padding: 12px 30px;
    font-size: 18px;
    color: #fff;
    background-color: #007bff;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease;
    margin-top: 20px;
}

#services-intro .cta-button:hover {
    background-color: #0056b3;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cc30b81 *//* Pest Control Services Section */
#services-categories {
    background-color: #ffffff;
    padding: 60px 20px;
    text-align: center;
    border-bottom: 2px solid #e0e0e0;
}

#services-categories .container {
    max-width: 1200px;
    margin: 0 auto;
}

#services-categories h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 40px;
    color: #333;
}

.category-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
}

.category {
    flex: 1;
    max-width: 45%;
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    text-align: center; /* Center-align the text and content */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.category:hover {
    transform: scale(1.05);
    background-color: #e0f7ff; /* Light blue hover effect */
}

.category-icon {
    font-size: 60px; /* Icon size */
    margin-bottom: 20px;
    color: #ff0000; /* Red color for icons to match CTA */
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px; /* Adjust height for centering */
}

.category h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #333;
}

.category p {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    margin-bottom: 20px;
}

.category .learn-more {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    background-color: #ff0000; /* Red color for consistency */
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.category .learn-more:hover {
    background-color: #cc0000; /* Darker red on hover */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51ca289 *//* Headline Styling */
.pest-services-section h2 {
  font-size: 42px; /* Make the headline larger */
  text-align: center; /* Center the headline */
  color: #2a9d8f; /* New color (teal green) for the headline */
  margin-bottom: 40px; /* Add space below the headline */
}

/* Service Icon Styling with Hover Effect */
.service-icon {
  width: 170px; /* Set width for the icons */
  height: auto; 
  margin-bottom: 10px; /* Space between icon and service name */
  transition: transform 0.3s ease, background-color 0.3s ease;
}

.service-item {
  display: flex;
  flex-direction: column; /* Align icon and name vertically */
  align-items: center;
  text-decoration: none; /* Remove underline from links */
  background-color: #ffffff; /* Background color */
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Soft shadow */
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease; /* Smooth transition on hover */
}

.service-item:hover {
  transform: scale(1.05); /* Slight zoom on hover */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Darker shadow on hover */
  background-color: #e0f7fa; /* Updated background color on hover (light blue) */
}

.service-item h3 {
  font-size: 16px; /* Adjust font size */
  text-align: center;
  color: #333;
  margin-top: 10px; /* Space between icon and text */
}

/* Grid Layout for Services */
.pest-services-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 items per row */
  gap: 20px; /* Space between grid items */
  padding: 20px 0; /* Padding for the section */
}

/* Responsive Design */
@media (max-width: 1024px) {
  .pest-services-list {
    grid-template-columns: repeat(3, 1fr); /* 3 items per row on medium screens */
  }
}

@media (max-width: 768px) {
  .pest-services-list {
    grid-template-columns: repeat(2, 1fr); /* 2 items per row on tablets */
  }
}

@media (max-width: 480px) {
  .pest-services-list {
    grid-template-columns: 1fr; /* 1 item per row on mobile */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-db51063 *//* Why Choose Us Section for Our Services Page */
#why-choose-us {
    background-color: #f9f9f9;
    padding: 60px 20px;
    text-align: center;
}

#why-choose-us .container {
    max-width: 1200px;
    margin: 0 auto;
}

#why-choose-us h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #333;
}

.why-choose-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Adjusted for 2-3 items per row */
    gap: 20px;
}

.why-choose-item {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.why-choose-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

.why-choose-item i {
    font-size: 40px;
    color: #ff0000; /* Red icon color for consistency */
    margin-bottom: 15px;
}

.why-choose-item h3 {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

.why-choose-item p {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .why-choose-grid {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5eacadb *//* Final Call to Action Section */
#final-cta {
    background-color: #002244; /* Navy blue background for contrast */
    color: #fff; /* White text for contrast */
    padding: 60px 20px;
    text-align: center;
}

#final-cta .container {
    max-width: 1200px;
    margin: 0 auto;
}

#final-cta h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
}

#final-cta p {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 30px;
    color: #fff;
}

.cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.cta-button {
    padding: 12px 30px;
    font-size: 18px;
    color: #fff; /* White text */
    background-color: #ff0000; /* Red CTA background */
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.cta-button:hover {
    background-color: #cc0000; /* Darker red on hover */
}

.cta-secondary {
    background-color: #ff0000; /* Consistent red for secondary CTA */
    color: #fff;
}

.cta-secondary:hover {
    background-color: #cc0000; /* Darker red on hover */
}/* End custom CSS */