.elementor-1124 .elementor-element.elementor-element-a12bc5b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}/* Start custom CSS for html, class: .elementor-element-eb1f528 */.services-section {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    padding: 20px;
}

.services-section h1 {
    font-size: 2.5em;
    margin-bottom: 20px;
}

.service-card {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px;
    margin: 10px 0;
    transition: transform 0.3s;
    cursor: pointer;
}

.service-card:hover {
    transform: scale(1.05);
}

.service-card h2 {
    font-size: 1.8em;
    margin-bottom: 10px;
}

.service-card .description {
    font-size: 1em;
    color: #555;
    display: none; /* Initially hide the description */
}

.service-card.active .description {
    display: block; /* Show the description when active */
}/* End custom CSS */