.carousel-block {
    /*padding-top: 75px;*/
}

.quick-view-btn {
    visibility: hidden;
}

.compare-btn {
    visibility:hidden;
}

.text-gold {
    color: var(--gold);
}

hr {
    height: 2px; /* Sets the thickness of the line */
    background-color: #EEEEEE; /* Sets the color (hex, name, rgb, etc.) */
    border: 0; /* Removes the default 3D-like border */
}

/***************** ANIMATION *******************/

.spinning {
    animation: spin-animation 1s infinite;
    display: inline-block;
}

@keyframes spin-animation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

.hotspot-pulse {
    animation: hotspotPulse 1s ease infinite alternate;
}

@keyframes hotspotPulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.3);
        opacity: 0.5;
    }
}

.pulse-animation {
    animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}

@keyframes heartbeat {
    0% {
        transform: scale( .75 );
    }

    20% {
        transform: scale( 1 );
    }

    40% {
        transform: scale( .75 );
    }

    60% {
        transform: scale( 1 );
    }

    80% {
        transform: scale( .75 );
    }

    100% {
        transform: scale( .75 );
    }
}

.gradient-wave {
    background-size: 400% 400% !important;
    animation: gradient 15s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.heartbeat {
    animation: heartbeat 1s infinite;
}

@keyframes pulse {
    10% {
        transform: scale(1.1)
    }
}

@keyframes pulsecolor {
    10% {
        background: #dd0000
    }
}

.pulsing-heart {
    animation: pulse 1s infinite;
}

    .pulsing-heart:before, .pulsing-heart:after {
        /*background: #aa0000;*/
        /*border-radius: 50px 50px 0 0;*/
        transform: rotate(-45deg);
        transform-origin: 0 100%;
        animation: pulsecolor 1s infinite;
    }

    .pulsing-heart:after {
        transform: rotate(45deg);
        transform-origin: 100% 100%;
        animation: pulsecolor 1s infinite;
    }

.spinner-grow,
.spinner-border {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    -webkit-animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg) /* rtl:ignore */;
        transform: rotate(360deg) /* rtl:ignore */;
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg) /* rtl:ignore */;
        transform: rotate(360deg) /* rtl:ignore */;
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent;
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0;
}

.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
    .spinner-border,
    .spinner-grow {
        --bs-spinner-animation-speed: 1.5s;
    }
}

/***************** ANIMATION *******************/

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.3125rem !important;
}

.mb-2 {
    margin-bottom: 0.625rem !important;
}

.mb-3 {
    margin-bottom: 1.25rem !important;
}

.mb-4 {
    margin-bottom: 1.875rem !important;
}

.mb-5 {
    margin-bottom: 3.75rem !important;
}

.header-font-serif {
    font-family: Bebas Neue, ui-serif, Georgia, Cambria, Times New Roman, Times, serif;
}