:root {
    --nb-slider-item-box-40-wrapper-left: 12px;
    --nb-slider-item-box-40-wrapper-right: 12px;
    --nb-slider-item-box-40-wrapper-bottom: 15px;

    --nb-slider-item-box-40-inner-wrapper-gap: 12px;

    --nb-slider-item-box-40-name-color: var(--nb-color-white);
    --nb-slider-item-box-40-name-font-size: 60px;
    --nb-slider-item-box-40-name-font-weight: var(--nb-font-weight-700);
    --nb-slider-item-box-40-name-line-height: var(--nb-body-line-height);

    --nb-slider-item-box-40-btn-color: var(--nb-color-white);
    --nb-slider-item-box-40-btn-hover-color: var(--nb-color-white);
    --nb-slider-item-box-40-btn-font-size: var(--nb-font-size-14);
    --nb-slider-item-box-40-btn-font-weight: var(--nb-font-weight-400);
    --nb-slider-item-box-40-btn-bg: var(--nb-spec-color);
    --nb-slider-item-box-40-btn-hover-bg: var(--nb-color-blue-600);
    --nb-slider-item-box-40-btn-border-width: var(--nb-border-width);
    --nb-slider-item-box-40-btn-border-color: var(--nb-spec-color);
    --nb-slider-item-box-40-btn-hover-border-color: var(--nb-color-blue-600);
    --nb-slider-item-box-40-btn-padding-x: 0;
    --nb-slider-item-box-40-btn-padding-y: 8px;

    --nb-slider-item-box-40-img-gradient: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);

}

.nb-slider-item-box-40 {
    position: relative;
}

.nb-slider-item-box-40 .nb-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    position: absolute;
    left: var(--nb-slider-item-box-40-wrapper-left);
    right: var(--nb-slider-item-box-40-wrapper-right);
    bottom: var(--nb-slider-item-box-40-wrapper-bottom);
    z-index: 9;
}

.nb-slider-item-box-40 .nb-wrapper .nb-inner-wrapper {
    display: flex;
    align-items: center;
    gap: var(--nb-slider-item-box-40-inner-wrapper-gap);
    width: 100%;
}

.nb-slider-item-box-40 .nb-wrapper .nb-inner-wrapper > * {
    flex: 1;
}

.nb-slider-item-box-40 .nb-wrapper .nb-slider-item-name {
    color: var(--nb-slider-item-box-40-name-color);
    font-size: var(--nb-slider-item-box-40-name-font-size);
    font-weight: var(--nb-slider-item-box-40-name-font-weight);
    line-height: var(--nb-slider-item-box-40-name-line-height);
}

.nb-slider-item-box-40 .nb-wrapper .nb-slider-item-box-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--nb-slider-item-box-40-btn-color);
    font-size: var(--nb-slider-item-box-40-btn-font-size);
    font-weight: var(--nb-slider-item-box-40-btn-font-weight);
    background-color: var(--nb-slider-item-box-40-btn-bg);
    border: var(--nb-slider-item-box-40-btn-border-width) var(--nb-border-style) var(--nb-slider-item-box-40-btn-border-color);
    padding: var(--nb-slider-item-box-40-btn-padding-y) var(--nb-slider-item-box-40-btn-padding-x);
}

.nb-slider-item-box-40 .nb-wrapper .nb-slider-item-box-btn:hover {
    color: var(--nb-slider-item-box-40-btn-hover-color);
    background-color: var(--nb-slider-item-box-40-btn-hover-bg);
    border-color: var(--nb-slider-item-box-40-btn-hover-border-color);
}

.nb-slider-item-box-40:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: var(--nb-slider-item-box-40-img-gradient);
    pointer-events: none;
}

@media screen and (max-width: 991px) {
    .nb-slider-item-box-40 .nb-slider-item-image .nb-img {
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    :root {
        --nb-slider-item-box-40-wrapper-left: 10px;
        --nb-slider-item-box-40-wrapper-right: 10px;
        --nb-slider-item-box-40-wrapper-bottom: 10px;

        --nb-slider-item-box-40-name-font-size: 30px;
    }
}