﻿
.carousel-single-container {
    padding: var(--spacing-3);
    border-radius: var(--border-radius-default);
    background-color: var(--white);
}
/*.carousel-single-container-image {
    padding: 0;
    border-radius: var(--border-radius-default);
    background-color: var(--white);
}*/

.carousel-single-container > div {
    gap: var(--spacing-4);
    flex-direction: column;
}

/*testimonial heading styling*/
.carousel-single-container div > div:first-child > span {
    color: var(--text-color-main);
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-default);
}

.carousel-single-container .carousel-indicators [data-bs-target]
/*.carousel-single-container-image .carousel-indicators [data-bs-target] */{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    top: 10px;
    position: relative;
}

.carousel-single-container .carousel-indicators,
.carousel-single-container-image .carousel-indicators {
    gap: var(--spacing-1);
    margin-bottom: 0;
}

.carousel-single-container .carousel-item > div:first-child div:last-child > div:first-child {
    color: var(--text-color-main);
    font-size: var(--font-size-medium);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-default);
    margin-bottom: var(--spacing-1);
}

.carousel-single-container .carousel-item > div:first-child div:last-child > div:last-child {
    color: var(--text-color-subdued);
    font-size: var(--font-size-small);
    font-weight: var(--vont-weight-light);
    line-height: var(--line-height-small);
}

.carousel-single-container .carousel-item > div:last-child > p {
    margin-top: var(--spacing-3);
    margin-bottom: var(--spacing-5);
}

.carousel-single-container .carousel-indicators button {
    background-color: var(--grey-light-bluish); /* Default color for inactive indicators */
}

.carousel-single-container .carousel-indicators .active{
    background-color: var(--theme-color); /* Color for active indicator */
}


/* carousel multiple */

.carousel-multiple-container .carousel-control-prev,
.carousel-multiple-container .carousel-control-next {
    width: 0%;
    opacity:1;
}
.carousel-multiple-container .carousel-control-prev span,
.carousel-multiple-container .carousel-control-next span {
    background-color: var(--white);
    border-radius: var(--border-radius-round);
    display:flex;
}
.carousel-multiple-container .carousel-control-prev:hover,
.carousel-multiple-container .carousel-control-prev:focus,
.carousel-multiple-container .carousel-control-next:hover,
.carousel-multiple-container .carousel-control-next:focus {
    opacity: 1;
}

/*Single item image*/
.carousel-single-container-image .carousel-inner {
    /*height: 192px;*/
    border-radius: var(--border-radius-default);
}
.carousel-single-container-image .carousel-inner img{
    /*height:244px;*/
    /*height:192px;*/
    aspect-ratio:3/2;
    width:100%;
    display:block;
    border-radius:var(--border-radius-default);
}
.carousel-single-container-image .carousel-indicators {
    bottom:var(--spacing-3);
    width:auto;
    height:auto;
    border-radius:0;
}