.template-9823.style-1 {
    background: #ffffff6c;
    backdrop-filter: blur(20px);
}

.template-9823.style-1 .project_card_btn--gradient-text .project_card__btn_text {
    background: var(--color-9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    transition: all 0.3s;
}

.template-9823.style-1 .project_card_btn--pulse {
    box-shadow: 0 0 0 0 rgba(255,255,255,0.7);
    animation: pulseShadow-9823 3s infinite;
}

@media (min-width: 991.92px) {
    
    .template-9823.style-1 .project_card_btn--pulse {
        animation: pulseShadow-9823-desktop 3s infinite;
    }
}

/* Keyframes for pulsating effect */

@keyframes pulseShadow-9823 {
   
    0% {
        box-shadow: 0 0 5px 2px rgb(255 255 255);
    }
    50% {
        box-shadow: 0 0 5px 5px rgb(255 255 255);
    }
    100% {
        box-shadow: 0 0 2px 2px rgb(255 255 255);
    }
}

@keyframes pulseShadow-9823-desktop {
   
    0% {
        box-shadow: 0 0 10px 3px rgb(255 255 255);
    }
    50% {
        box-shadow: 0 0 10px 10px rgb(255 255 255);
    }
    100% {
        box-shadow: 0 0 10px 3px rgb(255 255 255);
    }
}

@media (min-width: 991.92px) {

    .template-9823.style-1 .project_card__btn:hover .project_card__btn_text {
        color: var(--color-2);
        -webkit-text-fill-color: unset;
    }

    .template-9823 .project_card__image.project_card__image--hover-exposure {
        transition: all 2s;
    }

    .template-9823:hover .project_card__image.project_card__image--hover-exposure {
        filter: brightness(1.35) contrast(1.1) saturate(1.02);
    }

    .template-9823:hover .project_card__image.project_card__image--hover-up {
        transform: translateY(-15%);
    }

    .template-9823:hover .project_card__image.project_card__image--hover-up-right {
        transform: translate(15%, -15%);
    }
}

/* Prime */

.template-9823.has-prime .prime__body {
    transform: rotate(15deg);
}

.template-9823.has-prime .prime__body_img {
    max-width: 250px; transform: scaleX(-1);
}

.template-9823.has-prime .prime__hand {
    transform: rotate(-20deg); z-index: 0; top: 110px; left: 15px;
}

.template-9823.has-prime .prime__hand_img {
    max-width: 80px; animation: wave 2.7s 0.6s infinite; transform-origin: 100% 50%;
}