/*Carousel Common Css*/
.carousel-control-next-icon, .carousel-control-prev-icon {
    background-image : none;
}

.carousel-indicators li {
    flex     : none;
    border   : none;
    position : relative;
}

.carousel-caption {
    position   : static;
    top        : initial;
    left       : initial;
    right      : initial;
    bottom     : initial;
    padding    : 0;
    color      : var(--basic-white);
    text-align : left;
    transform  : translate(0, 50%);
}

/*Carousel*/
.carousel-indicators.circle-indicators li {
    width            : 12px;
    height           : 12px;
    background-color : transparent;
    opacity          : 1;
}

.carousel-indicators.circle-indicators li::after {
    content          : '';
    position         : absolute;
    top              : 50%;
    left             : 50%;
    z-index          : 1;
    transform        : translate(-50%, -50%);
    width            : 12px;
    height           : 12px;
    background-color : transparent;
    border-radius    : 999px;
    border           : var(--border-1px) var(--basic-white);
}

.carousel-indicators.circle-indicators li.active {
    background-color : var(--basic-white);
}

.carousel-indicators.circle-indicators li.active::after {

}

.owl-carousel.left-full .owl-stage,
.owl-carousel.right-full .owl-stage {
    display : flex;
}

.owl-carousel.left-full .owl-stage-outer {
    margin-left : -999px;
}

.owl-carousel.right-full .owl-stage-outer {
    margin-right : -999px;
}

.owl-carousel.left-full .carousel-item,
.owl-carousel.right-full .carousel-item {
    position       : relative;
    overflow       : hidden;
    /* margin-bottom: 80px; *//*This is optional*/
    display        : flex;
    flex-direction : column;
    align-items    : stretch;
    height         : 100%;
}

.owl-carousel .owl-item img {
    width : auto;
}


/*Gallery Carousel*/
.gallery-carousel #item-1:checked ~ .cards #card-item-3,
.gallery-carousel #item-2:checked ~ .cards #card-item-1,
.gallery-carousel #item-3:checked ~ .cards #card-item-2 {
    transform : translatex(-40%) scale(.8);
    opacity   : .4;
    z-index   : 0;
}

.gallery-carousel #item-1:checked ~ .cards #card-item-2,
.gallery-carousel #item-2:checked ~ .cards #card-item-3,
.gallery-carousel #item-3:checked ~ .cards #card-item-1 {
    transform : translatex(40%) scale(.8);
    opacity   : .4;
    z-index   : 0;
}

.gallery-carousel #item-1:checked ~ .cards #card-item-1,
.gallery-carousel #item-2:checked ~ .cards #card-item-2,
.gallery-carousel #item-3:checked ~ .cards #card-item-3 {
    transform : translatex(0) scale(1);
    opacity   : 1;
    z-index   : 1;
}

.gallery-carousel .cards .card {
    transition : transform .4s ease;
}

/*5c*/
.gallery-carousel-five #item-1-five:checked ~ .cards-five #card-item-5-five,
.gallery-carousel-five #item-2-five:checked ~ .cards-five #card-item-3-five,
.gallery-carousel-five #item-3-five:checked ~ .cards-five #card-item-4-five,
.gallery-carousel-five #item-4-five:checked ~ .cards-five #card-item-1-five,
.gallery-carousel-five #item-5-five:checked ~ .cards-five #card-item-2-five {
    transform : translatex(-60%) scale(.6);
    opacity   : 1;
    z-index   : 0;
}

.gallery-carousel-five #item-1-five:checked ~ .cards-five #card-item-3-five,
.gallery-carousel-five #item-2-five:checked ~ .cards-five #card-item-1-five,
.gallery-carousel-five #item-3-five:checked ~ .cards-five #card-item-5-five,
.gallery-carousel-five #item-4-five:checked ~ .cards-five #card-item-2-five,
.gallery-carousel-five #item-5-five:checked ~ .cards-five #card-item-4-five {
    transform : translatex(-40%) scale(.8);
    opacity   : 1;
    z-index   : 1;
}

.gallery-carousel-five #item-1-five:checked ~ .cards-five #card-item-4-five,
.gallery-carousel-five #item-2-five:checked ~ .cards-five #card-item-5-five,
.gallery-carousel-five #item-3-five:checked ~ .cards-five #card-item-2-five,
.gallery-carousel-five #item-4-five:checked ~ .cards-five #card-item-3-five,
.gallery-carousel-five #item-5-five:checked ~ .cards-five #card-item-1-five {
    transform : translatex(60%) scale(.6);
    opacity   : 1;
    z-index   : 0;
}

.gallery-carousel-five #item-1-five:checked ~ .cards-five #card-item-2-five,
.gallery-carousel-five #item-2-five:checked ~ .cards-five #card-item-4-five,
.gallery-carousel-five #item-3-five:checked ~ .cards-five #card-item-1-five,
.gallery-carousel-five #item-4-five:checked ~ .cards-five #card-item-5-five,
.gallery-carousel-five #item-5-five:checked ~ .cards-five #card-item-3-five {
    transform : translatex(40%) scale(.8);
    opacity   : 1;
    z-index   : 1;
}


.gallery-carousel-five #item-1-five:checked ~ .cards-five #card-item-1-five,
.gallery-carousel-five #item-2-five:checked ~ .cards-five #card-item-2-five,
.gallery-carousel-five #item-3-five:checked ~ .cards-five #card-item-3-five,
.gallery-carousel-five #item-4-five:checked ~ .cards-five #card-item-4-five,
.gallery-carousel-five #item-5-five:checked ~ .cards-five #card-item-5-five {
    transform : translatex(0) scale(1);
    opacity   : 1;
    z-index   : 2;
}

.gallery-carousel-five .cards-five .card {
    transition : transform .4s ease;
}

.carousel-indicators .active {
    opacity : 1;
}

.carousel-indicators li {
    opacity : 1;
}

.login-indicators li {
    background-color : var(--basic-gray-light);
}

.login-indicators li.active {
    background-color : var(--brand-primary);
}

.login-indicators {
    position        : absolute;
    right           : 0;
    bottom          : 0;
    left            : 0;
    z-index         : 10;
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-pack   : center;
    justify-content : center;
    padding-left    : 0;
    margin-right    : 0;
    margin-left     : 0;
    list-style      : none;
    margin-bottom   : 0;
}

.not-selected-carousel .carousel-item {
    -webkit-user-select : none;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none;
}