/*Arrows sliders*/

.slick-arrow {
    position: absolute;
    top: 10%;
    transform: translateY(-50%);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 36px;
    border: none;
    border-radius: 10px;
    font-size: 0;
    color: #000000;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.slick-arrow::before {
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 25px;
    height: 25px;
    position: relative;
}

.slick-prev {
    right: 60px;
    background-color: #00FFA9;
}

.slick-prev::before {
    /*
    background-image: url(/deployedfiles/thanx/Estaticos/Imagenes/Iconos/chevron_rigth.svg);
    transform: rotate(180deg);
    */
    background-image: url(icos/chevron_rigth.png);
    transform: rotate(180deg);
    left: -2px;
}

.slick-prev.slick-disabled::before {
    /*
    background-image: url(/deployedfiles/thanx/Estaticos/Imagenes/Iconos/chevron_left.svg);
    */
    background-image: url(icos/chevron_forward.png);
    transform: none;
}

.slick-next.slick-disabled,
.slick-prev.slick-disabled {
    background-color: #FFFFFF1A;
    cursor: auto;
}


.slick-next {
    right: 10px;
    background-color: #00FFA9;
}

.slick-next::before {
    /*
    background-image: url(/deployedfiles/thanx/Estaticos/Imagenes/Iconos/chevron_rigth.svg);
    */
    background-image: url(icos/chevron_rigth.png);
}

.slick-next.slick-disabled::before {
    /*
    background-image: url(/deployedfiles/thanx/Estaticos/Imagenes/Iconos/chevron_left.svg);
    */
    background-image: url(icos/chevron_forward.png);
    transform: rotate(180deg);
}

.slick-prev:hover,
.slick-next:focus {
    opacity: 0.9;
}

.slick-arrow:focus {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
}

/*Dots*/

.slick-dots {
    width: 100%;
    display: flex;
    margin-top: 44px;
    justify-content: center;
}

.slick-dots .slick-active button {
    background: #00FFA9;
    outline: 2px solid #fff;
    outline-offset: 2px;
}

.slick-dots li button:hover{
   background: #00FFA9;
}

.slick-dots li {
    list-style: none;
    padding-right: 12px;
}

.slick-dots li button {
    border-radius: 50%;
    font-size: 0;
    width: 15px;
    height: 15px;
    background: #FFFFFF;
    border: 0;
    cursor: pointer;
    padding: 0;
    font-size: 0;
}





.slick-slide:focus-visible {
    outline: none;
}
.slick-slide:focus-visible .features-carousel__card,
.slick-slide:focus-visible .card{

   box-shadow: 0 0 0 3px rgba(21, 156, 228, 0.4);
    border-radius: 16px;
}


.slick-track {
    padding: 5px 0;
}

.slick-center .testimonial-card .testimonial__img {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    margin-right: 0;
    transform: rotateY(180deg);
}

/*------------------Slider de Caracteristicas -------------------*/



#controles-features-carrousel{
    position:relative;
     height: 40px;
}

.features-carousel__element{
    padding-left: 15px;
    padding-right: 15px;
}

.features-carousel__title{
    font-family: "Rubik";
    font-weight: 300;
    font-size: clamp(2rem, 1.906rem + 0.382vw, 2.25rem);
    line-height: 2.25rem;
    letter-spacing: -0.01em;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 21px;
    color: var(--text-color-white);
}

.features-carousel__text{
    font-family: "Rubik";
    font-weight: 400;
    font-size: clamp(1rem, 0.953rem + 0.191vw, 1.125rem);
    line-height:clamp(1.5rem, 1.406rem + 0.382vw, 1.75rem);
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: var(--text-color-white);
    max-width: 773px;
    margin: auto;
    margin-bottom: auto;
    margin-bottom: 46px;
}

.features-carousel__card {
    background: linear-gradient(180deg, rgba(14, 28, 46, 0.8) 0%, rgba(14, 28, 46, 0.98) 46.71%);
    border-radius: 20px;
    padding: 44px 37px;
    box-shadow: 0px 4px 80px 0px #0000001A;

   
}

 @media (min-width: 1200px) and (max-width: 1399.98px) {
    .features-carrousel .features-carousel__card {
        padding: 44px 25px;
        
    }
}

