.info-card-plus__item .card-header {
    text-align:center;
}
.info-card-plus__item .card-header h3 {
    margin-block-start:1.5rem;
}
.info-card-plus__showcases {
    position:relative;
    display:flex;
    flex-direction:column;
    gap:var(--kutak--space--xs-m);
    justify-content: center;
    align-items:center;
    width:100%;
    margin-block-end: 4rem;
}
.card-content {
    width:100%;
    margin:auto;
}
.tools-tag {
    display:inline-block;
    background-color: #001;
    box-shadow: 0 0 #001, 0 0 #001, var(--betext-btn-shadow);
    padding: .45rem 2.25rem;
    font-size: var(--kutak--font-size--3xs, 14px);
    font-weight: var(--kutak--font-weight--elements-bold, 700);
    border-radius: var(--betext-rounded-lg);
    outline: var(--betext-outline-btn);
    text-transform:uppercase;
    letter-spacing: .015625rem;
}
.info-card-plus-tab {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.showcase-tab-buttons {
    position:relative;
    z-index: var(--kutak--z-index--foreground);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--kutak--space--xs-s, .75rem)
}
.tab-button {
    position: relative;
    cursor: pointer;
    font-weight: normal;
    background-color: var(--betext-bg-blur);
    border-radius: var(--betext-rounded-xl);
    padding: .75rem 2.75rem;
    border: var(--betext-outline-base);
    transition: background-color 0.3s ease, border-color 0.3s ease;
    outline:none!important;
    box-shadow:var(--betext-btn-shadow, 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1));
    z-index:1;
}
.tab-button[aria-selected=true] {
    border-color: var(--kutak--color--contrast-highlight)/50%!important;
}
.tab-button:hover,
.tab-button.active {
    background-color: var(--betext-color-accent);
    color:#ffe;
}
.tab-button.active:after {
    content: '';
    position: absolute;
    inset: -4px;
    transform: translate(0);
    z-index: -1;
    opacity: .75;
    background: linear-gradient(135deg, transparent 0, transparent 34%, transparent 49%, #fff 57%, #fff 64%, var(--betext-glow-stop-1) 66%, var(--betext-glow-stop-2) 75%, var(--betext-glow-stop-3) 83%, var(--betext-glow-stop-4) 92%, var(--betext-glow-stop-5) 100%);
    background-size: 300% 300%;
    background-position: 0 0;
    background-repeat: no-repeat;
    transition: background-position .8s ease;
    border-radius: var(--betext-rounded-xl);
    animation: glow-to-stroke .5s ease .5s;
    animation-fill-mode: both;
}

.showcase-tab-content {
    background: var(--panel-bg-color);
    position:relative;
    z-index: var(--kutak--z-index--default, 1);
    width:100%;
    margin-block-start: var(--kutak--space--xs-s);
    outline-offset: 3px;
    outline-color: rgba(255,255,255,.64);
    border-radius: var(--betext-rounded-lg);
}
.showcase-tab-content:after, 
.showcase-tab-content:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--betext-rounded-lg);
    box-sizing: border-box;
}
.showcase-tab-content:before {
    background-color: var(--panel-bg-before, rgba(7, 7, 7, .6));
    backdrop-filter: blur(10px);
    z-index:-1;
}
.showcase-tab-content:after {
    box-shadow: var(--panel-box-shadow, inset 0 24px 48px 0 rgba(199, 211, 234, .05), inset 0 1px 1px 0 rgba(199, 211, 234, .12));
    z-index:-1;
    inset: -1px;
    border: 1px solid var(--panel-border-color,rgba(209,170,215,.06));
    background: var(--panel-bg-after, hsla(0, 0%, 100%, .002));
}
.bg-gradient__showcase {
    opacity: .5;
    position:absolute;
    inset: 0;
    z-index:0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    bottom: 20%;
    top: -50%;
    right: 5%;
    left: 5%;
    box-sizing: border-box;
}
.bg-gradient__showcase:before {
    content:'';
    position: absolute;
    inset: -2rem;
    z-index:0;
    background: radial-gradient(50% 36.46% at 50% 50%, rgba(209,170,215,.0895) 0, rgba(5,5,11,0) 100%), radial-gradient(50% 38.81% at 50% 50%,rgba(209,170,215,.186) 0,rgba(5,5,11,0) 100%);
}
.showcase-tab-content .tab-panel {
    position:relative;
    z-index:10;
    max-height:0;
    opacity:0;
    overflow:hidden;
    width:100%;
    transition: transform 0.3s ease-in-out;
}
.showcase-tab-content .tab-panel.active {
    opacity:1;
    overflow:unset;
    max-height:var(--panel-max-height, 100%);
}
.tab-panel .tab-panel__container {
    padding:5rem 0 5rem 4rem;
    justify-content: center;
    align-items: center;
}
.tab-panel__description {
    max-width:490px;
}
.tab-panel__image {
    background: var(--betext-bg-base)/90%;
    position:relative;
    padding:.75rem;
    border: 1px solid var(--betext-color-border);
    border-radius:var(--betext-rounded-md);
    overflow:hidden;
    transform:translateX(calc(var(--kutak--space--section) - var(--container-inline-start-end)));
    box-shadow: inset 0 0 12px 0 hsla(0,0%,100%,.08);
    -webkit-backdrop-filter: var(--betext-backdrop-blur-lg);
	backdrop-filter: var(--betext-backdrop-blur-lg); 
}
.tab-panel__image:after {
    content:'';
    position:absolute;
    inset:0;
    z-index:0;
    /* background: linear-gradient(to top, rgba(255,255,255,.75) 2rem, #0000 5rem, #0000); */
}
.tab-panel__image img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius:calc(var(--betext-rounded-md) - 4.5px);
}
.info-card-plus__grid {
    grid-column-gap: var(--kutak--space--xs-m)!important;
    grid-row-gap: 0!important;
}

.info-card-plus__item .card-accordion {
    margin-block-start:1.5rem;
}

@media (min-width: 37.5em) {
    .info-card-plus__grid {
        --kutak--grid--columns: 2;
    }
}

@media (min-width: 62.5em) {
    .info-card-plus__grid {
        --kutak--grid--columns: 2;
    }
}