.qm-slider202309 {
    overflow: hidden;
}

.qm-slider202309 .qm-slider202309-view {
    display: grid;
    gap: 0px 0px;

    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto auto;

    height: 100%;
    width: 100%;
}

.qm-slider202309-view .qm-slider202309-img {
    position: relative;
    z-index: 9;
    grid-area: 1 / 1 / 3 / 1;
}

.qm-slider202309-view .qm-slider202309-main {
    z-index: 10;
    grid-area: 1 / 1 / 2 / 1;
}

.qm-slider202309-view .qm-slider202309-navigation {
    z-index: 13;
    grid-area: 2 / 1 / 3 / 1;
}

.qm-slider202309-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.qm-slider202309-img video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.qm-slider202309-img .qm-slider202309-shadow {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #00000022;
}

.qm-slider202309-img,
.qm-slider202309-main {
    opacity: 0.0;

    -webkit-transition: opacity 1.0s linear;
    -moz-transition: opacity 1.0s linear;
    -o-transition: opacity 1.0s linear;
    transition: opacity 1.0s linear;
}

.qm-slider202309-view.qm-slider202309-view-0 .qm-slider202309-img-0 {
    opacity: 1;
    z-index: 11;
}

.qm-slider202309-view.qm-slider202309-view-0 .qm-slider202309-main-0 {
    opacity: 1;
    z-index: 12;
}

.qm-slider202309-view.qm-slider202309-view-1 .qm-slider202309-img-1 {
    opacity: 1;
    z-index: 11;
}

.qm-slider202309-view.qm-slider202309-view-1 .qm-slider202309-main-1 {
    opacity: 1;
    z-index: 12;
}

.qm-slider202309-elements {
    display: none;
}

.qm-slider202309-navigation-indicator-panel,
.qm-slider202309-navigation-panel {
    display: flex;
    justify-content: center;
}

.qm-slider202309-navigation-indicator .qm-slider202309-navigation-indicator-line {
    width: 25px;
    height: 2px;
    margin: 15px 5px;
    margin-bottom: 7.5px;

    background-color: #FFFFFF;
}

.qm-slider202309-navigation-indicator-panel-dark .qm-slider202309-navigation-indicator-line {
    background-color: #B6B6B6;
}

.qm-slider202309:not(.qm-slider202309-play) .qm-slider202309-navigation-indicator.active .qm-slider202309-navigation-indicator-line {
    background-color: #999;
}

.qm-slider202309-navigation-indicator-line-fill {
    width: 0%;
    height: 100%;
    background-color: #999;
}

.qm-slider202309.qm-slider202309-play .qm-slider202309-navigation-indicator.active .qm-slider202309-navigation-indicator-line-fill {

    -webkit-transition: width 3.7s linear;
    -moz-transition: width 3.7s linear;
    -o-transition: width 3.7s linear;
    transition: width 3.7s linear;

    width: 100%;
}

.qm-slider202309-navigation-indicator:hover {
    cursor: pointer;
}

.qm-slider202309-btn {
    padding: 10px 15px;
    padding-top: 7.5px;
    line-height: 1;
    color: #FFF;

    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}

.qm-slider202309-navigation-panel-dark .qm-slider202309-btn {
    color: #B6B6B6;
}

.qm-slider202309-btn:hover {
    cursor: pointer;
    color: #999;
}

.qm-slider202309 .qm-slider202309-btn-play {
    display: block;
}

.qm-slider202309 .qm-slider202309-btn-pause {
    display: none;
}

.qm-slider202309-play .qm-slider202309-btn-play {
    display: none;
}

.qm-slider202309-play .qm-slider202309-btn-pause {
    display: block;
}

.qm-slider202309.qm-slider202309-disable-auto-play .qm-slider202309-btn-play,
.qm-slider202309.qm-slider202309-disable-auto-play .qm-slider202309-btn-pause {
    display: none !important;
}