* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body {
    font-family: "Poppins", sans-serif !important;
    background: #ffffff;
}

.pointer {
    cursor: pointer;
}

.grab {
    cursor: grab;
}

.loader {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    background-image: url("../loader/coche_loader.gif");
    background-size: 300px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10000000;
    opacity: 0.8;
}

/* .swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
.swiper-scrollbar-lock {
    display: none;
} */

.overflow-x-hidden {
    overflow-x: hidden !important;
}

.animation-fade {
    animation: fade-in-down 0.6s ease-in-out 0.3s both;
}

.animation-fade-left {
    animation: fade-in-left 0.6s ease-in-out 0.3s both;
}

.animation-fade-right {
    animation: fade-in-right 0.6s ease-in-out 0.3s both;
}

/* left */
@keyframes fade-in-left {
    from {
        opacity: 0;
        transform: translateX(-40px); /* Adjust the value to control the initial position */
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* right */
@keyframes fade-in-right {
    from {
        opacity: 0;
        transform: translateX(40px); /* Adjust the value to control the initial position */
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* down */
@keyframes fade-in-down {
    from {
        opacity: 0;
        transform: translateY(-40px); /* Adjust the value to control the initial position */
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}