.woow-services {
    width: 100%;
}

.woow-services > *:not(:last-child) {
    border-bottom: 1px solid black;
}


.woow-service-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	align-items: center;
	transition: ease-in-out .3s;
}

.woow-service-row:hover {
	background-color: #0255FE;
}

.woow-service-row:hover p
{
	color:#fff;
}


.woow-service-row:hover h2
{
	color:#fff;
}


.woow-service-title-col,
.woow-service-description-col,
.woow-subservices-col {
	/* Calcola la larghezza delle colonne considerando il gap */
    flex: 0 0 calc(33.3333% - 13.3333px); 
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .woow-service-title-col,
    .woow-service-description-col,
    .woow-subservices-col {
        flex: 0 0 calc(100% - 10px); /* Due colonne su schermi medi */
    }
}

@media (max-width: 600px) {
    .woow-service-title-col,
    .woow-service-description-col,
    .woow-subservices-col {
        flex: 0 0 100%; /* Una colonna su schermi piccoli */
    }
}

.woow-service-title {
    font-size: 24px;
    margin-bottom: 10px;
	color: #000;
}

.woow-service-description {
    font-size: 16px;
    margin-bottom: 15px;
	color: #000;
}

.woow-subservices {
    font-size: 16px;
	color: #000;
}

@media (max-width: 1024px) {
    .woow-subservices {
	color: #999;
}
}

.woow-subservice-title {
    font-size: 18px;
    margin-bottom: 5px;
}

.woow-subservice-description {
    font-size: 14px;
}