/* PAGE MAIN SECTION HERO */
main section.hero .slide-carousel {
    width: 100%;
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 86px;
    padding-bottom: 32px;
}

main section.hero .slide-carousel:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--dark-color), 0.62);
}

main section.hero .slide-carousel .carousel-content .carousel-number {
    font-size: 2rem;
    font-family: var(--font-urbanist-bold);
    color: rgba(var(--light-color), 1);
    margin-bottom: 42px;
}

main section.hero .slide-carousel .carousel-content .carousel-number span {
    font-size: 0.875rem;
    font-family: var(--font-urbanist-medium);
    color: rgba(var(--light-color), 0.42);
}

main section.hero .slide-carousel .carousel-content .carousel-title {
    width: 60%;
    font-size: 3.75rem;
    font-family: var(--font-playfair-display-sc-regular);
    margin-bottom: 12px;
    color: rgba(var(--light-color), 1);
}

main section.hero .slide-carousel .carousel-content .carousel-description {
    width: 50%;
    font-size: 0.913rem;
    margin-bottom: 42px;
    color: rgba(var(--light-color), 1);
}

main section.hero .slide-carousel .carousel-content .carousel-button .button-navigation {
    width: 46px;
    height: 46px;
    aspect-ratio: 1/1;
    background-color: rgba(var(--light-color), 1);
    border: none;
    outline: none;
    stroke: none;
    cursor: pointer;
}

main section.hero .slide-carousel .carousel-content .carousel-button .button-navigation:hover {
    opacity: 0.90;
}

main section.hero .slide-carousel .carousel-content .carousel-button .button-navigation:first-child {
    border-right: var(--border-solid) rgba(var(--dark-color), 0.12);
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

main section.hero .slide-carousel .carousel-content .carousel-button .button-navigation:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

main section.hero .slide-carousel .carousel-content .carousel-button .button-navigation .arrow-left-dark,
main section.hero .slide-carousel .carousel-content .carousel-button .button-navigation .arrow-right-dark {
    width: 14px;
    height: 14px;
    background-image: url("./../../image/icon/arrow-left-dark.svg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

main section.hero .slide-carousel .carousel-content .carousel-button .button-navigation .arrow-right-dark {
    background-image: url("./../../image/icon/arrow-right-dark.svg");
}

main section.hero .slide-carousel .carousel-content .carousel-button .button-primary .villa-icon,
main section.hero .slide-carousel .carousel-content .carousel-button .button-primary .book-icon,
main section.hero .slide-carousel .carousel-content .carousel-button .button-primary .phone-icon {
    width: 14px;
    height: 14px;
    background-image: url("./../../image/icon/villa-light.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

main section.hero .slide-carousel .carousel-content .carousel-button .button-primary .book-icon {
    background-image: url("./../../image/icon/book-light.svg");
}

main section.hero .slide-carousel .carousel-email {
    font-size: 0.875rem;
    color: rgba(var(--light-color), 0.62);
    text-align: end;
}

main section.hero .slide-carousel .carousel-email:hover {
    color: rgba(var(--light-color), 1);
}
/* END PAGE MAIN SECTION HERO */

/* RESPONSIVE */
@media (max-width: 1199.98px) {
    main section.hero .slide-carousel .carousel-content .carousel-number,
    main section.hero .slide-carousel .carousel-content .carousel-description {
        margin-bottom: 32px;
    }

    main section.hero .slide-carousel .carousel-content .carousel-title {
        width: 80%;
        font-size: 3.5rem;
    }

    main section.hero .slide-carousel .carousel-content .carousel-description {
        width: 55%;
    }
}

@media (max-width: 991.98px) {
    main section.hero .slide-carousel .carousel-content .carousel-title {
        width: 100%;
        font-size: 3.25rem;
    }

    main section.hero .slide-carousel .carousel-content .carousel-description {
        width: 80%;
    }
}

@media (max-width: 767.98px) {
    main section.hero .slide-carousel {
        padding-bottom: 20px;
    }

    main section.hero .slide-carousel .carousel-content .carousel-title {
        font-size: 3rem;
    }

    main section.hero .slide-carousel .carousel-content .carousel-description {
        width: 100%;
    }

    main section.hero .slide-carousel .carousel-email {
        text-align: start;
    }
}
/* END RESPONSIVE */