/* =========================================
   GROUP
========================================= */

.cb-query-slider-group{

    position:relative;

    width:100%;
}

/* =========================================
   ROW SPACING
========================================= */

.cb-query-slider-group + .cb-query-slider-group{

    margin-top:48px;
}

/* =========================================
   HEADER
========================================= */

.cb-query-slider-head{

    margin-bottom:
        var(--cb-meta-gap,18px);
}

/* =========================================
   TITLE
========================================= */

.cb-adaptive-title{

	font-size:
		var(--cb-title-size,42px)!important;
	line-height: 1;

	display:block;

}

/* =========================================
   SUBLINE
========================================= */

.cb-query-slider-subline{

	font-size:
		var(--cb-subline-size,18px)!important;

	margin-top:
		var(--cb-title-gap,6px);

    opacity:.7;
}

/* =========================================
   META
========================================= */

.cb-query-slider-meta-nav{

	margin-top:
		var(--cb-subline-gap,6px);

}

.cb-query-slider-meta-item{

	font-size:
		var(--cb-meta-size,12px)!important;

}

/* =========================================
   WRAP
========================================= */

.cb-query-slider-wrap{

    position:relative;

    width:100%;
}

/* =========================================
   SWIPER
========================================= */

.cb-query-slider-swiper{

    width:100%;

    overflow:hidden;
}

/* =========================================
   SLIDES
========================================= */

.cb-query-slider-swiper .swiper-slide{

    width:auto;
}

/* =========================================
   NAVIGATION
========================================= */

.cb-query-slider-nav{

    position:absolute;

    inset:0;

    z-index:20;

    pointer-events:none;
}

/* =========================================
   BUTTONS
========================================= */

.cb-query-slider-nav
.swiper-button-prev,

.cb-query-slider-nav
.swiper-button-next{

    position:absolute;

    top:45%;

    transform:
        translateY(-50%);

    width:60px;

    height:60px;

    margin:0;

    border-radius:999px;

    background:
        rgba(255,255,255,.85);

    box-shadow:
        var(--box-shadow-soft);

    pointer-events:auto;
}

/* =========================================
   PREV
========================================= */

.cb-query-slider-nav
.swiper-button-prev{

    left:24px;
}

/* =========================================
   NEXT
========================================= */

.cb-query-slider-nav
.swiper-button-next{

    right:24px;
}

/* =========================================
   ICONS
========================================= */

.cb-query-slider-nav
.swiper-button-prev::after,

.cb-query-slider-nav
.swiper-button-next::after{

    font-size:22px;

    font-weight:700;

    color:
        var(--color-brand-dark);
}

/* =========================================
   SCROLLBAR
========================================= */

.cb-query-slider-scrollbar{

    margin-top:18px;
}