﻿/* */
.Carousel_Info .carousel .carousel-arrow-left, 
.Carousel_Info .carousel .carousel-arrow-right {
    background: var(--color-primary-20);
    border-radius: var(--border-radius-circle);
    cursor: pointer;
    height: var(--space-l);
    width: var(--space-l);
    color: #fff;
    font-weight: bold;
}

.Carousel_Info .carousel .carousel-arrow-left {
    left: var(--space-s);
}

.Carousel_Info .carousel .carousel-arrow-right {
    right: var(--space-s);
}

.Carousel_Info .carousel .fa.fa-fw {
    font-size: calc(var(--font-size-h2) * 1.2);
}

.Carousel_Info .carousel .tns-nav {
    position: absolute;
    left: 50%;
    bottom: var(--space-s);
    transform: translateX(-50%);
    z-index: 99;
}

.Carousel_Info .carousel .tns-nav > [aria-controls] {
    border-radius: unset;
    width: var(--space-m);
    height: calc(var(--space-xs) + 1px);
    margin: 0 0 0 var(--space-xs);
    background: var(--color-neutral-0);
    border-radius: var(--border-radius-rounded);
}

.Carousel_Info .carousel .tns-nav > [aria-selected="true"] {
    background: var(--color-secondary);
}

.RelativePosition{
    position: absolute;
}

.AbsolutePosition{
    position: relative;
}