/*************
 Elize Btn
 /*************/
 .sc-btn {
    display:inline-flex;
    transition:all 0.3s ease;
    padding-right:24px;
    position:relative;
 }
 .sc-btn span,
 .sc-btn i {
    display:inline-flex;
    background-color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
    text-transform:uppercase;
    letter-spacing: -0.01rem;
    border-style: solid;
    border-width: 0px;
    border-radius: 50px;
    padding: 15px 30px 15px 30px;
    transform: translateX(0);
    transition: all 0.3s ease;
 }
 /* .sc-btn span {
    padding-right:40px;
 } */
.sc-btn span {
    /* padding-right:15px; */
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.sc-btn i {
    aspect-ratio: 1 / 1;
    padding:0;
    width:46px;
    transition: all 0.3s ease;
}
.sc-btn i svg {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:16px;
}

.sc-btn i {
    transform: translateX(-23px);
}

.sc-btn:hover i {
    transform: translateX(8px);
}

.sc-btn__green span,
.sc-btn__green i {
    background:var(--lime);
}
.sc-btn__green span {
    color:var(--black)
}
.sc-btn__green i svg {
    fill:var(--black);
}
.sc-btn__green:hover i {
    background:var(--black);
}
.sc-btn__green:hover i svg {
    fill:var(--lime);
}
.sc-btn__green.hero:hover i {
    background:white;
}

.sc-btn__black span,
.sc-btn__black i {
    background:var(--black);
}
.sc-btn__black span {
    color:white;
}
.sc-btn__black i svg {
    fill:white;
}
.sc-btn__black:hover i {
    background:white;
}
.sc-btn__black:hover i svg {
    fill:var(--lime);
}


.sc-btn__white span,
.sc-btn__white i {
    background:white;
}
.sc-btn__white span {
    color:var(--lime);
}
.sc-btn__white i svg {
    fill:var(--lime);
}
.sc-btn__white:hover i {
    background:var(--lime);
}
.sc-btn__white:hover i svg {
    fill:white;
}





/*************
 SLIDER
 /*************/


 .slider-container {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top:250px;
}

.slider-container:before {
    width: 250px;
    height: 250px;
    content: "";
    background: url('../img/speech-marks.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translateX(-50%);
}

.slides {
    display: flex;
    transition: transform 0.5s ease-in-out; 
}
.slide {
    flex: 0 0 100%; 
    display:flex;
    flex-direction: column;
    justify-content:center;
    padding:0rem 4rem;
}
/* @media (max-width: 768px) {
    .slide {
        padding:2rem;
    }
} */
.slide-inner {
    max-width:768px;
    width:100%;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    overflow: hidden;
    justify-content:center;
    text-align:center;
}
.slide-inner .testimonial-text {
    color: var(--e-global-color-primary);
    font-family: var(--e-global-typography-0a2a945-font-family), Sans-serif;
    font-size: var(--e-global-typography-0a2a945-font-size);
    font-weight: var(--e-global-typography-0a2a945-font-weight);
    line-height: var(--e-global-typography-0a2a945-line-height);
    letter-spacing: var(--e-global-typography-0a2a945-letter-spacing);
}
.slide-inner span {
    font-size: 1rem;
    font-weight:300;
}
.slide-inner span.author {
    font-weight:700;
    margin-top:2rem;
}
.slide-inner span.position {
    margin-bottom:1rem;
    font-size:0.75rem;
}
.controls {
    display: none; 
    position: absolute;
    width: 100%;
    height:100%;
    top:0;
    justify-content: space-between;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
}

.controls button {
    pointer-events: all;
    border: none;
    cursor: pointer;
    opacity: 1;
    position:absolute;
    text-indent:-9999rem;
    display: block;
    z-index:1;
    width:64px;
    height:64px;
    border-radius:100px;
    background: var(--off-white);
    transition:all 0.3s ease-in-out;
}

.controls button:disabled {
    opacity: 0;
}

.controls button:hover {
    background: var(--lime);
} 

.controls button svg {
    width:50px;
    height:15px;
    content:"";
    position:absolute;
    top:50%;
    left:0px;
    transition:all 0.3s ease-in-out;
    fill: var(--black);
}

.controls button.prev, .controls button.next {
    top:50%;
    transform: translateY(-50%);
}

.controls button.next {
    right:0px;
    left:auto;
}

.controls button.next svg {
    transform:translate(-25px, -50%);
}

.controls button.prev svg {
    transform:translate(40px, -50%);
}

.controls button.next:hover svg,
.controls button.prev:hover svg {
    transform:translate(0, -50%);
}

@media (max-width: 768px) {
    .slide-inner .testimonial-text {
        font-size:2rem;
    }
}