:root {
    --nb-slider-item-card-2-border-radius: var(--nb-card-border-radius);
    --nb-slider-item-card-2-padding-x: var(--nb-card-spacer-x);
    --nb-slider-item-card-2-padding-y: var(--nb-card-spacer-y);

    --nb-slider-item-card-2-hover-border-color: var(--nb-spec-color);

    --nb-slider-item-card-2-name-color: var(--nb-text-color-primary);
    --nb-slider-item-card-2-name-font-size: var(--nb-font-size-16);
    --nb-slider-item-card-2-name-font-weight: var(--nb-font-weight-600);
    --nb-slider-item-card-2-name-line-height: var(--nb-body-line-height);
    --nb-slider-item-card-2-name-rows: 1;

    --nb-slider-item-card-2-subtitle-color: var(--nb-text-color-secondary);
    --nb-slider-item-card-2-subtitle-font-size: var(--nb-font-size-14);
    --nb-slider-item-card-2-subtitle-font-weight: var(--nb-font-weight-400);

    --nb-slider-item-card-2-description-color: var(--nb-text-color-primary);
    --nb-slider-item-card-2-description-font-size: var(--nb-font-size-14);
    --nb-slider-item-card-2-description-font-weight: var(--nb-font-weight-400);

    --nb-slider-item-card-2-description-hover-color: var(--nb-spec-color);

    --nb-slider-item-card-2-active-z-index: 9;
    --nb-slider-item-card-2-active-max-height: 100%;
}

.nb-slider-item-card-2 {
    position: relative;
}

.nb-slider-item-card-2,
.nb-slider-item-card-2 .nb-slider-item-image,
.nb-slider-item-card-2 .nb-slider-item-image .nb-img {
    -webkit-border-radius: var(--nb-slider-item-card-2-border-radius);
    -moz-border-radius: var(--nb-slider-item-card-2-border-radius);
    border-radius: var(--nb-slider-item-card-2-border-radius);
    cursor: pointer;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.nb-slider-item-card-2 .nb-card-body.active .nb-wrapper .nb-inner-wrapper .nb-slider-item-name,
.nb-slider-item-card-2 .nb-card-body.active .nb-wrapper .nb-inner-wrapper .nb-icon,
.nb-slider-item-card-2:hover .nb-card-body .nb-wrapper .nb-inner-wrapper .nb-slider-item-name,
.nb-slider-item-card-2:hover .nb-card-body .nb-wrapper .nb-inner-wrapper .nb-icon {
    color: var(--nb-slider-item-card-2-hover-border-color);
}


.nb-slider-item-card-2:has(.nb-card-body.active) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.nb-slider-item-card-2 .nb-card-body {
    position: relative;
    background-color: var(--nb-color-white);
    border-top: var(--nb-border-width) var(--nb-border-style) var(--nb-border-color);
    padding: var(--nb-slider-item-card-2-padding-y) var(--nb-slider-item-card-2-padding-x);
    border-bottom-left-radius: var(--nb-slider-item-card-2-border-radius);
    border-bottom-right-radius: var(--nb-slider-item-card-2-border-radius);
}

.nb-slider-item-card-2:hover .nb-slider-item-card-2-body.nb-card-body,
.nb-slider-item-card-2 .nb-slider-item-card-2-body.nb-card-body.active {
    border-top-color: var(--nb-spec-color);
}

.nb-slider-item-card-2 .nb-card-body.active {
    position: absolute;
    top: 100%;
    left: calc(var(--nb-border-width) * -1);
    width: calc(100% + (var(--nb-border-width) * 2));
    z-index: var(--nb-slider-item-card-2-active-z-index);
    border: var(--nb-border-width) var(--nb-border-style) var(--nb-border-color);
}

.nb-slider-item-card-2 .nb-card-body .nb-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--nb-card-spacer-y);
}

.nb-slider-item-card-2 .nb-card-body .nb-wrapper .nb-inner-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--nb-card-spacer-x);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.nb-slider-item-card-2 .nb-card-body .nb-wrapper .nb-inner-wrapper .nb-slider-item-name {
    color: var(--nb-slider-item-card-2-name-color);
    font-size: var(--nb-slider-item-card-2-name-font-size);
    font-weight: var(--nb-slider-item-card-2-name-font-weight);
    line-height: var(--nb-slider-item-card-2-name-line-height);
    height: calc(var(--nb-slider-item-card-2-name-font-size) * var(--nb-slider-item-card-2-name-line-height) * var(--nb-slider-item-card-2-name-rows))
}

