*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
 .heading-page {
     text-align: center;
     /* padding: 60px 0; */
 }

 /* Spacing for the paragraph section */
 .paragraph-section {
     text-align: center;
     margin-top: 40px;
     /* Space above the paragraph section */
     margin-bottom: 60px;
     /* Add space below the paragraph section */
     font-size: 20px;
     /* Increased font size for general text */
     color: #333;
     padding: 20px 0;
 }

 .paragraph-section p {
     line-height: 1.8;
     max-width: 800px;
     margin: 0 auto;
 }

 /* Title styling */
 .section-title {
     font-size: 28px;
     font-weight: bold;
     margin-bottom: 20px;
     /* Adds space between the title and paragraph */
     color: #333;
 }

 /* Highlight and enlarge the hashtag */
 .highlight-hashtag {
     font-size: 15px;
     /* Larger font size for the hashtag */
     font-weight: bold;
     color: #a12c2f;
     /* Example color, feel free to change */
 }

 .heading-page {
     text-align: center;
     /* padding: 60px 0; */
 }

 .paragraph-section {
     text-align: center;
     margin-top: 20px;
     font-size: 18px;
     color: #333;
     /* padding: 20px 0; */
 }

 .paragraph-section p {
     line-height: 1.6;
     max-width: 800px;
     margin: 0 auto;
 }

 /* Styling for the card section */
 .testimonial-cards-section {
     padding: 50px 0;
     background-color: #f9f9f9;
     /* Light background for contrast */
     text-align: center;
 }

 /* Card styling */
 /* Styling for the card section */
 .testimonial-cards-section {
     padding: 50px 0;
     background-color: #f9f9f9;
     /* Light background for contrast */
     text-align: center;
 }

 /* Card container layout */
 .row {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     align-items: stretch;
     /* Ensure all cards are of the same height */
 }

 /* Card styling */
 .cards {
     background-color: #fff;
     border: none;
     padding: 30px;
     margin: 20px 0;
     border-radius: 10px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
     /* Soft shadow */
     transition: box-shadow 0.3s ease-in-out;
     display: flex;
     flex-direction: column;
     /* Ensure content stacks vertically */
     justify-content: space-between;
     /* Evenly distribute content vertically */
 }

 .cards:hover {
     box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
     /* Stronger shadow on hover */
 }

 .cards h4 {
     font-size: 1.5rem;
     font-weight: bold;
     margin-bottom: 15px;
     color: #333;
 }

 .cards p {
     font-size: 1rem;
     line-height: 1.6;
     color: #555;
     flex-grow: 1;
     /* Allow the paragraph to expand, making cards uniform */
 }

 .cards strong {
     display: block;
     margin-top: 10px;
     font-size: 1.1rem;
     color: #333;
 }

 /* Flexbox layout for responsiveness */
 .col-lg-3,
 .col-md-6 {
     flex: 0 0 48%;
     /* 2 cards per row for large screens */
     max-width: 48%;
 }

 @media (max-width: 992px) {
     .col-lg-3 {
         flex: 0 0 100%;
         /* Stack cards for smaller screens */
         max-width: 100%;
     }
 }

 @media (max-width: 768px) {
     .cards {
         padding: 20px;
     }

     .cards h4 {
         font-size: 1.4rem;
     }

     .cards p {
         font-size: 0.95rem;
     }

     .cards strong {
         font-size: 1rem;
     }
 }


 /* Section Styling */
 .testimonial-section {
     padding: 60px 0;
     background-color: #eff8ff;
 }

 .testimonial-wrapper {
     display: flex;
     overflow-x: auto;
     padding-bottom: 20px;
     scroll-snap-type: x mandatory;
 }

 .testimonial-item {
     flex: 0 0 auto;
     background-color: #ffffff;
     border-radius: 15px;
     padding: 20px;
     text-align: center;
     box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
     margin: 0 15px;
     width: 550px;
     /* Reduced width */
     transition: transform 0.3s ease;
     scroll-snap-align: center;
 }

 .testimonial-item:hover {
     transform: translateY(-10px);
 }

 .client-photo {
     width: 80px;
     /* Reduced photo size */
     height: 80px;
     border-radius: 50%;
     overflow: hidden;
     margin: 0 auto 15px;
 }

 .client-photo img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .client-name {
     font-size: 16px;
     font-weight: bold;
     color: #333;
     margin-bottom: 5px;
 }

 .client-role {
     font-size: 13px;
     color: #666;
     margin-bottom: 10px;
 }

 .testimonial-text {
     font-size: 14px;
     /* Reduced for a compact look */
     color: #555;
     line-height: 1.5;
 }

 /* Slider Buttons */
 .slider-nav {
     margin: 20px 0 20px;
     /* Add space (20px) between heading and buttons */
     text-align: right;
     /* Align buttons to the right */
 }

 .prev-btn,
 .next-btn {
     background-color: #333;
     color: white;
     border: none;
     border-radius: 50%;
     width: 40px;
     height: 40px;
     cursor: pointer;
     font-size: 18px;
     display: inline-block;
     margin: 0 10px;
 }

 .prev-btn:hover,
 .next-btn:hover {
     background-color: #555;
 }

 /* Hide scrollbar */
 .testimonial-wrapper::-webkit-scrollbar {
     display: none;
 }

 .testimonial-wrapper {
     -ms-overflow-style: none;
     /* IE and Edge */
     scrollbar-width: none;
     /* Firefox */
 }

 /* Responsive design: Stack cards on smaller screens */
 @media (max-width: 768px) {
     .testimonial-wrapper {
         display: block;
     }

     .testimonial-item {
         margin: 0 auto 20px;
         width: 90%;
         /* Take up more width on small screens */
     }
 }