/* SLIDER */
.slider-container {
    position: relative;
}

.slider-container .slider {
    display: flex;
    aspect-ratio: 16 / 9;
    overflow-x: auto;
    -ms-overflow-style: none;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.slider-container .slider::-webkit-scrollbar {
    display: none;
}

.slider-container .slider .slide {
    flex: 1 0 100%;
    position: relative;
    scroll-snap-align: start;

    & > img {
        width: 100%;
        height: 100%;
        position: absolute;
    }
}

.slider-container .slider .slide .content {
    height: 100%;
    padding: 70px 98px 43px;
}

.slider-container .slider .slide .content .center-r {
    height: 100%;
    display: grid;
    grid-template-rows: auto auto;
    gap: 27px;
    position: relative;
    right:70px;
    margin-top: 80px;

    & p {
        align-self: end;
        font-size: 93px;
        line-height: 70px;
        text-align: left;
        color: grey;
        font-family: "Inter", sans-serif;
        font-weight: 600;
        margin-left:120px;
    }

}

.parrafo-slider{
    margin-bottom: -150px;
}

.parrafo-slider p{
    font-size: 18px !important;
    color:#000000 !important;
    align-self: start !important;

}

.slider-container .slider .slide .content .center-r > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;

    & .quote {
        width: 137px;
        border: none;
    }


    & .quote, .contact {
        z-index: 1;
    }
}

.slider-container .slider .slide .content .center-r > div .contact {
    width: 84px;
    height: 84px;
    position: fixed;
    top: 570px;
    right:20px;

    & img {
        width: 100%;
        height: 100%;
    }
}

.nav-buttons { /* NAV BUTTONS */
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.nav-buttons .directions {
    grid-row: 2;
    display: flex;
    justify-content: space-between;
}

.nav-buttons .directions div {
    width: 97px;
    height: 97px;
    cursor: pointer;
    margin-left: 100px;
    
    & img {
        width: 40px;
        height: 40px;
    }

    
}

.nav-buttons .indicators {
    display: flex;
    align-items: end;
    align-self: end;
    justify-self: center;
    grid-row: 3;
    height: 20px;
    margin-bottom: 32px;

    gap:5px;
}

.nav-buttons .indicators div {
    flex: auto;
    height: 29px;
    width: 29px;
    cursor: pointer;
    border-radius: 50%;
}

.nav-buttons .indicators .active {
    background-color:#56A694 !important ;
}

.nav-buttons .indicators .ind-1 {
    background-color: #74B8A8;
}

.nav-buttons .indicators .ind-2 {
    background-color: #74B8A8;
}

.nav-buttons .indicators .ind-3 {
    background-color: #A8DDD0;
}

.nav-buttons .indicators .ind-4{
    background-color: #B9E8DD;
}

.nav-buttons .indicators .ind-5{
    background-color: #D0F4EC;
}


.subtitulo{
    align-self: end;
    font-size: 93px;
    line-height: 54px;
    text-align: right;
    color:#3E9984;
    font-family: "Inter", sans-serif;
    font-weight: 600;
}

.nuevo-boton-verde{
    margin-top: -120px;
    width:fit-content;
    margin-left:120px;
    margin-right: 40px;
}
/* END-SLIDER */