.dynamic-feature-card {
       transition: transform 0.3s ease, box-shadow 0.3s ease;
   }
   
   .dynamic-feature-card:hover {
       transform: translateY(-6px);
       box-shadow: 0 25px 35px -12px rgba(6, 106, 201, 0.18), 0 0 0 1px rgba(6, 106, 201, 0.05);
   }
   
   .card-img-hover-zoom {
       overflow: hidden;
       border-top-left-radius: 0.75rem;
       border-top-right-radius: 0.75rem;
   }
   
   .card-img-hover-zoom img {
       transition: transform 0.35s cubic-bezier(0.2, 0.9, 0.4, 1.1);
       width: 100%;
       display: block;
   }
   
   .dynamic-feature-card:hover .card-img-hover-zoom img {
       transform: scale(1.05);
   }
   
   .feature-card-content {
       background: #ffffff;
       border-bottom-left-radius: 0.75rem;
       border-bottom-right-radius: 0.75rem;
   }
   
   .feature-card-content p a {
       font-weight: 600;
       transition: all 0.2s;
   }
   
   .feature-card-content p a:hover {
       letter-spacing: 0.3px;
       color: #0555a1 !important;
       text-decoration: underline;
   }
   /* ensure h2 inside cards inherit proper spacing */
   
   .feature-card-content h2 {
       font-size: 1.65rem;
       margin-bottom: 0.75rem;
   }
   
   @media (max-width: 768px) {
       .feature-card-content h2 {
           font-size: 1.45rem;
       }
   }
   
   .feedback-card {
       transition: all 0.35s cubic-bezier(0.2, 0.9, 0.4, 1.1);
       cursor: pointer;
       position: relative;
       z-index: 1;
       background: #fff;
       border-radius: 1rem;
       overflow: hidden;
   }
   /* Background subtle shift on hover */
   
   .feedback-card::before {
       content: '';
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: radial-gradient(circle at 30% 20%, rgba(6, 106, 201, 0.05), transparent 70%);
       opacity: 0;
       transition: opacity 0.4s ease;
       z-index: -1;
       border-radius: inherit;
   }
   
   .feedback-card:hover::before {
       opacity: 1;
   }
   /* Main hover transform & shadow */
   
   .feedback-card:hover {
       transform: translateY(-12px) scale(1.02);
       box-shadow: 0 25px 35px -12px rgba(6, 106, 201, 0.25), 0 0 0 1px rgba(6, 106, 201, 0.2);
       border-color: #066ac9 !important;
   }
   /* Avatar image subtle zoom & ring effect */
   
   .feedback-card .avatar-img {
       transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.2);
       box-shadow: 0 5px 12px rgba(0, 0, 0, 0.05);
   }
   
   .feedback-card:hover .avatar-img {
       transform: scale(1.08);
       box-shadow: 0 8px 20px rgba(6, 106, 201, 0.2);
       border: 2px solid #066ac9;
   }
   /* Quote icons animation on hover */
   
   .feedback-card .fa-quote-left,
   .feedback-card .fa-quote-right {
       transition: transform 0.3s ease, color 0.2s;
       display: inline-block;
   }
   
   .feedback-card:hover .fa-quote-left {
       transform: translateX(-4px) translateY(-2px);
       color: #066ac9;
   }
   
   .feedback-card:hover .fa-quote-right {
       transform: translateX(4px) translateY(2px);
       color: #066ac9;
   }
   /* Author name color transition */
   
   .feedback-card h6 {
       transition: color 0.25s;
       font-weight: 700;
   }
   
   .feedback-card:hover h6 {
       color: #066ac9 !important;
   }
   /* Paragraph text slight shift */
   
   .feedback-card p {
       transition: transform 0.2s;
   }
   
   .feedback-card:hover p {
       transform: translateY(-1px);
   }
   /* Keep carousel arrows and dots styling consistent (no override) */
   
   .tiny-slider .feedback-card {
       margin: 1rem 0.5rem;
   }
   /* Optional: smooth card border radius & inner spacing */
   
   .rounded-3 {
       border-radius: 1rem !important;
   }
   
   .bg-body {
       background-color: #ffffff;
   }
   /* Glowing border on hover (additional nuance) */
   
   .feedback-card {
       border: 1px solid rgba(0, 0, 0, 0.08);
   }