.video-container {
         position: relative;
         width: 100%;
         height: auto;
         overflow: hidden;
     }

     /* Custom Mute Button Styles */
     .custom-mute-btn {
         position: absolute;
         top: 20px;
         left: 20px;
         background: rgba(0, 0, 0, 0.7);
         border: none;
         border-radius: 50%;
         width: 50px;
         height: 50px;
         cursor: pointer;
         z-index: 15;
         transition: all 0.3s ease;
         display: flex;
         align-items: center;
         justify-content: center;
     }

     .custom-mute-btn:hover {
         background: rgba(0, 0, 0, 0.9);
         transform: scale(1.1);
     }

     /* Custom Play Button Styles */
     .custom-play-btn {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         background: rgba(167, 14, 19, 0.9);
         border: 3px solid rgba(255, 255, 255, 0.8);
         border-radius: 50%;
         width: 80px;
         height: 80px;
         cursor: pointer;
         z-index: 20;
         transition: all 0.3s ease;
         display: flex;
         align-items: center;
         justify-content: center;
         opacity: 1;
         visibility: visible;
     }

     .custom-play-btn:hover {
         background: rgba(167, 14, 19, 1);
         transform: translate(-50%, -50%) scale(1.1);
         border-color: white;
     }

     .custom-play-btn.hidden {
         opacity: 0;
         visibility: hidden;
         pointer-events: none;
     }

     /* Play Icon */
     .play-icon {
         width: 30px;
         height: 30px;
         fill: white;
         margin-left: 5px;
         /* Slight offset to center the triangle */
     }

     /* Pause Icon */
     .pause-icon {
         width: 28px;
         height: 28px;
         fill: white;
         display: none;
     }

     .custom-play-btn.playing .play-icon {
         display: none;
     }

     .custom-play-btn.playing .pause-icon {
         display: block;
     }

     /* Mute/Unmute Icons */
     .mute-icon,
     .unmute-icon {
         width: 24px;
         height: 24px;
         fill: white;
         transition: all 0.3s ease;
     }

     .mute-icon {
         display: none;
     }

     .unmute-icon {
         display: block;
     }

     .custom-mute-btn.muted .mute-icon {
         display: block;
     }

     .custom-mute-btn.muted .unmute-icon {
         display: none;
     }

     .custom-mute-btn.muted {
         animation: pulse 2s infinite;
     }

     @keyframes pulse {
         0% {
             box-shadow: 0 0 0 0 rgba(167, 14, 19, 0.7);
         }

         70% {
             box-shadow: 0 0 0 10px rgba(167, 14, 19, 0);
         }

         100% {
             box-shadow: 0 0 0 0 rgba(167, 14, 19, 0);
         }
     }

     /* Video overlay for click detection */
     .video-overlay {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         z-index: 10;
         cursor: pointer;
     }

     /* Responsive Design */
     @media handheld,
     only screen and (max-width: 768px) {
         .custom-mute-btn {
             width: 40px;
             height: 40px;
             top: 15px;
             left: 15px;
         }

         .mute-icon,
         .unmute-icon {
             width: 20px;
             height: 20px;
         }

         .custom-play-btn {
             width: 70px;
             height: 70px;
         }

         .play-icon {
             width: 25px;
             height: 25px;
         }

         .pause-icon {
             width: 23px;
             height: 23px;
         }
     }

     @media handheld,
     only screen and (max-width: 480px) {
         .custom-mute-btn {
             width: 35px;
             height: 35px;
             top: 10px;
             left: 10px;
         }

         .mute-icon,
         .unmute-icon {
             width: 18px;
             height: 18px;
         }

         .custom-play-btn {
             width: 60px;
             height: 60px;
         }

         .play-icon {
             width: 22px;
             height: 22px;
         }

         .pause-icon {
             width: 20px;
             height: 20px;
         }
     }


     /* Custom Mute Button Styles */
     .custom-mute-btn {
         position: absolute;
         top: 20px;
         left: 20px;
         background: rgba(0, 0, 0, 0.7);
         border: none;
         border-radius: 50%;
         width: 50px;
         height: 50px;
         cursor: pointer;
         z-index: 10;
         transition: all 0.3s ease;
         display: flex;
         align-items: center;
         justify-content: center;
     }

     .custom-mute-btn:hover {
         background: rgba(0, 0, 0, 0.9);
         transform: scale(1.1);
     }

     /* Mute/Unmute Icons */
     .mute-icon,
     .unmute-icon {
         width: 24px;
         height: 24px;
         fill: white;
         transition: all 0.3s ease;
     }

     .mute-icon {
         display: none;
     }

     .unmute-icon {
         display: block;
     }

     /* When video is muted */
     .custom-mute-btn.muted .mute-icon {
         display: block;
     }

     .custom-mute-btn.muted .unmute-icon {
         display: none;
     }

     /* Responsive Design */
     @media handheld,
     only screen and (max-width: 768px) {
         .custom-mute-btn {
             width: 40px;
             height: 40px;
             top: 15px;
             right: 15px;
         }

         .mute-icon,
         .unmute-icon {
             width: 20px;
             height: 20px;
         }
     }

     @media handheld,
     only screen and (max-width: 480px) {
         .custom-mute-btn {
             width: 35px;
             height: 35px;
             top: 10px;
             right: 10px;
         }

         .mute-icon,
         .unmute-icon {
             width: 18px;
             height: 18px;
         }
     }

     /* Optional: Add a subtle pulse animation when muted */
     .custom-mute-btn.muted {
         animation: pulse 2s infinite;
     }

     @keyframes pulse {
         0% {
             box-shadow: 0 0 0 0 rgba(167, 14, 19, 0.7);
         }

         70% {
             box-shadow: 0 0 0 10px rgba(167, 14, 19, 0);
         }

         100% {
             box-shadow: 0 0 0 0 rgba(167, 14, 19, 0);
         }
     }

     #birthdayPopup {
         display: none !important;
     }

     div#ajax_testimonials {

         --bs-gutter-x: 1.5rem;
         --bs-gutter-y: 0;
         display: flex;
         flex-wrap: wrap;
     }

     .jm-item-image {
         position: relative;
         overflow: hidden;
         border-radius: 8px;
         height: 300px;
         object-fit: cover;
     }

     #videoTestimonials .videoHolderTestimonials>img {
         width: 100%;
         height: 300px;
         border-radius: 8px;
         object-fit: cover;
     }

     .filter-section {
         width: 30%;
         padding-right: 30px;
     }

     .whole-testimonal-section {
         display: grid;
         /* justify-items: center; */
         grid-template-columns: 2fr 2fr;
         grid-template-rows: auto;
     }

     .more_updates {
         width: 70%;
     }

     .filter-section h3 {
         font-size: 14px;
         font-weight: 600;
         color: #A70E13;
         padding-top: 20px;
         padding-bottom: 10px;
     }

     .TestimonialsParentH h2 {
         font-size: 25px;
         color: #000;
         line-height: 120%;
     }

     .TestimonialsParentH .testimonialshoverblurb {
         border-bottom: none;
     }

     .year-link.active {
         font-size: 16px;
         background: #A70E13;
         color: #FFFFFF;
         padding: 13px;
         border-radius: 6px;
     }

     .year-link {
         font-size: 16px;
         color: #121B21;
         padding: 13px;
         margin-top: 10px;
     }

     @media handheld,
     only screen and (max-width: 799px) {
         div#ajax_testimonials {
             display: block;
             padding: 10px
         }

         .filter-section {
             width: 100%;
             padding-right: 0;
         }

         .more_updates {
             width: 100%;
         }

         .testimonialshoverblurb {
             padding: 20px 10px !important;
         }
     }