:root {
    --violet-deep: #2D0E5C;
    --violet-mid: #5B21B6;
    --violet-bright: #d51317a8;
    --violet-glow: #d51316a8;
    --hs-white: #FFFFFF;
    --hs-white-muted: rgba(255,255,255,0.7);
    --slide-duration: 15000ms;

    --base-color: #b6915dd5;
    --base-color--light: #a07f51d5;

}

.hero-slider {
    height: 100%;
    background:var(--base-color);
}

#mainSlider .slide-content {
    position: relative;
    z-index: 10;
    /* max-width: 1200px; */
    margin: 0 auto;
    padding: 0px;
    max-width: 1120px;
}

.slider-indicators {
    bottom: 140px;
    left: 180px;
}

.slide-counter {
    bottom: 140px;
    right: 180px;
}


.controls-wrapper {
    position: absolute;
    bottom: 40px;
    max-width: 1120px;
    min-width: 1120px;
    left: 50%;
    transform: translateX(-50%);
}

.slider-indicators {
    bottom: 0px;
    left: 0px;
}

.slide-counter {
    bottom: 0px;
    right: 0px;
}


    #mainSlider .slider-1 {
      background-image: url('/img/hero-slider/Slider_01.png');
    }

    #mainSlider .slider-2 {
      background-image: url('/img/hero-slider/Slider_02.png');
    }

    #mainSlider .slider-3 {
      background-image: url('/img/hero-slider/Slider_03.png');
    }

        .slide {
        background-size: cover;
        font-family: 'Oswald';
    }


    .slide  .slide-description{
        font-weight: 400;
        font-size: 30px;
        line-height: 110%;
    }


    .slide-btn {
        background: var(--base-color);
        border-color: var(--base-color--light);
    }

    .slide-btn:hover {
        background: var(--base-color);
        border-color: var(--base-color--light);
    }


    .slider-nav:hover {
        background-color: var(--base-color--light);
        border-color: var(--base-color--light);
    }


    .indicator-fill {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 0%;
        background: linear-gradient(90deg, var(--base-color), var(--base-color--light), var(--hs-white));
    }  

    .slider-nav.prev {
        left: 15px;
    }

    .slider-nav.next {
        right: 15px;
    }



    .info-panel {
        bottom: -100px;
    }