@media (min-width:766.98px) and (max-width: 991.98px) {
    .features-carousel__card {
        padding: 40px 15px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) { 
    .features-carousel__card .cc-element__title{
       padding:0 45px;
    }
}
@media (max-width:766.98px) {
    .features-carrousel .features-carousel__card {
        padding: 40px 30px;
    }
}



.features-carrousel .slick-list{
    padding: 0 50px 0 0;
    width: calc(100% + 10px);
}
    

.features-carousel__card .cc-element__title {
    font-family: "Rubik";
    font-weight: 300;
    font-size: clamp(1.5rem, 1.406rem + 0.382vw, 1.75rem);
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
    color: var(--text-color-white);
    margin-bottom: 17px;
}

.features-carousel__card .cc-element__img{
    width: 70px;
    height: 70px;
    margin-bottom: 47px;

}

.features-carousel__card .cc-element__img-wrap{
    display: flex;
  justify-content: center;
}

.features-carousel__card .cc-element__description {
    font-family: "Rubik";
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25rem;
    letter-spacing: 0.01em;
    text-align: center;
    color: var(--text-color-white);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    block-overflow: ellipsis;
    min-height: 60px;
}

.features-carousel__card .cc-element__description p:last-of-type {
    margin-bottom: 0;
}


/*+++++++++++++++Slider Testimonial+++++++++++++++++++*/

.testimonial-slider {
    position:relative;
    margin-bottom: 110px;
}

.testimonial-wrap.slick-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    padding: 15px;
}

.testimonial-wrap .testimonial-card {
    background: linear-gradient(180deg, rgba(14, 28, 46, 0.8) 29.47%, #0E1C2E 87.63%);
    padding: 28px;
    display: flex;
    flex-direction: row;
    border-radius: 16px;
}

.testimonial-wrap .testimonial-title {
    font-family: "Rubik";
    font-weight: 300;
    font-size: clamp(1.25rem, 1.156rem + 0.382vw, 1.5rem);
    line-height: 100%;
    letter-spacing: 0;
    vertical-align: middle;
    color: var(--text-color-white);
}



.testimonial-wrap .testimonial-subtitle {
    font-family: "Rubik";
    font-weight: 400;
    font-size: clamp(0.875rem, 0.828rem + 0.191vw, 1rem);
    line-height: 100%;
    letter-spacing: 0;
    vertical-align: middle;
    color: var(--color-btn-green);
}

.testimonial-wrap .testimonial-text {
    font-family: "Rubik";
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: 0.01em;
    vertical-align: middle;
    color: var(--text-color-white);
    max-width: 320px;
}

.testimonial-card .testimonial__img{
    width: 50px;
    height: 50px;
    margin-right: 20px;
    border-radius: 50%;
}

.js-testimonial-slider .slick-center .testimonial-card {
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    height: 360px;
    transform: scale(1.08);
    flex-direction: column;
    position: relative;
    padding: 0;
}

.js-testimonial-slider .slick-track {
    height: 400px;
    display: flex;
    align-content: center;
    align-items: center;
}

.js-testimonial-slider .slick-center .testimonial-card .testimonial-wrap__text {
    position: absolute;
    bottom: 28px;
    left: 28px;
}

.js-testimonial-slider .slick-arrow {
    top: 10%;
}


/*++++++++++ Document Slider ++++++++++++++++++++++*/


.document-carrusel__card .card {
    background: linear-gradient(180deg, rgba(14, 28, 46, 0.8) 29.47%, #0E1C2E 87.63%);
    padding: 36px 36px 12px 36px;
    display: flex;
    border-radius: 16px;
}

.document-carrusel__text h2{
    font-family: "Rubik";
    font-weight: 300;
    font-size: clamp(2rem, 1.906rem + 0.382vw, 2.25rem);
    line-height: 100%;
    letter-spacing: -0.16px;
    vertical-align: middle;
    text-align: center;
    color: var(--text-color-white);
    margin-bottom: 64px;
}
.document-carrusel__text h2 span{
    color: var(--color-btn-green);
}

.document-carrusel__card .card-text {
    font-family: "Rubik";
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: var(--text-color-white);
    margin-top: 30px;
}

.document-carrusel__card .document-carrusel__item-text {
    padding: 0 24px;
}

.document-carrusel__card.slick-slide{
    padding: 0 15px;
}

.document-carrusel__wrap .card a{
    text-decoration:none;
}