:root
{
    --vc-clr-primary: #000;
    --vc-clr-secondary: #090f207f;
    --vc-clr-white: #fff;
    --vc-icn-width: 1.2em;
    --vc-nav-width: 30px;
    --vc-nav-height: 30px;
    --vc-nav-border-radius: 0;
    --vc-nav-color: var(--vc-clr-primary);
    --vc-nav-color-hover: var(--vc-clr-secondary);
    --vc-nav-background: transparent;
    --vc-pgn-width: 12px;
    --vc-pgn-height: 4px;
    --vc-pgn-margin: 4px;
    --vc-pgn-border-radius: 0;
    --vc-pgn-background-color: var(--vc-clr-secondary);
    --vc-pgn-active-color: var(--vc-clr-primary);
}
.carousel__next, .carousel__prev
{
    align-items: center;
    background: var(--vc-nav-background);
    border: 0;
    border-radius: var(--vc-nav-border-radius);
    box-sizing: content-box;
    color: var(--vc-nav-color);
    cursor: pointer;
    display: flex;
    font-size: var(--vc-nav-height);
    height: var(--vc-nav-height);
    justify-content: center;
    margin: 0 10px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: var(--vc-nav-width);
}
.carousel__next:hover, .carousel__prev:hover
{
    color: var(--vc-nav-color-hover);
}
.carousel__next--disabled, .carousel__prev--disabled
{
    cursor: not-allowed;
    opacity: .5;
}
.carousel__prev
{
    left: 0;
}
.carousel__next
{
    right: 0;
}
.carousel--rtl .carousel__prev
{
    left: auto;
    right: 0;
}
.carousel--rtl .carousel__next
{
    left: 0;
    right: auto;
}
.carousel
{
    box-sizing: border-box;
    overscroll-behavior: none;
    position: relative;
    text-align: center;
    touch-action: pan-y;
}
.carousel.is-dragging
{
    touch-action: none;
}
.carousel *
{
    box-sizing: border-box;
}
.carousel__track
{
    display: flex;
    padding: 0!important;
    position: relative;
}
.carousel__viewport
{
    overflow: hidden;
}
.carousel__sr-only
{
    clip: rect(0,0,0,0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.carousel__icon
{
    fill: currentColor;
    height: var(--vc-icn-width);
    width: var(--vc-icn-width);
}
.carousel__pagination
{
    display: flex;
    justify-content: center;
    line-height: 0;
    list-style: none;
    margin: 10px 0 0;
}
.carousel__pagination-button
{
    background: transparent;
    border: 0;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: var(--vc-pgn-margin);
}
.carousel__pagination-button:after
{
    background-color: var(--vc-pgn-background-color);
    border-radius: var(--vc-pgn-border-radius);
    content: "";
    display: block;
    height: var(--vc-pgn-height);
    width: var(--vc-pgn-width);
}
.carousel__pagination-button--active:after, .carousel__pagination-button:hover:after
{
    background-color: var(--vc-pgn-active-color);
}
.carousel__slide
{
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    margin: 0;
    position: relative;
    scroll-snap-stop: auto;
    transform: translateZ(0);
}