.nb-slider-item-card-2 .nb-card-body .nb-wrapper .nb-inner-wrapper .nb-icon {
    flex: 0 0 auto;
    -webkit-transition: -webkit-transform .25s ease, color .25s ease;
    transition: transform .25s ease, color .25s ease;
}

.nb-slider-item-card-2 .nb-card-body.active .nb-wrapper .nb-inner-wrapper .nb-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.nb-slider-item-card-2 .nb-card-body .nb-wrapper .nb-slider-item-subtitle,
.nb-slider-item-card-2 .nb-card-body .nb-wrapper .nb-slider-item-description,
.nb-slider-item-card-2 .nb-card-body .nb-wrapper .nb-slider-item-link {
    display: none;
}

.nb-slider-item-card-2 .nb-card-body.active .nb-wrapper .nb-slider-item-subtitle {
    display: block;
    color: var(--nb-slider-item-card-2-subtitle-color);
    font-size: var(--nb-slider-item-card-2-subtitle-font-size);
    font-weight: var(--nb-slider-item-card-2-subtitle-font-weight);
}

.nb-slider-item-card-2 .nb-card-body.active .nb-wrapper .nb-slider-item-description {
    display: block;
    max-height: var(--nb-slider-item-card-2-active-max-height);
}

.nb-slider-item-card-2 .nb-card-body.active .nb-wrapper .nb-slider-item-description,
.nb-slider-item-card-2 .nb-card-body.active .nb-wrapper .nb-slider-item-description > p {
    display: flex;
    flex-direction: column;
}

.nb-slider-item-card-2 .nb-card-body .nb-wrapper .nb-slider-item-description,
.nb-slider-item-card-2 .nb-card-body .nb-wrapper .nb-slider-item-description > p,
.nb-slider-item-card-2 .nb-card-body .nb-wrapper .nb-slider-item-description > a {
    color: var(--nb-slider-item-card-2-description-color);
    font-size: var(--nb-slider-item-card-2-description-font-size);
    font-weight: var(--nb-slider-item-card-2-description-font-weight);
}

.nb-slider-item-card-2 .nb-card-body .nb-wrapper .nb-slider-item-description > a:hover,
.nb-slider-item-card-2 .nb-card-body .nb-wrapper .nb-slider-item-description > a:focus {
    color: var(--nb-slider-item-card-2-description-hover-color);
}

.nb-slider-item-card-2 .nb-card-body .nb-wrapper .nb-slider-item-description > * {
    margin-bottom: 0;
}

.nb-slider-item-card-2 .nb-card-body .nb-wrapper .nb-slider-item-description > p > * + * {
    margin-top: calc(var(--nb-card-spacer-y) / 2);
}

.nb-slider-item-card-2 .nb-card-body.active .nb-wrapper .nb-slider-item-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 40px;
    background-color: var(--nb-color-white);
    color: var(--nb-spec-color);
    border: var(--nb-border-width) var(--nb-border-style) var(--nb-spec-color);
    -webkit-border-radius: var(--nb-btn-border-radius);
    -moz-border-radius: var(--nb-btn-border-radius);
    border-radius: var(--nb-btn-border-radius);
    font-size: var(--nb-btn-font-size);
    font-weight: var(--nb-btn-font-weight);
}

.nb-slider-item-card-2 .nb-card-body .nb-wrapper .nb-slider-item-link:hover,
.nb-slider-item-card-2 .nb-card-body .nb-wrapper .nb-slider-item-link:focus,
.nb-slider-item-card-2 .nb-card-body .nb-wrapper .nb-slider-item-link:active {
    background-color: var(--nb-spec-color);
    color: var(--nb-color-white);
}

@media (max-width: 768px) {

    .nb-slider-item-card-2:has(.nb-card-body.active) {
        border-bottom-left-radius: var(--nb-slider-item-card-2-border-radius);
        border-bottom-right-radius: var(--nb-slider-item-card-2-border-radius);
    }

    .nb-slider-item-card-2 .nb-card-body.active {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        margin-top: 0;
        border: none;
        border-top: var(--nb-border-width) var(--nb-border-style) var(--nb-spec-color);
    }

    .nb-slider-item-card-2 .nb-card-body.active .nb-wrapper .nb-slider-item-description {
        max-height: none;
    }

}