.parallax-bg {
    opacity:.4;
}

#gotoTop {
    --cnvs-gotoTop-stroke-color: var(--cnvs-themecolor);
    --cnvs-gotoTop-stroke-width: 4px;
    --cnvs-gotoTop-scroll: 260;
    background-color: transparent !important;
}

    #gotoTop::before {
        /* font-icons.css */
        content: "\F286";
        font-family: 'bootstrap-icons';
        position: absolute;
        left: 50%;
        top: 50%;
        width: calc(32px + calc(var(--cnvs-gotoTop-stroke-width) * .5));
        height: calc(32px + calc(var(--cnvs-gotoTop-stroke-width) * .5));
        line-height: calc(32px - 1px);
        font-size: 1rem;
        color: #222;
        transform: translate(-50%, -50%);
        border: 2px solid rgba(0,0,0,0.1);
        border-radius: 50%;
        z-index: -1;
    }

    #gotoTop circle {
        stroke: var(--cnvs-gotoTop-stroke-color);
        stroke-width: var(--cnvs-gotoTop-stroke-width);
        transform: rotate(-90deg);
        transform-origin: center;
        stroke-dashoffset: var(--cnvs-gotoTop-scroll);
        stroke-dasharray: 255 255;
        z-index: 1;
    }





.lozad {
    filter: blur(10px);
    transform: scale(1);
    height:375px;
}

.lozad::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    animation: pulse 2.5s infinite;
    background-color: white;
}

@keyframes pulse {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 0;
    }
}

.gallery-item{
    cursor:pointer;
}

.swiper-slide-bg {
    background-size: contain;
}