.elementor-kit-8{--e-global-color-primary:#487430;--e-global-color-secondary:#000000;--e-global-color-text:#000000;--e-global-color-accent:#487430;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"IBM Plex Serif";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Roboto", Sans-serif;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{background-color:var( --e-global-color-primary );font-family:"IBM Plex Serif", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:15px 30px 15px 30px;}.elementor-kit-8 button:hover,.elementor-kit-8 button:focus,.elementor-kit-8 input[type="button"]:hover,.elementor-kit-8 input[type="button"]:focus,.elementor-kit-8 input[type="submit"]:hover,.elementor-kit-8 input[type="submit"]:focus,.elementor-kit-8 .elementor-button:hover,.elementor-kit-8 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:#FFFFFF;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{color:#487430;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-8 h1{font-family:"IBM Plex Serif", Sans-serif;}.elementor-kit-8 h2{font-family:"IBM Plex Serif", Sans-serif;}.elementor-kit-8 h3{font-family:"IBM Plex Serif", Sans-serif;}.elementor-kit-8 h4{font-family:"IBM Plex Serif", Sans-serif;}.elementor-kit-8 h5{font-family:"IBM Plex Serif", Sans-serif;}.elementor-kit-8 h6{font-family:"IBM Plex Serif", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.expertise-section {
    background: white;
    padding: 4rem 2rem;
    border-radius: 20px;
    margin: 4rem auto; /* Center the section */
    box-shadow: 0 5px 25px rgba(0,0,0,0.1);
    max-width: 1200px; /* Constrain width */
}

.expertise-section h2 {
    font-family: 'Georgia', serif; /* Use a serif font for headings */
    color: #2d5016; /* Dark green color */
    margin-bottom: 1rem;
    font-size: 2.5rem;
    text-align: center;
}

.expertise-section p {
    font-family: 'Arial', sans-serif; /* Use a sans-serif font for body text */
    color: #666; /* Gray color for description */
    font-size: 1.1rem;
    text-align: center;
    max-width: 800px;
    margin: 0 auto 3rem auto; /* Center and add bottom margin */
}

.expertise-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}

.expertise-item {
    text-align: center;
    padding: 1.5rem;
    border-radius: 10px;
    transition: all 0.3s ease;
    background-color: #ffffff; /* Ensure white background for items */
    box-shadow: 0 2px 10px rgba(0,0,0,0.05); /* Subtle shadow for items */
}

.expertise-item:hover {
    transform: translateY(-5px); /* Lift effect on hover */
    box-shadow: 0 8px 20px rgba(0,0,0,0.1); /* Enhanced shadow on hover */
}

.expertise-number {
    font-size: 3.5rem; /* Larger font size for numbers */
    font-weight: bold;
    color: #4a7c59; /* Green color for numbers */
    display: block;
    margin-bottom: 0.5rem;
    font-family: 'Arial', sans-serif; /* Sans-serif for numbers */
}

.expertise-item h4 {
    font-size: 1.2rem;
    color: #333; /* Darker text for titles */
    margin-bottom: 0.5rem;
    font-family: 'Arial', sans-serif;
}

.expertise-item p {
    font-size: 0.95rem;
    color: #777; /* Lighter text for descriptions */
    line-height: 1.5;
    font-family: 'Arial', sans-serif;
}

@media (max-width: 768px) {
    .expertise-grid {
        grid-template-columns: 1fr;
    }
    .expertise-section {
        padding: 2rem 1rem;
    }
    .expertise-section h2 {
        font-size: 2rem;
    }
}/* End custom CSS */