/* page custom <style> 49c66432 · body · pages (1): ../webflow-live/managed-it-service.html */
/* ========== DESKTOP ========= */
    @media (min-width: 992px) {
        .r-tabs-accordion-title {
            display: none !important;
        }
    }

    /* ========== MOBILE ========= */
    @media (max-width: 991px) {

        /* Hide desktop tab buttons */
        .r-tabs-tab {
            display: none !important;
        }

        /* Style active accordion like active tab */
        .r-tabs-accordion-title.r-tabs-state-active>a {
            background-color: var(--true-white);
            border: 1px solid var(--true-white);
            color: var(--blue);
            border-radius: 225rem;
            padding: 1.5rem 2.5rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 2rem;
            transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
        }

        /* Optional: style inactive accordion links to match non-active tab buttons */
        .r-tabs-accordion-title>a {
            border: 1px solid #fff;
            border-radius: 225rem;
            padding: 1.5rem 2.5rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 2rem;
            color: #fff;
            background-color: transparent;
            transition: all 0.3s ease;
        }
    }

    @media screen and (max-width: 479px) {
        .tab-block.vtab-block {
            flex-wrap: wrap;
            padding: 2rem;
        }
    }
    
    @media (max-width: 991px) {
  .r-tabs-accordion-title.r-tabs-state-active .tab-item--icon-wrapper {
    transform: rotate(-90deg);
  }
}