::-webkit-scrollbar {
        width: 6px !important;
        height: 5px !important;
        background: rgb(194, 194, 194);
    }

    ::-webkit-scrollbar-thumb {
        background-color: #ED1C24 !important;
        border-radius: 2px !important;
    }

    ::-webkit-scrollbar-thumb:hover {
        background-color: #c3181f !important;
    }

    .card-hover:hover {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transform: translateY(-5px);
        transition: all 0.3s ease-in-out;
    }


    .wave-text {
        display: inline-block;
    }

    .wave-text span {
        display: inline-block;
        opacity: 0;
        transform: translateY(0);
        animation: waveAnimation 2s ease-in-out infinite;
    }

    @keyframes waveAnimation {
        0% {
            transform: translateY(0);
        }

        25% {
            transform: translateY(-1.5px);
        }

        50% {
            transform: translateY(0);
        }

        75% {
            transform: translateY(1.5px);
        }

        100% {
            transform: translateY(0);
        }
    }


    .mobileSearchBar {
        display: none;
    }

    @media only screen and (max-width: 991px) {
        .mobileSearchBar {
            display: block;
            padding-top: 65px
        }
    }

    /* Basic setup for animation */

    @keyframes imageZoomInOut {

        0%,
        100% {
            transform: scale(1.05);
        }

        50% {
            transform: scale(1);
        }
    }

    @keyframes fadeInUp {

        0%,
        100% {
            transform: rotate(-0.5deg);
        }

        50% {
            transform: rotate(0.5deg);
        }
    }


    /* Apply the animation to the service item */
    .service-item-animation {
        animation: fadeInUp 2.5s ease-in-out infinite;
        opacity: 1 !important;
    }

    .service-item-animation:hover {
        animation-play-state: paused;
        /* Slight zoom on hover */
        transition: transform 0.3s ease-in-out;
        /* Smooth transition */
    }

    .service-item-animation p {
        font-size: 12px;
    }

    /* Make the service cards stretch to the same height */
    .service-card {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    /* Optional: Hover effect on the card for interactivity */
    .service-card:hover {
        transform: scale(1.06);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
        transition: all 0.5s ease;
    }


    /* Base Animation Settings */
    @keyframes fadeInAchievements {
        0% {
            /* opacity: 0; */
            transform: translateY(10px);
        }

        100% {
            /* opacity: 1; */
            transform: translateY(-10px);
        }
    }

    @keyframes scalefadeInAchievements {

        0%,
        100% {
            transform: scale(1);
        }

        50% {
            transform: scale(1.2);
        }
    }

    @keyframes pricefadeInAchievements {

        0%,
        100% {
            transform: scale(1.2);
        }

        50% {
            transform: scale(1);
        }
    }

    /* Animations */
    .animate-fade-in-achievements {
        animation: fadeInAchievements 1.5s ease-in-out infinite alternate;
    }

    .animate-scale-achievements {
        animation: scalefadeInAchievements 2s ease-in-out infinite;
    }

    .animate-price-achievements {
        animation: pricefadeInAchievements 2s ease-in-out infinite;
    }

    /* Common page css */

    .text-truncate-line-2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        min-height: 3em;
    }


    @media only screen and (max-width: 500px) {
        .text-truncate-line-2 {
            -webkit-line-clamp: 2;
            min-height: 3em;
            font-size: 13px;
        }

        .bannerVideoHome {
            margin-top: 20px;
        }
    }

    /* admin dashboard sidebar menu */
    .active_menu,
    .active_menu i {
        background: #ED1C24;
        color: #ffffff !important;
    }

    #sideNavbar li.border {
        border: none !important;
        border-bottom: 1px dotted #e2e2e2 !important;
    }

    .productCustomSize {
        width: 100% !important;
        height: auto;
        aspect-ratio: 1/1;
        object-fit: cover;
    }

    .shopProductCustomSize {
        width: 100% !important;
        height: auto;
        aspect-ratio: 1/1;
        object-fit: cover;
    }

    .text-primary {
        color: #ED1C24 !important;
    }

    .bg-primary {
        background-color: #ED1C24 !important;
    }

    .btn-primary {
        background-color: #ED1C24;
        border-color: #ED1C24;
    }

    .btn-outline-primary {
        color: #ED1C24;
        border-color: #ED1C24;
    }

    .border-primary {
        border-color: #ED1C24 !important;
    }

    #social-links ul {
        /* border: 1px solid red; */
        padding: 0px;
    }

    #social-links ul li {
        display: inline-block;
    }

    #social-links ul li {
        padding: 1px 9px;
        margin: 2px;
        font-size: 22px;
        color: #ED1C24;
        background-color: white;
        box-shadow: 2px 2px 5px #ED1C24;
        border-radius: 5px;
    }


    .logo-container {
        position: relative;
        display: inline-block;
        overflow: hidden;
    }

    .logo-effect {
        display: block;
        position: relative;
        z-index: 1;
        animation: wave 5s infinite ease-in-out;
    }

    /* White shine effect */
    .logo-container::after {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
        animation: shine-animation 2s infinite linear;
        z-index: 2;
    }

    /* Waving animation */
    @keyframes wave {
        0% {
            transform: rotate(0deg) scale(1);
        }

        25% {
            transform: rotate(-0.5deg) scale(1.02);
        }

        50% {
            transform: rotate(0deg) scale(1);
        }

        75% {
            transform: rotate(0.5deg) scale(1.02);
        }

        100% {
            transform: rotate(0deg) scale(1);
        }
    }

    /* Shining animation */
    @keyframes shine-animation {
        0% {
            left: -100%;
        }

        100% {
            left: 100%;
        }
    }

    /* Button container with relative positioning */
    .btn-effect {
        position: relative;
        overflow: hidden;
        display: inline-block;
        transition: transform 0.3s ease-in-out;
    }

    /* White shine effect */
    .btn-effect::after {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
        animation: shine-animation 2s infinite linear;
    }

    /* Button hover effect for slight scale */
    .btn-effect:hover {
        transform: scale(1.05);
    }

    /* Shining animation */
    @keyframes shine-animation {
        0% {
            left: -100%;
        }

        100% {
            left: 100%;
        }
    }