.darhboardButton a{
          background-color:#cc1e20 !important;
     }
    .darhboardButton a:hover{
        background-color:#cc1e20 !important;
        box-shadow:unset !important;
        color:#fff !important;
    }
        video.modal_image {
            z-index: 1;
            height: 64px;
            width: 100px;
            object-fit: cover;
        }

        .stampingMain .container .navbar-collapse ul#profile_dropdown::before {
            content: '';
            position: absolute;
            top: -1px;
            right: 1.2rem;
            width: 0.75rem;
            height: 0.75rem;
            display: block;
            background: #FFFFFF;
            -webkit-transform: rotate(45deg) translate(-7px);
            -ms-transform: rotate(45deg) translate(-7px);
            transform: rotate(45deg) translate(-7px);
            border-top: 1px solid rgba(0, 0, 0, 0.1);
            border-left: 1px solid rgba(0, 0, 0, 0.1);
            z-index: 10;
            box-sizing: border-box;
        }

        .stampingMain .container .navbar-collapse ul.show {
            animation: dropdown_slide 0.5s ease-in-out;
            box-shadow: 0 0 10px rgb(200, 200, 200);
        }

        .stampingMain .container .navbar-collapse ul a {
            font-size: 15px;
        }

        .stampingMain .container .navbar-collapse ul i {
            margin-right: 10px;
        }

        @keyframes dropdown_slide {
            0% {
                opacity: 0.5;
                transform: translateY(20px);
            }

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

        /* ************ SEARCH BAR CSS START ************** */
        .search-result-theme1 {
            background-color: #f9f9f9;
            border: 1px solid #ddd;
            padding: 15px !important;
            position: absolute;
            top: 69px !important;
            max-height: 350px !important;
            overflow-x: hidden;
            z-index: 2;
            border-radius: 10px !important;
            left: 32.5% !important;

        }

        .search-result-theme1 ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

        .search-result-theme1 li {
            cursor: pointer;
            padding: 5px;
            list-style-type: none;
        }

        .search-result-theme1 li:hover {
            background-color: #ddd;
        }

        @media (max-width:1024px) {
            .search-result-theme1 {
                left: 0% !important;
            }
        }

        @media (max-width:768px) {
            .search-result-theme1 {
                top: 69px;
                left: 20.5%;
            }
        }

        @media (max-width:820px) {
            .search-result-theme1 {
                left: 24.5%;
            }
        }

        @media (max-width:600px) {
            .search-result-theme1 {
                width: 380px;
                top: 69px;
                left: 20.5%;
            }
        }

        @media (max-width:470px) {
            .search-result-theme1 {
                left: 0% !important;
                width: 100%;
            }
        }

        @media (max-width:770px) {
            .mantanance-style h3 {
                font-size: 10px;
            }
        }
        @media (max-width:991px) {
            .nav-link-mb {
                margin:7px 12px !important;
            }
        }
        .stampingMain .container .navbar-collapse .dropdown .dropdown-menu li{
            margin-right: 22px;
        }
        /* ************ SEARCH BAR CSS END ************** */
   .circle-container {
            position: fixed;
            top: 50%;
            right: 30px;
            transform: translate(0%, -50%);
            z-index: 9999;
        }

        .circle {
            width: 200px;
            height: 200px;
            color: white;
            background-color: rgb(128, 0, 0);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        @media (max-width: 768px) {
            .circle {
                width: 100px;
                height: 100px;
            }
        }

        .category-list {
            list-style-type: none;
            margin: 5px;
            padding: 0;
        }

        div#reviewModal {
            width: 96%;
        }

        @media (min-width:900px) {

            div#reviewModal {
                width: 750px;
            }
        }

        @media (min-width:1400px) {
            div#reviewModal {
                width: 900px;
            }
        }

        #charCount {
            position: absolute;
            bottom: -5px;
            right: 27px;
            font-size: 12px;
            color: #6c757d;
        }
        .rate {
        position: relative;
    }

    .tooltipText {
        display: none;
        position: absolute;
        background-color: #333;
        color: #fff;
        text-align: center;
        border-radius: 5px;
        font-size: 12px;
        padding: 5px;
        z-index: 1000;
        white-space: nowrap;
        bottom: -25px;
    }

    .tooltipText::after {
        content: '';
        position: absolute;
        top: -3px;
        left: 5px;
        border-width: 4px;
        border-style: solid;
        border-color: #333;
        z-index: 1001;
        transform: rotate(45deg);
    }

    label:hover .tooltipText {
        display: block;
    }

    .social-icons {
        display: flex;
        gap: 22px;
        justify-content: center;
    }

    .iconContainer {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* .social-icon-img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    } */

    .social-icons {
        display: flex;
        align-items: center;
        gap: 16px;
        /* Adds space between icons */
    }

    .icon-styles {
        width: 50px;
        /* Adjust icon container size as needed */
        height: 50px;
    }

    .social-icon-img {
        width: 100%;
        /* Fills the icon-styles box */
        height: 100%;
        object-fit: contain;
    }

    .social-icon-fa {
        font-size: 24px;
        color: #333;
        /* Default color, change as needed */
    }

    .footer {
        background-color: #ba2929;
        /* Red background */
        color: white;
        padding: 40px 20px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        padding-top: 1px
    }

    .footer h5 {
        font-weight: bold;
        /* margin-bottom: 20px; */
    }

    .footer a {
        color: white;
        text-decoration: none;
        display: block;
        margin-bottom: 10px;
        transition: color 0.3s ease;
    }

    .footer a:hover {
        color: #ffc107;
    }

    .footer hr {
        border-top: 1px solid #fff;
        opacity: 0.2;
        margin-bottom: 30px;
    }

    .icon-styles {
        width: 59px;
        height: 40px;
    }