/* Rotation animation for the outer border */
@keyframes rotateBorder {
    0% {
        transform: rotate(0deg);
    }

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

@keyframes counterRotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

.rotating-border {
    animation: rotateBorder 8s linear infinite;
}

.counter-rotate {
    animation: counterRotate 8s linear infinite;
}

.middle-rotate {
    animation: rotateBorder 8s linear infinite;
}

.middle-counter-rotate {
    animation: counterRotate 8s linear infinite;
}

.img_anim {
    transform: rotate(5deg) scale(1);
    transition: 1s all;
}

.img_anim.img_anim_top-left,
.img_anim.img_anim_bottom-left {
    transform: rotate(345deg) scale(1);
}

.img_anim:hover {
    transform: rotate(0deg) scale(1.3);
}
.img_anim.img_anim_top-left:hover{
    transform: rotate(350deg) scale(1.3);
}

.img_anim.img_anim_bottom-left:hover {
    transform: rotate(350deg) scale(1.03);
}



.circular-image {
    visibility: hidden;
    /* Fully hidden on initial page load */
}

.qr-code img {
    background-color: white;
    padding: 8px;
    border-radius: 8px;
    overflow: hidden;
}


.swiper-awards .swiper-wrapper {
    transition-timing-function: linear !important;
    will-change: transform;
    transform: translateZ(0);
    animation-play-state: running;
}


.swiper-awards {
    transition-timing-function: linear !important;
    will-change: transform;
    transform: translateZ(0);
}

.mask-gradiant {
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 100%);
}


@media (max-width: 768px) {
    .pharmdel-bg {
        background-image: none !important;
    }
}