/* ============================================
   StepQuoter Portlet Styles
   CEO Quote + Process Steps
   ============================================ */

/* CEO Image Container */
.stepquoter-ceo-image {
    max-width: 465px;
}

/* Quote SVG Styling */
.text-border {
    opacity: 0.1;
    color: currentColor;
}

/* Step Cards */
.stepquoter-step {
    transition: transform 0.3s ease;
}

.stepquoter-step:hover {
    transform: translateY(-4px);
}

/* Step Number Button */
.stepquoter-step .btn-icon {
    width: 3.75rem;
    height: 3.75rem;
    pointer-events: none;
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
    .stepquoter-step .btn-icon {
        width: 3rem;
        height: 3rem;
        font-size: 1rem !important;
    }
    
    .stepquoter-step .card {
        width: calc(100% - 1.25rem) !important;
    }
}

/* Animation improvements */
@media (prefers-reduced-motion: reduce) {
    .stepquoter-step {
        transition: none;
    }
    
    [data-aos] {
        transition-duration: 0ms !important;
    }
}

/* CEO Quote Text Styling */
.stepquoter-quote {
    font-size: 1.125rem;
    line-height: 1.7;
    font-style: italic;
}

/* Card enhancement */
.stepquoter-step .card {
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

/* .stepquoter-step .card:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
 */