:root {
    --bultax-base: #005b38;
    --bultax-base2: #005b38;
    --bultax-base-rgb: 0, 91, 56;
}

.bultax-btn {
    border-radius: 100px;
}

.bultax-btn__icon {
    border-radius: 100px;
}

.globe {
    display: flex;
    justify-content: center;
    align-items: center;
    transform-style: preserve-3d;
}

.oval-vertical {
    position: absolute;
    width: 60px;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 50%;
    animation: rotateVerticalOnAxis 5s linear infinite;
}


/* Óvalo Horizontal: Giro infinito sobre el eje X */

.oval-horizontal {
    position: absolute;
    width: 100%;
    height: 60px;
    border: 2px solid #fff;
    border-radius: 50%;
    animation: rotateHorizontalOnAxis 5s linear infinite;
}


/* El Texto 360° */

.text-360 {
    padding: 5px;
    font-size: 15px;
    color: #fff;
}

@keyframes rotateVerticalOnAxis {
    from {
        transform: rotateX(0deg);
    }
    to {
        transform: rotateX(360deg);
    }
}

@keyframes rotateHorizontalOnAxis {
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(360deg);
    }
}

.main-header__inner {
    background-color: #fff;
    border-radius: 100px;
}

.main-header__logo {
    left: 50px;
}

.main-menu .main-menu__list>li {
    padding-top: 25px;
    padding-bottom: 25px;
}

.main-menu .main-menu__list>li.current>a,
.main-menu .main-menu__list>li:hover>a {
    padding: 5px 0;
}

.main-menu .main-menu__list>li>a::before,
.main-menu .main-menu__list>li>a::after {
    width: 100%;
}

#home video {
    margin-top: -100px;
}

.iconTitle {
    width: 50px !important;
}


/* ABOUT */

.iconAbout {
    width: 30%;
}

.about-one__thumb__funfact__count {
    font-size: 30px;
}


/* END ABOUT */


/* VIRTUAL */

#virtual360 {
    margin-top: 100px;
}

.video-two__item__video {
    background-color: var(--bultax-base, #FF5A1E);
    color: var(--bultax-white, #fff);
}

.btn360 {
    margin-top: 50px;
}


/* VIRTUAL */

.pricing__card:hover .pricing__card__plan::after,
.pricing__card:hover .pricing__card__plan::before {
    background-color: rgba(var(--bultax-base-rgb, 255, 90, 30), 1);
}

.unitsModels {
    font-size: 25px !important;
    font-weight: bold;
    margin-bottom: 20px;
}

.pricing__card__middle__text {
    font-size: 18px;
    max-width: 90%;
    text-transform: none;
}

.pricing__card__list__item__icon {
    width: 30px;
    height: 30px;
    background-color: var(--bultax-base);
    font-size: 25px;
}

.pricing-three--three .pricing__card__bottom__inner,
.pricing-three--three .pricing__card {
    width: 100%;
}

.service-one__bg::after {
    background-color: rgba(var(--bultax-black4-rgb, 14, 14, 14), 0.5);
}

.service-one__item__content {
    background-color: var(--bultax-base);
}

.service-one__item .icon {
    background-color: #fff;
    border-radius: 100px;
    padding: 20px;
    border: 1px solid var(--bultax-base);
}

.service-one__item .icon::after {
    display: none;
}

.service-one__item__title a {
    color: #fff;
}

.google-map__two {
    margin-bottom: 0px;
}

.main-footer__bottom__inner::before,
.main-footer__bottom__inner::after {
    background-color: var(--bultax-base);
}

#whatsapp-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #4DAE50;
    color: white;
    border-radius: 100px;
    padding: 15px;
    font-size: 24px;
    text-align: center;
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    transition: transform 0.2s ease;
    width: 70px;
    height: 70px;
}


/* Icono */

#whatsapp-button i {
    font-size: 40px;
    pointer-events: none;
}


/* Burbuja de texto */

#whatsapp-text {
    position: fixed;
    bottom: 30px;
    right: 100px;
    background-color: white;
    color: black;
    padding: 10px 14px;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    font-size: 14px;
    max-width: 225px;
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 999;
}


/* Animación de salto */

@keyframes bounce {
    0%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-15px);
    }
}

.client-carousel__item {
    padding: 0px 0px;
}

.client-carousel {
    padding-bottom: 30px;
}

.client-carousel::before,
.client-carousel::after {
    height: 0px;
}

#map {
    border-radius: 10px;
    width: 100%;
    height: 600px;
    border: 3px solid #005b38;
}

.marker {
    background-size: cover;
    width: 100px;
    height: 100px;
    cursor: pointer;
    -webkit-filter: drop-shadow(10px 10px 10px #222);
    filter: drop-shadow(10px 10px 10px #222);
}

.mapboxgl-popup {
    z-index: 999;
}

.mapboxgl-popup-content {
    pointer-events: none;
    /* Evita que el popup interfiera con el mouse */
    padding: 8px 12px;
    border-radius: 8px;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
}

.titleAmenities {
    color: #222 !important;
}

.form-one__control--full label {
    color: #fff;
}

.contact-one__call__item {
    padding-top: 20px;
    padding-bottom: 20px;
}

.contact-one__call__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 10%;
    margin-bottom: 10px;
}

.contact-one__call__item .icon {
    font-size: 40px;
}

.contact-one__call {
    padding: 40px 20px 60px;
}

.contact-one__call__item+.contact-one__call__item {
    margin-top: 25px;
}

.contact-one__call__item {
    padding-top: 24px;
    padding-bottom: 24px;
}

.preloader__image {
    background-size: 150px auto;
}

.service-one__carousel-nav button {
    background-color: var(--bultax-base);
}

.containerMap {
    background-color: #222;
    color: #fff;
    padding: 40px;
    border-radius: 20px;
}

.containerMap p {
    margin-top: 40px;
    color: #fff;
}

@media(max-width: 720px) {
    #home video {
        margin-top: 0px;
    }
    .iconHome {
        display: none;
    }
    .sec-title__tagline {
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 0px;
    }
    #map {
        width: 100%;
        height: 300px;
    }
    .marker {
        width: 50px;
        height: 50px;
    }
    .video-two__content__text {
        line-height: 70px;
        letter-spacing: 0;
    }
    .video-two__content {
        gap: 10px;
    }
    .sec-title__title {
        font-size: 22px;
    }
    .client-carousel__carousel {
        margin-top: 0;
    }
    #services {
        padding-bottom: 40px;
    }
    .client-carousel__item {
        padding: 15px 40px;
    }
}