/* page custom <style> e42b188b · body · pages (1): ../webflow-live/managed-it-service.html */
/* === TAB ICON ROTATION & ACTIVE STYLING (Desktop + Mobile) === */

    /* Rotate all tab icons by default */
    .tab-item--icon-wrapper {
        transform: rotate(45deg);
        transition: transform 0.3s ease;
    }

    /* Keep icon upright when active (desktop tab + mobile accordion) */
    .r-tabs-tab.r-tabs-state-active .tab-item--icon-wrapper,
    .r-tabs-accordion-title.r-tabs-state-active .tab-item--icon-wrapper {
        transform: rotate(0deg);
    }

    /* Shared active tab styles (desktop + mobile) */
    .r-tabs-tab.r-tabs-state-active>a,
    .r-tabs-tab.r-tabs-state-active .tab--item-wrapper,
    .r-tabs-accordion-title.r-tabs-state-active>a {
        background-color: var(--true-white);
        border: 1px solid var(--true-white);
        color: var(--blue);
        transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    }

    /* Additional styling specific to accordion title (mobile) */
    .r-tabs-accordion-title.r-tabs-state-active>a {
        border-radius: 225rem;
        padding: 1.5rem 2.5rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 2rem;
    }