/* Modern Separator Two Column Styles */

/* Section Separator Two Column Styles */
.section-separator-two-column {
    position: relative;
    overflow: hidden;
}

.section-separator-two-column .separator-img {
    transition: transform 0.5s ease;
}

.section-separator-two-column .separator-image:hover .separator-img {
    transform: scale(1.1);
}

.section-separator-two-column .separator-text h3 {
    animation: fadeInUp 0.6s ease;
}

.section-separator-two-column .separator-text p {
    animation: fadeInUp 0.8s ease;
}

.section-separator-two-column .separator-icon {
    animation: fadeInUp 1s ease;
    transition: transform 0.3s ease;
}

.section-separator-two-column .separator-icon:hover {
    transform: scale(1.2) rotate(5deg);
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive styles */
@media (max-width: 768px) {
    .section-separator-two-column {
        padding: 30px 0 !important;
        margin: 0 !important;
    }
    
    .section-separator-two-column .separator-text {
        padding: 20px 15px !important;
        text-align: center;
        margin-bottom: 20px !important;
    }
    
    .section-separator-two-column .separator-image {
        padding: 0 15px !important;
        margin-bottom: 0 !important;
    }
    
    .section-separator-two-column .separator-image > div {
        height: 250px !important;
    }
    
    .section-separator-two-column .separator-text h3 {
        font-size: 24px !important;
    }
    
    .section-separator-two-column .separator-text p {
        font-size: 14px !important;
    }
}

@media (max-width: 480px) {
    .section-separator-two-column {
        padding: 20px 0 !important;
        margin: 0 !important;
    }
    
    .section-separator-two-column .separator-image > div {
        height: 200px !important;
    }
    
    .section-separator-two-column .separator-text h3 {
        font-size: 20px !important;
    }
    
    .section-separator-two-column .separator-text {
        margin-bottom: 15px !important;
    }
}