.horizontal-feature {
    display: flex;
    align-items: center; 
    gap: 30px; 
    margin-bottom: 60px; 
    padding: 20px 0; 
}

.horizontal-feature-image,
.horizontal-feature-text {
    flex: 1; 
    min-width: 0; 
}

.horizontal-feature-image img {
    display: block; 
    width: 100%;
    height: auto;
    border-radius: 5px; 
    opacity: 0; 
    transition: opacity 0.7s ease-in-out; 
}

.horizontal-feature-image img.fade-in {
  opacity: 1; 
}

.horizontal-feature-text {
    text-align: left;
}

.horizontal-feature-text h2 {
    margin-top: 0; 
    margin-bottom: 15px;
}

.horizontal-feature-text p,
.horizontal-feature-text ul {
    margin-bottom: 15px;
}

.horizontal-feature-text ul {
    padding-left: 20px; 
}


.horizontal-feature.image-right {
    flex-direction: row-reverse;
}


@media (max-width: 768px) {
    .horizontal-feature {
        flex-direction: column; 
        gap: 20px;
        text-align: center; 
    }

    .horizontal-feature.image-right {
        flex-direction: column; 
    }

    .horizontal-feature-text {
        text-align: center; 
    }

     .horizontal-feature-text h2,
     .horizontal-feature-text p,
     .horizontal-feature-text ul {
        text-align: left; 
     }

     .horizontal-feature-text ul {
        display: inline-block; 
        text-align: left;
     }
}