/* Process Section Styles */
/* Dash on left side (for steps 1 and 3) */
.process-step::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -26px;
    height: 2px;
    width: 26px;
    background: #00CCCC;
    transform: translateY(-50%);
}

/* Dash on right side (for step 2) */
.process-step-right::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -26px;
    height: 2px;
    width: 26px;
    background: #00CCCC;
    transform: translateY(-50%);
}

/* Mobile specific */
@media (max-width: 768px) {
    .process-step::before,
    .process-step-right::before {
        display: none;
    }
    
    .md\\:hidden .flex {
        align-items: flex-start;
    }
    
    .md\\:hidden .w-10 {
        width: 2.5rem;
        height: 2.5rem;
    }
    
    .md\\:hidden h3 {
        font-size: 0.875rem;
        line-height: 1.25;
    }
    
    .md\\:hidden p {
        font-size: 0.75rem;
        line-height: 1.4;
    }
}

/* Desktop adjustments */
@media (min-width: 768px) {
    .w-12 {
        width: 3rem;
        height: 3rem;
    }
    
    .text-smm{
        font-size: 1.1rem;
    }
    
    .text-xss {
        font-size: 0.95rem;
    }
    
    .mb-8 {
        margin-bottom: 2rem;
    }
}