.elementor-3758 .elementor-element.elementor-element-e361171{--display:flex;--min-height:320px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3758 .elementor-element.elementor-element-e361171:not(.elementor-motion-effects-element-type-background), .elementor-3758 .elementor-element.elementor-element-e361171 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #00AEEF40 100%);}.elementor-3758 .elementor-element.elementor-element-3d95dad{padding:0px 0px 0px 0px;}.elementor-3758 .elementor-element.elementor-element-3d95dad.elementor-element{--align-self:center;}.elementor-3758 .elementor-element.elementor-element-3d95dad .elementor-heading-title{font-size:64px;}.elementor-3758 .elementor-element.elementor-element-38fe230{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3758 .elementor-element.elementor-element-38fe230:not(.elementor-motion-effects-element-type-background), .elementor-3758 .elementor-element.elementor-element-38fe230 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-3758 .elementor-element.elementor-element-38fe230{--content-width:1240px;}}/* Start custom CSS for html, class: .elementor-element-e9c0938 *//* Import Google Font - Inter for a modern look */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

/* Main container for all testimonial cards */
.tusqa-testimonials-container {
    display: grid;
    /* Responsive grid: auto-fit creates as many columns as possible,
       minmax ensures cards are at least 280px wide but can shrink/grow */
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px; /* Increased space between cards for better visual separation */
    padding: 30px; /* Generous padding around the entire container */
    max-width: 1300px; /* Slightly increased max width for larger screens */
    margin: 0 auto; /* Center the container on the page */
 /* Apply Inter font globally to the container */
}

/* Styling for each individual testimonial card */
.tusqa-testimonial-card {
    background-color: #00AEEF40; /* Card background color with specified transparency */
    border-radius: 20px; /* Rounded corners for a soft, modern feel */
    padding: 30px; /* Ample internal spacing within each card */
    /* Softer, more diffused shadow for elegance */
    /* Smooth transitions for all animated properties on hover */
    transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out;
    display: flex; /* Use flexbox for flexible content alignment */
    flex-direction: column; /* Stack content vertically */
    justify-content: center; /* Center text vertically */
    align-items: flex-start; /* Align text to the left */
    text-align: left; /* Ensure text is left-aligned */
    min-height: 200px; /* Set a minimum height for visual consistency across cards */
    cursor: pointer; /* Indicate that the card is interactive */
    border: 1px solid transparent; /* Subtle border for definition, transparent by default */
}

/* Hover effects for the testimonial cards */
.tusqa-testimonial-card:hover {
    transform: translateY(-8px); /* Lifts the card more noticeably on hover */
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15); /* Stronger, more prominent shadow on hover */
    background-color: #00AEEF55; /* Slightly more opaque background on hover */
    border-color: #00AEEF80; /* A subtle border appears on hover */
}

/* Styling for the testimonial text inside each card */
.tusqa-testimonial-text {
    color: #333; /* Dark gray text color for excellent readability */
    font-size: 20px; /* Slightly larger font size for better legibility */
    line-height: 1.7; /* Increased line height for comfortable reading */
    margin: 0; /* Remove default paragraph margins */
    font-weight: 400; /* Standard font weight */
}

/* Media queries for responsiveness */

/* Tablets and larger phones */
@media (max-width: 768px) {
    .tusqa-testimonials-container {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* Adjust min width for tablets */
        gap: 20px; /* Slightly reduced gap */
        padding: 20px; /* Reduced padding */
    }
    .tusqa-testimonial-card {
        padding: 25px; /* Adjusted card padding */
        min-height: auto; /* Allow height to adapt */
    }
    .tusqa-testimonial-text {
        font-size: 16px; /* Slightly smaller font size for tablets */
    }
}

/* Mobile devices */
@media (max-width: 480px) {
    .tusqa-testimonials-container {
        grid-template-columns: 1fr; /* Stack cards in a single column on mobile */
        gap: 15px; /* Further reduced gap */
        padding: 15px; /* Further reduced padding */
    }
    .tusqa-testimonial-card {
        padding: 20px; /* Adjusted card padding for mobile */
        min-height: auto; /* Ensure height adapts */
    }
    .tusqa-testimonial-text {
        font-size: 15px; /* Smallest font size for mobile readability */
        line-height: 1.6; /* Adjusted line height */
    }
}/* End custom CSS */